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

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


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/*-----------------------------------------------
	#header
	　ヘッダー
-------------------------------------------------*/
#roten #header h3{
	background: url(../roten/images/tl_page.png) no-repeat left top;
}

#roten #header .top_image{
	background: url(../roten/images/top_image.jpg) no-repeat center top;
}

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

/* .tabmenu
--------------------------------------*/
#roten #main .tabmenu ul{
	background: url(../roten/images/btn_tabmenu.gif) no-repeat left top;
	width: 690px;
	height: 47px;
	margin-bottom: 22px;
}

#roten #main .tabmenu ul li{
	float: left;
}

#roten #main .tabmenu ul li a{
	display: block;
	width: 138px;
	height: 47px;
	text-indent: -9999px;
	font-size: 0;
}

/*
	hover 
*/
#roten #main .tabmenu ul li a:hover{
	background: url(../roten/images/btn_tabmenu.gif);
}

#roten #main .tabmenu ul li.li_01 a:hover{
	background-position: 0 -47px;
}

#roten #main .tabmenu ul li.li_02 a:hover{
	background-position: -138px -47px;
}

#roten #main .tabmenu ul li.li_03 a:hover{
	background-position: -276px -47px;
}

#roten #main .tabmenu ul li.li_04 a:hover{
	background-position: -414px -47px;
}

#roten #main .tabmenu ul li.li_05 a:hover{
	background-position: -552px -47px;
}

/* 本物の温泉 */
#roten .index #main .tabmenu ul li.li_01 a{
	background: url(../roten/images/btn_tabmenu.gif) 0 -47px;
}

/* 清左衛門の湯 */
#roten .seisaemon #main .tabmenu ul li.li_02 a{
	background: url(../roten/images/btn_tabmenu.gif) -138px -47px;
}

/* 当館のシステム */
#roten .system #main .tabmenu ul li.li_03 a{
	background: url(../roten/images/btn_tabmenu.gif) -276px -47px;
}

/* 温泉分析と効能 */
#roten .element #main .tabmenu ul li.li_04 a{
	background: url(../roten/images/btn_tabmenu.gif) -414px -47px;
}

/* 入り方 */
#roten .howto #main .tabmenu ul li.li_05 a{
	background: url(../roten/images/btn_tabmenu.gif) -552px -47px;
}

/* .index .intro
--------------------------------------*/
#roten .index #main .intro{
	background: url(../roten/images/index/bg_intro.gif) no-repeat left 349px;
}

#roten .index #main .intro h4{
	background: url(../roten/images/index/tl_page_sub.gif) no-repeat left top;
	height: 69px;
	text-indent: -9999px;
	font-size: 0;
}

#roten .index #main .intro .flash{
	width: 100%;
	height: 351px;
	margin-bottom: 30px;
}

#roten .index #main .intro .imgs{
	margin: 20px 0 0 0;
}

#roten #main .color_pink{
	color: #B78D8D;
}

#roten .index #main .intro .imgs .txt01{
	float: left;
	width: 320px;
}

#roten .index #main .intro .imgs .img01{
	float: right;
	margin-bottom: -65px;
	position: relative;
}

#roten .index #main .intro .imgs .img03{
	float: left;
	margin: -52px 0 24px 0;
	position: relative;
	display: inline;
}

#roten .index #main .intro .imgs .txt02{
	float: right;
	width: 390px;
	margin-top: 25px;
}

#roten .index #main .intro .flow{
	clear: both;
	margin-bottom: 22px;
	width: 690px;
	height: 200px;
}

#roten .index #main .intro .btns{
	margin-top: 20px;
}

#roten .index #main .pagetop{
	position: relative;
	top: -35px;
}

/* .hygiene
------------------------------------*/
#roten .index #main .hygiene{
	margin-top: 15px;
}

#roten .index #main .hygiene h5{
	background: url(../roten/images/index/tl_hygiene.gif) no-repeat left top;
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
	margin-bottom: 20px;
}

