@charset "UTF-8";

/*============================================================
//  特集TOP
//==========================================================*/

#TopHeaderBlock{
	margin-top:10px;
	width:950px;
}

#TopHeaderBlock .image{
	padding:0 10px;
	background-image:url(/gates_fukuoka/image/top_title.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:930px;
	height:365px;
}

#TopHeaderBlock .image h2,
#TopHeaderBlock .image h3{
	text-indent:-9999px;
}


#TopHeaderBlock .image p.right {
	margin-top:120px;
	float:right;

}

#TopHeaderBlock .NavigationArea{
	padding:0 0 0 8px;
	background-image:url(/gates_fukuoka/image/top_lead.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:942px;
	height:185px;
}

#TopHeaderBlock .NavigationArea ul.menu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-indent: -9999px;
	width:510px;
	padding:11px 0 0 433px;
}

#TopHeaderBlock .NavigationArea ul.menu li.concept,
#TopHeaderBlock ul.menu li.menu,
#TopHeaderBlock ul.menu li.bodydesign{
	float:left;
	margin-right:10px;
}
#TopHeaderBlock ul.menu li.bodydesign{
	margin-right:0px;
}


#TopHeaderBlock .NavigationArea ul.menu li a{
	display:block;
	width:160px;
	height:160px;
}

#TopHeaderBlock .NavigationArea ul.menu li.concept a:hover{background: url(/gates_fukuoka/image/top_btn01_on.jpg) no-repeat 0 0;}
#TopHeaderBlock .NavigationArea ul.menu li.menu a:hover{background: url(/gates_fukuoka/image/top_btn02_on.jpg) no-repeat 0 0;}
#TopHeaderBlock .NavigationArea ul.menu li.bodydesign a:hover{background: url(/gates_fukuoka/image/top_btn03_on.jpg) no-repeat 0 0;}

#BageBox{
	background-color:#FFF;
	padding:0 10px 10px 10px;
	width:930px;
	font-family:"ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック"
}


#BageBox .InnerBox{
	background:#fff none repeat scroll 0 0;
	margin:0 auto;
	margin-bottom:10px;
	padding:5px 0; 
	width:930px;
}

#BageBox .InnerBox h2.concept{
	margin:0 0 10px 0;
	background-image:url(/gates_fukuoka/image/concept_midashi01.gif);	
	text-indent:-9999px;
	width:386px;
	height:135px;
}

#BageBox .InnerBox p{
	line-height:160%;
}

#BageBox .InnerBox p span{
	color:#3668AF;
	font-weight:bold;
}


/*春のキャンペーン2010*/
#BageBox .InnerBox p a.campaign {
	display:block;
	width:520px;
	height:70px;
	text-indent:-9999px;
	background-image:url(/gates_fukuoka/image/btn_cam.jpg);
	margin:0 0 10px;
}

#BageBox .InnerBox p a.campaign:hover {
	background-image:url(/gates_fukuoka/image/btn_cam_on.jpg);
}


#BageBox .InnerBox p.left{
	float:right;
	margin:0 0 20px 10px;
}

.devide{
	clear:both;
	margin:10px 0 10px 0;

}

#BageBox .InnerBox #MapBlock{
	background:url(/gates_fukuoka/image/top_map01.jpg) top no-repeat;
	width:920px;
	height:432px;
	margin:0 5px;
}

/*
#BageBox .InnerBox #MapBlock .MapClick{
	float:right;
	margin-top:80px;
}
*/

#BageBox .InnerBox #MapBlock ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 200px;
}

#BageBox .InnerBox #MapBlock ul li{
	font-size:14px;
	float:left;
	padding:1px 5px 0;
	border-left:1px solid #CCC;
	margin:3px 0 0;
	font-weight:bold;
}

#BageBox .InnerBox #MapBlock ul li.ini{border-left:none;}

#BageBox .InnerBox #MapBlock ul li a{
	color:#FF3300;
	text-decoration:underline;
}
#BageBox .InnerBox #MapBlock ul li a:hover{
	background-color:#FF3300;
	color:#FFFFFF;
	text-decoration:underline;
}


