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

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


/* -----------------------------------------------------------
	各ページ専用指定 ※サイドメニュー部分は下部に記述
----------------------------------------------------------- */


/* h2
----------------------------------------------------------- */
#hotspa h2 {
	background:url(../hotspa/images/title.jpg) center no-repeat;
	height:132px;
	margin:0 auto;
	text-indent:-9999px;
}

#hotspa #main #bread_list{
	margin:0 0 0 0;
}


/* #hotspatop_box 温泉トップ部分
----------------------------------------------------------- */
#hotspa #hotspatop_box{
	border-bottom:solid 1px #D9D7D7;
	width:690px;
	padding:0 0 20px 0;
	margin:0 0 50px 0;
	overflow:hidden;
}

#hotspa #hotspatop_box #left_box01{
	float:left;
	border-right:dotted 1px #000;
	width:505px;
}

#hotspa #hotspatop_box #right_box01{
	float:right;
	width:160px;
	margin:130px 0 0 0;
}

#hotspa #hotspatop_box h3{
	background:url(../hotspa/images/st_hotspatop.gif);
	width:380px;
	height:65px;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#hotspa #hotspatop_box p#hotspatop_text01{
	width:450px;
	margin:0 0 20px 0;
}

#hotspa #hotspatop_box p.text_linebox{
	border:2px solid #DCDBDB;
	padding:5px 0 5px 10px;
	width:400px;
	margin:0 0 20px 0;
}


/* #enjoy_box 箱根強羅の源泉を掛け流しで楽しむ
----------------------------------------------------------- */
#hotspa #enjoy_box{
	border-bottom:solid 1px #D9D7D7;
	width:690px;
	padding:0 0 70px 0;
	margin:0 0 50px 0;
	overflow:hidden;
}

#hotspa #enjoy_box #left_box02{
	float:left;
	margin:0 0 40px 0;
}

#hotspa #enjoy_box #right_box02{
	float:right;
	width:200px;
	margin:0 0 40px 0;
}

#hotspa #enjoy_box h3{
	background:url(../hotspa/images/st_enjoy.gif);
	width:325px;
	height:20px;
	line-height:20px;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#hotspa #enjoy_box p#enjoy_text01{
	margin:0 30px 30px 25px;
}

#hotspa #enjoy_box h4{
	border-bottom:solid 1px #D9D7D7;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
}

#hotspa #enjoy_box #right_box02 img{
	margin:50px 0 0 40px;
}

#hotspa #enjoy_box #enjoy_box02{
	clear:both;
	background:url(../hotspa/images/img_enjoy02.jpg) no-repeat right top;
}

#hotspa #enjoy_box #enjoy_box02 h4{
	width:280px;
	padding:0 0 0 5px;
}

#hotspa #enjoy_box #enjoy_box02 p{
	width:280px;
}


/* #privatebath_box 箱根強羅の源泉を掛け流しで楽しむ
----------------------------------------------------------- */
#hotspa #privatebath_box{
	border-bottom:solid 1px #D9D7D7;
	width:690px;
	padding:0 0 70px 0;
	margin:0 0 50px 0;
	overflow:hidden;
}

#hotspa #privatebath_box div.left_box{
	float:left;
	width:280px;
}

#hotspa #privatebath_box div.right_box{
	float:right;
	width:375px;
}

#hotspa #privatebath_box h3{
	background:url(../hotspa/images/st_privatebath.gif) no-repeat;
	width:275px;
	height:20px;
	line-height:20px;
	text-indent:-9999px;
	margin:0 0 15px 0;
}

#hotspa #privatebath_box h4{
	border-bottom:solid 1px #D9D7D7;
	margin:40px 0 15px 0;
	padding:0 0 0 5px;
}

#hotspa #privatebath_box p.text_linebox{
	border:2px solid #DCDBDB;
	padding:5px 0 5px 10px;
	margin:20px 0 20px 0;
}


/* #open_box 半露天風呂付き客室
----------------------------------------------------------- */
#hotspa #open_box{
	border-bottom:solid 1px #D9D7D7;
	width:690px;
	padding:0 0 70px 0;
	margin:0 0 50px 0;
	overflow:hidden;
	clear:both;
}

