@charset "UTF-8";

/* -----------------------------------------------------------
    Style for KeanaNadeshiko(New)
    (ブランド：毛穴撫子)
    
      01. Common Modules
      02-01. BodySoap(body.html)
      02-02. Deluxe(body.html)
      03. Self Clearing
----------------------------------------------------------- */

/* -----------------------------------------------------------
    01. Common Modules
----------------------------------------------------------- */

/* Navigation
----------------------------------------------------------- */
div.nav-branditem{
margin:0 0 12px 0;
padding:0;
width:600px;
height:95px;
text-align:left;
background:url(/keana/images/bg_nav.png) repeat left top;
}

div.nav-branditem .logo{
margin:0!important;
padding:8px 0 8px 12px;
float:left;
}

div.nav-branditem ul{
float:right;
width:494px;
}

div.nav-branditem ul,
div.nav-branditem ul li{
margin:0;
padding:0;
}

div.nav-branditem ul li{
display:inline;
text-align:left;
}

div.nav-branditem ul li img{
vertical-align:bottom;
}


/* -----------------------------------------------------------
    02-01. BodySoap(body.html)
----------------------------------------------------------- */

/* content-wrap
----------------------------------------------------------- */
#bodysoap div.content-wrap{
padding-bottom:20px;
background:#ccecff url(../images/soap_bg_content.png) no-repeat left top;
}


/* content-header
----------------------------------------------------------- */
#bodysoap div.content-header h1{
float:left;
}

#bodysoap div.content-header p.catch{
float:right;
margin-top:24px;
}


/* content-body
----------------------------------------------------------- */

/* ========== lyt-explanation-01 ========== */
#bodysoap div.lyt-explanation-01{
position:relative;
min-height:213px;
height:auto !important;
height:213px;
}

#bodysoap div.lyt-explanation-01 p.expimg-01{
position:absolute;
top:-41px;
right:201px;
}

#bodysoap div.lyt-explanation-01 p.expimg-02{
position:absolute;
right:0;
bottom:-10px;
/bottom:-1px;
}

#bodysoap div.lyt-explanation-01 p.point{
position:absolute;
top:-67px;
left:157px;
}

/* ========== CageForm ========== */
#bodysoap .cage
{
margin:0 0 10px 15px;
padding-bottom:15px;
background:url(../images/soap_cageform_bottom.png) no-repeat left bottom;
}

#bodysoap .cage #commonCage
{
margin:0;
padding:15px 14px 0;
width:210px;
/width:238px;
background:url(../images/soap_cageform_top.png) no-repeat left top;
line-height:1.5;
border:none;
}


/* ========== box-detail-01 ========== */
#bodysoap div.box-detail-01{
position:relative;
margin:0 0 20px 10px;
width:580px;
background:url(../images/soap_bg_detail_middle.gif) repeat-y left top;
}

#bodysoap div.box-detail-01-inner{
padding:0 13px 10px 14px;
background:url(../images/soap_bg_detail_bottom.gif) no-repeat left bottom;
}

#bodysoap div.box-detail-01 h2{
margin:0 -13px 5px -14px;
}

#bodysoap div.box-detail-01 h2 img.badge{
position:absolute;
top:-16px;
left:2px;
}

#bodysoap div.box-detail-01 p.explanation-01{
position:relative;
margin-left:4px;
width:465px;
line-height:1.83;
z-index:2;
}

#bodysoap div.box-detail-01 p.expimg-01{
position:relative;
top:-1.5em;
z-index:1;
}

#bodysoap div.box-detail-01 div.lyt-column.col-2{
padding-top:6px;
background:url(../images/soap_bg_dot_blue.gif) repeat-x left top;
}

#bodysoap div.box-detail-01 div.lyt-column.col-2 div.segment{
float:left;
padding-top:4px;
width:268px;
line-height:1.5;
}

#bodysoap div.box-detail-01 div.lyt-column.col-2 div.segment.point-02{
margin-left:8px;
padding-left:10px;
width:258px;
_width:268px;
background:url(../images/soap_bg_dot_blue_v.gif) repeat-y left top;
}

#bodysoap div.box-detail-01 div.lyt-column.col-2 div.segment p{
padding:0 95px 0 4px;
min-height:79px;
height:auto !important;
height:79px;
background-repeat:no-repeat;
background-position:right top;
}

#bodysoap div.box-detail-01 div.lyt-column.col-2 div.segment.point-01 p{
background-image:url(../images/soap_vis_04.gif);
}

#bodysoap div.box-detail-01 div.lyt-column.col-2 div.segment.point-02 p{
background-image:url(../images/soap_vis_05.gif);
}

/* ========== box-method-01 ========== */
#bodysoap div.box-method-01{
position:relative;
margin-left:11px;
padding-bottom:8px;
width:578px;
background:url(../images/soap_bg_method_01_bottom.png) no-repeat left bottom;
}

#bodysoap div.box-method-01-inner{
padding:16px 150px 0 21px;
min-height:186px;
height:auto !important;
height:202px;
background:url(../images/soap_bg_method_01_top.png) no-repeat left top;
}

#bodysoap div.box-method-01 h2{
position:absolute;
top:4px;
right:4px;
}

#bodysoap div.box-method-01 ol li{
float:left;
margin-right:10px;
width:129px;
line-height:1.83;
}

