@charset "utf-8";


/* html5に対応していないブラウザ用 */ 
header, hgroup, section, footer, aside, nav, article { 
	display: block;   
}/* ******************************* */



/* GENERAL */
html{ height: 100%;}
body {
	height: 100%;
	background: url(../images/body_bg.gif) left top repeat-x;
	color: #000;
	line-height: 150%;
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family:'ＭＳ Ｐゴシック',sans-serif;*/
}

img{	border: none;}
td { letter-spacing: 1px;}
hr.hr_a{
	height: 1px;
	color: #fff;
	border: 0;
	background: url(../images/hr_a.gif) left top repeat-x;
	margin: 20px 15px;
	clear: both;
}
/*-------------------------------------------*/	
/* header */
header{
	width: 960px;
	height: 111px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/body_bg.gif) left top repeat-x;
}

	/* 
	header_nav */
	#head_right{
		float: right;
		display: block;
		width: 77px;
		height: 30px;
		margin: 0;
		padding: 0;
	}
	
	#head_right img{
		margin-right: 5px;
	}
	
			
	/* 
	hgroup */
	hgroup {
		padding: 0;
		margin: 0;
		float: left;
		width: 850px;
		height: 110px;
	}
		hgroup h1 {
			float:left;
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			line-height: 0;
			font-size: 1px;
		}
			hgroup h1 a{
				display: block;
				width: 190px;
				height: 110px;
				text-decoration: none;
				text-indent: -9999px;
				background: url(../images/logo.gif) left top no-repeat;
			}
			
			hgroup h1 a:hover{
				background-position: left -110px;
			}
			
			
		hgroup h2{
			margin: 0;
			padding: 0;
			text-indent: -9999px;
			line-height: 0;
			font-size: 1px;
		}
		
	hgroup ul{
		list-style:none;
		margin:0;
		padding:0;
		float:left;
	}
	hgroup li{
		float:left;
		width:110px;
		margin:0;
		padding:0;
		text-align:center;
	}
	hgroup li a{
		display:block;
		padding:0;
		height:110px;
		color:#FFF;
		text-decoration:none;
	}
	hgroup li a{
		background-position: leeft top;
		background-repeat: repeat;
		/*background:url(../images/bg2.jpg) repeat 0 0;*/
	}
	hgroup li a:hover,
	hgroup li a:focus,
      hgroup li a:active{
      	background-position:-150px 0;
      }
	
	
	.page_nav1 {background:url(../images/page_nav1_bg.gif);}
	.page_nav2 {background:url(../images/page_nav2_bg.gif);}
	.page_nav3 {background:url(../images/page_nav3_bg.gif);}
	.page_nav4 {background:url(../images/page_nav4_bg.gif);}
	.page_nav5 {background:url(../images/page_nav5_bg.gif);}
	.page_nav6 {background:url(../images/page_nav6_bg.gif);}
	.page_nav7 {background:url(../images/page_nav7_bg.gif);}
	
	#a a {background-image:url(../images/bg2.jpg) repeat 0 125px;}
	
	
	
		
/*-------------------------------------------*/
/* section */
section {
	margin: 0 auto;
	width: 930px;
	padding: 15px 15px 40px;
	margin: 0 auto;
	background: #fff;
	clear: both;
	background: url(../images/section_bg.gif) left bottom no-repeat #fff;
}
	section:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}		

section a{
	color: #ff007f;
	text-decoration: underline;
}

section a:hover{
	color: #cc3300;
	text-decoration: none;
}

/*
h2 */
section h2{
	clear: both;
	display: block;
	width: 930px;
	height: 80px;
	margin: 0 0 30px;
	padding: 0;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}


section h2.t_concept{ background-image: url(../images/title/concept.gif);}
section h2.t_menu{ background-image: url(../images/title/menu_price.gif);}
section h2.t_schedule{ background-image: url(../images/title/schedule.gif);}
section h2.t_style{ background-image: url(../images/title/style.gif);}
section h2.t_info{ background-image: url(../images/title/info.gif);}
section h2.t_contact{ background-image: url(../images/title/contact.gif);}
section h2.t_news{ background-image: url(../images/title/news.gif);}
section h2.t_photo{ background-image: url(../images/title/photo_share.gif);}


