@charset "utf-8";


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


CSS information





 file name  :hotspa.css


 author     :Ability Consultant


style info  :温泉ページ設定　ハックは最下部に記述


index(上から)


 1. index.html 指宿温泉


 2. genroku.html 元禄風呂


 3. roten.html 露天風呂


 4. sunamushi.html 砂むし温泉


 5. ganbanyoku.html 岩盤浴処ストーンエステ


 6. benefits.html 泉質・効能


 7. bihada.html 美肌の湯


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








/* -----------------------------------------------------------


	温泉共通


----------------------------------------------------------- */





/* タブナビゲーション(基本設定はcommon.css内)


----------------------------------------------------------- */


#hotspa div.contents_top ul.tb_hotspa {


	width: 672px;


	height: 38px;


	background: url(../hotspa/images/menu_hotspa.gif) no-repeat 0 0;


}





/* 温泉TOP */


#hotspa div.contents_top ul.tb_hotspa li.tb_spatop,


#hotspa div.contents_top ul.tb_hotspa li.tb_spatop a {


	width: 105px;


}





#hotspa div.contents_top ul.tb_hotspa li.tb_spatop a:hover,


#hotspa div.contents_top ul.tb_hotspa li.tb_spatop a.active {


	background: url(../hotspa/images/menu_hotspa.gif) no-repeat 0 -38px;


}





/* 元禄風呂 */


#hotspa div.contents_top ul.tb_hotspa li.tb_genroku,


#hotspa div.contents_top ul.tb_hotspa li.tb_genroku a {


	width: 105px;


}





#hotspa div.contents_top ul.tb_hotspa li.tb_genroku a:hover,


#hotspa div.contents_top ul.tb_hotspa li.tb_genroku a.active {


	background: url(../hotspa/images/menu_hotspa.gif) no-repeat -105px -38px;


}





/* 露天風呂 */


#hotspa div.contents_top ul.tb_hotspa li.tb_roten,


#hotspa div.contents_top ul.tb_hotspa li.tb_roten a {


	width: 100px;


}





#hotspa div.contents_top ul.tb_hotspa li.tb_roten a:hover,


#hotspa div.contents_top ul.tb_hotspa li.tb_roten a.active {


	background: url(../hotspa/images/menu_hotspa.gif) no-repeat -210px -38px;


}





/* 砂むし温泉 */


#hotspa div.contents_top ul.tb_hotspa li.tb_sunamushi,


#hotspa div.contents_top ul.tb_hotspa li.tb_sunamushi a {


	width: 113px;


}





#hotspa div.contents_top ul.tb_hotspa li.tb_sunamushi a:hover,


#hotspa div.contents_top ul.tb_hotspa li.tb_sunamushi a.active {


	background: url(../hotspa/images/menu_hotspa.gif) no-repeat -310px -38px;


}





/* 岩盤浴処ストーンエステ */


#hotspa div.contents_top ul.tb_hotspa li.tb_ganbanyoku,


#hotspa div.contents_top ul.tb_hotspa li.tb_ganbanyoku a {


	width: 160px;


}





#hotspa div.contents_top ul.tb_hotspa li.tb_ganbanyoku a:hover,


#hotspa div.contents_top ul.tb_hotspa li.tb_ganbanyoku a.active {


	background: url(../hotspa/images/menu_hotspa.gif) no-repeat -423px -38px;


}








/* 泉質・効能 */


#hotspa div.contents_top ul.tb_hotspa li.tb_benefits,


#hotspa div.contents_top ul.tb_hotspa li.tb_benefits a {


	width: 89px;


}





#hotspa div.contents_top ul.tb_hotspa li.tb_benefits a:hover,


#hotspa div.contents_top ul.tb_hotspa li.tb_benefits a.active {


	background: url(../hotspa/images/menu_hotspa.gif) no-repeat -583px -38px;


}














/* -----------------------------------------------------------


	index.html 温泉TOP


----------------------------------------------------------- */





/* 美肌の湯


----------------------------------------------------------- */


#hotspa div.bihada_con {


	width: 675px;


	margin: 0 0 30px 20px;


	background: url(../hotspa/images/bg_bihada.jpg) no-repeat right top;


	overflow: hidden;


}





