@charset "utf-8";
#suitwrap{
padding:25px;
}
#suitwrap h2 {
margin:10px 0 30px;
font-size:18px;
}
#suitwrap h3 {
clear:both;
margin:30px 0;
font-size:21px;
font-family:Arial, Helvetica, sans-serif;
}
#suitwrap p {
line-height:200%;
}
#suitwrap p a img{
vertical-align:middle;
margin-left:10px;
}
#suitwrap p a:hover img{
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
}
#suitwrap ol,#suitwrap ul{
overflow: hidden;
}
#suitwrap ol:after, #suitwrap ul:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #suitwrap ol,* html #suitwrap ul{
height: 1em;
overflow: visible;
}
/**/
#suitwrap ol{
width:812px;
margin:0 auto 20px;
}
#suitwrap ol li {
width:182px;
float:left;
margin-right:28px;
}
#suitwrap ol .styleend,#suitwrap #coordinatelist .styleend{
margin-right:0;
}
#suitwrap ol li dl dt {
width:180px;
margin-bottom:10px;
border:1px solid #CCCCCC;
}
#suitwrap ol li dl dd p{
line-height:160%;
}
#suitwrap .stylename{
font-size:16px;
font-weight:bold;
margin-bottom:3px;
}
#suitwrap .styleexp {
margin-top:5px;
}
#suitwrap .kome{
color:#CC6699;
}
#suitwrap #suitatt {
clear:both;
font-size:10px;
width:620px;
padding-left:210px
}
#suitwrap #suitatt p{
line-height:150%;
}
#suitwrap #coordinatelist{
position: relative;
/*border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;*/
}
#suitwrap #coordinatelist li{
display: block;
overflow: hidden;
cursor: pointer;
}
#suitwrap #coordinatelist li {
width:96px;
height:280px;
float:left;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
margin-right: 10px;
background:url(../ladies/suits/img/coodbg.gif) repeat-x;
}
#suitwrap #coordinatelist li .coodtxt{
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:248px;
padding: 15px 15px 15px 155px;
}
#suitwrap #coordinatelist li .coodtxt p{
display: none;
width: 255px;
line-height:200%;
letter-spacing:0.1em;
}
#suitwrap #coordinatelist li #cood01{
background:url(../ladies/suits/img/c01.jpg) no-repeat;
}
#suitwrap #coordinatelist li #cood02{
background:url(../ladies/suits/img/c02.jpg) no-repeat;
}
#suitwrap #coordinatelist li #cood03{
background:url(../ladies/suits/img/c03.jpg) no-repeat;
}
#suitwrap #coordinatelist li #cood04{
background:url(../ladies/suits/img/c04.jpg) no-repeat;
padding: 15px 15px 15px 215px;
}
#suitwrap #coordinatelist li #cood04 p{
width: 195px;
}
#suitwrap #coordinatelist li #cood05{
background:url(../ladies/suits/img/c05.jpg) no-repeat;
}
#suitwrap #coordinatelist li #cood06{
background:url(../ladies/suits/img/c06.jpg) no-repeat;
}
#suitwrap #coordinatelist li #cood07{
background:url(../ladies/suits/img/c07.jpg) no-repeat;
}
#suitwrap #coordinatelist li #cood08{
background:url(../ladies/suits/img/c08.jpg) no-repeat;
}
#suitwrap #coordinatelist li.active p{
display: block;
}
#fabricbrand{
margin-top:20px;
}
#fabricbrand li{
clear:both;
margin-bottom:15px;
height:50px;
}
#fabricbrand li dl{
}
#fabricbrand li dl dt{
float:left;
width:160px;
height:50px;
border:1px solid #CCCCCC;
font-size:12px;
}
#fabricbrand li dl dd{
margin-left:180px;
font-size:12px;
}
#fabricbrand li dl dd.brandname{
font-size:10px;
letter-spacing:0.05em;
margin-bottom:10px;
}
#fabricbrand li dl dd.brandname .brandalpha{
font-weight:bold;
font-size:17px;
}
#suitwrap #suitoption{
margin-top:20px;
margin-left:20px;
}
#suitwrap #suitoption li{
width:150px;
float:left;
margin-right:40px;
}
#suitwrap #suitoption dt {
width:150px;
height:150px;
margin-bottom:10px;
}
#suitwrap #suitoption dd {
text-align:center;
}