@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 {
float: left;
width: 182px;
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 {
margin-bottom: 3px;
font-weight: bold;
font-size: 16px;
}
#suitwrap .styleexp {
margin-top: 5px;
}
#suitwrap .kome {
color: #CC6699;
}
#suitwrap #suitatt {
clear: both;
width: 620px;
padding-left: 210px;
font-size: 10px;
}
#suitwrap #suitatt p {
line-height: 150%;
}
#suitwrap #coordinatelist {
position: relative;
}
#suitwrap #coordinatelist li {
cursor: pointer;
display: block;
overflow: hidden;
}
#suitwrap #coordinatelist li {
float: left;
width: 96px;
height: 280px;
margin-right: 10px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background: url(../ladies/suits/img/coodbg.gif) repeat-x;
}
#suitwrap #coordinatelist li .coodtxt {
height: 248px;
padding: 15px 15px 15px 155px;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
#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 {
padding: 15px 15px 15px 215px;
background: url(../ladies/suits/img/c04.jpg) no-repeat;
}
#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;
height: 50px;
margin-bottom: 15px;
}
#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 {
margin-bottom: 10px;
font-size: 10px;
letter-spacing: 0.05em;
}
#fabricbrand li dl dd.brandname .brandalpha {
font-weight: bold;
font-size: 17px;
}
#suitwrap #suitoption {
margin-top: 20px;
margin-left: 20px;
}
#suitwrap #suitoption li {
float: left;
width: 150px;
margin-right: 40px;
}
#suitwrap #suitoption dt {
width: 150px;
height: 150px;
margin-bottom: 10px;
}
#suitwrap #suitoption dd {
text-align: center;
}