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

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

/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */

/* ヘッダスラッシュ */
#hotspring #header h2 {
	margin:0;
	padding:0;
	width:100%;
	height:248px;
	top:0;
	left:0;
	position:absolute;
	z-index:1;
	text-indent:0;
}


/*----------------------------------------------------
	
	#main	メイン	
	
----------------------------------------------------*/

/* -----------------------------------------------
	.sub_menu	 温泉サブメニュー	
-------------------------------------------------*/

/* ---- メニュー共通 -----*/
#hotspring #main ul#sub_menu {
	margin:0 0 50px;
	width:705px;
	height:32px;
	overflow:hidden;
	background: url(../hotspring/images/bg_sub_menu.gif) no-repeat left top;
}

#hotspring #main ul#sub_menu li {
	float:left;
}

#hotspring #main ul#sub_menu li a {
	display:block;
	height: 32px;
	text-indent: -9999px;
	outline: 0;
}

/* ---- サブメニュー個別 -----*/
#hotspring #main ul#sub_menu li#sub_kashi a {
	width: 200px;
}
#hotspring #main ul#sub_menu li#sub_kashi a:hover,
#hotspring #main ul#sub_menu li#sub_kashi a.active
 {
	background: url(../hotspring/images/bg_sub_menu.gif) no-repeat left -32px;
}

#hotspring #main ul#sub_menu li#sub_dai a {
	width: 200px;
}
#hotspring #main ul#sub_menu li#sub_dai a:hover,
#hotspring #main ul#sub_menu li#sub_dai a.active
 {
	background: url(../hotspring/images/bg_sub_menu.gif) no-repeat -200px -32px;
}

#hotspring #main ul#sub_menu li#sub_ishiwa a {
	width: 304px;
}
#hotspring #main ul#sub_menu li#sub_ishiwa a:hover,
#hotspring #main ul#sub_menu li#sub_ishiwa a.active
 {
	background: url(../hotspring/images/bg_sub_menu.gif) no-repeat -400px -32px;
}



/* -----------------------------------------------
	.cnt_main	
-------------------------------------------------*/

/* 	.cnt_intro　見出し		
-------------------------------------------------*/
#hotspring #main .cnt_main .cnt_intro {
	margin: -30px 0 20px;
}

#hotspring #main .cnt_main .cnt_intro h2 {
	float: right;
}

#hotspring #main .cnt_main .cnt_intro p {
	float: right;
	margin: 0 0 50px;
}

/* 	.cnt_box　各詳細枠		
-------------------------------------------------*/
#hotspring #main .cnt_main .cnt_box {
	clear: both;
	padding: 18px 0 18px;
	margin: 0 0 35px;
	background: url(../hotspring/images/bg_cnt_box.jpg) no-repeat;
	background-color: #EEF1F2;
	border: solid 1px #D9D9D9;
	overflow: hidden;
}

#hotspring #main .cnt_main .cnt_box h3 {
	text-indent: -9999px;
}

#hotspring #main .cnt_main .cnt_box .cnt_bleft {
	float: left;
	width: 315px;
}

#hotspring #main .cnt_main .cnt_box .cnt_bleft p {
	padding: 0 5px 15px 20px;
}

#hotspring #main .cnt_main .cnt_box .cnt_bleft h4 {
	margin: 0 0 3px 205px;
}

#hotspring #main .cnt_main .cnt_box .cnt_bright {
	float: right;
}

#hotspring #main .cnt_main .cnt_box .cnt_bright img {
	margin: 0 27px 0 0;
}

/* 貸切風呂　背景画像、ボタン */
#hotspring #main .cnt_main .bg_hot_kashi {
	background: url(../hotspring/images/bg_cnt_box_kashi.jpg) no-repeat;
	background-color: #EFF0F2;
}

#hotspring #main .cnt_main .bg_hot_kashi .cnt_bleft h4 {
	margin: 0 0 0 185px;
}

/* 大浴場　背景画像、ボタン */
#hotspring #main .cnt_main .bg_hot_dai .cnt_bleft {
	width: 260px;
}
#hotspring #main .cnt_main .bg_hot_dai {
	background: url(../hotspring/images/bg_cnt_box_dai.jpg) no-repeat;
	background-color: #EFF0F2;
}

#hotspring #main .cnt_main .bg_hot_dai .cnt_bleft h4 {
	margin: 0 0 20px 135px;
}


/* 	.cnt_box h3　各温泉　見出し		
-------------------------------------------------*/
#hotspring #main .cnt_main .cnt_box h3.tit_hot_kashi,
#hotspring #main .cnt_main .cnt_box h3.tit_hot_dai {
	width: 326px;
	height: 35px;
	margin: -3px 0 20px;
}

