@charset "UTF-8";/*日本語*/
/* 
.testbox2 {
background: #ffffff; /* すべてのブラウザ */
background: #ccaaff\9; /* IE8 以下 */
*background: #88ffff; /* IE7 以下 */
}
.testbox2:not(:target) {
background: pink\9; /* IE9 */
}
 */



*{
	text-align:   justify;
	text-justify:   inter-ideograph;
	/* divのwidth指定に、borderやらpaddingやら入れると、指定のwidthを超えて幅が広くなるのを防ぐ */
	-webkit-box-sizing:         border-box;
	-moz-box-sizing:            border-box;
	-o-box-sizing:              border-box;
	-ms-box-sizing:             border-box;
	box-sizing:                 border-box;
	font-weight:   normal;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
	display:   block;
}

html,body{
	height:   100%;
}

html, body, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p{
	margin:   0;
	padding:   0;
}

body{
	line-height:   1.0;
	word-wrap:   break-word;
	-webkit-text-size-adjust:   none;
}

html{
	font-size:   62.5%;
}

body,p,td,th{
	color:   rgb(62,31,2);
	line-height:   1.7;
	letter-spacing:   0.9pt;
	word-spacing:   1pt;
	font-family:   "Lucida Grande", Geneva, Arial, Verdana,"メイリオ",Meiryo,"Segoe UI","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}

*:first-child+html body{
	line-height:   1.8;
	letter-spacing:   1pt;
	word-spacing:   2pt;
}
*:first-child+html p{
	line-height:   1.8;
	letter-spacing:   1pt;
	word-spacing:   2pt;
}
*:first-child+html td{
	line-height:   1.8;
	letter-spacing:   1pt;
	word-spacing:   2pt;
}
*:first-child+html th{
	line-height:   1.8;
	letter-spacing:   1pt;
	word-spacing:   2pt;
}

img{
	margin:   0;
	padding:   0;
	border:   0;
	vertical-align:   bottom;
}

a:hover img.imghover{
	opacity:   .60;
	filter:   alpha(opacity=60);
	-ms-filter:   "alpha(opacity=60)";
	-khtml-opacity:   .60;
	-moz-opacity:   .60;
}

.imgzoom{
     width:   100%;
     max-width:   100%;
}

.h8{height:   8px;}
.h10{height:   10px;}
.h15{height:   15px;}
.h20{height:   20px;}
.h25{height:   25px;}
.h30{height:   30px;}
.h35{height:   35px;}
.h40{height:   40px;}
.h45{height:   45px;}
.h50{height:   50px;}
.h55{height:   55px;}
.h60{height:   60px;}
.h65{height:   65px;}
.h70{height:   70px;}
.h75{height:   75px;}
.h80{height:   80px;}
.h85{height:   85px;}
.h90{height:   90px;}
.h95{height:   95px;}
.h100{height:   100px;}

.f80{font-size:   80%;}
.f85{font-size:   85%;}
.f90{font-size:   90%;}
.f95{font-size:   95%;}
.f100{font-size:   100%;}
.f110{font-size:   110%;}
.f120{font-size:   120%;}
.f130{font-size:   130%;}
.f140{font-size:   140%;}
.f150{font-size:   150%;}
.f160{font-size:   160%;}
.f170{font-size:   170%;}
.f180{font-size:   180%;}
.f190{font-size:   190%;}
.f200{font-size:   200%;}

h1,h2,h3,h4,h5,h6{
	line-height:   1.3;
	margin:   0;
	padding:   0;
}
/*
h1{font-size:   190%;}
h2{font-size:   175%;}
h3{font-size:   160%;}
h4{font-size:   145%;}
h5{font-size:   130%;}
h6{font-size:   115%;}
*/

a:focus{
	outline:   none;
}
a{
	font-weight:   bold;
}
a:link{
	color:   rgb(62,31,2);
	text-decoration:   under-line;
}
a:visited{
	color:   rgb(62,31,2);
	text-decoration:   under-line;
}
a:hover{
	color:   rgb(131,112,93);
	text-decoration:   none;
}
a:active{
	color:   rgb(131,112,93);
	text-decoration:   none;
}
.left{
	text-align:   left;
}
.center{
	text-align:   center;
}
.right{
	text-align:   right;
}
.fontbold{
	font-weight:   bold;
}
.floatleft{
	float:   left;
}
.floatright{
	float:   right;
}
.clear{
	clear:   both;
}
ul{
	list-style-type:   none;
}
/*
	background:   transparent url(qrx/resize-box.gif) no-repeat left top fixed;
	background-size:           50% auto; /* 幅50％ 高さauto となる */
	-moz-background-size:      50% auto;
	-webkit-background-size:   50% auto;
	-o-background-size:        50% auto;
	-ms-background-size:       50% auto;
	
	border-radius:             10px;
	-webkit-border-radius:     10px; 
	-moz-border-radius:        10px;
	
	text-indent:   100%;
	white-space:   nowrap;
	overflow:   hidden;
*/





/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* フッタの調整に利用 */
html,body{
	height:   100%;
}
.wrapper{
	width:   100%;
	position:   relative;
	min-height:   100%;
}



body{
	text-align:   center;
}



.wrapper{
	margin:   0 auto;
}



ul.ulnavi{
	list-style-type:   none;
}
ul.ulnavi li,
ul.ulnavi li a{
	display:   block;
}
ul.ulnavi li a span{
	display:   none;
}



.headimg,
.box-1,
.box-2
{
	text-align:   left;
}



	
	
.title-add-tel{
	background:   transparent url(a/title_add-tel.png) no-repeat left top;
	height:   40px;
}
.title-open-closed{
	background:   transparent url(a/title_open-closed.png) no-repeat left top;
	height:   40px;
}
.title-staff{
	background:   transparent url(a/title_staff.png) no-repeat left top;
	height:   40px;
}
.staff-photo{
	width:   285px;
	margin-top:   10px;
}
.title-access-map{
	background:   transparent url(a/title_access-map.png) no-repeat left top;
	height:   40px;
}
.shop-access-map{
	margin-top:   10px;
}
.title-salon-info{
	background:   transparent url(a/title_salon-info.png) no-repeat left top;
	height:   40px;
}
.title-ex{
	background:   transparent url(a/title_extention.png) no-repeat left top;
	height:   40px;
}
.title-treatment{
	background:   transparent url(a/title_tratment.png) no-repeat left top;
	height:   40px;
}
.title-dressup{
	background:   transparent url(a/title_dress-up.png) no-repeat left top;
	height:   40px;
}



.menutable{
	width:   98%;
}
.menutable em{
	display:   none;
}
.menutable th{
	font-weight:   normal;
}
.menutable th,
.menutable td{
	vertical-align:   top;
}
.menutable td{
	text-align:   right;
}
.menutable h2{
	margin-top:   15px;
}


.hairsml-bass{
	margin-top:   35px;
	margin-bottom:   25px;
	background:   transparent url(a/hairsmlbass.png) repeat center top;
	padding:   20px;
	border-radius:             10px;
	-webkit-border-radius:     10px; 
	-moz-border-radius:        10px;

}
.hairsml{
	margin-top:   20px;
}
.hairsml th{
	font-weight:   normal;
}


.title-cut{
	background:   transparent url(a/title_cut.png) no-repeat left top;
	height:   40px;
}
.title-perm{
	background:   transparent url(a/title_perm.png) no-repeat left top;
	height:   40px;
}
.title-straight{
	background:   transparent url(a/title_straight.png) no-repeat left top;
	height:   40px;
}
.title-color{
	background:   transparent url(a/title_color.png) no-repeat left top;
	height:   40px;
}
.title-other{
	background:   transparent url(a/title_other.png) no-repeat left top;
	height:   40px;
}


footer{

}
footer p{
	text-align:   center;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* bbb751px UP＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
@media screen and (min-width:751px) {
/* */
	body,p,td,th{
		font-size:   12px;
		font-size:   1.2rem;
	}
	
	
	.lay-1{
		padding-bottom:   250px;
	}
	
	
	header{
	background:   transparent url(a/header_bg.png) repeat-x center top;
	height:   270px;
	}
	
	
	section{
		width:   750px;
		margin:   0 auto;
		background:   transparent url(a/navi_bg.png) repeat-y left top;
	}
	
	
	.slide-bass{
		width:   630px;
		float:   right;
		padding-top:   40px;
		text-align:   center;
	}
	
	
	.headimg{
		width:   750px;
		height:   260px;
		margin:   0 auto;
		padding-top:   10px;
		background:   transparent url(a/header_bgbg.png) no-repeat left bottom;
	}
	
	
	/* メニュー設定 */
	nav{
		widht:   111px;
	float:   left;
	}
	ul.ulnavi li{
		width:   35px;
		height:   350px;
		float:   left;
	}
	ul.ulnavi li a{
		display:   block;
		width:   35px;
		height:   350px;
	}
	/* 1 */
	ul.ulnavi li.link1 a:link{
		background:   transparent url(a/navi_index.png) no-repeat left top;
	}
	/* 2 */
	ul.ulnavi li.link2 a:link{
		background:   transparent url(a/navi_salon.png) no-repeat left top;
	}
	/* 3 */
	ul.ulnavi li.link3 a:link{
		background:   transparent url(a/navi_menu.png) no-repeat left top;
	}
	/* 123 */
	ul.ulnavi li.link1 a:hover,
	ul.ulnavi li.link2 a:hover,
	ul.ulnavi li.link3 a:hover{
		background-position:   left -350px;
	}
	ul.ulnavi li.link1.active a,
	ul.ulnavi li.link2.active a,
	ul.ulnavi li.link3.active a{
		background-position:   left 350px;
	}
	
	
	.box-1{
		margin:   20px 0 30px;
		padding-left:   15px;
		width:   285px;
		float:   left;
	}
	
	
	.box-2{
		margin:   20px 0 30px;
		padding-right:   15px;
		width:   285px;
		float:   right;
	}
	
	
	.clearfix{
		clear:   both;
	}
	
	
	#gmap{
		width :   285px;
		height:   300px;
	}
	
	
	footer{
		width:   100%;
		position:   absolute;
		bottom:   0;
		height:   250px;
		background:   transparent url(a/footer_bg.png) repeat-x center top;
	}
	footer p{
		width:   750px;
		margin:   0 auto;
		padding-top:   40px;
		color:   rgb(255,255,255);
		background:   transparent url(a/footer_bgbg.png) no-repeat left top;
	}
/* 																					 */
}/* 751px UP */





/* mmm491pxUP　750px DOWN＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
@media screen and (max-width:750px) and (min-width:491px) {
/* */
	body,p,td,th{
		font-size:   14px;
		font-size:   1.4rem;
	}
	
	.lay-1{
		padding-bottom:   175px;
	}
	
	
	header{
	background:   transparent url(a/header-m_bg.png) repeat-x center top;
	height:   189px;
	}
	
	
	.headimg{
		width:   490px;
		height:   179px;
		margin:   0 auto;
		padding-top:   10px;
		background:   transparent url(a/header_bgbg.png) no-repeat left bottom;
	}
	
	
	/* メニュー設定 */
	nav{
		widht:   111px;
	float:   left;
	}
	ul.ulnavi li{
		width:   35px;
		height:   350px;
		float:   left;
	}
	ul.ulnavi li a{
		display:   block;
		width:   35px;
		height:   350px;
	}
	/* 1 */
	ul.ulnavi li.link1 a:link{
		background:   transparent url(a/navi_index.png) no-repeat left top;
	}
	/* 2 */
	ul.ulnavi li.link2 a:link{
		background:   transparent url(a/navi_salon.png) no-repeat left top;
	}
	/* 3 */
	ul.ulnavi li.link3 a:link{
		background:   transparent url(a/navi_menu.png) no-repeat left top;
	}
	/* 123 */
	ul.ulnavi li.link1 a:hover,
	ul.ulnavi li.link2 a:hover,
	ul.ulnavi li.link3 a:hover{
		background-position:   left -350px;
	}
	ul.ulnavi li.link1.active a,
	ul.ulnavi li.link2.active a,
	ul.ulnavi li.link3.active a{
		background-position:   left 350px;
	}
	
	
	section{
		width:   490px;
		margin:   0 auto;
		background:   transparent url(a/navi_bg.png) repeat-y left top;
	}
	
	
	.slide-bass{
		width:   370px;
		float:   right;
		padding-top:   30px;
		text-align:   center;
	}
	
	
	.img-narrow-boxwidth{
		width:   370px;
	}
	
	
	.clearfix{
		clear:   both;
	}


	#gmap{
		width :   100%;
		height:   300px;
	}
	.downheight{
		margin-bottom:   30px;
	}
	
	
	footer{
		width:   100%;
		position:   absolute;
		bottom:   0;
		height:   175px;
		background:   transparent url(a/footer-m_bg.png) repeat-x center top;
	}
	footer p{
		width:   490px;
		margin:   0 auto;
		padding-top:   25px;
		color:   rgb(255,255,255);
		background:   transparent url(a/footer_bgbg.png) no-repeat left top;
	}
