@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: 115px;
}

#spa ul#subMneu li.sNav04 a:hover {
	width: 115px;
	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 -453px -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.png) 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/catch_spa.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 30px 10px;
}

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



/* #takumi_con 内匠の湯
----------------------------------------------------------- */
#spa #main div.takumi_con {
	width: 725px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#spa #main div.takumi_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.takumi_con div.roten_con {
	width: 650px;
	margin: 0 0 10px 75px;
	overflow: hidden;
}

#spa #main div.takumi_con div.roten_con h4 {
	width: 175px;
	height: 70px;
	background: url(../spa/images/sst_roten.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#spa #main div.takumi_con div.roten_con p {
	width: 400px;
	margin: 25px 0 0 0;
	float: right;
}

#spa #main div.takumi_con div.roten_con p.roten_image {
	width: 635px;
	margin: 10px 0 0 15px;
	clear: both;
}

#spa #main div.takumi_con div.roten_con p.roten_image img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* -- 内風呂 -- */
#spa #main div.takumi_con div.uchiburo_con {
	width: 650px;
	margin: 0 0 10px 75px;
	overflow: hidden;
}

#spa #main div.takumi_con div.uchiburo_con div.uchiburo_left {
	width: 245px;
	float: left;
}

#spa #main div.takumi_con div.uchiburo_con div.uchiburo_left h4 {
	width: 215px;
	height: 68px;
	background: url(../spa/images/sst_uchiburo.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#spa #main div.takumi_con div.uchiburo_con div.uchiburo_left p {
	width: 180px;
	margin: 15px 0 0 30px;
}

#spa #main div.takumi_con div.uchiburo_con .imgR {
	margin: 20px 0 0 0;
}



/* 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: 32px;
	margin: 0 0 15px 0;
	background: url(../spa/images/tit_kashikiri.gif) no-repeat 0 0;
	text-indent: -9999px;
}

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

#spa #main div.reserving_con div.reserving_list_con div.reserving_list {
	width: 300px;
	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: 273px;
	height: 20px;
	background: url(../spa/images/st_kashi_roten.gif) no-repeat 0 0;
	text-indent: -9999px;
}

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

#spa #main div.reserving_con p.txt_ex {
	width: 650px;
	margin: 0 0 0 75px;
}


/* 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 10px 75px;
	overflow: hidden;
}

#spa #main div.ashiyu_con div.ashiyu div.ashiyu_left {
	width: 310px;
	height: 200px;
	background: url(../spa/images/img_asiyu_comment.gif) no-repeat right bottom;
	float: left;
}

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



/* drink_con お飲み物サービス
----------------------------------------------------------- */
#spa #main div.drink_con {
	width: 725px;
	overflow: hidden;
}

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

#spa #main div.drink_con div.drink {
	width: 650px;
	padding: 0 0 0 75px;
	overflow: hidden;
}


/* 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 0 0 75px;
	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 {}

/* #takumi_con 内匠の湯
----------------------------------------------------------- */

/* -- 露天風呂 -- */
* html #spa #main div.takumi_con div.roten_con {
	width: 650px;
	margin: 0 0 10px 75px;
	overflow: hidden;
}

* html #spa #main div.takumi_con div.roten_con p.roten_image {
	width: 635px;
	margin: 10px 0 0 -200px;
	position: relative;
	clear: both;
}

/* reserving_con 貸切露天風呂
----------------------------------------------------------- */
* html #spa #main div.reserving_con div.reserving_list_con div.reserving_list {
	width: 300px;
	margin: 0 0 0 3px;
	padding: 10px;
	background-color: #F7F1E5;
	border-right:1px #C3A87E solid;
	border-bottom:1px #C3A87E solid;
	float: left;
}