#hotspring #main .cnt_main .cnt_box h3.tit_hot_kashi {
	background: url(../hotspring/images/tit_hot_kashi.jpg) no-repeat;
}

#hotspring #main .cnt_main .cnt_box h3.tit_hot_dai {
	background: url(../hotspring/images/tit_hot_dai.jpg) no-repeat;
}


#hotspring #main .cnt_main .cnt_ishiwa_info {

}


/* 	.cnt_ishiwa_info　石和温泉について
-------------------------------------------------*/
#hotspring #main .cnt_main .cnt_ishiwa_info {
	border: solid 1px #D9D9D9;
	background: url(../hotspring/images/cnt_ishiwa_info.jpg) no-repeat #EFF1F2;
	margin: 0 0 20px;
	overflow: hidden;
}

#hotspring #main .cnt_main .cnt_ishiwa_info h3 {
	float: left;
	padding-left: 33px;
}

#hotspring #main .cnt_main .cnt_ishiwa_info p {
	margin: 15px 15px 15px 195px;
}

#hotspring #main .cnt_main .cnt_info_box {
	overflow: hidden;
}

#hotspring #main .cnt_main .cnt_info_box table {
	width: 460px;
	margin: 15px 40px 30px 0;
	float: left;
}

#hotspring #main .cnt_main .cnt_info_box table th,
#hotspring #main .cnt_main .cnt_info_box table td {
	padding: 5px 10px;
}

#hotspring #main .cnt_main .cnt_info_box table th {
	text-align: center;
	white-space: nowrap;
}

#hotspring #main .cnt_main .cnt_info_box img {
	margin: 0 0 40px;
}

/* 	.cnt_ishiwa_barrier　バリアフリーのご案内
-------------------------------------------------*/
#hotspring #main .cnt_main .cnt_ishiwa_barrier {
	border: solid 1px #D9D9D9;
	background: url(../hotspring/images/cnt_ishiwa_barrier.jpg) no-repeat #EFF1F2;
	overflow: hidden;
	clear: both;
}

#hotspring #main .cnt_main .cnt_ishiwa_barrier h3 {
	float: left;
	padding-left: 33px;
}

#hotspring #main .cnt_main .cnt_ishiwa_barrier .cnt_barrier_box {
	margin: 15px 15px 10px 195px;
}

#hotspring #main .cnt_main .cnt_ishiwa_barrier .cnt_barrier_box p {
	margin: 5px 0 10px;
}

#hotspring #main .cnt_main .cnt_ishiwa_barrier .cnt_barrier_box table {
	margin: 0 20px 10px;
}

#hotspring #main .cnt_main .cnt_ishiwa_barrier table th,
#hotspring #main .cnt_main .cnt_ishiwa_barrier table td {
	padding: 5px 10px;
}

#hotspring #main .cnt_main .cnt_ishiwa_barrier table th {
	text-align: center;
	white-space: nowrap;
}


/* 	.cnt_hottype　温泉タイプ雛形		
-------------------------------------------------*/
#hotspring #main .cnt_main .cnt_hottype {
	padding:0 0 30px 0;
	margin:0 0 20px 0;
	width:710px;
	overflow:hidden;
	background:url(../images/wideline.gif) 0 bottom no-repeat;
}

#hotspring #main .cnt_main .line_none {
	background: none;
}

#hotspring #main .cnt_main .cnt_hottype h3 {
	margin:0 0 40px 0;
}

#hotspring #main .cnt_main .cnt_hottype h4 {
	margin:0 0 8px 0;
}

#hotspring #main .cnt_main .cnt_hottype .cnt_img {
	width:710px;
	overflow:hidden;
}

#hotspring #main .cnt_main .cnt_hottype .cnt_img_sm {
	width:95px;
	float:right;
}

#hotspring #main .cnt_main .cnt_hottype .cnt_img_sm .txt_hot {
	margin:0 10px 7px 0;
	text-align:right;
}

/*  .menuimgs		画像切り替わるメニュー
----------------------------------------------------------- */

#hotspring .cnt_img_sm ul.menuimgs {
	margin:0;
	padding:0;
	width:84px;
	height:73px;
}

#hotspring .cnt_img_sm ul.menuimgs li {
	padding:0;
	width:84px;
	height:55px;
	text-indent:-9999px;
}

#hotspring .cnt_img_sm ul.menuimgs li a {
	width:84px;
	height:55px;
	display:block;
	overflow:hidden;
}

/*  貸切風呂　奥の葉万葉画像  */
#hotspring .cnt_img_sm ul#imgokunoha a {
	background-image:url(../hotspring/images/private/imgokunoha.jpg);
	background-repeat:no-repeat;
}

/*  貸切風呂　さくらの湯画像  */
#hotspring .cnt_img_sm ul#imgsakura a {
	background-image:url(../hotspring/images/private/imgsakura.jpg);
	background-repeat:no-repeat;
}