#hotspa div.bihada_con h3 {


	width: 53px;


	float: left;


}





#hotspa div.bihada_con div.txt {


	width: 330px;


	padding: 0 0 0 20px;


	float: left;


}





#hotspa div.bihada_con div.txt p {


	margin: 0 0 20px 0;


}











/* 温泉メニュー


----------------------------------------------------------- */


#hotspa div.hotspalist_con {


	width: 695px;


	margin: 0 0 20px 0;


	padding: 20px 0;


	background: url(../hotspa/images/bg_hotspalist.gif) no-repeat 0 0;


}





#hotspa div.hotspalist_con div.hotspalist_top {


	width: 663px;


	margin: 0 0 20px 22px;


	overflow: hidden;


}





#hotspa div.hotspalist_con div.hotspalist_bottom {


	width: 446px;


	margin: 0 0 0 135px;


	overflow: hidden;


}





/* 共通部分 */


#hotspa div.hotspalist_con div.hotspalist {


	width: 209px;


	margin: 0 10px 0 0;


	padding: 35px 0 0 0;


	position: relative;


	float: left;


}





#hotspa div.hotspalist_con div.hotspalist p.icon_spa {


	position: absolute;


	top: 0;


	left: 78px;


}











/* 案内図


----------------------------------------------------------- */


#hotspa div.spainfo_con {


	width: 695px;


	height: 285px;


	margin: 0 0 40px 0;


	position: relative;


}





#hotspa div.spainfo_con h3 {


	width: 453px;


	height: 40px;


	position: absolute;


	top: 0;


	left: 0;


}











/* 脱衣所


----------------------------------------------------------- */


#hotspa div.changing_room_con {


	width: 695px;


	margin: 0 0 20px 0;


	overflow: hidden;


}





#hotspa div.changing_room_con div.txt {


	width: 224px;


	float: left;


}





#hotspa div.changing_room_con div.txt h3 {


	width: 224px;


	height: 40px;


	margin: 0 0 20px 0;


	background: url(../hotspa/images/st_changing_room.gif) no-repeat 0 0;


	text-indent: -9999px;


}





#hotspa div.changing_room_con div.txt p {


	margin: 0 0 20px 0;


}





#hotspa div.changing_room_con p.photo {


	float: right;


}











/* 泉質・効能


----------------------------------------------------------- */


#hotspa div.benefits_con {


	width: 695px;


	margin: 0 0 40px 0;


}





#hotspa div.benefits_con h3 {


	margin: 0 0 10px 0;


}





#hotspa div.benefits_con table {


	width: 693px;


}





#hotspa div.benefits_con table th {


	width: 20%;


}








/*美肌の湯ページは 7. bihada.html 美肌の湯にあります*/





/* -----------------------------------------------------------


	genroku.html 元禄風呂


----------------------------------------------------------- */





/* 元禄風呂


----------------------------------------------------------- */


#hotspa div.genroku_con {


	width: 695px;


	overflow: hidden;


}





#hotspa div.genroku_con p#genroku_photo {


	margin: 0 0 10px 0;


}





#hotspa div.genroku_con div.txt {


	width: 555px;


	float: left;


	overflow: hidden;


}





#hotspa div.genroku_con div.txt h3 {


	margin: 0 20px 0 0;


	float: left;


}





#hotspa div.genroku_con div.txt h4 {


	margin: 5px 0 20px 70px;


}





#hotspa div.genroku_con div.bt_con {


	width: 110px;


	float: right;


}








/* 浮世風呂・花魁風呂


----------------------------------------------------------- */


#hotspa div.ukiyo_con {


	width: 695px;


	margin: 0 0 40px 0;


	padding: 50px 0 0 0;


	background: url(../hotspa/images/genroku/bg_ukiyo.gif) no-repeat right top;


}





#hotspa div.ukiyo_con p.photo {


	float: left;


}





#hotspa div.ukiyo_con div.txt {


	overflow: hidden;


}





#hotspa div.ukiyo_con div.txt h3 {


	margin: 0 10px;


	float: left;


}





