@charset "Shift_JIS";

/* -----------------------------------------------------------

    Style for アクネバリア
    
      xx. Common Modules
	  xx. Cage Modules
	  
	  
	  xx. Others
      xx. Self Clearing

----------------------------------------------------------- */

/* -----------------------------------------------------------
    xx. Index Modules
----------------------------------------------------------- */

div#acne div.index-main{
width:100%;
}

div#acne #commonCage .CageForm p.pointAndReview a{
/vertical-align:bottom!important;
}

div#acne .index-section-01{
width:562px;
_width:600px;
padding:20px 15px;
margin-bottom:30px;
border:4px solid #c7e4d0;
}

div#acne .index-section-01 .lyt-column .segment-01,
div#acne .index-section-01 .lyt-column .segment-02{
float:left;
line-height:1.5;
font-size:0.9em;
}

div#acne .index-section-01 .lyt-column .segment-01{
width:275px;
}

div#acne .index-section-01 .lyt-column .segment-01 p{
padding:0 0 0 8px;
}

div#acne .index-section-01 .lyt-column .segment-02{
width:285px;
}

div#acne .index-section-01 .lyt-column .segment-02 p{
padding:0 0 0 20px;
}

div#acne .index-section-02{
width:100%;
margin-top:20px;
}

div#acne .index-section-02 .lyt-image.image-L-01 p.image{
width:257px;
float:left;
}

div#acne .index-section-02 .lyt-image.image-L-01 div.column{
width:343px;
float:left;
}

div#acne .index-section-02 .lyt-image.image-L-01 div.column p.doc{
padding-left:15px;
font-size:0.9em;
line-height:1.6;
}

div#acne .index-section-02 .lyt-image.image-L-01 div.column p.image-01{
padding-left:15px;
}

div#acne .index-section-02 .lyt-image.image-L-01 div.column p.notice{
padding-left:15px;
color:#5e5e5e;
font-size:0.85em;
}


div#acne .index-section-02 .lyt-image.image-R-01 p.image{
width:319px;
float:right;
}

div#acne .index-section-02 .lyt-image.image-R-01 div.column{
width:271px;
float:left;
line-height:1.5;
font-size:0.9em;
}



/* -----------------------------------------------------------
    xx. Products Modules
----------------------------------------------------------- */

div#acne div.nav-anchor{
width:100%;
margin-bottom:30px;
text-align:center;
}

div#acne div.nav-anchor ul{
width:514px;
padding:4px 0;
margin:0 auto;
border:1px solid #cf525a;
}

div#acne div.nav-anchor ul li{
display:inline-block;
/display:inline;
margin-right:20px;
padding-left:13px;
background:url(images/blt-products-anc.gif) no-repeat left 0.45em;
word-spacing:0;
zoom:1;
}

div#acne div.nav-anchor ul li a,
div#acne div.nav-anchor ul li a:link{
color:#411300;
font-weight:bold;
}

div#acne .products-section-01{
width:100%;
margin-bottom:20px;
background:url(images/bg-dot-x.gif) no-repeat center bottom;
}

div#acne .products-section-01 .lyt-column{
width:100%;
padding-bottom:15px;
}

div#acne .products-section-01 .lyt-column .segment-01{
width:289px;
float:left;
}

div#acne .products-section-01 .lyt-column .segment-01 p.image{
width:101px;
float:left;
}

div#acne .products-section-01 .lyt-column .segment-01 div.column{
width:188px;
float:right;
}

div#acne .products-section-01 .lyt-column .segment-01 div.column p.doc{
padding-left:10px;
font-size:0.9em;
line-height:1.5;
}

div#acne .products-section-01 .lyt-column .segment-02{
width:300px;
float:right;
}

div#acne .products-section-01 .lyt-column .segment-02 p.doc{
padding:0 40px 0 30px;
font-size:0.9em;
line-height:1.5;
}

div#acne .products-section-01 .lyt-column .segment-special p.image{
width:272px;
float:left;
}