#BageBox .InnerBox #BottomNavi{
	margin:20px auto;
	padding:10px 0 10px 0;
	background-color:#FFF;
	text-align:center;
	width:930px;
	border-top:1px solid #CCC;
}

#BageBox .InnerBox #BottomNavi ul.navi{
	margin:0 auto;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:320px;
}

#BageBox .InnerBox #BottomNavi ul.navi li.left{
	border-left:1px solid #999;
	border-right:1px solid #999;
	float:left;
	font-size:1em;
	margin-right:10px;
	padding-left:8px;
	padding-right:10px;
}

#BageBox .InnerBox #BottomNavi ul.navi li {
	border-right:1px solid #999;
	float:left;
	font-size:1em;
	margin-right:10px;
	padding-right:10px;
}

#BageBox .InnerBox #BottomNavi ul.navi li a{
	color:#333333;
}

#BageBox .InnerBox .NaviButtun {
	clear:both;
	margin:0 auto;
	width:760px;	
}


/*============================================================
//  内部
//==========================================================*/
#HeaderBlock{
	margin-top:10px;
	width:950px;
}

#HeaderBlock h2{
	padding:0 10px;
	background-image:url(/gates_fukuoka/image/header_naibu.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:930px;
	height:200px;
}

#HeaderBlock .NavigationArea{
	padding:0 10px;
	background-image:url(/gates_fukuoka/image/header_bg_naibu.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:930px;
	height:51px;
}

#HeaderBlock ul.menu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-indent: -9999px;
	margin-left:auto;
	width:544px;
	}

#HeaderBlock ul.menu li.concept,
#HeaderBlock ul.menu li.menu,
#HeaderBlock ul.menu li.bodydesign,
#HeaderBlock ul.menu li.info{
	display:inline;
}

#HeaderBlock ul.menu li a{
	float:left;
	display:block;
	margin-left:1px;
	width:180px;
	height:51px;
}


#HeaderBlock ul.menu li.concept a{background: url(/gates_fukuoka/image/menu_naibu.jpg) no-repeat 0 0;}
#HeaderBlock ul.menu li.menu a{background: url(/gates_fukuoka/image/menu_naibu.jpg)  no-repeat -181px 0;}
#HeaderBlock ul.menu li.bodydesign a{background: url(/gates_fukuoka/image/menu_naibu.jpg) no-repeat -362px 0;}
#HeaderBlock ul.menu li.info a{background: url(/gates_fukuoka/image/menu_naibu.jpg) no-repeat -543px 0;}

#HeaderBlock ul.menu li.concept a:hover{background: url(/gates_fukuoka/image/menu_naibu.jpg) no-repeat 0 -51px;}
#HeaderBlock ul.menu li.menu a:hover{background: url(/gates_fukuoka/image/menu_naibu.jpg)  no-repeat -181px -51px;}
#HeaderBlock ul.menu li.bodydesign a:hover{background: url(/gates_fukuoka/image/menu_naibu.jpg) no-repeat -362px -51px;}
#HeaderBlock ul.menu li.info a:hover{background: url(/gates_fukuoka/image/menu_naibu.jpg) no-repeat -543px -51px;}

/*============================================================
//  メニューと料金
//==========================================================*/

#BageBox .InnerBox h2.MenuMidashi{
	margin:0 0 10px 0;
	background-image:url(/gates_fukuoka/image/menu_midashi01.gif);	
	text-indent:-9999px;
	width:456px;
	height:54px;
}

#BageBox .InnerBox #CourseMenu p.CoursePhoto{
	clear:both;
	float:right;
	margin:80px 0 0 10px;
}


#BageBox .InnerBox #CourseMenu .timecare{
	padding:10px;
	margin-bottom:15px;
	background: url(/gates_fukuoka/image/menu_bg_timecare.jpg) no-repeat 0 0;
	width:880px;
}

#BageBox .InnerBox #CourseMenu .timecare h3{
	margin:10px 0 0 0;
	color:#300;
	font-size:1.6em;
}
#BageBox .InnerBox #CourseMenu .TimecarePlan h4{
	margin:10px 0 5px 0;
	color:#C33;
	font-size:1.2em;
}

