@charset "utf-8";
/************************************************************************************
RESET
*************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
img{
	border: 0;
}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}




/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }




html{font-size:10px;}

body{
	font-size: 1.2em;
	color: #666666;
	background-image: url(../images/bg_body.png);
	background-repeat: repeat;
	-webkit-text-size-adjust: 100%;

}
#body_bg{
	background-image: url(../images/bg_body_top.png);
	background-repeat: repeat-x;
	background-position: top;
}
#body_bg2{
	background-image: url(../images/33.png);
	background-repeat: repeat-x;
	background-position: top;
}
a:link{
color:#666666;
text-decoration:none;}

a:hover{
text-decoration:underline;
}
a:visited{
	color:#CDAA8A;}
	
/* **************************** ALL*/


div#warapper{
    width:960px;
    margin:auto;
}



.sum{border: 1px solid #ddd2c2;
  padding: 2px;	}

/* **************************** HEADER*/

#header{
width:960px;
padding-top:55px;
}
h1.cach{ color:#FFFFFF; font-size:0.8em; float:right; padding-top:5px;}
div.logo{
	background:url(../images/logo5.png) no-repeat;
	width:471px;
	height:52px;
	text-indent:-9999px;
	float:left;
	}
#h_contact{
	float:right;
	margin-bottom:18px;
}

/* **************************** MENU*/
#menu {
	clear: both;
	position: relative;
}


ul.navi{
	overflow:hidden;
	zoom:1;
	width:580px;
	margin:auto;
	margin-bottom:20px;
	}
ul.navi li{
	display:inline;
	zoom:1;
	}
ul.navi li a{
	float: left;
	display: block;
	overflow: hidden;
	height: 0;
	padding: 17px 0 0 0;
	zoom: 1;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	}

ul.navi li.top a{background-position:0 0; width:125px;}
ul.navi li.system a{background-position:-130px 0; width:120px;}
ul.navi li.service a{background-position:-250px 0; width:130px;}
ul.navi li.reserve a{background-position:-385px 0; width:88px;}
ul.navi li.company a{background-position:-470px 0; width:88px;}



ul.navi li.top a:hover{
	background-position: 0 -33px;
}
ul.navi li.system a:hover{background-position:-130px -33px;}
ul.navi li.service a:hover{background-position:-250px -33px;}
ul.navi li.reserve a:hover{background-position:-385px -33px;}
ul.navi li.company a:hover{background-position:-470px -33px;}




/*

.home ul.navi li.home a{background-position:0 -17px;}
.news ul.navi li.news a{background-position:-89px -17px;}
.menu ul.navi li.menu a{background-position:-177px -17px;}
.style ul.navi li.style a{background-position:-270px -17px;}
.staff ul.navi li.staff a{background-position:-409px -17px;}
.access ul.navi li.access a{background-position:-493px -17px;}
*/


#nav_concept{
	position:absolute;
	left: 867px;
	top: 0px;
}
	


/* **************************** MAIN*/

#main {
	clear:both;
   float: left;
   width:960px;
   margin:10px 0px 10px 0px;
  
}

.txt_right{text-align:right;}

/* --------------------- TOP IMG*/

#topimg{margin:0 0 20px 0;
height:494px;
background:url(images/bg_topimg.png) no-repeat bottom;
}

#topimg2{margin:0 0 20px 0;
height:342px;
background:url(images/bg_topimg.png) no-repeat bottom;
}


/* --------------------- left*/

#left{
	float:left;
	width:360px;
	margin:0 10px 0 0;
}



/* -------- NEWS*/
.news dl {
	margin-bottom:20px;
	
}
.news dt{
	color:#9FA0A0;
	font-size:0.9em;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:5px;
	background:url(images/icon_list.png) no-repeat left;	
}
.news dd {
	color: #4C3B26;
	padding-bottom: 7px;
	margin-bottom: 15px;
	background-image: url(../images/line_news.png);
	background-repeat: no-repeat;
	background-position: bottom;
	
}




/* --------------------- right*/

#right{
	width: 560px;
	float: right;
	padding-left: 10px;
}


.item-lists ul li{
	float:left;
}

.item-lists li{
	background:url(images/bg_style.png) bottom no-repeat;
	/*width:90px;*/
	height:104px;
	margin-right:7px;
	margin-bottom:10px;
	 
}


.banner{margin-bottom:35px; margin-top:35px; clear:both;}
.banner p{font-size:0.8em; margin-top:6px;}
.banner ul li{
	float:left;
	}
.banner li{margin-right:13px; width:175px; color:#9FA0A0;}
li.non_m{margin:0; padding:0;}
#link{clear:both;}	
#link ul li{
	float:right;
	}
#link li{margin-left:10px;}


/* **************************** FOOTER*/