#hotspa div.ukiyo_con div.txt p {


	margin: 0 0 20px 0;


}








/* 江戸石榴風呂


----------------------------------------------------------- */


#hotspa div.zakuro_con {


	width: 695px;


	min-height: 222px;


	margin: 0 0 40px 0;


	position: relative;


}





#hotspa div.zakuro_con p.photo {


	position: absolute;


	top: 0;


	left: 0;


}





#hotspa div.zakuro_con div.txt {


	width: 364px;


	min-height: 194px;


	padding: 10px;


	background: url(../hotspa/images/genroku/bg_zakuro.gif) no-repeat left bottom #f7f7f7;


	border-top: 8px #e1e1e1 solid;


	position: absolute;


	top: 0;


	right: 0;


}





#hotspa div.zakuro_con div.txt h3 {


	margin: 0 10px 0 0;


	float: left;


}








/* 樽風呂


----------------------------------------------------------- */


#hotspa div.taru_con {


	width: 695px;


	margin: 0 0 40px 0;


	overflow: hidden;


}





#hotspa div.taru_con p.photo {


	padding: 0 25px 0 0;


	float: left;


}





#hotspa div.taru_con div.txt {


	overflow: hidden;


}





#hotspa div.taru_con div.txt h3 {


	margin: 0 0 20px 0;


}








/* 泡風呂


----------------------------------------------------------- */


#hotspa div.awa_con {


	width: 695px;


	margin: 0 0 40px 0;


	overflow: hidden;


}





#hotspa div.awa_con p.photo {


	padding: 0 25px 0 0;


	float: left;


}





#hotspa div.awa_con div.txt {


	overflow: hidden;


}





#hotspa div.awa_con div.txt h3 {


	margin: 0 0 20px 0;


}








/* 元禄風呂のご案内


----------------------------------------------------------- */


#hotspa div.genrokuinfo_con {


	width: 695px;


	margin: 0 0 40px 0;


}





#hotspa div.genrokuinfo_con h3 {


	width: 695px;


	height: 39px;


	margin: 0 0 10px 0;


	background: url(../hotspa/images/genroku/st_genrokuinfo.gif) no-repeat 0 0;


	text-indent: -9999px;


}





#hotspa div.genrokuinfo_con table {


	width: 693px;


}





#hotspa div.genrokuinfo_con table th {


	width: 20%;


}














/* -----------------------------------------------------------


	roten.html 露天風呂


----------------------------------------------------------- */





/* 露天風呂


----------------------------------------------------------- */


#hotspa div.roten_con {


	width: 695px;


	margin: 0 0 40px 0;


	overflow: hidden;


}





#hotspa div.roten_con p.photo {


	margin: 0 0 10px 0;


}





#hotspa div.roten_con h3 {


	margin: 0 10px 0 0;


	float: left;


}





#hotspa div.roten_con h4 {


	margin: 0 0 10px 65px;


}








/* うたせ湯


----------------------------------------------------------- */


#hotspa div.utase_con {


	width: 695px;


	min-height: 257px;


	margin: 0 0 40px 0;


	overflow: hidden;


}





#hotspa div.utase_con p.photo {


	float: left;


}





#hotspa div.utase_con div.txt {


	width: 395px;


	min-height: 257px;


	background: url(../hotspa/images/roten/bg_utase.gif) no-repeat right bottom;


	float: right;


}





#hotspa div.utase_con div.txt h3 {


	margin: 0 10px 0 0;


	float: left;


}





#hotspa div.utase_con div.txt p {


	margin: 0 0 10px 0;


}








/* 釜風呂


----------------------------------------------------------- */


#hotspa div.kamaburo_con {


	width: 695px;


	min-height: 254px;


	margin: 0 0 40px 0;


	background: url(../hotspa/images/roten/bg_kamaburo.jpg) no-repeat right bottom;


	overflow: hidden;


}





#hotspa div.kamaburo_con h3 {


	margin: 0 10px 0 0;


	float: left;


}





#hotspa div.kamaburo_con p {


	padding: 0 400px 0 0;


}














/* -----------------------------------------------------------


	sunamushi.html 砂むし温泉


----------------------------------------------------------- */





