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

/*基本設定*/
html {overflow: auto;}

body {
	color: #000000;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background-color: #FEF9F2;
	
}

#wrapper {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;
	
}

#header { 
 width: 100%;
 height: 0px;
 padding-top: calc(486 / 960 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
 background: url(../../allimages/footerimg.jpg) center center / cover no-repeat;
 }
 
 /*ナビゲーション*/

.nav{
	height: 39.5px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	text-align: center;
	
}

nav ul{list-style: none;}
 
nav ul li{
	    width:960px;
	    height: 39.4px;
	    float: left;
		
}

nav ul li#menu1 {width: 81px; }  
nav ul li#menu2 {width: 226px; } 
nav ul li#menu3 {width: 205px; } 
nav ul li#menu4 {width: 147px; } 
nav ul li#menu5 {width: 205px; }
nav ul li#menu6 {width: 96px; }



nav ul li a{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	height: 39.4px;
	background-image: url(../../allimages/navi.png);
	background-repeat: no-repeat;
	
}
	 
nav ul li#menu1 a { background-position: 0 -39.4px; }  
nav ul li#menu2 a { background-position: -81px -39.4px; } 
nav ul li#menu3 a { background-position: -307px -39.4px; } 
nav ul li#menu4 a { background-position: -512px -39.4px; } 
nav ul li#menu5 a { background-position: -659px -39.4px; } 
nav ul li#menu6 a { background-position: -864px -39.4px; } 



	 
nav ul li a:hover{
	text-decoration: none; 
	background-image: url(../../allimages/navi.png); 
	background-repeat: no-repeat; }
	 
nav ul li#menu1 a:hover { background-position: 0 0px; }  
nav ul li#menu2 a:hover { background-position: -81px 0px; } 
nav ul li#menu3 a:hover { background-position: -307px 0px; } 
nav ul li#menu4 a:hover { background-position: -512px 0px; } 
nav ul li#menu5 a:hover { background-position: -659px 0px; } 
nav ul li#menu6 a:hover { background-position: -864px 0px; }  

/*コピー*/
#copy { 
background-color: #FFFFFF;
width: 100％;
margin-right: auto;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px;

}
#copy_img {
	width: 960px;
	margin-right: auto;
	margin-left: auto;

}

/*レコメンド*/
#Reccomend {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 40px;
	height: 300px;	
}
#Reccomend1 {
	float: left;
	padding-right: 25px;
}
#Reccomend2 {
	float: left;
	padding-right: 25px;
}
#Reccomend3 {
	float: left;
	padding-right: 0px;
}
#Reccomend_menu {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	text-align: center;
}

/*電話*/
#tel {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/*電話*/
#tel2 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 40px;
}


/*外部リンク*/
#ameba {
	width: 40px;
	float: right;
	padding-right: 10px;
}
#facebook {
	width: 45px;
	float: right;
	padding-right: 10px;
}
#twitter {
	width: 55px;
	float: right;
	padding-right: 10px;
}
#instagram {
	width: 45px;
	float: right;
	padding-right: 10px;
}
#line {
	width: 45px;
	float: right;
}
#link {
	width: 960px;
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	height: 30px;
}

/*フッター*/
.haikei {
	background-image: url(../../images/index/haikei.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	
}

.footer {
	background-image: url(../../allimages/footer.jpg);
	background-repeat: no-repeat;
	width: 100%;
	background-size: 100% 100%;
	margin-right: auto;
	margin-left: auto;
	height: 235px;
	
}
#footerlogo {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

#footeraccess1 div {
	width: 960px;
	margin-right: 10px;
	margin-left: auto;
	padding-top: 20px;
	float: left;
}

#footeraccess2 {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 15px;
	color: #FFF;
	padding-top: 5px;
	width: 500px;
}

#footeraccess {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	
}
.footer_Copyright {
	text-align: center;
	padding-top: 30px;
	color: #FFF;
	font-size: 10px;
	padding-bottom: 20px;
}

/*透明*/
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=99);
	
}

/*プライスメニュータイトル*/
.pricemenu_title {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}

/*プライスメニュー*/
.pricemenu_cut {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	margin-top: 20px;
}
.pricemenu_color {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	margin-top: 20px;
}
.pricemenu_perm {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	margin-top: 20px;
}
.pricemenu_tr {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	margin-top: 20px;
}
.pricemenu_other {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.stepbonecut1 {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.stepbonecut2 {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.stepbonecut3 {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.stepbonecut4 {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
.stepbonecut5 {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	margin-bottom: 20px;
}

/*ボリュームパーマ*/
.volumeperm {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
}

/*香草カラー*/
.herbscolor {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
	margin-bottom: 40px;
}

/*グレイカラー*/
.graycolor1 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	width: 100％;
	padding-top: 40px;
	padding-bottom: 40px;
}
.graycolor2 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #5B7A41;
	width: 100％;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*アクセス*/
.access {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	width: 100％;
	padding-top: 40px;
	padding-bottom: 40px;
}
/*マップ*/
.map {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100％;
	padding-top: 40px;
	padding-bottom: 50px;
}