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

 file name  :hotspa.css
 author     :Ability Consultant
 style info :TOPページで用いるスタイルを記述。
=================================================================== */

#header {
	background: url(../hotspa/images/main.jpg) center top no-repeat;
}
#gnav .con_gnav ul.gnav li.hotspa a {
	background: url(../images/header/img_gnav.gif) -273px top no-repeat;
}


/*----------------------------------------
	#hotspa
	温泉topページ用
----------------------------------------*/
#hotspa #main h3,
#hotspa #main h4 {
	margin: 0 0 15px 0;
}

/* ナビゲーションメニュー */
#hotspa .pagenav {
	width: 715px;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#hotspa .pagenav li {
	float:left;
}

#hotspa ul.pagenav {
	background: url(../hotspa/images/img_subnav.gif) left top no-repeat;
	overflow: hidden;
	width: 715px;
	height: 35px;
}
#hotspa ul.pagenav li {
	float: left;
	height: 35px;

}
#hotspa ul.pagenav li.sansui {
	width: 239px;
}
#hotspa ul.pagenav li.hiten , #hotspa ul.pagenav li.massage {
	width: 238px;
}
#hotspa ul.pagenav li a {
	display:block;
	width:238px;
	height:62px;
	height: 35px;
	text-indent:-9999em;
}
#hotspa ul.pagenav li.sansui a {
	width: 239px;
}
#hotspa ul.pagenav li.hiten a , #hotspa  ul.pagenav li.massage a {
	width: 238px;
}
#hotspa ul.pagenav li.sansui a:hover {
	background: url(../hotspa/images/img_subnav.gif) left bottom no-repeat;
}
#hotspa ul.pagenav li.hiten a:hover {
	background: url(../hotspa/images/img_subnav.gif) -239px bottom no-repeat;
}
#hotspa ul.pagenav li.massage a:hover {
	background: url(../hotspa/images/img_subnav.gif) -477px bottom no-repeat;
}




/* キャッチ */
#hotspa .con_catch {
	width: 715px;
	margin: 0 0 30px 0;
	padding: 420px 0 25px 0;
	background: url(../hotspa/images/bg_catch.jpg) no-repeat 0 0;
	color: #fff;
}

#hotspa .con_catch h4 {
	visibility: hidden;
}

#hotspa .con_catch p {
	padding: 0 120px 0 50px;
}

/* 温泉紹介共通 */
#hotspa .con_spa {
	width: 705px;
	margin: 0 0 40px 0;
	background: url(../hotspa/images/bg_spainfo.jpg) repeat;
	border: 5px #3e4c30 solid;
	overflow: hidden;
}

/* 讃水 */
#hotspa #sansui ul {
	width: 666px;
	padding: 25px 0 20px 40px;
	overflow: hidden;
}

#hotspa #sansui ul li {
	margin: 0 40px 0 0;
	float: left;
}

/* 讃水 */
#hotspa #hiten {
	padding: 0 0 20px 0;
}

#hotspa #hiten .txt {
	width: 203px;
	float: left;
}

#hotspa #hiten .txt h5 {
	margin: 0 0 10px 0;
}

#hotspa #hiten .txt .con_bt {
	width: 160px;
	margin: 0 0 60px 0;
	padding: 0 0 0 40px;
	overflow: hidden;
}

#hotspa #hiten .txt .bt {
	padding: 0 10px 0 0;
	text-align: right;
}

#hotspa #hiten .txt .con_bt li {
	float: left;
}

#hotspa #hiten .photo {
	width: 479px;
	padding: 49px 0 0 23px;
	background: url(../hotspa/images/bg_hiten_tenbo.jpg) no-repeat 0 0;
	float: left;
}

#hotspa #hiten .photo #p_hit {
	margin: 0 0 45px 0;
}

/* 温泉情報 */
#hotspa .con_about {
	width: 715px;
	margin: 0 0 50px 0;
}

#hotspa .con_about .tb_main {
	width: 715px;
}

#hotspa .con_about .tb_main th {
	width: 200px;
}

/* 温泉情報 */
#hotspa .con_other {
	width: 715px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

#hotspa .con_other .com {
	padding: 0 10px;
}

#hotspa .con_other p {
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 86%;
}

#hotspa .con_other .con_other_l {
	width: 336px;
	float: left;
}

#hotspa .con_other .con_other_r {
	width: 336px;
	float: right;
}

/*----------------------------------------
	#massage
	マッサージページ用
----------------------------------------*/
#massage #header {
	background: url(../hotspa/massage/images/main.jpg) center top no-repeat;
}

#hotspa .img_main_massage {
	margin-bottom: 25px;
}

#hotspa .txt_att {
	background: #352319;
	border: dotted 1px #6c6c6c;
	padding: 30px;
	color: #FFF;

}

#hotspa .txt_att p{
	width: 365px;
	margin: 0 auto;
}

#hotspa .txt_att .st{
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center;
}


#hotspa .txt_description {
	margin-bottom: 25px;
}