/* 
midashi */
section h3{
	margin: 50px 0 20px;
	padding: 0 10px;
	border-top: 2px solid #000;
	border-bottom: 1px dotted #000;
	font-size: 16px;
	color: #000;
	line-height: 41px;
}

section h3 span{
	font-weight: normal;
	font-size: 80%;
}



section h4{
	margin-left: 15px;
	margin-right: 15px;
	font-size: 16px;
	color: #000;
	letter-spacing: 1px;
}

section h5{
	margin-left: 15px;
	margin-right: 15px;
	padding: 3px 10px;
	background:#000;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}



section p{
	line-height: 160%;
	letter-spacing: 0.1em;
	margin-left: 15px;
	margin-right: 15px;
}


/*-------------------------------------------*/
/* pankuzu */
#pankuzu{
	margin: 0 auto;
	padding: 0;
	width: 930px;
}
#pankuzu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	font-size: 11px;
	float: right;
	width: auto;
}

#pankuzu li{
	display: inline;
	margin: 0;
	list-style: none;
	color: #361D0C;
	letter-spacing: 1px;
	line-height: 24px;
}

#pankuzu li a{
	display: block;
	float: left;
	padding: 0 15px 0 5px;
	background: url(../images/pankuzu_arrow.gif) right top no-repeat;
	color: #999;
	text-decoration: none;
}

	#pankuzu li a:hover{
		text-decoration: underline;
	}
	
	#pankuzu li.this_pages{
		margin-left: 5px;
	}	

/*-------------------------------------*/
/* content */
/* 
/*-------------------------------------------*/
/* f_nav */
#f_nav{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 15px;
	background: #fff;
	color: #666;
	font-size: 11px;
	height: 40px;
}

	#f_nav p{
		margin: 0;
		display: block;
		float: left;
	}
	
	#f_nav p a{
		color: #000;
		text-decoration: none;
	}
	#f_nav p a:hover{
		color: #333;
		text-decoration: underline;
	}