#footer {
	clear: both;
	color: #FFFFFF;
	margin-top: 150px;
	background-color: #d2c3ae;
	background-image: url(../images/ftr_bg.gif);
	background-repeat: repeat;
}
#footer_bg {
	background-image: url(../images/ftr_bg_t.png);
	background-repeat: repeat-x;
}
#footer_container {
	margin: 0 auto 0 auto;
	width: 1000px;
	background-image: url(../images/ftr_bg_ico.png);
	background-repeat: no-repeat;
	background-position: 941px top;
}
#footer #ftr_nav { padding:26px 0 0 24px; width:506px; float:left; }
#footer #ftr_nav .container {
	clear: both;
	width: 506px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#footer #ftr_nav .nav { float:left; }
#footer #ftr_nav .nav p.tit {}
#footer #ftr_nav .nav ul { padding:10px 0 0 21px; }
#footer #ftr_nav .nav ul li { text-shadow:1px 1px 0px rgb(239, 236, 218); }
#footer #ftr_nav .nav ul li.nowrap { white-space:nowrap; }
#footer #ftr_nav .nav ul li a { display:block; padding:3px 0 3px 0; color:#6e6b3c; text-decoration:none; }
#footer #ftr_nav .nav ul li a:hover { color:#f27ca8; text-decoration:underline; }
#footer #ftr_nav .nav ul li span { display:block; padding:3px 0 3px 0; color:#b2ad87; }
#footer #ftr_nav #ftr_nav_01 { width:173px; }
#footer #ftr_nav #ftr_nav_02 { width:333px; }
#footer #ftr_nav #ftr_nav_02 ul li { width:106px; float:left; }
#footer #ftr_nav #ftr_nav_03 { width:173px; }
#footer #ftr_nav #ftr_nav_04 { width:208px; }
#footer #ftr_nav #ftr_nav_05 { width:125px; }
#footer #ftr_cnt { padding:43px 10px 0 0; width:460px; float:right; }
#footer #ftr_cnt #ftr_btn {
	width: 456px;
	height: 104px;
	background-repeat: no-repeat;
}
#footer #ftr_cnt #ftr_btn ul { padding:24px 0 0 31px; width:404px; }
#footer #ftr_cnt #ftr_btn ul li { padding:0 2px 0 0; float:left; font-size:0; line-height:1; }
#footer #ftr_cnt #ftr_img { clear:both; }

#footer #ftr_copy {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/ftr_copy_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#footer #ftr_copy_bg {
	width: 100%;
	height: 78px;
	overflow: hidden;
	background-image: url(../images/ftr_copy_bg_b.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#footer #ftr_copy_container { margin:0 auto 0 auto; padding:45px 0 0 0; width:1000px; }
#footer #ftr_copy ul.nav { padding:0 0 0 45px; width:450px; float:left; }
#footer #ftr_copy ul.nav li { padding:0 24px 0 0; float:left; }
#footer #ftr_copy ul.nav li a { text-decoration:none; }
#footer #ftr_copy ul.nav li a:hover { text-decoration:underline; }
#footer #ftr_copy p { padding:0 23px 0 0; width:261px; float:right; }

/* **************************** MENU*/

#contents{
	width:800px;
	margin:auto;
}
#left_menu{
	float:left;
	width:360px;
	
	}
#right_menu{
	width:360px;
	float:right;
}


.h3_menu{
	text-indent:-9999px;
    margin-bottom:13px;
	height:32px;
	width:360px;}
.h3_info{
	background-image: url(../images/menu_01.png);
	background-repeat: no-repeat;
	background-position: left;
}
.h3_reserve{
	background-image: url(../images/menu_02.png);
	background-repeat: no-repeat;
	background-position: left;
}
.h3_price{
	background-image: url(../images/menu_03.png);
	background-repeat: no-repeat;
	background-position: left;
}
.h3_notice{
	background-image: url(../images/menu_04.png);
	background-repeat: no-repeat;
	background-position: left;
}
.h3_company{
	background-image: url(../images/hdr_company.png);
	background-repeat: no-repeat;
	background-position: left;
}
.h3_recruit{
	background-image: url(../images/hdr_recruit.png);
	background-repeat: no-repeat;
	background-position: left;
}


.menu_set{
	margin-bottom:60px;
}
.menu_set p{
	color:#CDAA8A;
	margin-bottom:10px;
	line-height:1.8em;
	clear:both;
}


.menu_set dl {
	padding-bottom:50px;
	color:#4C3B26;
	}
.menu_set dt{ 
	float: left;
	clear: both;
	margin-bottom:6px;
	width:280px;
	border-bottom: solid 1px #d7d1c9;
		
	}
.menu_set dd {
	float: right;
	border-bottom:#999;
	width:80px;
	border-bottom: solid 1px #d7d1c9;
	text-align:right;
	}
	
/* **************************** ACCESS*/	


