/*
Project: Aroma Healing Luxe
File: css/base.css
Last edited: August 20, 2011, 2:42 pm
*/

/*-----------------------------------------------------------

http://developer.yahoo.com/yui/3/cssfonts/#fontsize

font size settings
px  %
10 	77
11 	85
12 	93
13 	100
14 	108 
15	 116
16	 123.1
17	 131
18	 138.5
19	 146.5
20	 153.9

 ------------------------------------------------------------*/


/*  Main  */
body {
	font: Arial, Helvetica, 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',Osaka,'‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	color: #431808;
	background: url(../img_common/bg.gif);
}

a:link,a:visited{
	color: #F23C06;
	text-decoration:none;
}
a:hover,a:active{
	text-decoration: underline;
	color: #F23C06;
}

p,li,h3,h4,dd,dt{
	font-size: 93%;
	line-height: 170%;
}
p{
	margin-bottom: 15px;
}
.clear{
	clear: both;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.caution{
	color: #F23C06;
}
a.btn_pagetop{
	display: block;
	width: 38px;
	height: 14px;
	background: url(../img_common/btn_pagetop.gif) no-repeat;
	text-indent: -9999px;
	margin: 0 0 30px auto;
	text-decoration: none;
/*\*/
	overflow: hidden;
/**/
}
.mt30{
	margin-top: 30px;
}
.mt70{
	margin-top: 70px;
}
.mb0{
	margin-bottom: 0px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.vtop{
	vertical-align: top!important;
}
.pBox{
	float: right;
	width: auto;
	height: auto;
	margin: 0 0 1em 1em;
	line-height: 1em;
	font-size: 77%;
}
.pBox_l{
	float: left;
	width: auto;
	height: auto;
	margin: 0 1em 1em 0;
	line-height: 1em;
	font-size: 77%;
}
.largefont{
	font-size: 131%;
	margin-top: 10px;
}
/* Clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Clearfix end */

#wrapper {
	margin:0 auto;
	width:1000px;
}

/*  Header  */
#header{
	border-bottom: 1px solid #fff;
	background: #431808 url(../img_common/hd_bg.png) repeat-x;
	padding-top: 5px;
}
	h1, .description{
		font-size: 77%;
		font-weight: normal;
		color: #fff;
		padding: 5px 0;
		margin: 0;
		line-height: 100%;
	}
	.header_l{
		float: left;
		width: 172px;
		margin:9px 0 0 20px;
	}

	.header_r{
		float: right;
		width: 808px;
		margin-top: 15px;
	}
		.header_r_layout li{
			float: left;
		}
		.header_r_layout li.info_sp{
			display:none;
		}
			.btn_blog{
				margin: 0 10px 0 15px;
			}


ul#subnavi{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
	width: 205px;
	height: 25px;
	list-style: none;
	overflow: hidden;
}
	ul#subnavi li span{
		display: none;
	}
	ul#subnavi li a{
		position: absolute;
		height: 25px;
		padding: 0px;
		text-decoration: none;
		top: 0;
	/*€*/
		overflow: hidden;
	/**/
	}
	ul#subnavi li#access a{
		background: url(../img_common/submenu.png) 0 0 no-repeat; 
		left: 0px;
		width: 70px;
	}
	ul#subnavi li#openinghours a{
		background: url(../img_common/submenu.png) -70px 0 no-repeat; 
		left: 70px;
		width: 70px;
	}
	ul#subnavi li#recruit a{
		background: url(../img_common/submenu.png) -140px 0 no-repeat; 
		left: 140px;
		width: 65px;
	}
	
	ul#subnavi li#access a:hover,ul#subnavi li#access .menu_on{	background: url(../img_common/submenu.png) -205px 0 no-repeat; }
	ul#subnavi li#openinghours a:hover,ul#subnavi li#openinghours .menu_on{	background: url(../img_common/submenu.png) -275px 0 no-repeat; }
	ul#subnavi li#recruit a:hover,ul#subnavi li#recruit .menu_on{	background: url(../img_common/submenu.png) -345px 0 no-repeat; }

ul#navigation{

	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0;
	width: 808px;
	height: 66px;
	list-style: none;
	overflow: hidden;
}
	ul#navigation li span{
		display: none;
	}
	ul#navigation li a{
		position: absolute;
		height: 66px;
		padding: 0px;
		top: 0;
	/*€*/
		overflow: hidden;
	/**/
	}
	ul#navigation li#cavitation a{
		background: url(../img_common/menu.png) 0 0 no-repeat; 
		left: 0px;
		width: 157px;
	}
	ul#navigation li#indiba a{
		background: url(../img_common/menu.png) -157px 0 no-repeat; 
		left: 157px;
		width: 120px
	}
	ul#navigation li#louvredo a{
		background: url(../img_common/menu.png) -277px 0 no-repeat; 
		left: 277px;
		width: 112px;
	}
	ul#navigation li#course a{
		background: url(../img_common/menu.png) -389px 0 no-repeat; 
		left: 389px;
		width: 116px;
	}
	ul#navigation li#salon a{
		background: url(../img_common/menu.png) -505px 0 no-repeat; 
		left: 505px;
		width: 104px;
	}
	ul#navigation li#faq a{
		background: url(../img_common/menu.png) -609px 0 no-repeat; 
		left: 609px;
		width: 112px;
	}
	ul#navigation li#reserve a{
		background: url(../img_common/menu.png) -721px 0 no-repeat; 
		left: 721px;
		width: 87px;
	}
	
	ul#navigation li#cavitation a:hover,ul#navigation li#cavitation .menu_on{	background: url(../img_common/menu.png) -808px 0 no-repeat; }
	ul#navigation li#indiba a:hover,ul#navigation li#indiba .menu_on{	background: url(../img_common/menu.png) -965px 0 no-repeat; }
	ul#navigation li#louvredo a:hover,ul#navigation li#louvredo .menu_on{	background: url(../img_common/menu.png) -1085px 0 no-repeat; }
	ul#navigation li#course a:hover,ul#navigation li#course .menu_on{	background: url(../img_common/menu.png) -1197px 0 no-repeat; }
	ul#navigation li#salon a:hover,ul#navigation li#salon .menu_on{	background: url(../img_common/menu.png) -1313px 0 no-repeat; }
	ul#navigation li#faq a:hover,ul#navigation li#faq .menu_on{	background: url(../img_common/menu.png) -1417px 0 no-repeat; }
	ul#navigation li#reserve a:hover,ul#navigation li#reserve .menu_on{	background: url(../img_common/menu.png) -1529px 0 no-repeat; }

/* Main */
#toggle {
  display: none;
}

ul.siteNav{
	margin: 8px auto 0;
	text-align: center;
	font-size: 93%;
}
	ul.siteNav li{
		display: inline;
		margin-right: 0.3em;
		padding-left: 0.8em;
		border-left: 1px solid #431808;
	}
	ul.siteNav li a{
		color: #431808;
	}
	ul.siteNav li a:hover{
		color: #F23C06;
		text-decoration: none;
	}
	ul.siteNav li.liMenuLast{
		padding-right: 0.8em;
		border-right: 1px solid #431808;
	}

/* Footer */
#footer{
	margin-top: 10px;
	color: #fff;
	font-size: 85%;
}
#footer a{
	color: #fff;
	font-size: 93%;
}

#footer li{
	display: inline;
	margin-right: 20px;
}

/* 2015/5/25追記 */
.switch