<dtml-comment>↓Clearする呪文</dtml-comment>
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {display: inline-block;}
* html .clear {height: 1%;}
.clear {display: block;}
<dtml-comment>↑Clearする呪文</dtml-comment>


body{
margin: 0px;
padding: 0px;
background-color:#f2f2ea;
}

h1, h2, h3, p{
margin: 0 0 0px 0;
padding: 0px;
}

.side_box{
font-size:10px;
letter-spacing:0.1em;
line-height:150%;
color:#666666;
margin:5px 20px 10px;
}

h1{
font-size:12px;
font-weight:normal;
margin:10px 5px 10px;
}

h2{
font-size:16px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
margin:0px 100px 10px 7px;
padding:0px 10px 2px;
letter-spacing:0.2em;
border-bottom:1px solid #e6dcd0;
}

.name{
font-size:14px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
margin:20px 30px 10px 20px;
padding:0px 10px 2px;
letter-spacing:0.2em;
border-bottom:1px dotted #e6dcd0;
}

.adetail{
font-size:12px;
line-height:150%;
margin:25px 15px 10px 30px;
padding:0px 10px;
border-left:3px solid #e6dcd0;
}

.adetail_top{
font-size:12px;
line-height:150%;
margin:15px 15px 15px 20px;
padding:0px 10px;
border-left:3px solid #e6dcd0;
}

h3{
font-size:10px;
color:#000000;
font-weight:normal;
margin:10px 300px 5px 7px;
padding:0px 10px 2px;
letter-spacing:0.2em;
border-bottom:1px dotted #e6dcd0;
}

.detail{
font-size:12px;
line-height:150%;
margin:10px 15px 10px 30px;
padding:0px 0px;
}

.detail_s{
text-align:right;
font-size:10px;
line-height:150%;
margin:5px 15px 10px 30px;
padding:0px 0px;
}

p{
font-size:13px;
letter-spacing:0.1em;
line-height:150%;
margin:0px 7px 5px;
}

.caution{
color:#990000;
}

a {
text-decoration: none;
}
a:link{
color:#990000;
}
a:visited{
color:#990000;
}
a:hover{
color:#0066CC;
}


/*作家サムネイル*/

#artist_thumb{
width:277px;
height:380px;
margin:2px;
float:left;
overflow:auto;
border:1px solid #e6dcd0;
}

#artist_thumb_side{
width:160px;
margin:2px;
overflow:auto;
/*
border:1px solid #e6dcd0;
*/
}

#artist_thumb_side img{
width:100px;
height:auto;
}

/*作品サムネイル*/

#work_thumb{
width:277px;
height:300px;
/*
height:279px;
*/
margin:2px;
float:left;
overflow:auto;
border:1px solid #e6dcd0;
}

.thum_w{
width:277px;
margin:2px 2px 10px;
float:left;
}

/*
#work_thumb{
width:183px;
height:220px;
margin:2px;
float:left;
overflow:auto;
border:1px solid #e6dcd0;
}
.thum_w{
width:183px;
margin:2px 2px 10px;
float:left;
}
*/

.photo1{
margin:10px 0px 0px;
}

.sname{
color:#000000;
font-size:10px;
margin:5px 5px 0px;
}

.stitle{
font-size:13px;
margin:5px 5px 0px;
line-height:130%;
letter-spacing:0.2em;
}

.sstitle{
font-size:10px;
margin:5px 5px 0px;
line-height:130%;
}

/*レイアウト*/

#bord{
width: 593px;
margin:0px 5px 5px 0px;
border:1px solid #e6dcd0;
background-color:#ffffff;
}

#bord2{
width: 587px;
margin:2px;
border:1px solid #e6dcd0;
background-color:#ffffff;
}

#ly{
width:567px;
margin:10px;
}

.logo {
width: 800px;
height:138px;
background:url(http://www.depo.jp/image/mi_top.jpg) no-repeat;
}

#lyout{
width:800px;
margin:0px;
padding:0px;
font-size:12px;
color:#666666;
}

.main {
width: 600px;
background-color:#f2f2ea;
text-align:left;
}

.side {
width: 200px;
background:url(http://www.depo.jp/image/mi_side_bg.jpg) repeat;
text-align:left;
}

.side #side_toiawase{
background:url(http://www.depo.jp/image/mi_side.jpg) no-repeat;
width:200px;
height:227px;
overflow: hidden; /* FireFox 背景画像対応 */
}

.side #mailto{
margin:145px 0 0 40px;
}

.footer {
width: 800px;
height:142px;
clear: both;
background:url(http://www.depo.jp/image/mi_footer.jpg) no-repeat;
}

.footertx{
padding-top:100px;
font-size:10px;
letter-spacing:0.1em;
line-height:1.2em;
color:#9c4e4b;
}

.footer a {
color:#9c4e4b;
}

.footer a:link{
color:#9c4e4b;
}
.footer a:visited{
color:#9c4e4b;
}
.footer a:hover{
color:#9c4e4b;
}


<dtml-comment>トップサイド取り扱い作家</dtml-comment>
div#past_alist{

}

#past_alist ul{
margin:0px;
padding:10px 20px 20px 20px;
overflow: auto;
}
#past_alist ul li{
list-style-type:none;
padding-top:3px;
float:left;
width:80px;
font-size:10px;
}