/* 砂むし温泉


----------------------------------------------------------- */


#hotspa div.sunamushi_con {


	width: 695px;


	margin: 0 0 40px 0;


}





#hotspa div.sunamushi_con div.txt {


	width: 695px;


	padding: 5px 0 0 0;


	background: url(../hotspa/images/sunamushi/bg_sunamushi.gif) no-repeat right top;


}





#hotspa div.sunamushi_con div.txt h3 {


	margin: 0 0 20px 0;


}





#hotspa div.sunamushi_con div.txt div.txt_bottom {


	width: 695px;


	margin: 30px 0 0 0;


	overflow: hidden;


}





#hotspa div.sunamushi_con div.txt div.txt_bottom p.photo {


	padding: 0 25px 0 0;


	float: left;


}





#hotspa div.sunamushi_con div.txt div.txt_bottom p.txt {


	overflow: hidden;


}








/* 砂むし風呂


----------------------------------------------------------- */


#hotspa div.sunamushi_spa_con {


	width: 640px;


	min-height: 400px;


	padding: 95px 0 0 055px;


	background: url(../hotspa/images/sunamushi/bg_sunamushi_about.jpg) no-repeat 0 0;


}





#hotspa div.sunamushi_spa_con h3 {


	margin: 0 0 10px 0;


}





#hotspa div.sunamushi_spa_con p {


	margin: 0 0 10px 0;


	padding: 0 270px 0 0;


}








/* こんな方におすすめ


----------------------------------------------------------- */


#hotspa div.sunamushi_osusume_con {


	width: 665px;


	margin: 0 auto 40px auto;


}





#hotspa div.sunamushi_osusume_con div.txt {


	width: 620px;


	padding: 15px;


	background-color: #e2e2e2;


	border: 8px #e7e7e7 solid;


}





#hotspa div.sunamushi_osusume_con div.txt p.ex {


	color: #7e445c;


}








/* 砂むし風呂の効果


----------------------------------------------------------- */


#hotspa div.effect_con {


	width: 695px;


	margin: 0 0 40px 0;


	overflow: hidden;


}





#hotspa div.effect_con p.photo {


	padding: 0 20px 0 0;


	float: left;


}





#hotspa div.effect_con div.txt {


	overflow: hidden;


}





#hotspa div.effect_con div.txt h3 {


	width: 401px;


	height: 37px;


	margin: 0 0 10px 0;


	background: url(../hotspa/images/sunamushi/st_effect.gif) no-repeat 0 0;


	text-indent: -9999px;


}








/* 砂むし風呂のご案内


----------------------------------------------------------- */


#hotspa div.sunamushi_info_con {


	width: 695px;


	margin: 0 0 40px 0;


}





#hotspa div.sunamushi_info_con h3 {


	margin: 0 0 10px 0;


}





#hotspa div.sunamushi_info_con table {


	width: 693px;


}





#hotspa div.sunamushi_info_con table th {


	width: 20%;


}














/* -----------------------------------------------------------


	ganbanyoku.html 岩盤浴処ストーンエステ


----------------------------------------------------------- */





/* 岩盤浴処ストーンエステ


----------------------------------------------------------- */


#hotspa div.ganbanyoku_con {


	width: 695px;


	margin: 0 0 40px 0;


	overflow: hidden;


}





#hotspa div.ganbanyoku_con p.photo {


	float: left;


}





#hotspa div.ganbanyoku_con div.txt {


	width: 260px;


	float: right;


}





#hotspa div.ganbanyoku_con div.txt h3 {


	margin: 0 0 10px 0;


}





#hotspa div.ganbanyoku_con div.txt h4 {


	margin: 0 0 10px 0;


	color: #7e445c;


}





#hotspa div.ganbanyoku_con div.txt p {


	margin: 0 0 20px 0;


}





#hotspa div.ganbanyoku_con div.txt table {


	width: 258px;


}





#hotspa div.ganbanyoku_con div.txt table th {


	width: 30%;


}








/* ポイント


----------------------------------------------------------- */


