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

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

CSS Information



 File name:      layout.css

 Style Info:     各ファイル共通のレイアウト



/* ヘッダー部分
----------------------------------------------------------------------------------------------------------------------*/


#header{
	width:960px;
	height:162px;
	margin:0 auto;
	padding:0;
	position:relative;
}

h1.top{
	position:absolute;
	background:url(../img/icon_arrow_01.gif) no-repeat left center;
	font-size:92%;
	padding-left:10px;
	left: 0;
	top: 35px;
}

p.logo{
	position:absolute;
	width:172px;
	height:68px;
	top: 84px;
	left: 0;
}


p.online{
	position:absolute;
	width:215px;
	height:52px;
	top: 8px;
	right: 0;
}



/* グローバルナビ
----------------------------------------------------------------------------------------------------------------------*/
.gNavi{
	width:960px;
	height:48px;
	margin:0 auto;
	padding:10px 0 0 0;
	position:relative;
}

ul.gNavi-in{
	width:890px;
	height:20px;
	margin:0;
	padding:0;
}

ul.gNavi-in li{
	float:left;
	padding-right:23px;
}

.btn-home a{
	width:68px;
	height:20px;
	display:block;
}

.btn-home a:hover {
	width:68px;
	height:20px;
	background:url(../img/gNavi_01_o.gif) no-repeat;
}

.btn-home a:hover img{
	width:68px;
	height:20px;
	visibility : hidden;
}


.btn-salon a{
	width:68px;
	height:20px;
	display:block;
}

.btn-salon a:hover {
	width:68px;
	height:20px;
	background:url(../img/gNavi_02_o.gif) no-repeat;
}

.btn-salon a:hover img{
	width:68px;
	height:20px;
	visibility : hidden;
}


.btn-menu a{
	width:62px;
	height:20px;
	display:block;
}

.btn-menu a:hover {
	width:62px;
	height:20px;
	background:url(../img/gNavi_03_o.gif) no-repeat;
}

.btn-menu a:hover img{
	width:62px;
	height:20px;
	visibility : hidden;
}

.btn-concept a{
	width:90px;
	height:20px;
	display:block;
}

.btn-concept a:hover {
	width:90px;
	height:20px;
	background:url(../img/gNavi_04_o.gif) no-repeat;
}

.btn-concept a:hover img{
	width:90px;
	height:20px;
	visibility : hidden;
}

.btn-staff a{
	width:62px;
	height:20px;
	display:block;
}

.btn-staff a:hover {
	width:62px;
	height:20px;
	background:url(../img/gNavi_05_o.gif) no-repeat;
}

.btn-staff a:hover img{
	width:62px;
	height:20px;
	visibility : hidden;
}


.btn-recruit a{
	width:84px;
	height:20px;
	display:block;
}

.btn-recruit a:hover {
	width:84px;
	height:20px;
	background:url(../img/gNavi_06_o.gif) no-repeat;
}

.btn-recruit a:hover img{
	width:84px;
	height:20px;
	visibility : hidden;
}


.btn-blog a{
	width:58px;
	height:20px;
	display:block;
}

.btn-blog a:hover {
	width:58px;
	height:20px;
	background:url(../img/gNavi_07_o.gif) no-repeat;
}

.btn-blog a:hover img{
	width:58px;
	height:20px;
	visibility : hidden;
}


.btn-reserve a{
	width:126px;
	height:20px;
	display:block;
}

.btn-reserve a:hover {
	width:126px;
	height:20px;
	background:url(../img/gNavi_08_o.jpg) no-repeat;
}

.btn-reserve a:hover img{
	width:126px;
	height:20px;
	visibility : hidden;
}

/* SNS
----------------------------------------------------------------------------------------------------------------------*/
.bloggerBtn {
	position: absolute;
	right: 20px;
	top: 0px;
}

.facebookdBtn {
	position: absolute;
	right: 60px;
	top: 0px;
}


/* メインビジュアル
----------------------------------------------------------------------------------------------------------------------*/
.visual{
	border-top:#d3d3d3 solid 5px;
	border-bottom:#d3d3d3 solid 5px;
}

.visual-in{
	margin:0 auto;
	padding:0;
}


/* コンテンツ
----------------------------------------------------------------------------------------------------------------------*/
#content{
	width:960px;
	margin:0 auto;
	padding:60px 0 75px 0;
	text-align:left;
}



/* フッター
----------------------------------------------------------------------------------------------------------------------*/

#footer{
	width:100%;
	text-align:left;
}

#footer-in{
	width:960px;
	margin:0 auto 50px auto;
	padding:0;
	position:relative;
}


ul.f-navi{
	margin-bottom:40px;
}


ul.f-navi li{
	background:url(../img/icon_arrow_02.gif) no-repeat left center;
	padding:0 20px 0 15px;
	font-size:92%;
	float:left;
}

ul.f-ad{
	background:url(../img/logo_02.gif) no-repeat left center;
	padding:2px 0 2px 140px;
	margin-bottom:20px;
}


.copy{
	font-size:85%;
}