@charset "utf-8";
/* CSS Document */
@import url("reset.css");
body {
margin: 0;
padding: 0;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#ladysystemwrap {
width: 762px;
margin: 0 auto;
}
h1 {
padding: 20px 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
}
div#feature_list {
position: relative;
width: 760px;
height: 462px;
overflow: hidden;
}
div#feature_list ol {
position: absolute;
top: 0;
}
ol#tabs {
left: 0;
z-index: 2;
width: 320px;
margin-top: 1px;
}
ol#tabs li {
height: 60px;
font-size: 14px;
}
ol#tabs #sys1 {
background: url(../ladies/suits/img/system/1.gif) no-repeat 20px 12px;
}
ol#tabs #sys2 {
background: url(../ladies/suits/img/system/2.gif) no-repeat 20px 12px;
}
ol#tabs #sys3 {
background: url(../ladies/suits/img/system/3.gif) no-repeat 20px 12px;
}
ol#tabs #sys4 {
background: url(../ladies/suits/img/system/4.gif) no-repeat 20px 12px;
}
ol#tabs #sys5 {
background: url(../ladies/suits/img/system/5.gif) no-repeat 20px 12px;
}
ol#tabs #sys6 {
background: url(../ladies/suits/img/system/6.gif) no-repeat 20px 12px;
}
ol#tabs #sys7 {
background: url(../ladies/suits/img/system/7.gif) no-repeat 20px 12px;
}
ol#tabs #sys8 {
background: url(../ladies/suits/img/system/8.gif) no-repeat 20px 12px;
height: 40px;
}
ol#tabs li a {
outline: none;
display: block;
height: 40px;
line-height: 40px;
padding-left: 45px;
color: #303030;
text-decoration: none;
letter-spacing: 0.2em;
}
ol#tabs li a:hover {
cursor: cursor;
text-decoration: underline;
color: #AD8B57;
}
ol#tabs li a.current {
color: #FFFFFF;
font-size: 16px;
}
ol#tabs #sys1 a.current {
background: url(../ladies/suits/img/system/current1.gif) 0 center;
}
ol#tabs #sys2 a.current {
background: url(../ladies/suits/img/system/current2.gif) 0 center;
}
ol#tabs #sys3 a.current {
background: url(../ladies/suits/img/system/current3.gif) 0 center;
}
ol#tabs #sys4 a.current {
background: url(../ladies/suits/img/system/current4.gif) 0 center;
}
ol#tabs #sys5 a.current {
background: url(../ladies/suits/img/system/current5.gif) 0 center;
}
ol#tabs #sys6 a.current {
background: url(../ladies/suits/img/system/current6.gif) 0 center;
}
ol#tabs #sys7 a.current {
background: url(../ladies/suits/img/system/current7.gif) 0 center;
}
ol#tabs #sys8 a.current {
background: url(../ladies/suits/img/system/current8.gif) 0 center;
}
ol#tabs li a.current:hover {
cursor: default;
text-decoration: none;
}
div#output {
position: relative;
left: 294px;
width: 463px;
height: 460px;
border: 1px solid #CCCCCC;
}
div#output .systemtxt {
position: absolute;
width: 463px;
height: 460px;
background: url(../ladies/suits/img/system/stripebg.png);
}
div#output .systemtxt dl dt {
margin-top: 10px;
text-align: center;
}
div#output .systemtxt dl dd {
width: 371px;
margin: 10px auto;
padding: 10px 20px;
border: 1px solid #999999;
color: #000000;
font-size: 12px;
background: #CCCCCC;
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
}
div#output .systemtxt dl dd p {
line-height: 160%;
}