#hotspa .con_info {
	width: 715px;
	margin-bottom: 40px;
	overflow: hidden;
	color: #fff;
}

#hotspa .con_info .con_info_l {
	width: 260px;
	float: left;
}

#hotspa .con_info .con_info_r {
	width: 430px;
	float: right;
}

#hotspa .con_info .tb_main td.time {
	border-right: 1px dotted #6c6c6c;
}

#hotspa .con_info table.tb_main {
	border-collapse: inherit;
    border-spacing: 0;

}

/*----------------------------------------
	#dayspa
	日帰り温泉ページ用
----------------------------------------*/
#dayspa #header {
	background: url(../hotspa/massage/images/main.jpg) center top no-repeat;
}
/* キャッチ */
#hotspa .con_catch_dayspa {
	width: 715px;
	margin: 0 0 30px 0;
	padding: 410px 0 50px 0;
	background: url(../hotspa/dayspa/images/bg_catch.jpg) no-repeat 0 0;
	color: #fff;
}

#hotspa .con_catch_dayspa h4 {
	visibility: hidden;
}

#hotspa .con_catch_dayspa p {
	padding: 0 50px 0 50px;
}

#hotspa .con_info_dayspa {
	width: 715px;
	margin-bottom: 40px;
	overflow: hidden;
	color: #fff;
}

#hotspa .con_info_dayspa .con_info_dayspa_l {
	width: 425px;
	float: left;
}

#hotspa .con_info_dayspa .con_info_dayspa_r {
	width: 262px;
	float: right;
}

/* プラン詳細 */
#hotspa .con_plan_detail {
	width: 665px;
	background: url(../daygroup/images/bg_washi.gif);
	border: 5px solid #3e4c30;
	padding: 10px 20px 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

#hotspa .con_plan_detail h4 {
	background: url(../daygroup/images/ic_circle.gif) left center no-repeat;
	color: #584913;
	border-bottom: 2px solid #92a381;
	padding: 12px 0 10px 20px;
	margin-bottom: 10px;
	font-size: 125%;
}

#hotspa .con_plan_detail h5 {
	background: url(../daygroup/images/img_line_green.gif) left bottom no-repeat;
	color: #584913;
	padding: 0 0 8px 0;
	text-align: right;
	margin-bottom: 10px;
	font-size: 110%;
}

#hotspa .con_plan_detail h5 span.b_horiday {
	font-size: 86%;
}

#hotspa .con_plan_detail h5 span.price {
	color: #cd5114;
}

#hotspa .con_plan_detail .con_plan_detail_l {
	width: 245px;
	float: left;
}

#hotspa .con_plan_detail .con_plan_detail_l .photo {
	border: 1px solid #fff;
}


#hotspa .con_plan_detail .con_plan_detail_r {
	width: 400px;
	float: right;
}

#hotspa .con_plan_detail .con_plan_detail_r table {
	overflow: hidden;
	width: 400px;
	margin: 0 0 20px;
	color: #010101;
	font-size: 90%;
	line-height: 1.8;
}

#hotspa .con_plan_detail .con_plan_detail_r table th {
	background-color: #bbbca4;
	border-top: 1px dotted #6c6c6c;
	border-bottom: 1px dotted #6c6c6c;
	border-collapse: collapse;
	width: 85px;
	text-align: center;
}

#hotspa .con_plan_detail .con_plan_detail_r table td {
	border-top: 1px dotted #6c6c6c;
	border-bottom: 1px dotted #6c6c6c;
	border-collapse: collapse;
	padding: 5px 0 5px 10px;
}

#hotspa .con_plan_detail .con_plan_detail_r table td b {
	color: #e16b1c;
}

#hotspa .con_plan_detail .con_plan_detail_r .txt_description {
	margin-bottom: 20px;
}

#hotspa .con_plan_detail .con_plan_detail_r ul {
	width: 400px;
	overflow: hidden;
}

#hotspa .con_plan_detail .con_plan_detail_r ul li {
	float: left;
	padding-right: 10px;
}

#hotspa .con_plan_detail .con_plan_detail_r ul li.last {
	padding-right: 0;
}

/*----------------------------------------------------
	テーブル個別設定
----------------------------------------------------*/
#hotspa .tb_main th.bg_brown {
	text-align:center;
	background:#383920;
	padding:10px 20px;
}

#hotspa .tb_main .ac {
	text-align:center;
}

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

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #hotspa ul.pagenav li.sansui a:hover {
	background: url(../hotspa/images/img_subnav.gif) left bottom no-repeat;
}
* html #hotspa ul.pagenav li.hiten a:hover {
	background: url(../hotspa/images/img_subnav.gif) -180px bottom no-repeat;
}
* html #hotspa ul.pagenav li.dayspa a:hover {
	background: url(../hotspa/images/img_subnav.gif) -358px bottom no-repeat;
}
* html #hotspa ul.pagenav li.massage a:hover {
	background: url(../hotspa/images/img_subnav.gif) -537px bottom no-repeat;
}