/*  大浴場　露天風呂  */
#hotspring .cnt_img_sm ul#imgroten a {
	background-image:url(../hotspring/images/bath/imgroten.jpg);
	background-repeat:no-repeat;
}

/*  大浴場　内風呂  */
#hotspring .cnt_img_sm ul#imguchi a {
	background-image:url(../hotspring/images/bath/imguchi.jpg);
	background-repeat:no-repeat;
}


#hotspring .cnt_img_sm ul.menuimgs li.img01 a {
	background-position:0 0;
}
#hotspring .cnt_img_sm ul.menuimgs li.img01 a:hover,
#hotspring .cnt_img_sm ul.menuimgs li.img01 a.selected {
	background-position:-84px 0;
}

#hotspring .cnt_img_sm ul.menuimgs li.img02 {
	margin:6px 0 0 0;
}
#hotspring .cnt_img_sm ul.menuimgs li.img02 a {
	background-position:0 -60px;
}
#hotspring .cnt_img_sm ul.menuimgs li.img02 a:hover,
#hotspring .cnt_img_sm ul.menuimgs li.img02 a.selected {
	background-position:-84px -60px;
}

#hotspring .cnt_img_sm ul.menuimgs li.img03 {
	margin:6px 0 0 0;
}
#hotspring .cnt_img_sm ul.menuimgs li.img03 a {
	background-position:0 -119px;
}
#hotspring .cnt_img_sm ul.menuimgs li.img03 a:hover,
#hotspring .cnt_img_sm ul.menuimgs li.img03 a.selected {
	background-position:-84px -119px;
}


/* 	.cnt_hotbox　各メイン画像下の説明部分		
-------------------------------------------------*/
/*  貸切風呂　奥の葉万葉テキスト  */
#hotspring .cnt_hottype .cnt_okunoha {
	margin: 5px 0 0;
	background: url(../hotspring/images/private/bg_okunoha.jpg) no-repeat left top;
	padding: 10px 0 0 155px;
}

#hotspring .cnt_hottype .cnt_okunoha p {
	padding: 0 10px 10px;
}

/*  貸切風呂　さくらの湯テキスト  */
#hotspring .cnt_hottype .cnt_sakura {
	margin: 5px 0 0;
	background: url(../hotspring/images/private/bg_sakura.jpg) no-repeat left 15px;
	padding: 10px 0 30px 155px;
}

#hotspring .cnt_hottype .cnt_sakura p {
	padding: 0 10px 10px;
}

#hotspring .cnt_hottype .cnt_sakura p span {
	display: block;
	padding: 0 0 0 100px;
}

/*  大浴場　露天風呂  */
#hotspring .cnt_hottype .cnt_roten {
	margin: 5px 0 0;
	background: url(../hotspring/images/bath/bg_roten.jpg) no-repeat left 15px;
	padding: 10px 0 30px 155px;
}

#hotspring .cnt_hottype .cnt_roten p {
	padding: 0 10px 10px;
}

/*  大浴場　内風呂  */
#hotspring .cnt_hottype .cnt_uchi {
	margin: 5px 0 0;
	background: url(../hotspring/images/bath/bg_uchi.jpg) no-repeat left 15px;
	padding: 10px 0 0 155px;
}

#hotspring .cnt_hottype .cnt_uchi p {
	padding: 0 10px 10px;
}


/* 	.cnt_other　その他設備のご案内		
-------------------------------------------------*/
#hotspring .cnt_other {
	width: 703px;
	border: solid 1px #D9D9D9;
	background: url(../images/bg_cnt.jpg) repeat-y;
	overflow: hidden;
	padding: 0 0 20px;
	margin: 0 0 15px;
}

#hotspring .cnt_other h4 {
	margin: 20px 0 15px;
}

#hotspring .cnt_other .cnt_other_l {
	float: left;
	width: 336px;
	margin: 0 0 0 11px;
}

#hotspring .cnt_other .cnt_other_l p,
#hotspring .cnt_other .cnt_other_r p {
	margin: 0 0 10px;
}

#hotspring .cnt_other .cnt_other_r {
	float: right;
	width: 335px;
	margin: 0 11px 0 0;
}


/* 	.cnt_link_bt　ページ下部のリンクボタン		
-------------------------------------------------*/
#hotspring .cnt_link_bt {
	text-align: right;
	margin: 0 10px 80px;
}

#hotspring .cnt_link_bt p {
	display: inline;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
/* IE6で背景画像を表示する */
#hotspring #main .cnt_main .cnt_box { zoom: 1; }

/* 	.cnt_other　その他設備のご案内 */		
* html #hotspring .cnt_other .cnt_other_l {	margin: 0 7px 0 7px; }