@charset "UTF-8";

/* Header ----------------------------------------------- */

#brand-header{
background: url(../images/bg_brand_header.jpg) no-repeat;
}

#kasui-header{
background: url(../images/bg_kasui_header.jpg) no-repeat;
}

#majun-header{
background: url(../images/bg_majun_header.jpg) no-repeat;
}

#bisui-header{
background: url(../images/bg_bisui_header.jpg) no-repeat;
}

#cleansing-header{
background: url(../images/bg_clean_header.jpg) no-repeat;
}

#alpiveil-header{
background: url(../images/bg_alpi_header.jpg) no-repeat;
}


#clear-header{
background: url(../images/bg_clear_header.jpg) no-repeat;
}


#cbc-header{
background: url(../images/bg_cbc_header.jpg) no-repeat;
}

#uvmilk-header{
background: url(../images/bg_uvmilk_header.jpg) no-repeat;
}

#ryukyuuta-header{
background: url(../images/bg_ryukyu_header.jpg) no-repeat;
}

/* Left Menu -------------------------------------------- */

.chulala-menu,
.chulala-menu2,
.chulala-menu3,
.chulala-menu4,
.alpiveil-menu,
.chulasis-menu,
#chulasis-menu-end,
.ryukyuuta-menu,
#ryukyuuta-menu-end{
display: inline;
}

#chulala-menu-on,
#chulala-menu2-on,
.chulala-menu2-on,
.chulala-menu3-on,
.chulala-menu4-on,
#alpiveil-menu-on,
.clear-menu-on,
.chulala-menu a,
.chulala-menu2 a,
.chulala-menu3 a,
.chulala-menu4 a,
.alpiveil-menu a,
.alpiveil-menu-on,
.chulasis-menu a,
#chulasis-menu-end a,
.ryukyuuta-menu a,
#ryukyuuta-menu-end a,
.ryukyuuta-menu-on,
#ryukyuuta-menu-end-on,
.clear-menu a,
.uvmilk-menu a,
.uvmilk-menu-on{
display: block;
width: 142px;
font-size: 12px;
line-height: 1.125;
padding-left: 38px;
padding-top: 7px;
text-decoration: none;
}

.chulala-menu a,
.chulala-menu3 a,
.alpiveil-menu a,
.alpiveil-menu-on,
.chulasis-menu a,
#chulala-menu-on,
#chulala-menu2-on,
#alpiveil-menu{
height: 33px;
}

.ryukyuuta-menu a{
height:48px;
}

.chulala-menu img,
.chulala-menu2 img,
.chulala-menu3 img
/* #chulala-menu-on img,
#chulala-menu2-on img,
.chulala-menu3-on img */{
vertical-align: middle;
}

.chulala-menu a{
background: url(../images/bg_menu_chulala1.gif) no-repeat;
color: #01A8C2;
}

.chulala-menu2-on,
.chulala-menu2 a{
height: 60px;
background: url(../images/bg_menu_chulala2.gif) no-repeat;
color: #01A8C2;
}

.chulala-menu3-on,
.chulala-menu3 a{
background: url(../images/bg_menu_chulala3.gif) no-repeat;
color: #01A8C2;
height: 49px;
}

.chulala-menu4 a{
background: url(../images/bg_menu_chulala4.gif) no-repeat;
color: #01A8C2;
height: 34px;
}


.alpiveil-menu a{
background: url(../images/bg_menu_alpiveil.gif) no-repeat;
color: #416B40;
width: 150px;
}

.uvmilk-menu a{
background: url(../images/bg_menu_uvmilk.gif) no-repeat;
color: #F16693;
height: 21px ;
}

.chulasis-menu a{
background: url(../images/bg_menu_chulasis1.gif) no-repeat;
color: #588E04;
}

#chulasis-menu-end a{
height: 35px;
background: url(../images/bg_menu_chulasis2.gif) no-repeat;
color: #588E04;
}

.ryukyuuta-menu a{
background: url(../images/bg_menu_ryukyuuta1.gif) no-repeat;
color: #808080;
height:48px;
}

#ryukyuuta-menu-end a{
height: 50px;
background: url(../images/bg_menu_ryukyuuta2.gif) no-repeat;
color: #808080;
}

#chulala-menu-on,
.chulala-menu a:hover{
background: url(../images/bg_menu_chulala1_on.gif) no-repeat;
color: #01A8C2;
}