div#acne .products-section-01 .lyt-column .segment-special div.column{
width:309px;
float:right;
}



div#acne .products-section-01.pb20{
padding-bottom:20px;
}

div#acne .products-section-02{
width:100%;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
}

div#acne .products-section-02 .lyt-column{
width:100%;
margin-bottom:30px;
padding-bottom:15px;
background:url(images/bg-dot-y.gif) repeat-y center top;
zoom:1;
}

div#acne .products-section-02 .lyt-column .segment-01{
width:289px;
float:left;
}


div#acne .products-section-02 .lyt-column .segment-01 p.image{
width:101px;
float:left;
}

div#acne .products-section-02 .lyt-column .segment-01 div.column{
width:188px;
float:right;
}

div#acne .products-section-02 .lyt-column .segment-01 div.column p.doc{
padding-left:10px;
font-size:0.9em;
line-height:1.5;
}

div#acne .products-section-02 .lyt-column .segment-02{
width:299px;
float:right;
}

div#acne .products-section-02 .lyt-column .segment-02 p.image{
width:101px;
float:left;
}

div#acne .products-section-02 .lyt-column .segment-02 div.column{
width:188px;
float:right;
}

div#acne .products-section-02 .lyt-column .segment-02 div.column p.doc{
padding:0 0 0 10px;
font-size:0.9em;
line-height:1.5;
}

div#acne .products-section-03 .block-faq{
width:578px;
_width:600px;
margin-bottom:20px;
padding:0 10px 15px 10px;
border:1px solid #ccc;
border-top:none;
}

div#acne .products-section-03 .block-faq .lyt-image{
}

div#acne .products-section-03 .block-faq .lyt-image p.image{
width:129px;
float:right;
}

div#acne .products-section-03 .block-faq .lyt-image div.column{
width:449px;
float:right;
}

div#acne .products-section-03 .block-faq .lyt-image div.column p.doc{
font-size:0.9em;
line-height:1.6;
padding-left:6px;
}


div#acne .products-section-03 .block-faq .lyt-image div.column p.doc span{
color:#05874c;
}



/* -----------------------------------------------------------
    xx. Lab Modules
----------------------------------------------------------- */

div#acne .lab-section .lyt-image.image-L-01 p.image{
width:187px;
float:left;
} 

div#acne .lab-section .lyt-image.image-L-01 div.column{
width:397px;
float:right;
font-size:0.9em;
line-height:1.6;
} 

div#acne .lab-section .lyt-image.image-L-02 p.image{
width:309px;
float:left;
} 

div#acne .lab-section .lyt-image.image-L-02 div.column{
width:271px;
float:right;
font-size:0.9em;
line-height:1.6;
} 


/* -----------------------------------------------------------
    xx. Care Modules
----------------------------------------------------------- */


div#acne .common-section-01 .care-block-01{
width:600px;
height:140px;
background:url(images/bg-care-block-01.gif) no-repeat left top;
}

div#acne .common-section-01 .care-block-01 .segment-01{
width:283px;
float:left;
}


div#acne .common-section-01 .care-block-01 .segment-01 p.image{
width:131px;
float:left;
}

div#acne .common-section-01 .care-block-01 .segment-01 .column{
width:152px;
float:left;
}

div#acne .common-section-01 .care-block-01 .segment-02{
width:301px;
float:left;
}

div#acne .common-section-01 .care-block-01 .segment-02 p.image{
width:138px;
float:left;
}
div#acne .common-section-01 .care-block-01 .segment-02 .column{
width:163px;
float:left;
}


div#acne .common-section-01 .care-block-01 .segment-01 p.doc,
div#acne .common-section-01 .care-block-01 .segment-02 p.doc{
padding:4px 0 0 2px;
font-size:0.9em;
line-height:1.5;
}

div#acne .common-section-01 .care-block-02 .segment-01{
width:235px;
height:365px;
float:left;
background:url(images/bg-care-block-02.jpg) no-repeat left top;
}