/* .seisaemon .intro
---------------------------------------------*/
#roten .seisaemon #main .intro .left{
	float: left;
	width: 255px;
	margin-top: 10px;
}

#roten .seisaemon #main .intro .left h4{
	background: url(../roten/images/seisaemon/tl_page_sub.gif) no-repeat left top;
	height: 163px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 15px;
}

#roten .seisaemon #main .intro .right{
	float: right;
	width: 420px;
	background: url(../roten/images/seisaemon/bg_intro.gif) no-repeat right bottom;
	padding-bottom: 65px;
}

#roten .seisaemon #main .intro .right p.txt{
	width: 360px;
	margin: 18px auto 0 auto;
}

#roten .seisaemon #main .pagetop{
	clear: both;
}

/* .ataminanayu
-----------------------------------------*/
#roten .seisaemon #main .ataminanayu{
	margin-top: 25px;
}

#roten .seisaemon #main .ataminanayu h5{
	background: url(../roten/images/seisaemon/tl_atami_nanayu.gif) no-repeat left top;
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
}

#roten .seisaemon #main .ataminanayu .content{
	background: url(../roten/images/seisaemon/bg_content.gif) no-repeat left bottom;
	margin-top: 20px;
	padding-bottom: 17px;
	overflow: hidden;
	clear: both;
}

#roten .seisaemon #main .ataminanayu .content h6{
	text-indent: -9999px;
	font-size: 0;
	height: 47px;
	margin-bottom: 16px;
}

#roten .seisaemon #main .ataminanayu .content .area{
	width: 640px;
	margin: 0 auto;
}

#roten .seisaemon #main .ataminanayu .content .img{
	float: left;
}

#roten .seisaemon #main .ataminanayu .content .txt{
	float: right;
	width: 370px;
}

/* 清左衛門の湯 */
#roten .seisaemon #main .ataminanayu .seisaemon_yu h6{
	background: url(../roten/images/seisaemon/tl_seisaemon.gif) no-repeat left top;
}

/* 河原の湯 */
#roten .seisaemon #main .ataminanayu .kawahara_yu h6{
	background: url(../roten/images/seisaemon/tl_kawahara.gif) no-repeat left top;
}


/* 佐治郎の湯（目の湯） */
#roten .seisaemon #main .ataminanayu .sajirou_yu h6{
	background: url(../roten/images/seisaemon/tl_sajirou.gif) no-repeat left top;
}


/* 大湯 */
#roten .seisaemon #main .ataminanayu .ooyu h6{
	background: url(../roten/images/seisaemon/tl_ooyu.gif) no-repeat left top;
}


/* 小沢の湯（平左衛門の湯） */
#roten .seisaemon #main .ataminanayu .ozawa_yu h6{
	background: url(../roten/images/seisaemon/tl_ozawa.gif) no-repeat left top;
}


/* 野中の湯 */
#roten .seisaemon #main .ataminanayu .nonaka_yu h6{
	background: url(../roten/images/seisaemon/tl_nonaka.gif) no-repeat left top;
}

/* .system .intro
---------------------------------------------*/
#roten .system #main .intro h4{
	background: url(../roten/images/system/tl_page_sub.gif) no-repeat left top;
	height: 47px;
	text-indent: -9999px;
	font-size: 0;
}

#roten .system #main .intro p{
	margin: 19px 0 30px 0;
}

#roten .system #main .intro ul li{
	margin-bottom: 10px;
	padding: 0 0 2px 29px;
}

#roten .system #main .intro ul li.li_01{
	background: url(../roten/images/system/icn01.gif) no-repeat left top;
}

#roten .system #main .intro ul li.li_02{
	background: url(../roten/images/system/icn02.gif) no-repeat left top;
}

#roten .system #main .intro ul li.li_03{
	background: url(../roten/images/system/icn03.gif) no-repeat left top;
}

#roten .system #main .intro ul li.li_04{
	background: url(../roten/images/system/icn04.gif) no-repeat left top;
}

#roten .system #main .intro ul li.li_05{
	background: url(../roten/images/system/icn05.gif) no-repeat left top;
}