#bodysoap div.box-method-01 ol li.last-child{
margin-right:0;
}

#bodysoap div.box-method-01 ol li img{
display:block;
margin-bottom:5px;
}



/* -----------------------------------------------------------
    02-02. BodySoap(body.html)
----------------------------------------------------------- */

#deluxe{
line-height:1.2;
}

#deluxe .column-L{
float:left;
}

#deluxe .column-R{
float:right;
}

#deluxe .note{
font-size:0.83em;
}


/* lyt-main
----------------------------------------------------------- */
#deluxe div.lyt-main{
background:url(../images/deluxe_bg_01.jpg) no-repeat left top;
}

#deluxe div.lyt-main-inner{
padding:0 6px 17px 0;
background:url(../images/deluxe_bg_04.png) no-repeat left bottom;
}

#deluxe div.lyt-main div.column-L{
width:254px;
}

#deluxe div.lyt-main div.column-R{
width:336px;
}

#deluxe div.lyt-main p.image-01{
margin-top:25px;
}

#deluxe div.lyt-main p.image-02{
margin-left:14px;
}

#deluxe div.lyt-main p.text-01{
margin:6px 0 4px 39px;
}

#deluxe div.lyt-main .hdg-01{
padding:10px 5px 0 56px;
background:url(../images/deluxe_bg_06.png) no-repeat left top;
}

#deluxe div.lyt-main .hdg-01 p.note{
margin:12px 15px 0 0;
line-height:1;
}

#deluxe div.lyt-main dl{
margin-left:14px;;
padding:0 15px 5px;
overflow:hidden;
width:282px!important;
width:312px;
background:url(../images/deluxe_bg_08.png) no-repeat left top;
}

#deluxe div.lyt-main dl dt{
margin:15px 0 5px;
padding:5px 10px;
color:#ffffff;
background:url(../images/deluxe_bg_07.png) no-repeat left top;
font-weight:bold;
}

/* ========== CageForm ========== */
#deluxe .cage
{
margin:0 0 10px 15px;
padding-bottom:15px;
background:url(../images/deluxe_bg_05.png) no-repeat left bottom;
}

#deluxe .cage #commonCage
{
margin:0;
padding:15px 14px 0;
width:210px;
/width:238px;
background:url(../images/deluxe_bg_05.png) no-repeat left top;
line-height:1.5;
border:none;
}


#deluxe div.CageForm .tbl-favorite{
font-size:0.83em;
}


/* lyt-comparison
----------------------------------------------------------- */

#deluxe .lyt-comparison{
padding-bottom:20px;
background:url(../images/deluxe_bg_02.jpg) no-repeat left top;
}

#deluxe .lyt-comparison h2{
margin-bottom:20px;
padding-left:82px;
float:left;
}

/* ========== box-text ========== */
#deluxe div.box-text{
margin:8px 0;
width:263px;
color:#ffffff;
background:url(../images/deluxe_bg_09.png) no-repeat left top;
zoom:1;
}
#deluxe div.box-text-inner{
height:149px;
overflow:auto;
}

#deluxe div.box-text ul{
margin:10px 5px;
}

#deluxe div.box-text ul li{
font-weight:bold;
}

#deluxe div.box-text p{
margin:0 5px 10px;
}

/* lyt-effect
----------------------------------------------------------- */

#deluxe .lyt-effect{
padding:27px 32px 30px 30px;
background:url(../images/deluxe_bg_03.png) no-repeat left top;
}

#deluxe .lyt-effect .column-L,
#deluxe .lyt-effect .column-R{
width:262px;
background:url(../images/deluxe_bg_10.png) no-repeat left bottom;
}

#deluxe .lyt-effect .inner{
margin:0 22px 20px;
padding:15px;
background:#ffffff;
}

#deluxe .lyt-effect .image-01{
margin-bottom:10px;
text-align:center;
}

#deluxe .lyt-effect .image-02{
margin:15px 0 10px;
text-align:center;
}

#deluxe .lyt-effect .lyt-text{
position:relative;
width:262px;
}

#deluxe .lyt-effect .text-01{
margin:0 0 15px 96px;
}

#deluxe .lyt-effect .text-02{
position:absolute;
top:0;
left:-12px;
}

#deluxe .lyt-effect .text-03{
margin-bottom:12px;
text-align:center;
}


.bn_china{
	text-align:right;
	width:600px;
	margin-bottom:10px !important;
	}
	
/* -----------------------------------------------------------
    03. Self Clearing
----------------------------------------------------------- */
div.nav-branditem:after,
div.content .lyt-image:after,
div.content div.lyt-column:after,
#bodysoap div.content-header:after,
#bodysoap div.box-method-01-inner:after,
#deluxe div.lyt-main-inner:after,
#deluxe .lyt-comparison:after,
#deluxe .lyt-effect:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

div.nav-branditem,
div.content .lyt-image,
div.content div.lyt-column,
#bodysoap div.content-header,
#bodysoap div.box-method-01-inner,
#deluxe div.lyt-main-inner,
#deluxe .lyt-comparison,
#deluxe .lyt-effect{
zoom:1;
}



/* -----------------------------------------------------------
    99. Browser Patch
----------------------------------------------------------- */

/* for Safari
----------------------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0px) {
    #bodysoap div.CageForm span.data,
    #bodysoap div.CageForm p.pointAndReview{
        font-size:0.91em;
    }
}