div#acne .common-section-01 .care-block-02 .segment-01 p.image{
margin:215px 0 5px 0;
}

div#acne .common-section-01 .care-block-02 .segment-01 p.doc{
padding:0 20px;
font-size:0.82em;
line-height:1.3;
}


div#acne .common-section-01 .care-block-02 .segment-02{
width:365px;
float:left;
}

div#acne .common-section-01 .care-block-03{
width:600px;
height:240px;
background:url(images/bg-care-block-03.gif) no-repeat left top;
}


div#acne .common-section-01 .care-block-03 p.image{
width:412px;
float:left;
}

div#acne .common-section-01 .care-block-03 .column{
width:173px;
float:left;
font-size:0.9em;
}

div#acne .common-section-02 .howto-care{
width:600px;
height:320px;
background:url(images/bg-howto.gif) no-repeat left bottom;
}


div#acne .common-section-02 .howto-care p.doc{
font-size:0.9em;
line-height:1.5;
padding:0 0 20px 24px;
}

div#acne .common-section-02 .howto-care p.img-01{
padding-left:24px;
}


/* -----------------------------------------------------------
    xx. Common Modules
----------------------------------------------------------- */

div#acne #nav-global{
width:600px;
height:117px;
background:url(images/bg-nav.gif) no-repeat left top;
font-size:0;
line-height:0;
}

div#acne #nav-global h1.logo,
div#acne #nav-global p.tagline{
padding:0!important;
margin:0!important;
float:left;
}

div#acne #nav-global ul{
margin-left:8px;
}

div#acne #nav-global ul li{
float:left;
}


div#acne p.bookmark{
width:100%;
margin-bottom:20px;
font-size:0.85em;
}

div#acne p.bookmark img{
font-size:0.85em;
vertical-align:baseline;
position:relative;
top:4px;
}


div#acne div.common-main{
width:100%;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
}

div#acne div.common-main .column-L{
width:262px;
float:left;
}

div#acne div.common-main .column-R{
width:338px;
float:right;
font-size:0.90em;
}

div#acne div.common-main .column-R p.doc{
line-height:1.5;
padding-left:13px;
}

div#acne div.common-main .column-R .lyt-image p.image{
width:112px;
float:left;
}

div#acne div.common-main .column-R .lyt-image div.column{
width:226px;
padding-top:6px;
line-height:1.5;
float:left;
}

div#acne div.common-main .column-R table.banner{
float:right;
text-align:right;
vertical-align:bottom;
font-size:0.99em;
}

div#acne div.common-main .column-R table.banner td{
padding-left:6px;
vertical-align:bottom;
}

div#acne div.common-main .column-R table.banner td.txt a{
padding-left:15px;
background:url(images/blt-list-link.gif) no-repeat left top;
}


div#acne .common-main .spots-mini{
background:url(images/bg-common-section-03-02.gif) repeat-y top center;
clear:both;
}

div#acne .common-main .spots-mini .spots-mini-inner{
padding-top:45px;
background:url(images/bg-common-section-03-01.gif) no-repeat top center;
}

div#acne .common-main .spots-mini .spots-mini-inner p.image{
padding:3px 0 0 20px;
float:left;
}

div#acne .common-main .spots-mini .spots-mini-inner .inner{
padding-bottom:22px;
background:url(images/bg-common-section-03-03.gif) no-repeat bottom center;
}

div#acne .common-main .spots-mini #commonCage{
margin-left:11px;
padding:8px;
width:216px;
/width:235px;
float:left;
border:none;
}

div#acne .common-section-01{
width:100%;
margin-bottom:20px;
border-bottom:1px solid #ccc;
}

div#acne .common-section-01 .lyt-image{
width:100%;
}

div#acne .common-section-01 .lyt-image.image-R-01 p.image{
width:205px;
float:right;
}

div#acne .common-section-01 .lyt-image.image-R-01 div.column{
width:377px;
float:left;
}

div#acne .common-section-01 .lyt-image.image-R-01{}