#hotspa #open_box div.left_box{
	float:left;
	width:280px;
}

#hotspa #open_box div.right_box{
	float:right;
	width:375px;
}

#hotspa #open_box h3{
	background:url(../hotspa/images/st_open.gif) no-repeat;
	width:367px;
	height:20px;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#hotspa #open_box p{
	margin:0 0 15px 25px;
}

#hotspa #open_box h4{
	border-bottom:solid 1px #D9D7D7;
	margin:40px 0 15px 25px;
	padding:0 0 3px 5px;
	line-height:1.3em;
}

#hotspa #open_box p.text_linebox{
	border:2px solid #DCDBDB;
	padding:5px 0 5px 10px;
	margin:20px 0 20px 25px;
}


/* #benefits_box 温泉の効能
----------------------------------------------------------- */
#hotspa #benefits_box{
	width:690px;
	padding:0 0 70px 0;
	margin:0 0 50px 0;
	overflow:hidden;
	clear:both;
}

#hotspa #benefits_box h3{
	background:url(../hotspa/images/st_benefits.gif) no-repeat;
	width:119px;
	height:25px;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#hotspa #benefits_box table{
	clear:both;
	width:650px;
	border:1px solid #E3DFDF;
	margin:0 0 0 20px;
}

#hotspa #benefits_box th{
	width:100px;
	font-weight:normal;
	text-align:center;
	background:#F2F1E8;
}

#hotspa #benefits_box td{
	background:#F7F6EF;
	padding:7px 20px 7px 20px;
}










/* #sub 
----------------------------------------------------------- */
#hotspa #sub h3#subsidemenu_title{
	background:url(../hotspa/images/st_subsidemenu.gif);
}

#hotspa #sub ul#subsidemenu_list{
	background:url(../hotspa/images/bg_subsidemenu.gif);
	height:190px;
}


/* サイドメニュー部分 */
#hotspa #sub ul#subsidemenu_list li#list01{
	height:45px;
	line-height:45px;
}

#hotspa #sub ul#subsidemenu_list li#list02{
	height:33px;
	line-height:33px;
}

#hotspa #sub ul#subsidemenu_list li#list03{
	height:33px;
	line-height:33px;
}

#hotspa #sub ul#subsidemenu_list li#list04{
	height:33px;
	line-height:33px;
}

#hotspa #sub ul#subsidemenu_list li#list05{
	height:33px;
	line-height:33px;
}


#hotspa #sub ul#subsidemenu_list li#list01 a{height:43px;}
#hotspa #sub ul#subsidemenu_list li#list02 a{height:33px;}
#hotspa #sub ul#subsidemenu_list li#list03 a{height:33px;}
#hotspa #sub ul#subsidemenu_list li#list04 a{height:33px;}
#hotspa #sub ul#subsidemenu_list li#list05 a{height:33px;}

#hotspa #sub ul#subsidemenu_list li#list01 a:hover,
#hotspa #sub ul#subsidemenu_list li#list01 a#active{background:url(../hotspa/images/bg_subsidemenu_over.gif) 0px 0px;}
#hotspa #sub ul#subsidemenu_list li#list02 a:hover,
#hotspa #sub ul#subsidemenu_list li#list02 a#active{background:url(../hotspa/images/bg_subsidemenu_over.gif) 0px -45px;}
#hotspa #sub ul#subsidemenu_list li#list03 a:hover,
#hotspa #sub ul#subsidemenu_list li#list03 a#active{background:url(../hotspa/images/bg_subsidemenu_over.gif) 0px -78px;}
#hotspa #sub ul#subsidemenu_list li#list04 a:hover,
#hotspa #sub ul#subsidemenu_list li#list04 a#active{background:url(../hotspa/images/bg_subsidemenu_over.gif) 0px -111px;}
#hotspa #sub ul#subsidemenu_list li#list05 a:hover,
#hotspa #sub ul#subsidemenu_list li#list05 a#active{background:url(../hotspa/images/bg_subsidemenu_over.gif) 0px -144px;}





/*  */













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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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