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

file name  :spa.css
author     :Ability Consultant
style info :展望風呂専用　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	#subNav
		サブメニュー
----------------------------------------------------------- */
#spa ul#subMneu {
	width: 950px;
	height: 26px;
	background: url(../spa/images/menu_spa.gif) no-repeat 0 0;
}

#spa ul#subMneu li {
	height: 26px;
	float: left;
	text-indent: -9999px;
}

#spa ul#subMneu li a {
	height: 26px;
	display: block;
	overflow: hidden;
}

#spa ul#subMneu li.sNav01 a {
	width: 104px;
}

#spa ul#subMneu li.sNav01 a:hover {
	width: 104px;
	background: url(../spa/images/menu_spa.gif) no-repeat 0 -26px;
}

#spa ul#subMneu li.sNav02 a {
	width: 142px;
}

#spa ul#subMneu li.sNav02 a:hover {
	width: 142px;
	background: url(../spa/images/menu_spa.gif) no-repeat -104px -26px;
}

#spa ul#subMneu li.sNav03 a {
	width: 92px;
}

#spa ul#subMneu li.sNav03 a:hover {
	width: 92px;
	background: url(../spa/images/menu_spa.gif) no-repeat -246px -26px;
}

#spa ul#subMneu li.sNav04 a {
	width: 159px;
}

#spa ul#subMneu li.sNav04 a:hover {
	width: 159px;
	background: url(../spa/images/menu_spa.gif) no-repeat -338px -26px;
}

#spa ul#subMneu li.sNav05 a {
	width: 95px;
}

#spa ul#subMneu li.sNav05 a:hover {
	width: 95px;
	background: url(../spa/images/menu_spa.gif) no-repeat -497px -26px;
}



/* -----------------------------------------------------------
	コンテンツ
----------------------------------------------------------- */

/* #spamain_con 温泉トップ
----------------------------------------------------------- */
#spa #main div.spamain_con {
	width: 725px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#spa #main div.spamain_con h2 {
	width: 725px;
	height: 175px;
	background: url(../spa/images/st_spa.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.spamain_con div.spa h3 {
	width: 346px;
	height: 81px;
	margin: 0 0 20px 10px;
	background: url(../spa/images/st_spatitle.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.spamain_con div.spa {
	width: 420px;
	float: right;
}

#spa #main div.spamain_con div.spa p.spa_txt {
	width: 350px;
	margin: 0 0 15px 10px;
}

#spa #main div.spamain_con div.spa p.spa_image {
	width: 420px;
	overflow: hidden;
}



/* #bigspa_con 露天風呂
----------------------------------------------------------- */
#spa #main div.bigspa_con {
	width: 725px;
	overflow: hidden;
}

#spa #main div.bigspa_con h3 {
	width: 725px;
	height: 35px;
	margin: 0 0 10px 0;
	background: url(../spa/images/st_bigspa.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* -- 露天風呂 -- */
#spa #main div.bigspa_con div.roten_con {
	width: 670px;
	margin: 0 0 15px 55px;
	overflow: hidden;
}

#spa #main div.bigspa_con div.roten_txt {
	width: 184px;
	float: left;
}

#spa #main div.bigspa_con div.roten_con div.roten_txt h4 {
	width: 184px;
	height: 68px;
	margin: 0 0 20px 0;
	background: url(../spa/images/sst_roten.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.bigspa_con div.roten_con img {
	margin: 20px 0 0 0;
}


/* -- 内風呂 -- */
#spa #main div.bigspa_con div.uchiburo_con {
	width: 670px;
	margin: 0 0 0 55px;
	overflow: hidden;
}

#spa #main div.bigspa_con div.uchiburo_con div.uchiburo_left {
	width: 405px;
	float: left;
}

#spa #main div.bigspa_con div.uchiburo_con div.uchiburo_left h4 {
	width: 232px;
	height: 72px;
	margin: 0 0 10px 0;
	background: url(../spa/images/sst_uchiburo.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#spa #main div.bigspa_con div.uchiburo_con div.uchiburo_left p.uchiburo_txt {
	width: 160px;
	margin: 15px 0 0 0;
	float: right;
}

#spa #main div.bigspa_con div.uchiburo_con div.uchiburo_left img {
	margin: 0 0 0 20px;
}

#spa #main div.bigspa_con div.uchiburo_con div.uchiburo_right {
	width: 225px;
	padding: 47px 0 0 0;
	float: right;
}