div#acne .common-section-01 .lyt-column{
width:100%;
}

div#acne .common-section-01 .lyt-column.flash-col .segment-flash-01{
width:308px;
float:left;
}

div#acne .common-section-01 .lyt-column.flash-col .segment-flash-02{
width:281px;
float:left;
}

div#acne .common-section-01 .lyt-column .segment-01{
width:290px;
float:left;
}

div#acne .common-section-01 .lyt-column .segment-02{
width:290px;
float:right;
}

div#acne .common-section-01 .lyt-column .segment-01 p,
div#acne .common-section-01 .lyt-column .segment-02 p{
font-size:0.9em;
line-height:1.5;
}

div#acne .common-section-01 .col-4 .segment{
width:150px;
float:left;
}

div#acne .common-section-01 .col-4 .segment p.doc{
width:131px;
padding:6px 0 0 0;
font-size:0.9em;
line-height:1.5;
}

div#acne .common-section-01 .block{
width:600px;
background:url(images/bg-common-section-01-block-lotion.gif) no-repeat left top;
}

div#acne .common-section-01 .block.lotion{
height:242px;
background:url(images/bg-common-section-01-block-lotion.gif) no-repeat left top;
}

div#acne .common-section-01 .block.spots{
height:196px;
background:url(images/bg-common-section-01-block-spots.gif) no-repeat left top;
}

div#acne .common-section-01 .block p.img-01{
width:311px;
float:left;
}

div#acne .common-section-01 .block p.img-02{
width:289px;
float:left;
}

div#acne .common-section-01 .block p.doc{
width:269px;
_width:289px;
float:left;
padding:10px 10px 0 0;
font-size:0.9em;
line-height:1.5;
}

div#acne .common-section-01 .block p.doc strong{
font-weight:normal;
color:#ff6600;
}






div#acne .common-section-02{
width:100%;
}

div#acne .common-section-02 .block{
width:590px;
_width:600px;
border:2px solid #dfd1ac;
padding:3px;
}

div#acne .common-section-02 .block .block-inner{
width:576px;
_width:592px;
border:1px solid #dfd1ac;
padding:9px 6px;
}

div#acne .common-section-02 .block .block-inner p.image-01{
width:127px;
float:left;
}

div#acne .common-section-02 .block .block-inner div.column{
width:296px;
float:left;
}

div#acne .common-section-02 .block .block-inner div.column p.doc{
padding:7px 0 0 10px;
line-height:1.5;
color:#5b2b00;
}

div#acne .common-section-02 .block .block-inner p.image-02{
width:153px;
float:right;
}

div#acne .common-section-02 .howto{
width:600px;
height:406px;
background:url(images/bg-howto.gif) no-repeat left top;
}

div#acne .common-section-02 .howto div.lyt-image{
padding-left:24px;
}

div#acne .common-section-02 .howto div.lyt-image p.image{
width:173px;
float:left;
}

div#acne .common-section-02 .howto div.lyt-image div.column{
width:380px;
float:left;
}

div#acne .common-section-02 .howto div.lyt-image div.column p.doc{
font-size:0.9em;
line-height:1.5;
}

div#acne .common-section-02 .howto div.lyt-image div.column p.doc a,
div#acne .common-section-02 .howto div.lyt-image div.column p.doc a:link{
color:#04884c;
}

div#acne .common-section-02 .howto p.img-01{
padding-left:24px;
}


div#acne .common-section-03 div.lyt-image.image-L-01{
padding-left:7px;
}

div#acne .common-section-03 div.lyt-image.image-L-01 p.image{
padding-right:33px;
width:235px;
float:left;
}

div#acne .common-section-03 div.lyt-image.image-L-01 div.column{
width:325px;
float:left;
}

div#acne .common-section-03 div.lyt-image.image-R-01 dl{
padding-right:5px;
width:198px;
float:left;
}

div#acne .common-section-03 div.lyt-image.image-R-01 dl dt,
div#acne .common-section-03 div.lyt-image.image-R-01 dl dd{
margin-bottom:13px;
float:left;
}

