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

 file name  :hotspa.css
 author     :Ability Consultant
style info  :お風呂ページ設定　ハックは最下部に記述
 1. 共通
 2. index.php お風呂TOP
 3. yumeguri.php 海辺の湯めぐり

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

/*----------------------------------------------------
	index.php お風呂TOP
----------------------------------------------------*/

/* キャッチ
-----------------------------------------------*/
#hotspa .con_catch {
	margin-bottom:50px;
	width: 710px;
}

#hotspa .con_catch h3 {
	margin: 0 0 10px 0;
}

#hotspa .con_catch .ph_catch,
#hotspa .con_catch .txt_catch,
#hotspa .con_catch .txt_timetable{
	margin-bottom:15px;
}

#hotspa .con_catch .txt_catch span {
	font-size:120%;
	font-weight:bold;
}

#hotspa .con_catch .txt_timetable {
	margin-top:15px;
	padding:15px;
	width:680px;
	border:1px dashed #d2b798;
}

#hotspa .con_catch .txt_timetable dl{
}

#hotspa .con_catch .txt_timetable dl dt{
	float: left;
}

#hotspa .con_catch .txt_timetable dl dd{
	margin-left: 5.3em;
}



/* .con_hotspa	お風呂
-----------------------------------------------*/
#hotspa .con_hotspa {
	margin: 40px 0 50px 0;
	overflow:hidden;
}

#hotspa .con_hotspa h3{
	margin:0 0 10px;
}

#hotspa .con_hotspa .txt_catch{
	margin:0 0 20px;
}

/* 左側 */
#hotspa .con_hotspa .con_hotspa_l {
	width:340px;
	float:left;
}
/* BOX */
#hotspa .con_hotspa .box_hotspa {
	margin-bottom:30px;
	padding:17px;
	width:300px;
	background:#fff;
	border:1px dashed #d2b798;
}

#hotspa .con_hotspa .box_hotspa h4,
#hotspa .con_hotspa .box_hotspa p{
	margin-bottom:15px;
	
}

#hotspa .con_hotspa .box_hotspa .txt_timetable{
	width:300px;
	border:1px dashed #d2b798;
}

#hotspa .con_hotspa .box_hotspa .txt_timetable th{
	width: 5em;
	padding:5px 0 5px 10px;
	font-weight: normal;
}

#hotspa .con_hotspa .box_hotspa .txt_timetable td{
	padding:5px 10px 5px 10px;
}


/* 右側 */
#hotspa .con_hotspa .con_hotspa_r {
	width:350px;
	float:right;
}

#hotspa .con_hotspa .con_hotspa_r .con_madori {
	margin-bottom:30px;
	padding-top:408px;
	width:350px;
	height:34px;
	background:url(../hotspa/images/bg_madori.jpg)
}

/* 間取りボタン */
#hotspa .con_hotspa .con_hotspa_r .con_madori p a {
	margin:0 0 0 auto;
	width:99px;
	height:35;
	display:block;
	overflow:hidden;
	background:#fff;
}

#hotspa .con_hotspa .con_hotspa_r .con_madori p a:hover {
	background:#fffde0;
}

/* スパボタン */
#hotspa .con_hotspa .con_hotspa_r .btn_linospa a {
	margin:0 0 0 auto;
	width:215px;
	height:35;
	display:block;
	overflow:hidden;
}

#hotspa .con_hotspa .con_hotspa_r .btn_linospa a:hover {
	background:#fffde0;
}

/* BOX02 */
#hotspa .con_hotspa .box_hotspa02 {
	margin-bottom:30px;
	padding:17px;
	width:300px;
	background:#fff;
	border:1px dashed #d2b798;
	overflow:hidden;
}

#hotspa .con_hotspa .box_hotspa02 h4{
	margin-bottom:15px;
}

#hotspa .con_hotspa .box_hotspa02 .con_r{
	width:170px;
	float:right;
}

#hotspa .con_hotspa .box_hotspa02 .con_r p{
	margin-bottom:10px;
}

#hotspa .con_hotspa .box_hotspa02 .con_r .btn_sparoom a{
	margin:0 0 0 auto;
	width:166px;
	height:35;
	display:block;
	overflow:hidden;
}

#hotspa .con_hotspa .box_hotspa02 .con_r .btn_sparoom a:hover {
	background:#fffde0;
}

/* 海辺の湯巡り */
#hotspa .con_yumeguri {
	margin-bottom:50px;
	width: 350px;
}

#hotspa .con_yumeguri p {
	margin-bottom:15px;
}

#hotspa .con_yumeguri span {
	font-size:120%;
	font-weight:bold;
}

#hotspa .con_yumeguri p a {
	width:215px;
	height:35;
	display:block;
	overflow:hidden;
	background:#fff;
}

#hotspa .con_yumeguri p a:hover {
	background:#fffde0;
}

/* .con_quality	洲本温泉 泉質と効能
-----------------------------------------------*/
#hotspa .con_quality {
	margin: 40px 0 60px 0;
}

#hotspa .con_quality h4 {
	margin: 0 0 20px 0;
}

#hotspa .con_quality .tb_main {
	width: 708px;
}

#hotspa .con_quality .tb_main th {
	width: 20%;
}

#hotspa .con_quality .tb_main .ex {
	background-color: #e3cf80;
}


/*----------------------------------------------------
	yumeguri.php 海辺の湯めぐり
----------------------------------------------------*/

/* .con_catch_yumeguri	
-----------------------------------------------*/
#hotspa .con_catch_yumeguri {
	margin-bottom:50px;
	padding-bottom:85px;
	width:710px;
	background:url(../hotspa/images/yumeguri/img_catch_yumeguri.jpg) right 40px no-repeat;
}

#hotspa .con_catch_yumeguri h3 {
	margin-bottom:20px;
}

#hotspa .con_catch_yumeguri p {
	margin-bottom:15px;
	width:330px;
}

#hotspa .con_catch_yumeguri p.btn_yumeguri a {
	width:250px;
	height:35px;
	display:block;
	overflow:hidden;
	background:#fff;
}

#hotspa .con_catch_yumeguri p.btn_yumeguri a:hover {
	background:#fffde0;
}


/* .con_yumeguri	
-----------------------------------------------*/
#hotspa .con_yumeguri_inn {
	width:710px;
	overflow:hidden;
}

#hotspa .con_yumeguri_inn .box_yumeguri {
	margin-right:20px;
	padding:15px;
	width:190px;
	float:left;
	background:#fff;
	border:1px dashed #d2b798;
}

#hotspa .con_yumeguri_inn .last {
	margin-right:0;
}

#hotspa .con_yumeguri_inn .box_yumeguri h4,
#hotspa .con_yumeguri_inn .box_yumeguri p.ph_yumeguri{
	margin-bottom:15px;
}

#hotspa .con_yumeguri_inn .box_yumeguri p.btn_yumeguri a{
	width:180px;
	height:35px;
	display:block;
	overflow:hidden;
}

#hotspa .con_yumeguri_inn .box_yumeguri p.btn_yumeguri a:hover {
	background:#fffde0;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

* html #hotspa .con_hotspa {
	zoom:1;
}