.tel{
	font-size:1.5em;
	padding-left:5px;
}
.f_icon{
	background:url(images/access_icon.png) no-repeat left;
	padding-left:16px;}
.mapimg{
	float:left;
	width:280px;
	margin-right:40px;}

.adress{
	color:#4C3B26;
	margin-top:12px;
	margin-left:320px;
}
.adress p{
	margin-top:5px;
	
}

.googlemap{
	clear:both;
	margin-top:30px;
	margin-bottom:80px;
	border:#d3ccc3 solid 1px;
	width:440px;
	height:220px;
}
/* **************************** RECRUIT*/
.recruit{
	color:#4C3B26;
}

h3.bosyu{
	background:url(images/rec_01.png) no-repeat;
	text-indent:-9999px;
	height:20px;
	width:110px;
}
h3.oubo{
	background:url(images/rec_02.png) no-repeat;
	text-indent:-9999px;
	height:19px;
	width:110px;
	margin-top:50px;
	margin-bottom:30px;
}

.recruit h4{
	background:url(images/access_icon.png) no-repeat;
	padding-left:15px;
	padding-top:-10px;
	margin:40px 0 10px 0;
}
.recruit li{
	margin-bottom:10px;
	}
	
	
	
	
/* **************************** HEAR*/
	
#contents_hair{
	width:960px;
	margin:auto;
}
	
#sidebar {
	float: left;
	width: 150px;
	margin:40px 22px 0 0;
	height:600px;
}

/*スタイル種類*/
#sidebar .side-nav {
	margin-bottom: 0px;
	font-size: 1em;
}

#sidebar .side-nav ul{
	padding: 5px 10px 0px;
}

#sidebar .side-nav ul li {
	padding: 5px 0 5px 18px;
	background: url(images/access_icon.png) no-repeat left center;
	font-weight:bold;
}

#sidebar .side-nav a:link{color:#CDAA8A;}



/*モテ髪スタイル種類*/
#sidebar .side-nav-mate {
	
	font-size: 1em;
}

#sidebar .side-nav-mate ul{
	padding: 0px 10px 0px;
}

#sidebar .side-nav-mate ul li {
	padding: 5px 0 5px 18px;
	background: url(images/access_icon_green.png) no-repeat left center;
	font-weight:bold;
}

#sidebar .side-nav-mate a:link{color:#CDAA8A;}



/*スタイリスト種類*/
#sidebar .side-nav-style {
	margin-bottom: 10px;
	font-size: 1em;
}

#sidebar .side-nav-style ul{
	padding: 0px 10px 10px;
}

#sidebar .side-nav-style ul li {
	padding: 5px 0 5px 18px;
	background: url(images/access_icon_ye.png) no-repeat left center;
	font-weight:bold;
}

#sidebar .side-nav-style a:link{color:#CDAA8A;}

/*モテ髪プロデュース種類*/
#sidebar .side-nav-moteproduce{
	margin-bottom: 0px;
	font-size: 1em;
}

#sidebar .side-nav-moteproduce ul{
	padding: 0px 10px 0px;
}

#sidebar .side-nav-moteproduce ul li {
	padding: 5px 0 5px 18px;
	background: url(images/access_icon_blue.png) no-repeat left center;
	font-weight:bold;
}

#sidebar .side-nav-moteproduce a:link{color:#CDAA8A;}

/*products*/
#left_hair{
	width:780px;
	float:right;
}

#left_hair ul.hair-lists {
	padding-left:-20px;
	
		
	
}
#left_hair ul.hair-lists li {
	float: left;
	width: 110px;
	height:142px;
	margin-left: 20px;
	margin-bottom:20px;
	/*background:url(images/hair_list_bg.png) no-repeat;
	padding:2px 0 0 2px;*/
  border: 1px solid #ddd2c2;
  padding: 2px;	
	
}


.hair_concepth1 {
	padding-left:20px;
	
}

.hair_concepth1_ {
	padding-left:150px;
	
}
#hair_concept{
	color:#4C3B26;
	line-height:2em;
	margin:26px 0 35px 0;
	padding-left:150px;
	
}

.hr_txt_box{
	position:absolute;
	top:-20px;
	height:200px;
	overflow:hidden;
	
	

}
.hr_h2{
	font-size:1.5em; color:#4C3B26; font-weight:bold;}
.hr_txt{
	line-height:1.3em;
	 color:#4C3B26;
	 margin-top:10px;
}


/*PagiNavi*/
.wp-pagenavi { 
	padding-top: 10px;
	padding-left:20px;
	padding-bottom: 25px;
	clear:both;
}

.pages{
	background:#fff;
	color:#9D8664;
	display:none;}

.wp-pagenavi a,
.current {
	margin-right: 4px;
	padding: 3px 6px;
	background: #4C3B26;
	
	text-decoration: none;
	text-align:center;
	color:#FFFFFF;
	border:none; !important
	
}
.wp-pagenavi a:hover,
.current{
	color: #fff;
	background: #9D8664;
	border:none; !important
}


.wp-pagenavi a:visited,
.current{
	color: #fff;
	}



/* **************************** CONCEPT*/

#contents_concept{
	width:880px;
	margin:auto;
}