#roten .system #main .intro ul li.li_06{
	background: url(../roten/images/system/icn06.gif) no-repeat left top;
}

#roten .system #main .intro ul li.li_07{
	background: url(../roten/images/system/icn07.gif) no-repeat left top;
}

/* .service
----------------------------------------------*/
#roten .system #main .service{
	margin-top: 30px;
}

#roten .system #main .service h5{
	background: url(../roten/images/system/tl_service.gif) no-repeat left top;
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
	margin-bottom: 20px;
}

#roten .system #main .service ul li{
	background: url(../roten/images/system/icn_flower.gif) no-repeat left 2px;
	padding: 0 0 0 29px;
	margin-bottom: 15px;
	list-style-position: outside;
}

/* .for_use .intro
-------------------------------------------*/
#roten .for_use #main .intro h4{
	background: url(../roten/images/for_use/tl_page_sub.gif) no-repeat left top;
	height: 49px;
	text-indent: -9999px;
	font-size: 0;
}

#roten .for_use #main .intro table{
	margin: 18px 0;
	border: 1px solid #5C5C5C;
}

#roten .for_use #main .intro table th,
#roten .for_use #main .intro table td{
	border: 1px solid #999;
	padding: 10px;
}

#roten .for_use #main .intro table th{
	width: 145px;
}

#roten .for_use #main .intro table td.attention{
	background: #666;
	color: #fff;
	font-weight: bold;
}

#roten .for_use #main h5{
	text-indent: -9999px;
	font-size: 0;
	width: 695px;
	height: 40px;
	position: relative;
	left: -5px;
}

#roten .for_use #main h6{
	text-indent: -9999px;
	font-size: 0;
	height: 19px;
	margin-bottom: 20px;
}

#roten .for_use #main p.title{
	background: url(../roten/images/for_use/icn_flower.gif) no-repeat left 3px;
	padding-left: 24px;
	font-size: 120%;
	font-weight: bold;
}

/* .syndrome
--------------------------------------------*/
#roten .for_use #main .syndrome{
	margin-top: 58px;
}

#roten .for_use #main .syndrome h5{
	background: url(../roten/images/for_use/tl_syndrome.gif) no-repeat left top;
}

#roten .for_use #main .syndrome p{
	margin: 0 0 20px 20px;
}

#roten .for_use #main .syndrome p.txt{
	margin: 20px 0 25px 0;
}

/*
	taboo
*/
#roten .for_use #main .syndrome .taboo h6{
	background: url(../roten/images/for_use/tl_taboo.gif) no-repeat left top;
}

/*
	ajusst
*/
#roten .for_use #main .syndrome .ajust h6{
	background: url(../roten/images/for_use/tl_ajust.gif) no-repeat left top;
}

/* .notes
---------------------------------------------------*/
#roten .for_use #main .notes{
	margin-top: 30px;
}

#roten .for_use #main .notes h5{
	background: url(../roten/images/for_use/tl_notes.gif) no-repeat left top;
}

#roten .for_use #main .notes p.txt{
	margin: 20px 0 25px 0;
}

#roten .for_use #main .notes p.title{
	margin-bottom: 20px;
}

#roten .for_use #main .notes ul{
	margin-left: 20px;
}

#roten .for_use #main .notes ul li{
	list-style: disc inside;
	margin-bottom: 15px;
}

/*
	drink
*/
#roten .for_use #main .notes .drink h6{
	background: url(../roten/images/for_use/tl_drink.gif) no-repeat left top;
}

#roten .for_use #main .notes .drink p{
	margin-left: 20px;
}

/* .element h4
------------------------------------------------*/
#roten .element #main h4{
	background: url(../roten/images/element/tl_page_sub.gif) no-repeat left top;
	height: 46px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 30px;
}

/* .content
------------------------------------------------*/
#roten .element #main .content{
	background: url(../roten/images/element/bg_content_bottom.gif) no-repeat left bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#roten .element #main .content h5{
	text-indent: -9999px;
	font-size: 0;
	height: 47px;
	margin-bottom: 15px;
}

