@import url("basic.css");

.mainCont .sublink{
width:540px;
padding-top:5px;
text-align:center;
}
.mainCont .sublink li{
float:left;
width:33.2%;
height:100px;
margin:0 0 15px 0;
border-right:1px dotted #dfdfdf;
}
.mainCont .sublink li:last-child{border:none;}
.mainCont .sublink li a{
background:none;
height:70px;
margin-top:10px;
border:none;
font-size:15px;
font-weight:bold;
}

.mainCont .sublink .highclass a{
background:url(../costume/images/aboutcos_a.jpg) no-repeat bottom;
}
.mainCont .sublink .swimming a{
background:url(../costume/images/aboutcos_k.jpg) no-repeat bottom;
}
.mainCont .sublink .highgrade a{
background:url(../costume/images/aboutcos_g.jpg) no-repeat bottom;
}

.mainCont .sublink li a:hover{
color:#ff80a8;
opacity:0.8;
}

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

.list:after{content:""; display:block; clear:both; width:0; height:0;}

.list li{
float:right; margin:0 0 0 5px;
}

.list a{
min-width:75px;
background: #f6f6f6;
border: 1px solid #e1e1e1;
border-radius: 3px;
padding:5px 10px;
display:block;
font-size:11px;
text-align: center;
}
.list a:hover{background: #ff4882; color: #ffffff; border-color: #ff4882;}


/*
‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘

‘costume_list

‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘
*/

#highclass:after,
#swimming:after,
#highgrade:after{content:""; display:block; clear:both; width:0; height:0; margin-bottom: 10px;}

#highclass dl{
background:url(../costume/images/dl_bg.jpg) no-repeat;
width:32.7%;
height:260px;
text-align:center;
position:relative;
margin:0 0 7px 0;
background-position:center center;
display: inline-block;
}

#swimming dl{
background:url(../costume/images/kitamama_bg.jpg) no-repeat;
width:32.7%;
height:260px;
text-align:center;
position:relative;
margin:0 0 7px 0;
background-position:center center;
display: inline-block;
}

#highgrade dl{
background:url(../costume/images/highgrade_bg.jpg) no-repeat;
width:32.7%;
height:260px;
text-align:center;
position:relative;
margin:0 0 7px 0;
background-position:center center;
display: inline-block;
}


#highclass .new,
#swimming .new,
#highgrade .new{
background:url(../costume/images/new_bg.jpg) no-repeat;
position:relative;
background-position:center center;
}


#highclass dt a,
#swimming dt a,
#highgrade dt a{width:158px; border:1px solid #e5e5e5; display:block; margin:6px auto;}

#highclass dt a:hover,
#swimming dt a:hover,
#highgrade dt a:hover{border:1px solid #f59fba;}

#highclass dd,
#swimming dd,
#highgrade dd{color:#808080;}

#highclass .com,
#swimming .com,
#highgrade .com{
width:522px;
background-color:#f2f2f2;
border:1px solid #ebebeb;
padding:10px 8px;
margin-bottom:10px;
border-radius: 3px;
}

#highclass .com span,
#swimming .com span,
#highgrade .com span{
background-color:#e9e9e9;
display:block;
text-align:center;
padding:10px 0;
margin-top:5px;
font-size:14px;
border-radius:3px;
border:1px solid #e2e2e2;
text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
}

#highclass .com span b,
#swimming .com span b,
#highgrade .com span b{
color:#ff1660;
}

#highclass .com span.taxcom,
#swimming .com span.taxcom,
#highgrade .com span .taxcom{display: block; color: #666666; font-size: 10px; text-align: right;}

#highclass .ok,
#swimming .ok,
#highgrade .ok{position:absolute; top:3px; right:7px; text-align:right;}

#highclass .taxcom,
#swimming .taxcom,
#highgrade .taxcom{ width:540px; text-align:right; font-size:11px; margin-bottom:10px;}

#highclass dl .name,
#swimming dl .name,
#highgrade dl .name{width:90%; margin:0 auto; font-size:11px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*
‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘

‘detail

‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘‘
*/

.imageArea{
position:relative;
background:url(../costume/images/cover_bg.jpg) no-repeat;
width:530px;
height:670px;
margin:0 auto 20px auto;
}

#wrap .mainCont .imageArea h3{
width:490px;
padding:5px 0 0 5px;
position:relative;
color:#ff1660;
font-weight:bold;
font-size:13px;
background-image:none;
text-indent:14px;
margin:0 auto;
}

#wrap .mainCont .imageArea h3 span{
background:url(../costume/images/new.gif) no-repeat;
width:50px;
height:22px;
line-height:24px;
color:#FFFFFF;
font-size:10px;
font-weight:normal;
position:absolute;
top:10px;
right:0;
}

#wrap .mainCont .imageArea h3 b{
background:url(../costume/images/kita_ico.gif) no-repeat;
width:65px;
height:22px;
line-height:22px;
color:#ffffff;
font-size:9px;
font-weight:normal;
position:absolute;
top:10px;
right:75px;
text-indent:10px;
}

.imageArea ul{
position:absolute;
bottom:8px;
left:30px;
}

.imageArea ul li{float:left; margin-right:15px;}
.imageArea ul a img{
border:3px solid #ddd;
}
.imageArea ul a:hover img{
border:3px solid #ff7e9f;
}
.imageArea .image{
height:500px;
width:500px;
position:absolute;
position:relative;
top:10px;
left:15px;
z-index:2;
}
.imageArea .image .v{
position:absolute;
top:15px;
left:70px;
}
.imageArea .image .s{
position:absolute;
top:70px;
left:20px;
}
.imageArea .image .a{
position:absolute;
top:0px;
left:0px;
}
#Layer1{
visibility:visible;
}
#Layer2,#Layer3,#Layer4,#Layer5,#Layer6,#Layer7,#Layer8{
visibility:hidden;
}
#Layeralpha{
z-Index:9;
}

.model{text-align:right; margin:10px 8px 10px 0;}
.comment{margin:10px 0;}

.girls{overflow:hidden;}
.girl{
float:left;
list-style:none;
width:82px;
height:108px;
margin:0px;
font-size:10px;
padding:0;
margin:0px 4px 0px 0;
padding:7px 0 0 0;
background:url(../costume/images/girl_bg.jpg) no-repeat;
text-align:center;
}
.girl .name{
font-size:11px;
}
.girl a img{
border:1px solid #d1ccbd;
margin:0;
padding:0;
}
.girl a:hover img{
border:1px solid #ff7e9f;
margin:0;
padding:0;
background:#FCA600;
}