.chulala-menu2-on,
.chulala-menu2 a:hover{
background: url(../images/bg_menu_chulala2_on.gif) no-repeat;
color: #01A8C2;
}

.chulala-menu3-on,
.chulala-menu3 a:hover{
background: url(../images/bg_menu_chulala3_on.gif) no-repeat;
color: #01A8C2;
}

.chulala-menu4-on,
.chulala-menu4 a:hover{
background: url(../images/bg_menu_chulala4_on.gif) no-repeat;
color: #939393;
height: 34px;
}

.alpiveil-menu-on,
.alpiveil-menu a:hover{
background: url(../images/bg_menu_alpiveil_on.gif) no-repeat;
color: #416B40;
}

.uvmilk-menu-on,
.uvmilk-menu a:hover{
background: url(../images/bg_menu_uvmilk_on.gif) no-repeat;
color: #F16693;
height: 21px;
}


.clear-menu a{
background: url(../images/bg_menu_clear.gif) no-repeat;
color: #0E64A3;
height: 60px;
}

.clear-menu-on,
.clear-menu a:hover{
background: url(../images/bg_menu_clear_on.gif) no-repeat;
color: #0E64A3;
height: 60px;
}

.chulasis-menu a:hover{
background: url(../images/bg_menu_chulasis1_on.gif) no-repeat;
color: #588E04;
}

#chulasis-menu-end a:hover{
background: url(../images/bg_menu_chulasis2_on.gif) no-repeat;
color: #588E04;
}

.ryukyuuta-menu-on,
.ryukyuuta-menu a:hover{
background: url(../images/bg_menu_ryukyuuta1_on.gif) no-repeat;
color: #808080;
height:48px;
}

#ryukyuuta-menu-end-on,
#ryukyuuta-menu-end a:hover{
background: url(../images/bg_menu_ryukyuuta2_on.gif) no-repeat;
color: #808080;
height:50px;
}


/* Contents --------------------------------------------- */

#brand-right-contents{
padding: 0px 0px 0px 7px;
width: 579px;
color: #666;
font-size: 12px;
line-height:1.3;
float: left;
}

/* Index ------------------------------------------- */

#brand-header-header{
margin-bottom: 15px;
}

.brand-header{
margin: 0px 0px 20px 14px;
}

.brand-sbheader{
margin-left: 17px;
}

.brand-container{
margin-left: 14px;
width: 547px;
}

.brand-thumb,
.brand-content,
.brand-thumb2,
.brand-content2,
#brand-chuala-left,
#brand-chuala-right,
.brand-body,
.brand-price{
float: left;
}

.brand-thumb{
width: 140px;
padding-bottom: 20px;
}

#mask-thumb{
padding-bottom: 0px;
}

.brand-content{
width: 403px;
padding-top: 15px;
}

.brand-content-inner{
width: 403px;
margin-bottom: 10px;
}

.brand-body{
width: 329px;
}

#brand-body-small{
font-size: 11px;
}

.brand-price{
width: 50px;
text-align: right;
}

.brand-btn{
text-align: right;
padding-top: 19px;
background: url(../images/line_brand1.gif) no-repeat 0px 4px;
}

.brand-btn-end{
text-align: right;
padding-top: 19px;
background: url(../images/line_brand1.gif) no-repeat 0px 4px;
margin-bottom: 50px;
}

.brand-pagetop{
text-align: right;
margin: 0px 4px 0px 0px;
}

.brand-pagetop img{
vertical-align :bottom;
}

#brand-chulala-container{
margin-left: 17px;
width: 540px;
}

#brand-chuala-left,
#brand-chuala-right,
.brand-container2{
width: 263px;
}

#brand-chuala-left{
margin-right: 14px;
}

.brand-thumb2{
width: 108px;
}

.brand-content2{
width: 155px;
padding-top: 15px;
}

.brand-price2{
text-align :right;
}

.brand-btn2{
text-align: right;
padding-top: 19px;
background: url(../images/line_brand2.gif) no-repeat 0px 4px;
}

#brand-alpiveil-header{
margin-bottom: 0px;
}

#brand-alpiveil-point{
font-size: 11px;
line-height: 1.125;
text-align : right;
color: #426C41;
}


/* Detail Page Common ------------------------------ */