/* reserving_con 貸切露天風呂
----------------------------------------------------------- */
#spa #main div.reserving_con {
	width: 725px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#spa #main div.reserving_con h3 {
	width: 725px;
	height: 50px;
	margin: 0 0 15px 0;
	background: url(../spa/images/st_reserving.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.reserving_con div.reserving_list_con {
	width: 655px;
	margin: 0 0 0 77px;
	overflow: hidden;
}

#spa #main div.reserving_con div.reserving_list_con div.reserving_list {
	width: 190px;
	margin: 0 0 0 5px;
	padding: 10px;
	background-color: #F7F1E5;
	border-right:1px #C3A87E solid;
	border-bottom:1px #C3A87E solid;
	float: left;
}

/* -- 見出し -- */
#spa #main div.reserving_con div.reserving_list_con div.reserving_list h4#st_roten01 {
	width: 130px;
	height: 20px;
	background: url(../spa/images/st_roten01.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.reserving_con div.reserving_list_con div.reserving_list h4#st_roten02 {
	width: 125px;
	height: 20px;
	background: url(../spa/images/st_roten02.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.reserving_con div.reserving_list_con div.reserving_list h4#st_roten03 {
	width: 135px;
	height: 20px;
	background: url(../spa/images/st_roten03.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* miryoku_con　魅力
----------------------------------------------------------- */
#spa #main div.miryoku_con {
	width: 725px;
	overflow: hidden;
	margin:0 0 10px 15px;
}

#spa #main div.miryoku_con h3 {
	width: 725px;
	height: 35px;
	margin: 0 0 20px 0;
	background: url(../spa/images/st_ons.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.miryoku_con div.miryoku {
	width: 672px;
	margin: 0 0 0 52px;
	overflow: hidden;
}

#spa #main div.miryoku_con div.miryoku div.miryoku_left {
	width: 450px;
	height:370px;
	float: left;
	position:relative;
}

#spa #main div.miryoku_con div.miryoku div.miryoku_left img{
	position:absolute;
	bottom:0;
	left:20px;
}

#spa #main div.miryoku_con div.miryoku div.miryoku_left h4 {
	width: 212px;
	height: 64px;
	margin: 0 0 0px 0;
	background: url(../spa/images/st_sai.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#spa #main div.miryoku_con div.miryoku div.miryoku_left p {
	width: 390px;
	height: ;
	padding: 0;
}

/* ashiyu_con 足湯
----------------------------------------------------------- */
#spa #main div.ashiyu_con {
	width: 725px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#spa #main div.ashiyu_con h3 {
	width: 725px;
	height: 35px;
	margin: 0 0 20px 0;
	background: url(../spa/images/st_ashiyu.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.ashiyu_con div.ashiyu {
	width: 650px;
	margin: 0 0 0 75px;
	overflow: hidden;
}

#spa #main div.ashiyu_con div.ashiyu div.ahiyu_right {
	width: 285px;
	float: right;
}

#spa #main div.ashiyu_con div.ashiyu div.ahiyu_right p {
	width: 285px;
}

#spa #main div.ashiyu_con div.ashiyu div.ahiyu_right p img {
	margin: 0 0 0 85px;
}



/* lounge_con ラウンジ
----------------------------------------------------------- */
#spa #main div.lounge_con {
	width: 725px;
	overflow: hidden;
}

#spa #main div.lounge_con h3 {
	width: 725px;
	height: 35px;
	margin: 0 0 20px 0;
	background: url(../spa/images/st_lounge.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.lounge_con div.lounge {
	width: 660px;
	margin: 0 0 0 65px;
	overflow: hidden;
}

#spa #main div.lounge_con div.lounge div.lounge_left {
	width: 245px;
	float: left;
}

#spa #main div.lounge_con div.lounge div.lounge_left p.drink {
	width: 110px;
	height: 52px;
	padding: 100px 0 0 120px;
	background: url(../spa/images/img_drink.png) no-repeat 0 0;
}


/* element_con 泉質
----------------------------------------------------------- */
#spa #main div.element_con {
	width: 725px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#spa #main div.element_con h3 {
	width: 725px;
	height: 35px;
	margin: 0 0 20px 0;
	background: url(../spa/images/st_element.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.element_con table{
	width: 650px;
	margin: 0 auto 10px auto;
	color: #533030;
}

#spa #main div.element_con th {
	width: 150px;
	padding: 10px;
	border: 1px dotted #594127;
	color: #32200D;
	text-align: center;
}

#spa #main div.element_con td {
	padding: 10px;
	border: 1px dotted #594127;
	color: #32200D;
}

#spa #main div.element_con p {
	width: 690px;
	text-align: right;
}




	
/*======================================
	
	hack - 各種cssハック - for IE7
	
=======================================*/
*:first-child+html {}




/*======================================
	
	hack - 各種cssハック - for IE6
	
=======================================*/
* html {}