@charset "utf-8";
/* CSS Document */

/*リラクゼーション
----------------------------------------------------*/
#tit_img{
border-bottom:10px solid #CCCCCC;
}

.re_txt{
width:453px;
margin-top:20px;
margin-bottom:10px;
padding-right:20px;
float:left;
line-height:140%;
}

.photo{
width:307px;
margin-top:20px;
margin-bottom:10px;
float:left;
}

.re_price h4{
margin-top:20px;
}

.details h4{
margin-bottom:15px;
}

.re_price h5{
width:439px;
margin-top:12px;
margin-bottom:8px;
padding:3px 0 3px 10px;
font-size:120%;
background:#AB8C71;
color:#FFFFFF;
}

.hs h5{
width:770px;
margin-top:20px;
margin-bottom:8px;
padding:3px 0 3px 10px;
font-size:120%;
background:#AB8C71;
color:#FFFFFF;
}

.re_txt_in{
margin-bottom:15px;
}


/*各説明　Relaxationとhead spa共用*/
.re_price .point,
.details .point{
width:449px;
padding-top:7px;
margin-bottom:10px;
background:url(../img/bg_re_in_top.gif) top no-repeat #FFE6E6;
}
.re_price ul{
list-style:none;
}
.re_price dl,
.details dl,
.hs .point dl{
width:430x;
padding:5px 10px 10px 10px;
background:url(../img/bg_re_in_bottom.gif) bottom no-repeat #FFE6E6;
}
.hs .point{
width:449px;
padding-top:7px;
margin-bottom:10px;
background:url(../img/bg_re_in_top.gif) top no-repeat #FFE6E6;
}
.hs .point_in{
padding:5px 10px 10px 10px;
background:url(../img/bg_re_in_bottom.gif) bottom no-repeat #FFE6E6;
line-height:1.5;
}

.min_tit{
margin-bottom:10px;
}

.min_tit,
.re_price dt,
.details dt,
.hs dt{
font-size:110%;
font-weight:bold;
}

/*対象店舗注意書き*/
.shop_list{
margin-top:10px;
}

/*head spaページ step*/
.hs .step{
margin-bottom:15px;
}
.hs .step dt{
margin-bottom:5px;
font-size:110%;
font-weight:bold;
}
.hs .step dt span{
padding:3px 22px 2px 4px;
margin-right:3px;
background:url(../img/ic_arrow.gif) no-repeat;
color:#FFFFFF;
font-size:12px;
}
.hs .step dd{
padding-left:70px;
margin-bottom:10px;
}
.re_price dd,
.details dd{
padding-top:5px;
}

/*詳しく見るボタン*/
.re_btn{
text-align:right;
margin-top:5px;
padding-right:20px;
}

/*トリートメント*/
.tb_tre td,.tb_tre th{
padding:4px 5px 4px 10px;
border-bottom:1px dotted #CCCCCC;
text-align:left;
font-weight:normal;
}

.tb_tre th{
background:#EAEAEA;
}

.tb_tre .line1{
background:#FFEEEE;
}

.tb_tre li{
margin:4px 5px 3px 0;
padding-left:10px;
list-style:none;
background:url(../img/ico_s_square.gif) no-repeat 0 3px;
}

.tb_tre .name{
font-weight:bold;
}

.menu{
width:160px;
}
.object,
.effect{
width:310px;
}

.tit_tb_tre,
.hs h6{
margin-top:10px;
margin-bottom:5px;
padding:5px 0 5px 27px;
background:url(../img/ico_s_circle.gif) no-repeat left;
font-size:120%;
color:#562915;
}

.tit_tb_tre span{
padding-left:20px;
color:#666666;
font-size:90%;
}

.tb_tre{
border-collapse:collapse;
}



/*コース*/
.tb_tre_course,
.tb_tre_course2{
border-collapse:collapse;
}
h6.tit_tre_course{
width:770px;
margin-top:20px;
margin-bottom:13px;
padding:3px 0 3px 10px;
background:#AB8C71 none repeat scroll 0 0;
color:#FFFFFF;
font-size:120%;
}
.tit_tre_course_s{
margin-top:13px;
margin-bottom:5px;
text-align:left;
font-weight:bold;
}
.tb_tre_course2 caption{
margin-bottom:5px;
text-align:left;
font-weight:bold;
}
.tb_tre_course th,
.tb_tre_course2 th{
width:160px;
padding-left:10px;
text-align:left;
font-weight:normal;
border-bottom:1px dotted #CCCCCC;
background:#EAEAEA;
}
.tb_tre_course td,
.tb_tre_course2 td{
padding-top:4px;
padding-bottom:4px;
border-bottom:1px dotted #CCCCCC;
}

.txt{
width:230px;
padding-left:10px;
}

.hair_type{
width:6em;
}

.short1,
.medium1,
.long1{
width:70px;
text-align:center;
}

.short2,
.medium2,
.long2{
width:50px;
text-align:center;
}

.short1,.short2,
.long1,.long2{
background:#FFEEEE;
}

.medium1,
.medium2{
background:#FFEEDD;
}

.tit_time{
padding-left:10px;
}

.hs_image{
text-align:center;
margin-bottom:20px;
}


/*効果効能*/
.effect_list{
padding-top:20px;
padding-bottom:10px;
padding-left:20px;
padding-right:10px;
background:#FFE8C2;
}
.effect_list li{
float:left;
width:195px;
padding-left:15px;
padding-bottom:5px;
list-style:none;
background:url(../img/ico_s_square.gif) no-repeat 5px 5px;
}