.brand-contents-description{
font-size:14px;
line-height:1.4;
margin: 15px 25px 20px 20px;
}

.brand-contents-ingredients{
margin: 0px 30px 18px 30px;
font-size: 12px;
}

.brand-contents-ingredients-footer{
margin: 0px 30px 18px 47px;
font-size: 12px;
}

.brand-contents-container{
width: 465px;
margin: 13px 0px 32px 47px;
}

.brand-contents-thumb,
.brand-contents-content,
.soap-content,
.set-content{
float: left;
}

.brand-contents-thumb{
width: 224px;
}

.brand-contents-content{
width: 241px;
padding-top: 17px;
}

.cleansing-sbheader1,
.cleansing-sbheader2,
.cleansing-sbheader3,
.majun-sbheader,
.bisui-sbheader,
.kasui-sbheader,
.soap-sbheader,
.set-sbheader1,
.set-sbheader2,
.set-sbheader3,
.set-sbheader4,
.alpi-sbheader{
font-size: 16px;
line-height: 1.125;
border-bottom: 1px solid #999;
margin-bottom: 7px;
}

.cleansing-sbheader1{
color: #0A367A;
}

.cleansing-sbheader2{
color: #C34432;
}

.cleansing-sbheader3{
color: #008CA8;
}

.majun-sbheader{
color: #F7857D;
}

.bisui-sbheader{
color: #83BD9C;
}

.kasui-sbheader{
color: #DD92A0;
}

.brand-sbheader-small{
font-size: 12px;
text-align: right;
font-weight: bold;
}


.brand-contents-price{
text-align: right;
margin-bottom: 25px;
font-size: 11px;
}

.brand-contents-price strong{
font-size: 13px;
}

.brand-contents-type{
font-size: 12px;
}

.brand-contents-body1{
font-size: 14px;
line-height: 1.6;
margin-bottom: 25px;
}

.kasui-contents-body{
color: #CF687D;
}

/* Cleansing --------------------------------------- */

#cleansing-how-header{
background: url(../images/bg_cleansing_description.gif) no-repeat;
font-size: 12px;
line-height: 1.125;
text-align: center;
color: #fff;
margin: 0px 0px 0px 25px;
padding-top: 8px;
height: 20px;
width: 515px;
}

#cleansing-how-content{
border-left: 1px solid #0999C3;
border-right: 1px solid #0999C3;
border-bottom: 1px solid #0999C3;
margin: 0px 0px 28px 25px;
padding: 8px 10px;
width: 493px;
line-height: 1.5;
}

.cleansing-contents-body{
color:#008CA8;
}

/* Majun ------------------------------------------- */

.text-majun{
margin-top: 25px;
}

.majun-contents-body{
color:#F4776E;
}

/* Bisui -------------------------------------------- */

.bisui-contents-body{
color:#3BA247;
}

/* Soap -------------------------------------------- */

.soap-header{
margin-bottom: 18px;
}

.soap-container{
width: 520px;
margin: 13px 0px 32px 20px;
}


.soap-content,
.set-content{
width: 296px;
padding-top: 17px;
}

.soap-sbheader{
color: #EA6194;
}

.soap-sbheader span,
.alpi-sbheader span{
font-size: 12px;
}

.soap-body{
margin-bottom: 20px;
}


/* Set --------------------------------------------- */

.set-container{
width: 520px;
margin: 0px 0px 2px 20px;
}

#set-container-end{
margin-bottom: 55px;
}

.set-description-header{
color: #0093BF;
font-weight: 16px;
}

.set-line{
margin-bottom: 12px;
}

.soap-content h4{
font-size: 12px;
margin-bottom: 5px;
}

.set-sbheader1{
color: #008CA8;
}

.set-sbheader2{
color: #C34432;
}

.set-sbheader3{
color: #0A367A;
}

.set-sbheader4{
color: #0093BF;
}

.set-list{
list-style-type: none;
}

.set-list li{
background: url(../images/point_set.gif) no-repeat 6px 3px;
padding-left: 18px;
margin-bottom: 3px;
}


/* Alpiveil ---------------------------------------- */

.alpi-sbheader{
color: #3E6A4A;
}

.alpi-body{
margin-bottom: 10px;
}
.alpi-body2{
margin-bottom: 30px;
}

#alpi-body1{
color: #3E6A4A;
}