/* (C) good-beauty.com */

@import "common.css";

#cate_title {
width:600px;
height:55px;
background:url(../images/commodity/bar_detail.gif) no-repeat;
}
#right_l h2 {
padding:0 0 0 25px;
padding-top:32px;
}

#com_area {
width:600px;
background:url(../images/commodity/com_area_bot.gif) no-repeat bottom;
padding-bottom:11px;
}
#com_mid,#com_mid_comment {
width:576px;
padding:0 12px;
background:url(../images/commodity/com_area_mid.gif) repeat-y;
}
#com_area h3 {
width:600px;
height:30px;
background:url(../images/commodity/com_area_top.gif) no-repeat;
text-indent:-9000px;
}

#com_mid_comment h4 {
font-size:14px;
font-weight:bold;
color:#00CC00;
margin-bottom:5px;
padding-left:18px;
background:url(../images/common/ar02.gif) no-repeat;
}
#com_mid_comment p {
width:558px;
margin-left:18px;
line-height:18px;
margin-bottom:10px;
}

#photo_area {
width:576px;
padding-bottom:10px;
}
#photo_l {
width:226px;
height:220px;
float:left;
}
#photo_r {
width:350px;
background:url(../images/commodity/com_photo.gif) no-repeat;
padding-top:30px;
float:left;
}
#photo_r table {
width:348px;
border-collapse:collapse;
}
#photo_r table td {
width:25%;
height:87px;
vertical-align:middle;
text-align:center;
background:url(../images/commodity/photo_back.gif) no-repeat;
}

.base_info {
padding-top:10px;
}
.base_info dt {
padding-left:65px;
line-height:16px;
background:url(../images/commodity/bar_name.gif) no-repeat;
}
.base_info dt strong {
font-weight:normal;
}
.base_info dd {
margin-top:5px;
padding-left:65px;
line-height:16px;
background:url(../images/commodity/bar_price.gif) no-repeat;
}

.cart {
padding:10px 0 0;
}
.cart dl {
}
.cart dt,.cart dd {
width:130px;
height:40px;
float:left;
}
.cart dt a,.cart dd a {
width:120px;
height:30px;
display:block;
text-indent:-9000px;
}
.cart dt a {background:url(../images/commodity/btn_cart.gif) no-repeat;}
.cart dd a {background:url(../images/commodity/bar_cartlook.gif) no-repeat;}

#text_area {
width:576px;
background:url(../images/commodity/com_detail.gif) no-repeat 10px 5px;
padding-top:40px;
border-top:1px dashed #00CC00;
}
#text_area h4 {
font-size:14px;
font-weight:bold;
color:#00CC00;
margin-bottom:5px;
padding-left:18px;
background:url(../images/common/ar02.gif) no-repeat 0 1px;
line-height:16px;
}
#text_area p {
margin-left:18px;
line-height:18px;
margin-bottom:10px;
}
#text_area p strong {
font-weight:normal;
}
#text_area p span strong {
font-weight:bold;
}
.side {
float:left;
margin-right:5px;
}

#all_cart {
border-collapse:collapse;
margin:0 0 10px 18px;
}
#all_cart td {
padding-bottom:10px;
}
.cart_area {
padding:0 20px 0 10px;
}

/* kutikomi */
#kutikomi {
width:576px;
background:url(../images/commodity/com_kutikomi.gif) no-repeat 10px 5px;
padding-top:40px;
border-top:1px dashed #00CC00;
}
#kutikomi h4 {
line-height:24px;
background:#66CC33;
padding-left:5px;
}

.com_regi {
width:576px;
line-height:20px;
text-align:right;
}
.com_list {
width:556px;
padding-left:10px;
margin:10px 0;
}
.com_list h5 {
width:556px;
background:#FFCC33;
line-height:20px;
text-indent:5px;
}
#com_ninsyo {
line-height:18px;
padding:0 6px 5px;
}
.com_body {
width:556px;
margin-top:8px;
}
.com_body p {
width:550px;
line-height:18px;
padding:0 0 5px 6px;
}
.com_auth {
width:556px;
line-height:18px;
text-align:right;
padding-top:2px;
border-top:1px dashed #666666;
}
#com_form {
width:576px;
}
#com_form p {
margin-bottom:5px;
}
#com_preview,#com_post {
margin-top:5px;
}

#com_preview h4 {
width:576px;
background:#66CC33;
line-height:20px;
padding-left:5px;
}
#com_preview dl dt {
margin-top:10px;
font-weight:bold;
}
#com_preview dl dd {
width:566px;
padding-left:10px;
line-height:18px;
}

#com_captcha {
vertical-align:top;
}

#comments-open-captcha img {
margin-bottom:5px;
}
#comments-open-captcha input {
margin-bottom:5px;
}

.scode {
vertical-align:top;
}
#scode {
margin-left:5px;
}


/* lightbox */
#lightbox{
position:absolute;
top:40px;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#lightbox a img{ border:none; }

#outerImageContainer{
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}

#imageContainer{
padding:10px;
}

#loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLink, #nextLink{
width:49%;
height:100%;
background:transparent url(../lightbox2/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display:block;
}
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(../lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../lightbox2/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
margin:0 auto;
line-height:1.4em;
}

#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width:70%; float:left; text-align:left; }
#imageData #caption{ font-weight:bold;}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;}	

#overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

* html>body .clearfix {
display:inline-block; 
width:100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}