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

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


/*----------------------------------------------------
	各ページ専用指定
----------------------------------------------------*/
#spa #header_wrap h2 {
	background: url(../spa/images/title.jpg) no-repeat center;
}

/* ココロとカラダの癒し時間お風呂のご案内
----------------------------------------------------*/
#spa #main .m_spa,
#spa #main .m_s_con{
	width:755px;
	overflow:hidden;
}


/*切り替えボタン 
----------------------------------------------------*/
#spa .img_display,
#spa .img_display2{
	width:666px;
	float:left;
	overflow:hidden;
}

#spa .img_display{
	background:url(../spa/images/bg_bten.gif) top left no-repeat;
}

#spa .img_display2{
	background:url(../spa/images/bg_bten2.gif) top left no-repeat;
}

#spa .box_ten{
	width:85px;
	overflow:hidden;
}

#spa ul.ul_ten{
	width:61px;
	margin:0 auto;
	overflow:hidden;
}

#spa ul.ul_ten li{
	width:61px;
	overflow:hidden;
}

#spa ul.ul_ten li img{
	width:50px;
	padding:4px 0 0 5px;
	overflow:hidden;
}

#spa ul.ul_ten li a{
	width:61px;
	height:58px;
	background:url(../spa/images/bg_sten.gif) top no-repeat;
	float:left;
    overflow:hidden;
}

#spa ul.ul_ten li a:hover,
#spa ul.ul_ten li .active{
	background:url(../spa/images/bg_sten_on.gif) top no-repeat;
}

/*貸切半露天風呂*//*IEの場合JSがうまくいかないので、ちょっと仕様が変更した*/
#spa ul.bt_ryouri2 li.bg_sten_t2 a,
#spa ul.bt_ryouri2 li.bg_sten_t1 a{
	width:61px;
	height:59px;
	overflow:hidden;
	float:left;
}

#spa ul.bt_ryouri2 li.bg_spa_t1 a{
	background:url(../spa/images/img_spa_skasi01.jpg) top no-repeat;
}

#spa ul.bt_ryouri2 li.bg_spa_t1 a:hover,
#spa ul.bt_ryouri2 li.bg_spa_t1 .active{
	background:url(../spa/images/img_spa_skasi01on.jpg) top no-repeat;
}

#spa ul.bt_ryouri2 li.bg_spa_t2 a{
	background:url(../spa/images/img_spa_skasi02.jpg) top no-repeat;
}

#spa ul.bt_ryouri2 li.bg_spa_t2 a:hover,
#spa ul.bt_ryouri2 li.bg_spa_t2 .active{
	background:url(../spa/images/img_spa_skasi02on.jpg) top no-repeat;
}

/*テキスト部分*/
#spa .m_s_con .txt_m_spa{
	width:715px;
	float:left;
	padding:30px 0 36px 8px;
}

/*宿泊プラン一覧btn*/
#spa #main .m_spa .btn_plan,
#spa #main .m_spa .btn_plan a{
	width:215px;
	height:40px;
	overflow:hidden;
	float:right;
}

#spa #main .m_spa .btn_plan a:hover{
	text-indent:-9999px;
	background:url(../spa/images/btn_best_plan_on.gif) top left no-repeat;
}

/*dotline*/
#spa .ic_line{
	width:755px;
	height:1px;
	background:url(../spa/images/ic_spa_line.gif) center left repeat-x;
	padding:66px 0 43px 0;
}

/*快適で気持ちよく過ごす為の設備・アメニティのご案内*/
#spa .m_s_setubi{
	width:755px;
	text-align:center;
	overflow:hidden;
}

#spa .m_s_setubi h3{
	padding-bottom:25px;
}

#spa .m_s_setubi .m_table{
	width:700px;
	margin:12px auto;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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