/* 																					 */
}/* 491pxUP　700px DOWN */





/* sss490px DOWN＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
@media screen and (max-width:490px) {
/* */
	body,p,td,th{
		font-size:   15px;
		font-size:   1.5rem;
	}
	
	
	.lay-1{
		padding-bottom:   145px;
	}
	
	
	header{
	background:   transparent url(a/header_bg.png) repeat-x center top;
	background-size:           auto 135px;
	-moz-background-size:      auto 135px;
	-webkit-background-size:   auto 135px;
	-o-background-size:        auto 135px;
	-ms-background-size:       auto 135px;
	height:   162px;
	}
	
	
	.slide-bass{
		padding-top:   40px;
		margin:   0 15px;
		text-align:   center;
	}
	
	
	/* メニュー設定 */
	nav{
		margin-bottom:   20px;
	}
	ul.ulnavi li{
		height:   35px;
	}
	ul.ulnavi li a{
		display:   block;
		height:   35px;
	}
	/* 1 */
	ul.ulnavi li.link1 a:link{
		background:   transparent url(a/navi-side_index.png) no-repeat left top;
	}
	/* 2 */
	ul.ulnavi li.link2 a:link{
		background:   transparent url(a/navi-side_salon.png) no-repeat left top;
	}
	/* 3 */
	ul.ulnavi li.link3 a:link{
		background:   transparent url(a/navi-side_menu.png) no-repeat left top;
	}
	/* 123 */
	ul.ulnavi li.link1 a:hover,
	ul.ulnavi li.link2 a:hover,
	ul.ulnavi li.link3 a:hover{
		background-position:   -500px top;
	}
	ul.ulnavi li.link1.active a,
	ul.ulnavi li.link2.active a,
	ul.ulnavi li.link3.active a{
		background-position:   -500px top;
	}
	
	
	.img-narrow-boxwidth{
		width:   319px;
	}
	
	
	.headimg{
		padding:   5px 0 0 8px;
	}
	
	
	.clearfix{
		clear:   none;
	}
	
	
	.img50{
		height:   100px;
	}


	.img-narrow-boxwidth{
		width:   280px;
	}
	
	
	footer{
		width:   100%;
		position:   absolute;
		bottom:   0;
		height:   125px;
		background:   transparent url(a/footer_bg.png) repeat-x center top;;
	background-size:           auto 125px;
	-moz-background-size:      auto 125px;
	-webkit-background-size:   auto 125px;
	-o-background-size:        auto 125px;
	-ms-background-size:       auto 125px;
	}
	footer p{
		color:   rgb(255,255,255);
		padding-top:   25px;
	}
/* 																					 */
}/* 490px DOWN */



footer small{
	font-size:   70%;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++
　　　SCRIPT用　　　
++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* tab_change.js */
ul#tab{
}
ul#tab li{
	float:   left;
	padding-left:   5px;
}

/*
#fadein{
	display:   none;
	}
*/



.is490 body{
	background:   transparent url(a/body50_bg.png) repeat center top;
}
.is790 body{
	background:   transparent url(a/body70_bg.png) repeat center top;
}
.is2000 body{
	background:   transparent url(a/body_bg.png) repeat center top;
}