div#acne .common-section-03 div.lyt-image.image-R-01 dl dt{
padding-right:8px;
width:39px;
clear:left;
}

div#acne .common-section-03 div.lyt-image.image-R-01 dl dd{
width:147px;
}


div#acne p.acne-page-top{
text-align:right;
}



/* -----------------------------------------------------------
    xx. Cage Modules
----------------------------------------------------------- */

div#acne .common-main .column-L #commonCage{
width:236px;
_width:256px;
padding:8px;
border:2px solid #a3ddc3;
font-size:0.90em;
}


div#acne .common-main .column-L #commonCage table{
font-size:0.90em;
}

div#acne .common-main .column-L #commonCage .itemname{
color:#b91f29;
}


div#acne .products-section-01 .lyt-column .segment-01 #commonCage{
padding-left:12px;
font-size:0.90em;
clear:both;
}

div#acne .products-section-01 .lyt-column .segment-01 #commonCage table{
font-size:0.90em;
}

div#acne .products-section-02 .lyt-column .segment-01 #commonCage,
div#acne .products-section-02 .lyt-column .segment-02 #commonCage{
padding-left:12px;
font-size:0.90em;
clear:both;
}

div#acne .products-section-02 .lyt-column .segment-01 #commonCage table,
div#acne .products-section-02 .lyt-column .segment-02 #commonCage table{
font-size:0.90em;
}



div#acne .products-section-01 .lyt-column .segment-special div.column #commonCage{
width:289px!important;
_width:309px!important;
margin-bottom:10px;
padding:8px;
border:2px solid #a3ddc3;
font-size:0.90em;
}




div#acne .products-section-01 .lyt-column .segment-special div.column #commonCage table{
font-size:0.90em;
}

div#acne .products-section-01 .lyt-column .segment-special div.column #commonCage .itemname{
color:#b91f29;
}


/* -----------------------------------------------------------
    xx. Others
----------------------------------------------------------- */
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb30{margin-bottom:30px!important;}

.align-L{text-align:left!important;}
.align-C{text-align:center!important;}
.align-R{text-align:right!important;}




/* -----------------------------------------------------------
    xx. Self Clearing
----------------------------------------------------------- */
div#acne #nav-global:after,
div#acne #nav-global ul:after,
div#acne div.common-main:after,
div#acne div.common-main .column-R:after,
div#acne .common-main .spots-mini .inner:after,
div#acne .lyt-image:after,
div#acne .lyt-column:after,
div#acne .block:after,
div#acne .block .block-inner:after,
div#acne .products-section-01 .lyt-column .segment-01:after,
div#acne .products-section-02 .lyt-column .segment-01:after,
div#acne .products-section-02 .lyt-column .segment-02:after,
div#acne .common-section-01 .care-block-01:after,
div#acne .common-section-01 .care-block-02:after,
div#acne .common-section-01 .care-block-01 .segment-01:after,
div#acne .common-section-01 .care-block-01 .segment-02:after,
div#acne .common-section-01 .care-block-03:after,
div#acne .common-section-03 div.lyt-image.image-R-01 dl:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

div#acne #nav-global,
div#acne #nav-global ul,
div#acne div.common-main,
div#acne div.common-main .column-R,
div#acne .common-main .spots-mini .inner,
div#acne .lyt-image,
div#acne .lyt-column,
div#acne .block,
div#acne .block .block-inner,
div#acne .products-section-01 .lyt-column .segment-01,
div#acne .products-section-02 .lyt-column .segment-01,
div#acne .products-section-02 .lyt-column .segment-02,
div#acne .common-section-01 .care-block-01,
div#acne .common-section-01 .care-block-02,
div#acne .common-section-01 .care-block-01 .segment-01,
div#acne .common-section-01 .care-block-01 .segment-02,
div#acne .common-section-01 .care-block-03,
div#acne .common-section-03 div.lyt-image.image-R-01 dl{
zoom:1;
}