@charset "utf-8";
/* ===================================================================
CSS information

 file name  :spa.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

#spa #main div#main_title{
	background:url(../spa/images/img_main.jpg) left top no-repeat;
	width:655px;
	height:430px;
	
}

#spa #main div#main_title h2{
	display:block;
	width:655px;
	height:100px;
	background:url(../spa/images/st_main.gif) center bottom no-repeat;
	text-indent:-9999px;
	margin:0;
}
#spa #main div#main_title p{
	text-align:right;
	margin:300px 20px 0 0;
	color:#fff;

}

#spa #main div#sub_title{
	background:url(../spa/images/bg_subtitle.jpg) left top no-repeat;
	width:655px;
	height:114px;
}

* html #spa #main div#sub_title{
	height:auto;
}
*:first-child+html #spa #main div#sub_title{
	height:auto;
}


#spa #main div#sub_title h2{
	display:block;
	width:214px;
	height:55px;
	background:url(../spa/images/st_subtitle.png) center bottom no-repeat;
	text-indent:-9999px;
	padding:30px 0 0 0;
	float:left;
	behavior:url(../Scripts/iepngfix.htc);
}

#spa #main div#sub_title div#img_nagisa{
	display:block;
	width:250px;
	height:160px;
	background:url(../spa/images/img_nagisa.jpg) center top no-repeat;
	margin:30px 15px 0 0;
	float:right;
}
* html #spa #main div#sub_title div#img_nagisa{
	margin:30px 7px 0 0;
}

#spa #main div#sub_title div#img_nagisa p{
	margin:135px 0 0 0;
	text-align:right;
	color:#fff;
}
#spa #main div#sub_title p#tx_nagisa{
	float:left;
	width:340px;
	margin:35px 0 0 25px ;
	display:block;
	color:#fff;
}

* html #spa #main div#sub_title p#tx_nagisa{
	margin:35px 0 0 13px ;
}


#spa #main div#bath1{
	clear:both;
}

#spa #main div#bath1 h2#st_bath1{
	display:block;
	width:86px;
	height:33px;
	background:url(../spa/images/st_bath.png) center bottom no-repeat;
	text-indent:-9999px;
	margin:15px 0 0 25px ;
	float:left;
	behavior:url(../Scripts/iepngfix.htc);
}
* html #spa #main div#bath1 h2#st_bath1{
	margin:15px 0 0 12px;
}

#spa #main div#bath1 a#bt_plan{
	display:block;
	width:178px;
	height:33px;
	background:url(../spa/images/bt_plan.gif) center bottom no-repeat;
	text-indent:-9999px;
	margin:15px 15px 0 0 ;
	float:right;
	overflow:hidden;
}
* html #spa #main div#bath1 a#bt_plan{
	margin:15px 7px 0 0 ;
}


#spa #main div#bath1 div#img_bath1_1{
	display:block;
	width:365px;
	height:160px;
	background:url(../spa/images/img_bath1_1.jpg) center top no-repeat;
	margin:22px 0px 0 25px;
	float:left;
}

* html #spa #main div#bath1 div#img_bath1_1{
	margin:22px 0px 0 12px;
}

#spa #main div#bath1 div#img_bath1_1 p{
	margin:135px 10px 0 0;
	text-align:right;
	color:#fff;
}
#spa #main div#bath1 div#img_bath1_2{
	display:block;
	width:250px;
	height:160px;
	background:url(../spa/images/img_bath1_2.jpg) center top no-repeat;
	margin:22px 0px 0 0;
	float:left;
}
#spa #main div#bath1 div#img_bath1_2 p{
	margin:135px 10px 0 0;
	text-align:right;
	color:#fff;
}

#spa #main div#bath2{
	clear:both;
}
#spa #main div#bath2 h2#st_bath2{
	display:block;
	width:500px;
	height:26px;
	background:url(../spa/images/st_ja.png) left bottom no-repeat;
	text-indent:-9999px;
	margin:15px 0 0 25px ;
	float:left;
	behavior:url(../Scripts/iepngfix.htc);
}
* html #spa #main div#bath2 h2#st_bath2{
	margin:15px 0 0 12px ;
}

#spa #main div#bath2 div#img_bath2_1{
	display:block;
	width:253px;
	height:160px;
	background:url(../spa/images/img_bath2_1.jpg) center top no-repeat;
	margin:22px 0px 36px 25px;
	float:left;
}
* html #spa #main div#bath2 div#img_bath2_1{
	margin:22px 0px 36px 12px;
}
#spa #main div#bath2 div#img_bath2_1 p{
	margin:135px 10px 0 0;
	text-align:right;
	color:#fff;
}

#spa #main div#bath2 div#img_bath2_2{
	display:block;
	width:250px;
	height:160px;
	background:url(../spa/images/img_bath2_2.jpg) center top no-repeat;
	margin:22px 0px 0 0;
	float:left;
}
#spa #main div#bath2 div#img_bath2_2 p{
	margin:135px 10px 0 0;
	text-align:right;
	color:#fff;
}


#spa #main div.enc_table{
	clear:both;
	margin:0 0 0 25px;
	width:603px;
	background: url(../images/bg_detail.jpg) left top repeat;
	border:#CBA980 1px solid;
}

#spa #main div.enc_table div.enc_left{
	width:193px;
	float:left;
}
#spa #main div.enc_table div.enc_left h2{
	display:block;
	width:193px;
	height:203px;
	background:url(../spa/images/img_detail.jpg) left bottom no-repeat;
	text-indent:-9999px;
	margin:0;
}

#spa #main div.enc_table div.enc_right{
	float:right;
	width:410px;
}

#spa #main div.enc_table div.enc_right table{
	color:#fff;
	margin:30px 0 0 0;
	width:400px;
}






/* sub
----------------------------------------------------------- */

#spa #sub div#matu{
	background:url(../spa/images/img_sub.jpg) center bottom no-repeat;
}










/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}