@charset "shift_jis";


/*==================================================
-- : Common Style
================================================== */

html{background:url(../images/footer_bg.gif) 0 0 repeat;}
body{background:url(../images/bg.jpg) 0 0 repeat;}


a:link{color:#4f1c06;text-decoration:none;}
a:visited{/*color:#b66720;*/color:#4f1c06;text-decoration:none;}
a:hover{color:#bd9a99;text-decoration:underline;}

a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

.left{display:inline;float:left;}
.right{display:inline;float:right;}

/*==================================================
-- : Layout
================================================== */

div#wrapper{
	width:980px;
	margin:0 auto;
}

div#pageContents{
	margin:0 10px;
	position:relative;
}

/*==================================================
-- : Header
================================================== */

div.headerNewOpen{
	border-bottom:1px dotted #56221f;
}
div.headerNewOpen a{
	display:block;
	width:960px;
	margin:0 auto;
	font-size:85%;
	padding:4px 0 2px;
	color:#799450;
	text-align:right;
}
div.headerNewOpen a:hover{
	text-decoration:none;
	color:#abc18a;
}

div#header{
	width:960px;
	margin:0 auto;
	position:relative;
}
div#header h1{
	padding:34px 0 34px;
}

/*バナー用*/
div#header p{
	position:absolute;
	top:19px;
	right:0;
}
/*　バナー設置中はこのスタイルを消去
div#header p.reservation{
	position:absolute;
	top:0;
	right:0;
}
div#header ul{
	position:absolute;
	right:220px;
	top:6px;
}
div#header ul li{
	display:inline;
	float:left;
	margin:0 16px 0 0;
}
div#header ul li a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}*/


/*==================================================
-- : Global Navigation
================================================== */
div#gnavi{
	background:url(../images/menu_bg.png) 0 0 repeat-x;
	padding:2px 0;
}
div#gnavi ul{
	width:960px;
	margin:0 auto;
}
div#gnavi ul li{
	display:inline;
	float:left;
	background:url(../images/menu.gif) 0 0 repeat-x;
	height:42px;
	text-indent:-9999px;
}
div#gnavi ul li.gnaviHome{background-position:0 -84px;width:72px;}
div#gnavi ul li.gnaviMessage{background-position:-72px -84px;width:90px;}
div#gnavi ul li.gnaviHairStyles{background-position:-162px -84px;width:109px;}
div#gnavi ul li.gnaviSchedule{background-position:-271px -84px;width:94px;}
div#gnavi ul li.gnaviPrice{background-position:-365px -84px;width:67px;}
div#gnavi ul li.gnaviStaff{background-position:-432px -84px;width:65px;}
div#gnavi ul li.gnaviSalon{background-position:-497px -84px;width:69px;}
div#gnavi ul li.gnaviPhotoTour{background-position:-566px -84px;width:107px;}
div#gnavi ul li.gnaviItems{background-position:-673px -84px;width:70px;}
div#gnavi ul li.gnaviMedia{background-position:-743px -84px;width:75px;}
div#gnavi ul li.gnaviBlog{background-position:-818px -84px;width:61px;}
div#gnavi ul li.gnaviRecruit{background-position:-879px -84px;width:81px;}

div#gnavi ul li a{
	background:url(../images/menu.gif) 0 0 repeat-x;
	display:block;
	height:42px;
	text-indent:-9999px;
}
div#gnavi ul li.gnaviHome a{background-position:0 0;width:72px;}
div#gnavi ul li.gnaviMessage a{background-position:-72px 0;width:90px;}
div#gnavi ul li.gnaviHairStyles a{background-position:-162px 0;width:109px;}
div#gnavi ul li.gnaviSchedule a{background-position:-271px 0;width:94px;}
div#gnavi ul li.gnaviPrice a{background-position:-365px 0;width:67px;}
div#gnavi ul li.gnaviStaff a{background-position:-432px 0;width:65px;}
div#gnavi ul li.gnaviSalon a{background-position:-497px 0;width:69px;}
div#gnavi ul li.gnaviPhotoTour a{background-position:-566px 0;width:107px;}
div#gnavi ul li.gnaviItems a{background-position:-673px 0;width:70px;}
div#gnavi ul li.gnaviMedia a{background-position:-743px 0;width:75px;}
div#gnavi ul li.gnaviBlog a{background-position:-818px 0;width:61px;}
div#gnavi ul li.gnaviRecruit a{background-position:-879px 0;width:81px;}

