@charset "utf-8";

/* index */
div.index div.works{
margin:0 0 10px 0;
border-bottom:1px solid #ddd;
}
div.index div.works h2{
float:right;
clear:none;
width:385px;
margin:0.7em 0 -1em 0 !important;
}
div.index div.works p{
float:right;
width:405px;
}
div.index div.works p.detail{
margin:-0.5em 0 1em 0;
}

div#contents div.index div.works p.pict2{
position:relative;
float:left;
width:auto;
}
div#contents div.index p.pict2 a,
div#contents div.index p.pict2 a:link,
div#contents div.index p.pict2 a:visited{
padding:1px !important;
border:4px solid #ddd;
background:none !important;
width:100px;
height:100px;
}
div#contents div.index p.pict2 a:hover,
div#contents div.index p.pict2 a:active{
padding:1px !important;
border:4px solid #fcdd05;
background:none !important;
}
div#contents div.index p.pict2 img{
position:absolute;
top:4px;
left:5px;
clip:rect(5px 134px 105px 34px);
margin:-5px 0px 0px -34px;
border:none !important;
}
/*div.index div.works h2{
float:right;
clear:none;
width:330px;
margin:0.7em 0 -1em 0 !important;
}
div.index div.works p{
float:right;
width:340px;
}
div.index div.works p.detail{
margin:-0.5em 0 1em 0;
}

div#contents div.index div.works p.pict2{
position:relative;
float:left;
width:auto;
}
div#contents div.index p.pict2 a{
padding:0 !important;
background:none !important;
width:100px;
height:100px;
}
div#contents div.index p.pict2 img{
width:176px;
height:123px;
border:none !important;
}*/


/* works */
div#contents div.section p.owner{
text-align:right;
float:right;
color:#51381a;
}
div#contents div.section p.owner a,
div#contents div.section p.owner a:link,
div#contents div.section p.owner a:visited{
padding:2px 5px 2px 20px;
background:#fcdd05 url(/assets/images/common/listicon2.gif) no-repeat 7px 50%;
color:#51381a;
}
div#contents div.section p.owner a:hover,
div#contents div.section p.owner a:active{
color:#51381a;
}
div#contents div.section p.pict a img{
padding:1px;
border:4px solid #ddd;
}
div#contents div.section p.pict a,
div#contents div.section p.pict a:link,
div#contents div.section p.pict a:visited{
display:block;
padding:0 0 20px 0;
background:url(/assets/images/works/zoom_off.gif) no-repeat 100% 100%;
}
div#contents div.section p.pict a:hover,
div#contents div.section p.pict a:active{
background:url(/assets/images/works/zoom_on.gif) no-repeat 100% 100%;
}
div#contents div.section p.pict a:hover img,
div#contents div.section p.pict a:active img{
padding:1px;
border:4px solid #fcdd05;
}
div#contents div.section dl{
clear:both;
}