/* ----------------------------------- */
/* pageback/pagetop */
.page_top_bt{
	display: block;
	float: right;
	width: 63px;
	height: 13px;
	margin: 0;
	padding: 0;
}
.page_top_bt a{
	display: block;
	width: 63px;
	height: 13px;
	background: url(../images/page_top_bt.gif) left top no-repeat;
	text-indent: -9999px;
}
/*------------------------------------------------- */
/* footer */
footer{
	background: #000;
	width: 100%;
	height: 40px;
	clear: both;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
	
		
	footer .copyright{
		margin: 0;
		padding: 0;
		font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
		font-style: normal;
		font-variant: normal;
		font-size: 12px;
		color: #fff;
		line-height: 40px;
	}
	
/*
arrow_a -------------------- */	
ul.arrow_a{
	padding: 0;
	margin: 15px;
	list-style: none;
}
	ul.arrow_a li{
		background: url(../images/arrow_a.png) left 8px no-repeat;
		padding: 3px 5px 3px 13px;
		margin: 0;
		list-style: none;
	}

ul.arrow_b{
	padding: 0;
	margin: 15px;
	list-style: none;
}
	ul.arrow_b li{
		background: url(../images/arrow_b.png) left 8px no-repeat;
		padding: 3px 5px 3px 13px;
		margin: 0;
		list-style: none;
	}
	
/*
list -------------------- */
	
/*
list_a */
ul.list_a{
	list-style: none;
	margin: 20px 15px;
	padding: 0;
}


	ul.list_a li{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	
/*
table -------------------- */
/* 
table_a */
table.table_a{
	clear: both;
	margin: 0 auto 15px;
	width: 900px;
	border-collapse: separate;
	border-spacing: 10px;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}


table.table_a th{
	padding: 5px 10px 5px;
	color: #333;
	font-weight: normal;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #000;
	color: #fff;
	font-weight: bold;
}

table.table_a td{
	padding: 5px 10px 5px;
	text-align: center;
	background: #fff;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

	table.table_a td strong{
		font-weight: bold;
		font-size: 130%;
		color: #ff0000;
	}

/*-------------------------------------*/
/* font setting */
.s  { font-size: 80%;}

.t_left	{ text-align: left;}
.t_right	{ text-align: right;}
.t_center	{ text-align: center;}
.t_middle	{ vertical-align: middle;}
.clear	 {clear: both;}

/*
color */
.aka   { color: #ff0000;}

/* float */
.f_left{ float: left;}
.f_right{ float: right;}

/*-------------------------------------*/
/* margin setting */
.m15	{ margin: 15px;}

.mt0	{ margin-top: 0;}

.mb10	{ margin-bottom: 10px;}

.mr5	{ margin-right: 5px;}
.mr10	{ margin-right: 10px;}

/*-------------------------------------------*/
/* img float setting */
/*
img_l */
.img_l{
	display: block;
	float: left;
	margin: 0 15px 20px 0;
	padding: 3px;
	border: 1px solid #666;
}
	.img_l:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}
/* img_r */	
.img_r{
	display: block;
	float: right;
	margin: 0 0 20px 15px;
}
	.img_r:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}

/*-------------------------------------------*/
/* other setting */

/*
schedule -------------------- */
ul.salonicon{
	clear: both;
	list-style: none;
	margin: 20px 15px;
	padding: 0;
}

	
	ul.salonicon li{
		list-style: none;
		margin: 0 30px 0 0;
		padding: 10px 0;
		display: inline;
	}
	
	
		ul.salonicon li strong{
			font-weight: bold;
			font-size: 130%;
			color: #ff0000;
		}
		
.schedule_tel{
	font-size: 180%;
	line-height: 100%;
	color: #ff3300;
}



.schedule_box{
	width: 900px;
	height: 500px;
	margin: 10px auto;
}


#caution{
	float: left;
	width: 550px;
}





	#calender{
		float: right;
		width: 340px;
		background: url(../images/schedule/y_m_bg.gif) left top no-repeat;
	}
	

	.y_m{
		float: left;
		width: 90px;
		height: 95px;
		display: block;
	}
	
	.y_m p{
		margin: 0;
		color: #fff;
		font-size: 36px;
		font-weight: bold;
		text-align: center;
		line-height: 90%;
	}
	
	.y_m p span{
		display: block;
		margin: 0;
		padding: 10px 0 0;
		font-size: 18px;
	}
	
	
		#month_bt{
			float: right;
			text-indent: -9999px;
			width: 86px;
			clear: both;
			height: 36px;
			margin: 25px 150px 0 0;
		}
		.m_next{ width: 42px; float: right; margin: 0;}
		.m_next a{
			background: url(../images/schedule/m_next.gif) left top no-repeat;
			width: 42px;
			height: 42px;
			color: #009900;
			display: block;
		}
		
		.m_prev{width: 42px; float: left; margin: 0;}
		.m_prev a{
			background: url(../images/schedule/m_prev.gif) right top no-repeat;
			width: 42px;
			height: 42px;
			display: block;
		}

		.week{
			clear: both;
			display: block;
			width: 340px;
			height: 50px;
			background: url(../images/schedule/week.gif) left top;
			margin: 0;
			text-indent: -9999px;
		}
		
		
	#calender table{
		clear: both;
		width: 320px;
		margin: 0 auto;
	}
	
	#calender table td{
		width: 38px;
		height: 38px;
		background: #fff;
		border: 1px solid #d6d6d6;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		font-weight: bold;
	}
	
	#calender table td a{
		display: block;
		width: 40px;
		height: 40px;
		text-decoration: none;
		vertical-align: middle;
		line-height: 40px;
		color: #666;
	}
	
	
	#calender table td.sat{
		border: 1px solid #009999;
		text-align: center;
	}
	
		#calender table td.sat a{
			color: #009999;
		}
	
	#calender table td.holi{
		border: 1px solid #FF007F;
		text-align: center;
	}
	
		#calender table td.holi a{
			color: #FF007F;
		}
	
	#calender table td.close{
		border: 1px solid #666;
		text-align: center;
		background: #e9e9e9;
	}
	
		#calender table td.close a{
			color: #666;
		}
		
			