#roten .element #main .content p,
#roten .element #main .content table{
	width: 660px;
	margin: 0 auto;
}

#roten .element #main .content table{
	margin-bottom: 35px;
	border: 1px solid #5C5C5C;
}

#roten .element #main .content table th{
	border: 1px solid #999;
	background: #333;
}

#roten .element #main .content table th.midashi{
	background: #666;
}

#roten .element #main .content table td{
	border: 1px solid #999;
	text-align: center;
}

#roten .element #main .content table.last_table{
	margin-bottom: 0;
}

/*
	申請者
*/
#roten .element #main .applicant h5{
	background: url(../roten/images/element/tl_applicant.gif) no-repeat left top;
}

/*
	泉名及び湧出地
*/
#roten .element #main .spaname h5{
	background: url(../roten/images/element/tl_spaname.gif) no-repeat left top;
}

/*
	湧出地における調査及び試晩成績
*/
#roten .element #main .area_exam h5{
	background: url(../roten/images/element/tl_spaname.gif) no-repeat left top;
}

/*
	試験室における調査
*/
#roten .element #main .room_exam h5{
	background: url(../roten/images/element/tl_room_exam.gif) no-repeat left top;
}

/*
	試料1kg中の成分、分量及び組成
*/
#roten .element #main .element_c h5{
	background: url(../roten/images/element/tl_element.gif) no-repeat left top;
}

/*
	泉質
*/
#roten .element #main .spa_quality h5{
	background: url(../roten/images/element/tl_spa_quality.gif) no-repeat left top;
}

/*
	禁忌症、適応症等は別表による
*/
#roten .element #main .syndrome h5 a{
	background: url(../roten/images/element/tl_syndrome.gif) no-repeat left top;
	display: block;
	width: 690px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
}

/* .howto .intro
----------------------------------------------*/
#roten .howto #main .intro{
	overflow: hidden;
}

#roten .howto #main .intro h4{
	background: url(../roten/images/howto/tl_page_sub.gif) no-repeat left top;
	height: 46px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 17px;
}

#roten .howto #main .intro .left{
	width: 313px;
	float: left;
	background: url(../roten/images/howto/bg_question.gif) no-repeat right bottom;
	padding-bottom: 20px;
}

#roten .howto #main .intro .left ul li{
	background: url(../roten/images/howto/icn_question.gif) no-repeat left top;
	padding: 4px 0 7px 45px;
	margin-bottom: 15px;
}

#roten .howto #main .intro .right{
	width: 340px;
	float: right;
}

#roten .howto #main .intro .right .content{
	background: url(../roten/images/howto/bg_content_bottom.gif) no-repeat left bottom;
	padding-bottom: 16px;
}

#roten .howto #main .intro .right .content h5{
	background: url(../roten/images/howto/bg_content_top.gif) no-repeat left top;
	padding: 16px 16px 0 16px;
}

#roten .howto #main .intro .right .content h5 a{
	background: url(../roten/images/howto/icn_flower.gif) no-repeat left top;
	padding-left: 24px;
	font-weight: bold;
}

#roten .howto #main .intro .right .content p{
	margin: 16px 16px 0 16px;
}

#roten .howto #main .intro .right .lnk{
	margin: 20px 0 15px 0;
}

#roten .howto #main .pagetop{
	clear: both;
	margin: 20px 0 30px 0;
}

/* 共通部分
---------------------------------------------*/
#roten .howto #main h6{
	text-indent: -9999px;
	font-size: 0;
	height: 18px;
	margin-bottom: 19px;
}

#roten .howto #main dl{
	margin-left: 20px;
}

#roten .howto #main dl dt{
	background: url(../roten/images/howto/icn_flower.gif) no-repeat left 2px;
	padding: 0 0 0 25px;
	font-weight: bold;
	margin-bottom: 20px;
}

#roten .howto #main dl dd{
	margin-bottom: 20px;
}