#left_concept{
	width:400px;
	margin:0;
	
	}
#right_concept{
	width:420px;
	float:right;
}

#left_concept ul{
	margin-top:20px;
	}

#left_concept  li {
	padding: 10px 0 10px 18px;
	background: url(images/access_icon.png) no-repeat left center;
	font-size:1.3em;
	color:#727171;
}

#mymr_concept{
	margin-top:80px;
}

.prfimg{
	float:left;
	margin-right:6px;
	margin-bottom:100px;
}
#mymr_concept .prf{
	width:280px;
	margin-left:120px;
	color:#9FA0A0;
}
.spad{
	background:url(images/concept_sp_ad.png) no-repeat;
	width:401px;
	height:34px;
	margin-bottom:13px;
	text-indent:-9999px;
}



/* **************************** HEAR 詳細*/

#imghair {
  margin: 50px 0 150px 20px;
  position:relative;
  }


.imghair img {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd2c2;
  padding: 2px;
  
  
}

.imghair ul li img {
  height: 142px;
  width: 110px;
  border: 1px solid #ddd2c2;
  padding: 2px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.imghair ul li {
  
  display:inline;
  
}

#photo img{
	position:absolute;
	top:-26px;

}


/* **************************** STAFF*/
.staf_box{
	margin-bottom:20px;
	position:relative;
	clear:both;
}
.staf_left{
	float:left;
	margin-bottom:20px;
}
.staf_right{
	margin-left:207px;
	padding-top:15px;
	}

.staff_blog{
	position:absolute;
	top:15px;
	right:0;
}

	
/*-------*/	

.staf_right dl{
	margin-top:20px;}
.staf_right dt{
	float:left;
}
.staf_right dd{
	margin-left:178px;
}
    dt.s_style{
	background:url(images/staff_li.png) no-repeat 0 0;
	padding-left:173px;
	height:12px;
	text-indent:-9999px;}
	
	dt.s_hobby{
	background:url(images/staff_li.png) no-repeat 0 -13px;
	padding-left:173px;
	height:12px;
	text-indent:-9999px;}
	
	dt.s_coment{
	background:url(images/staff_li.png) no-repeat 0 -26px;
	padding-left:173px;
	height:12px;
	text-indent:-9999px;}
	
	
/*-------*/	

h2.staff_list{
	height:35px;
	width:281px;
	text-indent:-9999px;
	overflow:hidden;}	

h2.staff_01{background:url(images/staff_h2.png) no-repeat 0 0 ;}
h2.staff_02{background:url(images/staff_h2.png) no-repeat 0 -34px ;}
h2.staff_03{background:url(images/staff_h2.png) no-repeat 0 -70px  ;}
h2.staff_04{background:url(images/staff_h2.png) no-repeat 0 -104px  ;}
h2.staff_05{background:url(images/staff_h2.png)  no-repeat 0 -139px  ;}
	


/* **************************** NEWS*/

.news_day{
	color:#4C3B26;
	margin-bottom:5px;
	font-weight:bold;
}

.news h2{
	color:#B28247;
	font-size:1.2em;
	padding-bottom:5px;
	border-bottom:1px solid #CDAA8A;
}

.news h2 a{
	color:#B28247;
	font-size:1.2em;
	padding-bottom:5px;
	border-bottom:1px solid #CDAA8A;
}

.news_text{
	margin-top:20px;
	margin-bottom:120px;
	line-height:1.8em;
	font-size:1.2em;
}

.nav-below{
	float:right;
}

.nav-previous{
	margin-right:20px;}
	
	
/*index** NEWS*/	
h2.h2_st{margin-bottom:18px;
border:none;}


/*2014/03/14追加*/
#long_bnr{
	clear:both;
	padding:20px 0;
}
.banner {
	margin-bottom: 28px;
	margin-top: 0px;
	clear: both;
}
#warapper #main #contents #left_menu .menu_set .h3_company.h3_01 {
	background-image: url(../images/hdr_company.png);
	background-repeat: no-repeat;
	background-position: left;
}
#footer_container #ftr_nav .container.clearfix #ftr_nav_01 .txt10 li a {
	font-size: 10px;
}
#footer_container #ftr_nav .container.clearfix #ftr_nav_02 .txt10.clearfix li a {
	font-size: 10px;
}
#left #left_section1 {
	padding-top: 50px;
	padding-bottom: 20px;
}
#body_bg2 #warapper #main #right .point {
	height: 420px;
	background-image: url(../images/bimazyo3.gif);
}