div#gnavi ul li.gnaviHome a:hover{background-position:0 -42px;width:72px;}
div#gnavi ul li.gnaviMessage a:hover{background-position:-72px -42px;width:90px;}
div#gnavi ul li.gnaviHairStyles a:hover{background-position:-162px -42px;width:109px;}
div#gnavi ul li.gnaviSchedule a:hover{background-position:-271px -42px;width:94px;}
div#gnavi ul li.gnaviPrice a:hover{background-position:-365px -42px;width:67px;}
div#gnavi ul li.gnaviStaff a:hover{background-position:-432px -42px;width:65px;}
div#gnavi ul li.gnaviSalon a:hover{background-position:-497px -42px;width:69px;}
div#gnavi ul li.gnaviPhotoTour a:hover{background-position:-566px -42px;width:107px;}
div#gnavi ul li.gnaviItems a:hover{background-position:-673px -42px;width:70px;}
div#gnavi ul li.gnaviMedia a:hover{background-position:-743px -42px;width:75px;}
div#gnavi ul li.gnaviBlog a:hover{background-position:-818px -42px;width:61px;}
div#gnavi ul li.gnaviRecruit a:hover{background-position:-879px -42px;width:81px;}

body#index div#gnavi ul li.gnaviHome a{background-position:0 -42px;width:72px;}
body#message div#gnavi ul li.gnaviMessage a{background-position:-72px -42px;width:90px;}
body#hairstyle div#gnavi ul li.gnaviHairStyles a,
body#hairstyleArchives div#gnavi ul li.gnaviHairStyles a{background-position:-162px -42px;width:109px;}
body#schedule div#gnavi ul li.gnaviSchedule a{background-position:-271px -42px;width:94px;}
body#price div#gnavi ul li.gnaviPrice a{background-position:-365px -42px;width:67px;}
body#staff div#gnavi ul li.gnaviStaff a,
body#staffDetail div#gnavi ul li.gnaviStaff a{background-position:-432px -42px;width:65px;}
body#salon div#gnavi ul li.gnaviSalon a{background-position:-497px -42px;width:69px;}
body#photo div#gnavi ul li.gnaviPhotoTour a{background-position:-566px -42px;width:107px;}
body#items div#gnavi ul li.gnaviItems a{background-position:-673px -42px;width:70px;}
body#media div#gnavi ul li.gnaviMedia a{background-position:-743px -42px;width:75px;}
body#blog div#gnavi ul li.gnaviBlog a{background-position:-818px -42px;width:61px;}
body#recruit div#gnavi ul li.gnaviRecruit a{background-position:-879px -42px;width:81px;}


/*==================================================
-- : Footer
================================================== */

div.pagetop{
	width:960px;
	margin:0 auto;
	text-align:right;
	padding:11px 0;
}
div.pagetop a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

div#footer{
	background:url(../images/com_line_yoko.png) 0 0 repeat-x;
	padding:2px 0 0 0;
}
div#footer div.inner{
	background:url(../images/footer_bg.gif) 0 0 repeat;
}
div#footer div.inner2{
	width:960px;
	margin:0 auto;
	position:relative;
}
div#footer div.mobile{
	position:absolute;
	left:5px;
	top:-21px;
	height:107px;
	overflow:hidden;
}
div#footer p{
	font-size:77%;
	line-height:2;
	color:#fff;
	text-align:right;
	padding:13px 0;
}
div#footer p a:link{color:#fff;text-decoration:none;}
div#footer p a:visited{color:#fff;text-decoration:none;}
div#footer p a:hover{color:#fff;text-decoration:underline;}


/*====================================
-- : Clearfix
=====================================*/
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*for IE7*/
.clearfix{
	min-height: 1%;
}
/*for IE6*/
* html .clearfix
{ height: 1%; }