/*HEAD SPA 写真配置レイアウト 写真右パターン*/
.hs_layAtxt{
width:510px;
padding-right:20px;
float:left;
}
.hs_layApho{
width:250px;
float:left;
}

/*HEAD SPA 写真配置レイアウト 写真左パターン*/
.hs_layBtxt{
width:410px;
float:right;
}
.hs_layBpho{
width:350px;
padding-right:20px;
float:right;
}

/*HEAD SPA 頭皮の3サプリメント*/
.point_2_in{
width:230px;
margin-right:30px;
float:left;
}

.point_2_in dd{
margin-top:10px;
line-height:1.5;
}

.point_2_in .objct{
color:#FF4F4F;
}

.point_2_in .last{
margin-right:0;
}

.point_2_wrap{
width:780px;
padding-top:7px;
background:url(../img/bg_re_in_top3.gif) no-repeat top;
}

.point_2_wrap2{
width:780px;
padding-bottom:7px;
background:url(../img/bg_re_in_bottom3.gif) no-repeat bottom;
}

.point_2_wrap3{
width:780px;
margin-left:5px;
padding:0 10px 0 10px;
background:url(../img/bg_re_in_middle3.gif) repeat-y;
}


/*ビオティカとは*/
.about_biotic{
margin-top:20px;
}

.about_biotic h4{
margin-bottom:15px;
}

.about_biotic .point{
width:410px;
background:url(../img/bg_re_in_top2.gif) no-repeat top;
}

.about_biotic .point_in{
background:url(../img/bg_re_in_bottom2.gif) no-repeat bottom #FFE6E6;
}

/*トリートメント
----------------------------------------------------*/
#treatment h2{
background:#AB8C71;
color:#FFFFFF;
font-size:120%;
margin-bottom:8px;
margin-top:20px;
padding:3px 0 3px 10px;
width:770px;
}

#treatment .intro_ex{
margin-bottom:10px;
}

#treatment .intro{
background:#FFE8C2;
padding:15px 10px 10px 20px;
}

#treatment .intro dt,
#treatment .intro dd{
margin-bottom:7px;
}

#treatment .intro dt{
width:155px;
padding:0 0 0 10px;
float:left;
background:url(../img/ico_white_arrow.gif) no-repeat 0 4px;
}

/*ホームエステ製品*/
#treatment h3 {
background:transparent url(../img/ico_s_circle.gif) no-repeat scroll left center;
color:#562915;
font-size:120%;
margin-bottom:5px;
margin-top:10px;
padding:5px 0 5px 27px;
}

#treatment .tb_item{
width:780px;
border-collapse:collapse;
}

#treatment .tb_item th{
padding:5px;
border:1px solid #CCCCCC;
}

#treatment .tb_item td{
width:158px;
padding:5px 5px 0 5px;
vertical-align:middle;
text-align:center;
border:1px solid #CCCCCC;
}

#treatment .tb_item h4{
font-size:100%;
}

#treatment h3 .h3tit_2{
font-weight:normal;
margin-left:10px;
}

#treatment .tb_item h5{
width:98px;
color:#562915;
}

#treatment .tb_item h6{
margin:0 0 2px 0;
}

#treatment .tb_item .item_box{
margin:0 0 10px 0;
}

#treatment .tb_item .ph_item{
margin:0 0 5px 0;
text-align:center;
}

#treatment .tb_item .item_price{
margin-left:3px;
color:#000000;
}

#treatment .tb_item .cap{
font-size:90%;
}

/*1列目*/
#treatment .tb_item .empty{
border-top-color:transparent;
border-left-color:transparent;
border-right-color:#CCCCCC;
}

#treatment .tb_item .tit_series_s h5{
margin:5px 0 5px 0;
}

/*ステップごと*/
#treatment .tb_item .tit_cleansing{
/*background:#E3F4FF;*/
background:#EAEAEA;
border-color:#CCCCCC;
}

#treatment .tb_item .tit_treatment1,
#treatment .tb_item .tit_treatment2{
/*background:#E1FFFB;*/
background:#EAEAEA;
border-color:#CCCCCC;
}

#treatment .tb_item .tit_protection_g{
/*background:#E7D7FF;*/
background:#EAEAEA;
border-color:#CCCCCC;
}

.tit_cleansing h4,
.cleansing h6{
color:#1570B5;
}

.tit_treatment1 h4,
.tit_treatment2,
.treatment h6{
color:#4297BC;
}

.tit_protection_g h4,
.protection h6{
color:#723BB2;
}

/*先頭に戻る*/
#treatment .pagetop{
text-align:right;
}

/*トリートメント　シリーズ別の設定*/
/*#treatment .nu h5{
color:#FF5500;
}*/

#treatment .nu .tit_series_s{
background:#FFE8D2;
}
#treatment .rf .tit_series_s{
/*background:#F7E9FF;*/
background:#FFD4E1;
}
#treatment .re .tit_series_s{
background:#EEFFEB;
}
#treatment .sp .tit_series_s{
background:#E5E5E5;
}
#treatment .bi .tit_series_s{
/*background:#FFD6A9;*/
background:#F0F4FF;
}
#treatment .noc .tit_series_s{
/*background:#F0F4FF;*/
background:#F7E9FF;
}
#treatment .so .tit_series_s{
/*background:#FFD4E1;*/
background:#FFABAB;
}