@charset "shift_jis";

/***********************************************
 file name:style.css
 auth level:
 last updated:07/07/20
************************************************/

/* html tags
--------------------------------------------*/
body,div,span,h1,h2,h3,h4,h5,h6,h7,p,ul,ol,li,dl,dt,dd,a,caption,address,form{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Geneva, Arial, Helvetica, sans-serif;
}


body{
text-align:center;
color:#444444;
background:url(../common/bg01.jpg);
}

h1{
word-break:break-all;
word-wrap:break-word;
}

h2,h3,h4,h5,h6,h7,p,li,dt,dd,caption,address,th,td,b,small{
line-height:1.4;
word-break:break-all;
word-wrap:break-word;
}

form{display:inline;}

table{
border-collapse:collapse;
text-align:left;
}

li{list-style:none;}

img{border:0;}

address{font-style:normal;}

a{color:#4390b0;}
a:hover,a:active{color:#ea8f2d;}


/* clear float
--------------------------------------------*/
div:after{
content:".";
clear:both;
display:block;
height:0px;
visibility:hidden;
}

div{
display:inline-table;
min-height:1%;
}

/*\*/
* html div{height:0;}
div{display:block;}
/**/


/* contents-width 750px
--------------------------------------------*/
#wrc{
width:750px;
margin:0 auto;
text-align:left;
}


/* 2column 左固定（218px）
--------------------------------------------*/
.mn{background:url(../common/mn_bg02.jpg) repeat-y;}

.mn .left{float:left; width:218px;}
.mn .right{float:right; width:532px;}



/***********************************************
 common class
 共通クラス指定
***********************************************/

.wr{clear:both;}

.flL{float:left !important;}
.flR{float:right !important;}

.taL{text-align:left;}
.taR{text-align:right;}
.taC{text-align:center;}

.bgN{background:none !important;}

.bdr01{border-bottom:1px solid #cccccc;}
.bdr02{border:1px solid #dddddd;}
.bdrN{border:none !important;}

.b{font-weight:bold;}

.gry1{color:#777777;}
.gry2{color:#999999;}

.red{color:#9b2f16;}
.red2{color:#996542;}

.green{color:#858E13;}

/***********************************************
 mg,pd,bdr,bg
 複数指定
***********************************************/

/* mg,pd（上マージン、上パディング）
--------------------------------------------*/
.mg05{margin-top:5px !important;}
.mg10{margin-top:10px !important;}
.mg15{margin-top:15px !important;}
.mg20{margin-top:20px !important;}
.mg25{margin-top:25px !important;}
.mg30{margin-top:30px !important;}

.mg15l{margin-left:15px;}

.pd05{padding-top:5px !important;}
.pd10{padding-top:10px !important;}
.pd15{padding-top:15px !important;}
.pd20{padding-top:20px !important;}
.pd25{padding-top:25px !important;}
.pd30{padding-top:30px !important;}


.pd10r{padding-right:10px !important;}
.pd25r{padding-right:25px !important;}

.pd5b{padding-bottom:5px !important;}
.pd20b{padding-bottom:20px !important;}

.pd10v{padding:10px 0;}

.pd15h{padding:0 15px;}

.pd10a{padding:10px;}





/***********************************************

各モジュール
***********************************************/

/* top_comment
--------------------------------------------*/
h1{
padding:10px 0 5px 10px;
background:url(../common/bg02.jpg) 0 100% no-repeat;
color:#C5B4A0;
}
h1 a{color:#C5B4A0; text-decoration:none;}
h1 a:hover{color:#C5B4A0; text-decoration:none;}


/* header
--------------------------------------------*/
/* title header_navi */
.hd{padding-top:10px; background:url(../common/hd_bg01.jpg) no-repeat;}
.hd .tl_nv{padding:2px 0 13px 3px; clear:both; background:url(../common/hd_bg02_b.jpg) repeat-y;}
.hd h2{float:left; padding-left:15px;}

.hd p{float:right; padding:1px 25px 0 0; text-align:right; white-space:nowrap;}
.hd p span{margin:0 5px; color:#d17e1d; font-weight:bold;}
.hd p a{margin:0 5px; text-decoration:none; color:#444444;}
.hd p a:hover{color:#ea8f2d;}

s
/* global_navi */
.gnv{height:45px; background:url(../common/gnv_bg.jpg) 0 100% no-repeat;}
.gnv .in_dv{background:url(../common/gnv_2.jpg) no-repeat;}

.gnv ul{margin-left:9px;}/* 画像左端から、shopボタンまでの幅 */
.gnv li{
float:left;
height:39px;
line-height:39px;
background-image:url(../common/gnv_2.jpg);
text-indent:-9999px;
overflow:hidden;
}
.gnv li a{
display:block;
width:100%;
line-height:39px;
text-align:center;
background-image:url(../common/gnv_2.jpg);
}

.gnv li.st01, .gnv li.st01 a{width:122px; background-position:-9px -39px;}
.gnv li.st02, .gnv li.st02 a{width:122px; background-position:-131px -39px;}
.gnv li.st03, .gnv li.st03 a{width:122px; background-position:-253px -39px;}
.gnv li.st04, .gnv li.st04 a{width:122px; background-position:-375px -39px;}
.gnv li.st05, .gnv li.st05 a{width:122px; background-position:-497px -39px;}
.gnv li.st06, .gnv li.st06 a{width:122px; background-position:-619px -39px;}

.gnv li.st01c a, .gnv li.st01 a:hover{width:122px; background-position:-9px 0;}
.gnv li.st02c a, .gnv li.st02 a:hover{width:122px; background-position:-131px 0;}
.gnv li.st03c a, .gnv li.st03 a:hover{width:122px; background-position:-253px 0;}
.gnv li.st04c a, .gnv li.st04 a:hover{width:122px; background-position:-375px 0;}
.gnv li.st05c a, .gnv li.st05 a:hover{width:122px; background-position:-497px 0;}
.gnv li.st06c a, .gnv li.st06 a:hover{width:122px; background-position:-619px 0;}



/* main
--------------------------------------------*/
/* title_a （titl_img） */
.ttl_a{background:url(../common/ttl_ln.jpg) 0 100% no-repeat; padding-bottom:4px;}
.ttl_a h3{width:750px; height:68px; text-indent:-9999px; overflow:hidden;}

h3.st01{background:url(../common/ttl_shp.jpg) no-repeat;} /* shop */
h3.st02{background:url(../common/ttl_stf.jpg) no-repeat;} /* staff */
h3.st03{background:url(../common/ttl_hs.jpg) no-repeat;} /* hair style */
h3.st04{background:url(../common/ttl_prc.jpg) no-repeat;} /* price */
h3.st05{background:url(../common/ttl_si.jpg) no-repeat;} /* styline item */
h3.st06{background:url(../common/ttl_faq.jpg) no-repeat;} /* faq */
h3.st07{background:url(../common/ttl_cnt.jpg) no-repeat;} /* contact */
h3.st08{background:url(../common/ttl_pp.jpg) no-repeat;} /* privacy policy */
h3.st09{background:url(../common/ttl_sitemap.jpg) no-repeat;} /* site map */

/* right bg */
.right .mnB{padding-bottom:25px;}

.right #bg01 .mnT{padding-top:22px; background:url(../common/rgt_bg01a.jpg) no-repeat;}
.right #bg01 .mnB{background:url(../common/right_bg03.jpg) 0 100% no-repeat;}

.right #bg02 .mnT{padding-top:22px;background:url(../common/rgt_bg01b.jpg) no-repeat;}
.right #bg01 .mnB{background:url(../common/right_bg03.jpg) 0 100% no-repeat;}

.right #bg03 .mnT{background:url(../common/rgt_bg01c.jpg) no-repeat;}
.right #bg01 .mnB{background:url(../common/right_bg03.jpg) 0 100% no-repeat;}


/* local_navi */
/*背景*/
.lnv{
padding-bottom:24px;
background:url(../common/lnv_ln.jpg) 0 100% no-repeat;
}
.lnv p img{width:218px; height:65px;}
.lnv ul{padding-top:6px; background:url(../common/lnv_bg.jpg) repeat-y;}
.lnv li{margin-left:16px; padding-top:5px;}

/*リンクoffの背景*/
.lnv li .ctT{padding:10px 20px 0 10px; background:url(../common/lnv_bg01_off.jpg) no-repeat;}
.lnv li .ctM{background:url(../common/lnv_bg02_off.jpg) repeat-y;}
.lnv li .ctB{padding-bottom:10px; background:url(../common/lnv_bg03_off.jpg) 0 100% no-repeat;}

/*リンクonの背景*/
.lnv li.on .ctT{padding:10px 20px 0 10px; background:url(../common/lnv_bg01_on.jpg) no-repeat;}
.lnv li.on .ctM{background:url(../common/lnv_bg02_on.jpg) repeat-y;}
.lnv li.on .ctB{padding-bottom:10px; background:url(../common/lnv_bg03_on.jpg) 0 100% no-repeat;}

.lnv li .midashi{background:none;}

/*リンクoffの下線、カラー*/
.lnv li p,
.lnv li dt{padding:6px 0 6px 17px; font-weight:bold; color:#8a8518; background:url(../common/lnv_icn_off.gif) 0 .55em no-repeat;}
.lnv li p a,
.lnv li dt a{display:block; width:100%; height:100%; color:#8a8518; text-decoration:none;}
.lnv li dt a{padding-bottom:1px; background:url(../common/lnv_ln_off.jpg) 0 100% no-repeat;}

.lnv li dd{margin-left:15px; padding-left:10px; background:url(../common/dot01.gif) 0 .5em no-repeat;}
.lnv li dd a{color:#5597b0;}


/*リンクhoverの下線、カラー*/
.lnv li p a:hover{color:#b39128;}
.lnv li dt a:hover{color:#b39128; background:url(../common/lnv_ln_over.jpg) 0 100% no-repeat;}
.lnv li dd a:hover{color:#ea8f2d;}
.lnv li.on dd a:hover{color:#ea8f2d;}


/*リンクonの下線、カラー*/
.lnv li.on p,
.lnv li.on dt{color:#8b4719; background:url(../common/lnv_icn_on.gif) 0 .55em no-repeat;}

.lnv li.on dt a{background:url(../common/lnv_ln_on.jpg) 0 100% no-repeat; color:#8b4719;}
.lnv li.on dd a{color:#2e87c0;}


/* title_b （index title）*/
.ttl_b h4{width:445px; height:36px; text-indent:-9999px; overflow:hidden;}

.ttl_b h4.st01{background:url(../shop/img/ind_main_ttl01.jpg) no-repeat;} /* shop */
.ttl_b h4.st02{background:url(../staff/img/ind_main_tti01.jpg) no-repeat;} /* staff */
.ttl_b h4.st03{background:url(../hair_style/img/ind_tpc_ttl01.jpg) no-repeat;} /* hair style */
.ttl_b h4.st04{background:url(../price/img/ind_main_ttl01.jpg) no-repeat;} /* price */
.ttl_b h4.st05{background:url(../styling_item/img/ind_tpc_ttl01.jpg) no-repeat;} /* styling item */
.ttl_b h4.st06{background:url(../faq/img/ind_main_ttl01.jpg) no-repeat;} /* faq */
.ttl_b h4.st07{width:200px; height:45px; background:url(../contact/img/ttl01.gif) no-repeat;} /* contact */
.ttl_b h4.st08{width:200px; height:45px; background:url(../privacy_policy/img/ttl01.gif) no-repeat;} /* privacy policy */
.ttl_b h4.st09{width:200px; height:45px; background:url(../sitemap/img/ttl01.gif) no-repeat;} /* site map */



/* title_c */
.ttl_c{width:521px; padding-bottom:2px; background:url(../common/bdr02.gif) 0 100% no-repeat;}

.ttl_c h5{
float:left;
width:400px;
height:25px;
margin:22px 0 0 15px;
text-indent:-9999px;
overflow:hidden;
}
.ttl_c p{float:right; width:71px; margin-right:13px;}

.ttl_c h5.st01{background:url(../common/ttl_c01.gif) no-repeat;} /* tonukoa hair creation */
.ttl_c h5.st02{background:url(../common/ttl_c02.gif) no-repeat;} /* tonukoa rua */
.ttl_c h5.st03{background:url(../common/ttl_c03.gif) no-repeat;} /* map */
.ttl_c h5.st04{background:url(../common/ttl_c04.gif) no-repeat;} /* サービス */
.ttl_c h5.st05{background:url(../common/ttl_c05.gif) no-repeat;} /* stylist */
.ttl_c h5.st06{background:url(../common/ttl_c06.gif) no-repeat;} /* assistant */
.ttl_c h5.st07{background:url(../common/ttl_c07.gif) no-repeat;} /* short to medium style */
.ttl_c h5.st08{background:url(../common/ttl_c08.gif) no-repeat;} /* medium to long style */
.ttl_c h5.st09{background:url(../common/ttl_c09.gif) no-repeat;} /* extention style */
.ttl_c h5.st10{background:url(../common/ttl_c10.gif) no-repeat;} /* collection work sontest */
/* price */
.ttl_c h5.st12{background:url(../common/ttl_c12.gif) no-repeat;} /* shampoo treatment */
.ttl_c h5.st13{background:url(../common/ttl_c13.gif) no-repeat;} /* アウトバストリートメント */
.ttl_c h5.st14{background:url(../common/ttl_c14.gif) no-repeat;} /* wax */
.ttl_c h5.st15{background:url(../common/ttl_c15.gif) no-repeat;} /* cream mousse spray */
.ttl_c h5.st16{background:url(../common/ttl_c16.gif) no-repeat;} /* treatment */
.ttl_c h5.st17{background:url(../common/ttl_c17.gif) no-repeat;} /* お手入れについて */
.ttl_c h5.st18{background:url(../common/ttl_c18.gif) no-repeat;} /* エクステンションについて */
.ttl_c h5.st19{background:url(../common/ttl_c19.gif) no-repeat;} /* カラーリングについて */
.ttl_c h5.st20{background:url(../common/ttl_c20.gif) no-repeat;} /* その他のFAQ */
.ttl_c h5.st21{background:url(../common/ttl_c21.gif) no-repeat;} /* ご予約について */
.ttl_c h5.st22{background:url(../common/ttl_c22.gif) no-repeat;} /* schedule */
.ttl_c h5.st23{background:url(../common/ttl_c23.gif) no-repeat;} /* photo gallery */
.ttl_c h5.st24{background:url(../common/ttl_c24.gif) no-repeat;} /* staff diary */
.ttl_c h5.st25{background:url(../common/ttl_c25.gif) no-repeat;} /* spiral and cornrow style */
.ttl_c h5.st26{background:url(../common/ttl_c26.gif) no-repeat;} /* mens style */
.ttl_c h5.st27{background:url(../common/ttl_c27.gif) no-repeat;} /* up style */

/* detail page */
.dtl_pg{text-align:right;}
.dtl_pg a{padding-left:17px; background:url(../common/arrow01.gif) no-repeat;}

/* page top */
.pgt{margin:10px 25px 0 0; text-align:right;}


/* footer
--------------------------------------------*/
.ft img{width:750px; height:43px;}