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

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

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*ページタイトル*/
#hotspa h2{
	width: 720px;
	height: 55px;
	margin: 25px 0;
	text-indent:-9999px;
	background: url(../hotspa/images/title.gif) left top no-repeat;
}

/*メインメニューオン表示*/
#hotspa ul#gnav li.nav_hotspa a{
	background: url(../images/gnav.jpg) -220px -65px;
}

/*メインコピー*/
#hotspa p.copy_main{
	width: 720px;
	height: 85px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../hotspa/images/main_copy.gif) left top no-repeat;
}

/*ページ内メニュー
------------------------------------------*/
/*磯笛の湯*/
#hotspa ul.pagenav li.bt_isobue a{
	width: 180px;
	background: url(../hotspa/images/bt_isobue.gif) left top no-repeat;	
}

/*天空の湯*/
#hotspa ul.pagenav li.bt_tenku a{
	width: 180px;
	background: url(../hotspa/images/bt_tenku.gif) left top no-repeat;	
}

/*展望大浴場*/
#hotspa ul.pagenav li.bt_tenbou a{
	width: 180px;
	background: url(../hotspa/images/bt_tenbou.gif) left top no-repeat;	
}

/*榊原温泉*/
#hotspa ul.pagenav li.bt_onsen a{
	width: 180px;
	background: url(../hotspa/images/bt_onsen.gif) left top no-repeat;	
}

/*写真切り替え
------------------------------------------*/
#hotspa ul.chgimg li{
	margin: 0 5px 0 0;
	padding: 3px;
	float: left;
}

/* -----------------------------------------------------------
	磯笛の湯
----------------------------------------------------------- */
#hotspa #cont_isobue{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
	overflow: hidden;
}

#hotspa #cont_isobue p.photo{
	margin: 0 0 25px;
	float: left;
}

#hotspa #cont_isobue .title_isobue{
	width: 240px;
	padding: 0 0 0 40px;
	float: left;
}


#hotspa #cont_isobue h3{
	width: 200px;
	height: 80px;
	margin: 20px 0 25px 0;
	text-indent: -9999px;
	background: url(../hotspa/images/st_isobue.gif) left top no-repeat;	
}

#hotspa #cont_isobue p.copy{
	width: 200px;
	height: 40px;
	margin: 0 0 25px;
	text-indent: -9999px;
	background: url(../hotspa/images/copy_isobue.gif) left top no-repeat;
}

#hotspa #cont_isobue p.text{
	width: 720px;
	margin: 0 0 30px;
	clear: both;
}

#hotspa #cont_isobue .incont{
	width: 720px;
	clear: both;
	overflow: hidden;
}

#hotspa .incont img{
	float: left;
}

#hotspa  p.rate{
	width: 280px;
	margin:0 20px 0 0;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0;
	float: left;
}

/* -----------------------------------------------------------
	天空の湯
----------------------------------------------------------- */
#hotspa #cont_tenku{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
	overflow: hidden;
}

#hotspa #cont_tenku p.photo{
	margin: 0 0 25px;
	float: right;
}

#hotspa #cont_tenku .title_tenku{
	width: 240px;
	padding: 0 0 0 30px;
}

#hotspa #cont_tenku h3{
	width: 200px;
	height: 80px;
	margin: 20px 0 25px 0;
	text-indent: -9999px;
	background: url(../hotspa/images/st_tenku.gif) left top no-repeat;	
}

#hotspa #cont_tenku p.copy{
	width: 200px;
	height: 40px;
	margin: 0 0 25px;
	text-indent: -9999px;
	background: url(../hotspa/images/copy_tenku.gif) left top no-repeat;
}

#hotspa #cont_tenku p.text{
	width: 720px;
	margin: 0 0 30px;
	clear: both;
}

/* -----------------------------------------------------------
	展望大浴場
----------------------------------------------------------- */
#hotspa #cont_tenbou{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
	overflow: hidden;
}

#hotspa h3#st_tenbou{
	width: 720px;
	height: 30px;
	margin: 0 0 35px;
	text-indent: -9999px;
	background: url(../hotspa/images/st_tenbou.gif) left top no-repeat;
}

#hotspa #cont_tenbou p.photo{
	margin: 0 25px 0 0 ;
	float: left;
}

#hotspa #cont_tenbou .incont{
	width: 315px;
	float: left;
}

#hotspa #cont_tenbou p.text{
	width: 315px;
	margin: 0 0 35px;
}

/*写真キャプション*/
#hotspa ul.caption{
	width: 315px;
}


/* -----------------------------------------------------------
	榊原温泉
----------------------------------------------------------- */
#hotspa #cont_onsen{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
	background: url(../hotspa/images/bg_onsen.jpg) right 30px no-repeat;
}

#hotspa h3#st_onsen{
	width: 720px;
	height: 30px;
	margin: 0 0 35px;
	text-indent: -9999px;
	background: url(../hotspa/images/st_onsen.gif) left top no-repeat;
}

#hotspa #cont_onsen h4#sst_bihada{
	width: 240px;
	height: 20px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../hotspa/images/sst_bihada.gif) left top no-repeat;	
}

#hotspa #cont_onsen h4#sst_ph{
	width: 190px;
	height: 20px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(../hotspa/images/sst_ph.gif) left top no-repeat;	
}

#hotspa #cont_onsen p.text_main{
	width: 500px;
	margin: 0 0 35px;
}

#hotspa #cont_onsen h3#st_senshitu,
#hotspa #cont_onsen h3#st_kounou,
#hotspa #cont_onsen h3#st_yuiro,
#hotspa #cont_onsen h3#st_seibun{
	width: 720px;
	height: 30px;
	margin: 0 0 10px;
	text-indent: -9999px;
}

#hotspa #cont_onsen h3#st_senshitu{
	background: url(../hotspa/images/st_senshitu.gif) left top no-repeat;	
}

#hotspa #cont_onsen h3#st_kounou{
	background: url(../hotspa/images/st_kounou.gif) left top no-repeat;	
}

#hotspa #cont_onsen h3#st_yuiro{
	background: url(../hotspa/images/st_yuiro.gif) left top no-repeat;	
}

#hotspa #cont_onsen h3#st_seibun{
	background: url(../hotspa/images/st_seibun.gif) left top no-repeat;	
}

#hotspa #cont_onsen p.text{
	width: 720px;
	margin: 0 0 25px;
}

#hotspa #cont_onsen #cont_seibun{
	width: 719px;
	padding: 1px 0 0 1px;
	clear: both;
	overflow: hidden;
}

#hotspa #cont_seibun table{
	color: #000;
	border: 1px solid #3B3B3B;
	margin: 0 0 20px;
	background: url(../hotspa/images/bg_table.jpg) center center repeat;	
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
	letter-spacing: 0;
	float: left;
}

#hotspa #cont_seibun table.margin{
	margin: 0 19px 0 0;
}

#hotspa #cont_seibun th,
#hotspa #cont_seibun td {
	padding: 5px 10px;
	border: 1px solid #3B3B3B;
}

#hotspa #cont_seibun th {
	color: #000;
	border: 1px solid #3B3B3B;
	background: none;
	font-weight: normal;
	text-align: center;
}

#hotspa #cont_seibun th.bold{
	color: #000;
	border: 1px solid #3B3B3B;
	background: none;
	font-weight: bold;
}

#hotspa #cont_seibun td {
    color: #000;
	border: 1px solid #3B3B3B;
	background: none;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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