#hotspa div.ganbanyoku_point_con {


	width: 695px;


	margin: 0 0 40px 0;


	padding: 35px 0 70px 0;


	position: relative;


}





#hotspa div.ganbanyoku_point_con div.txt {


	width: 650px;


	padding: 15px;


	background-color: #e2e2e2;


	border: 8px #e7e7e7 solid;


}





#hotspa div.ganbanyoku_point_con div.txt ul {


	padding: 0 0 0 50px;


}





#hotspa div.ganbanyoku_point_con div.txt span {


	margin: 0 5px 0 0;


	font-weight: bold;


}





#hotspa div.ganbanyoku_point_con p.icon {


	position: absolute;


	top: 0;


	left: 10px;


}





#hotspa div.ganbanyoku_point_con p.photo {


	position: absolute;


	top: 40px;


	right: 0;


}














/* -----------------------------------------------------------


	benefits.html 泉質・効能


----------------------------------------------------------- */





/* 泉質・効能


----------------------------------------------------------- */


#hotspa div.benefits_main_con {


	width: 695px;


	margin: 0 0 40px 0;


	padding: 50px 0 0 0;


	background: url(../hotspa/images/bg_tabletop.gif) no-repeat right top;


}





#hotspa div.benefits_main_con table {


	width: 693px;


}





#hotspa div.benefits_main_con table th {


	width: 20%;


}








/* -----------------------------------------------------------


	bihada.html 美肌の湯


----------------------------------------------------------- */





/* 美肌の湯


----------------------------------------------------------- */


#hotspa div.bihada_text_con {


	width: 675px;


	margin: 0 0 30px 20px;


	overflow: hidden;


}





#hotspa div.bihada_text_con h3 {


	width: 289px;


	float: left;


}





#hotspa div.bihada_text_con p {


	margin: 0 0 20px 0;	


	float: right;	


}





/* 含んでる成分


----------------------------------------------------------- */


#hotspa .bihada_seibun_con {


	margin: 0 auto;


	text-align: center;





}





#hotspa .bihada_seibun_con p img{


	vertical-align: middle;





}





	


/* 効果説明


----------------------------------------------------------- */


#hotspa div.meta_con {


	width: 675px;


	padding: 0 0 0 20px;


}





/* いぶすきの秘密


----------------------------------------------------------- */


#hotspa div.ibusuki_con {


	width: 695px;


	min-height: 200px;


	margin: 0 0 25px 0;


	padding: 45px 0 0 0;


	background: url(../hotspa/images/bihada/img_bihada_ibusukii.jpg) center top no-repeat;


}





#hotspa div.ibusuki_con h3{


	width: 490px;


	height: 45px;


	margin: 0 0 0 133px;


}





#hotspa div.ibusuki_con p {


	width: 490px;


	margin: 0 0 0 130px;


	


}














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





	hack - 各種cssハック - for IE8





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


html>/**/body  {margin /*\**/: 0px\9;} 








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





	hack - 各種cssハック - for IE7





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


*:first-child+html {}








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





	hack - 各種cssハック - for IE6





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





/* index.html - 回り込み処理 */


* html #hotspa div.ukiyo_con div.txt {zoom: 1;}





/* genroku.html - 高さ調節 */


* html #hotspa div.zakuro_con {height: 222px;}


* html #hotspa div.zakuro_con div.txt {height: 194px;}





/* genroku.html - 回り込み処理 */


* html #hotspa div.ukiyo_con div.txt,


* html #hotspa div.taru_con div.txt,


* html #hotspa div.awa_con div.txt {zoom: 1;}





/* roten.html - 高さ調節 */


* html #hotspa div.utase_con {height: 257px;}


* html #hotspa div.kamaburo_con {height: 254px;}





/* sunamushi.html - 回り込み処理 */


* html #hotspa div.sunamushi_con div.txt div.txt_bottom p.txt,


* html #hotspa div.effect_con div.txt {zoom: 1;}





/* sunamushi.html - 高さ調節 */


* html #hotspa div.sunamushi_spa_con {height: 400px;}








/* いぶすきの秘密


----------------------------------------------------------- */


* html #hotspa div.ibusuki_con {


	height: 200px;


}