/* .effect
----------------------------------------------*/
#roten .howto #main .effect h5{
	background: url(../roten/images/howto/tl_why_well.gif) no-repeat left top;
	height: 40px;
	width: 695px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
	margin-bottom: 20px;
}

#roten .howto #main .effect h6{
	background: url(../roten/images/howto/tl_effect.gif) no-repeat left top;
}

#roten .howto #main .effect dl.inner_dl{
	margin-left: 0;
}

#roten .howto #main .effect dl.inner_dl dt{
	padding: 2px 0 6px 35px;
	margin-bottom: 15px;
}

#roten .howto #main .effect dl.inner_dl dt.dt_01{
	background: url(../roten/images/howto/icn_01.gif) no-repeat left top;
}

#roten .howto #main .effect dl.inner_dl dt.dt_02{
	background: url(../roten/images/howto/icn_02.gif) no-repeat left top;
}

#roten .howto #main .effect dl.inner_dl dt.dt_03{
	background: url(../roten/images/howto/icn_03.gif) no-repeat left top;
}

/*	.howto_c
------------------------------------------------*/
#roten .howto #main .howto_c h5{
	background: url(../roten/images/howto/tl_howto_use.gif) no-repeat left top;
	height: 40px;
	width: 695px;
	font-size: 0;
	text-indent: -9999px;
	position: relative;
	left: -5px;
	margin-bottom: 20px;
}

#roten .howto #main .howto_c h6{
	background: url(../roten/images/howto/tl_way.gif) no-repeat left top;
}

/*	.what_effect
--------------------------------------------------*/
#roten .howto #main .what_effect h5{
	background: url(../roten/images/howto/tl_what_effect.gif) no-repeat left top;
	height: 40px;
	width: 695px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
	margin-bottom: 20px;
}

#roten .howto #main .what_effect p{
	margin: 0 0 20px 20px;
}

/* 肥満・糖尿病 */
#roten .howto #main .what_effect .obesity h6{
	background: url(../roten/images/howto/tl_obesity.gif) no-repeat left top;
}

/* 骨・筋、関節の病気 */
#roten .howto #main .what_effect .born h6{
	background: url(../roten/images/howto/tl_born.gif) no-repeat left top;
}

/* 胃腸の病気 */
#roten .howto #main .what_effect .stomach h6{
	background: url(../roten/images/howto/tl_stomach.gif) no-repeat left top;
}

/* 喘息など呼吸器の病気 */
#roten .howto #main .what_effect .asthma h6{
	background: url(../roten/images/howto/tl_asthma.gif) no-repeat left top;
}

/* 皮膚の病気 */
#roten .howto #main .what_effect .skin h6{
	background: url(../roten/images/howto/tl_skin.gif) no-repeat left top;
}

/* 高血圧 */
#roten .howto #main .what_effect .high_blood_pressure h6{
	background: url(../roten/images/howto/tl_high_blood_pressure.gif) no-repeat left top;
}

/* 心臓の病気 */
#roten .howto #main .what_effect .heart h6{
	background: url(../roten/images/howto/tl_heart.gif) no-repeat left top;
}

#roten .howto #main .what_effect .heart ul li{
	list-style: disc inside;
}

/* 病後の回復 */
#roten .howto #main .what_effect .recovery h6{
	background: url(../roten/images/howto/tl_recovery.gif) no-repeat left top;
}

/* 不妊と温泉 */
#roten .howto #main .what_effect .infertility h6{
	background: url(../roten/images/howto/tl_infertility.gif) no-repeat left top;
}

/* ストレスと温泉 */
#roten .howto #main .what_effect .stress h6{
	background: url(../roten/images/howto/tl_stress.gif) no-repeat left top;
}

/* .document
-------------------------------------------------*/
#roten .howto #main .document h5{
	background: url(../roten/images/howto/tl_document.gif) no-repeat left top;
	height: 40px;
	width: 695px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
	margin-bottom: 20px;
}

#roten .howto #main .document p{
	margin-bottom: 25px;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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