#calender .cal_middle{
	background: url(../images/schedule/cal_middle.gif) left 95px repeat-y;
	margin: 0;
	padding: 0;
}

#calender .cal_middle p{
	margin-bottom: 0;
}				

				
#calender .cal_bottom{
	background: url(../images/schedule/cal_bottom.gif) left bottom no-repeat;
	width: 340px;
	height: 15px;
	margin: 0;
}				

/*
infomaition -------------------- */
/*
staff */
dl.staff{
	width: 900px;
	height: 435px;
	margin: 0 auto;
}

dl.staff dt{
}

dl.staff dd{
	margin: -250px 20px 0 420px;
}

/*
access */
#access{
	margin: 0 auto;
	width: 900px;
	height: 450px;
}
	#access dl{
		display: block;
		float: left;
		width: 550px;
		margin: 0;
		padding: 0;
	}

		#access dt{
			margin: 0;
			padding: 8px;
			border: 1px solid #000;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		
			#access dt iframe{
				margin: 0;
				padding: 0;
				width: 534px;
				height: 400px;
				border: 0;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
		
			#access dd{
				margin: 0;
				padding: 0;
			}
			
			
			
			
	#access ul{
		display: block;
		float: right;
		width: 320px;
		margin: 200px 0 0;
		padding: 0;
		list-style: none;
	}
	
		#access ul li{
			margin: 0;
			padding: 0;
			list-style: none;
		}
	
		#access ul li.tel{
			font-size: 180%;
			line-height: 100%;
			color: #ff3300;
			margin: 10px 0 20px;
		}

		#access ul li.icon{
			background: url(../images/arrow_a.png) left 14px no-repeat;
			padding: 8px 5px 8px 10px;
			margin: 0;
		}



/*
concept -------------------- */
#concept{
	margin: 100px auto;
	width: 900px;
	height: 405px;
	background: url(../images/concept/concept1.jpg) right top no-repeat;
}

	#concept p{
		line-height: 200%;
	}
	
/*
news -------------------- */
.news {
	clear: both;
	background-color: #fff;
	margin: 10px auto 30px;
	padding: 10px;
	border: 1px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

	.news dl{
		display: block;
		float: right;
		margin: 0;
		padding: 0;
	}

		.news dt{
			background: url(../images/news_title.gif) left bottom repeat-x;
			font-size: 20px;
			margin: 0 0 10px;
			padding-bottom: 10px;
		}
		
		
		.news dd{
			margin: 0;
			padding: 0;
		}
		
.news time{
	display: block;
	margin-bottom: 10px;
}

.news time:before{
	content: "■";
}


.news img{
	display: block;
	float: left;
	width: 215px;
	height: 215px;
	-moz-border-radius: 120px;
	-webkit-border-radius: 120px;
	border-radius: 120px;
}


/* line＠ボタン */
.line-btn {
	background-color: #4CB234;
	text-align: center;
	width: 300px;
	height: 50px;
	line-height: 50px;
	margin: 0;
}

.line-btn a {
	display: block;
	background: url(../images/btn_arw.png) no-repeat 97% center;
	color: #fff;
	font-size: 1.0rem;
	font-weight: bold;
	text-decoration: none;
}

.line-btn2 {
	border: 1px solid #333;
	text-align: center;
	width: 250px;
	height: 40px;
	line-height: 40px;
	margin: 0;
}

.line-btn2 a {
	display: block;
	font-size: 0.8rem;
	font-weight: bold;
	text-decoration: none;
}