#BageBox .InnerBox #CourseMenu .TimecarePlan{
	float:left;
	width:190px;
	line-height:180%;
}
#BageBox .InnerBox #CourseMenu .TimecarePlan a{
	color:#C33;
	text-decoration:underline;
}

#BageBox .InnerBox #CourseMenu .TimecarePlan a:hover{
	color:#CC33;
	background-color:#E1CAAB;
	text-decoration:none;
}


#BageBox .InnerBox #CourseMenu .body{
	padding:10px;
	margin-bottom:15px;
	background: url(/gates_fukuoka/image/menu_bg_body.jpg) no-repeat 0 0;
	width:880px;
}

#BageBox .InnerBox #CourseMenu .thai{
	padding:10px;
	margin-bottom:15px;
	background: url(/gates_fukuoka/image/menu_bg_thai.jpg) no-repeat 0 0;
	width:880px;
}


#BageBox .InnerBox #CourseMenu table.price{
	border-collapse:collapse;
	margin:80px 0 0 0;
	padding:6px 0 0;
}

#BageBox .InnerBox #CourseMenu table.price th{
	padding:6px 6px 6px 0;
	border-bottom:1px dotted #999999;
	color:#C33;
	font-size:1.2em;
	vertical-align:top;
	width:130px;
}

#BageBox .InnerBox #CourseMenu table.price td{
	border-bottom:1px dotted #999999;
	color:#333333;
	padding:6px 0 6px 6px;
	vertical-align:top;
	line-height:180%;
	width:60px;
}

#BageBox .InnerBox #CourseMenu table.price td.detail{
	width:300px;
}

#BageBox .InnerBox #CourseMenu .OptionBox{
	width:900px;
}

#BageBox .InnerBox #CourseMenu .OptionBox img{
	margin-bottom:10px;
}
#BageBox .InnerBox #CourseMenu .OptionBox .yoga_btn{
	margin:10px auto;
	width:181px;
}

#BageBox .InnerBox #CourseMenu .OptionBox .OptionLeft{
	float:left;
	width:435px;
}

#BageBox .InnerBox #CourseMenu .OptionBox .OptionRight{
	float:right;
	width:435px;
}

#BageBox .InnerBox #CourseMenu .OptionBox h3.hotyoga{
	text-indent:-9999px;
	background: url(/gates_fukuoka/image/menu_bg_yoga.jpg) no-repeat 0 0;
	width:435px;
	height:65px;
}
#BageBox .InnerBox #CourseMenu .OptionBox h3.spa{
	text-indent:-9999px;
	background: url(/gates_fukuoka/image/menu_bg_spa.jpg) no-repeat 0 0;
	width:435px;
	height:65px;
}

/*============================================================
//  ボディデザインとは
//==========================================================*/

#BageBox .InnerBox h2.BodyMidashi{
	margin:0 0 10px 0;
	background-image:url(/gates_fukuoka/image/body_midashi01.gif);	
	text-indent:-9999px;
	width:560px;
	height:50px;
}

#BageBox .InnerBox #BoxOonuki{
	width:560px;
}

#BoxOonuki h2.Midashi{
	margin:0 0 10px 0;
	background-image:url(/gates_fukuoka/image/body_midashi02.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:560px;
	height:26px;
}

#BoxOonuki .text{
	float:right;
	margin:0 0 15px 10px;
	width:325px;
}


#BoxOonuki .image{
	float:left;
	width:225px;
}

#VoiceBox{
	width:900px;
}

#VoiceBox h3.legline{
	margin:0 0 10px 0;
	background-image:url(/gates_fukuoka/image/body_midashi03.gif);
	text-indent:-9999px;
	width:560px;
	height:26px;
}

#VoiceBox h3.facial{
	clear:both;
	margin:0 0 10px 0;
	background-image:url(/gates_fukuoka/image/body_midashi04.gif);
	text-indent:-9999px;
	width:560px;
	height:26px;
}

#VoiceBox .image{
	float:left;
	width:411px;
}

#VoiceBox .comment{
	float:right;
	width:476px;
}

#VoiceBox .comment .user{
	background-color:#E1CAAB;
	padding:10px;
	color:#300;
	font-size:10px;
}

#VoiceBox .comment .ohnuki{
	margin:10px 0 10px 0;
}