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

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

/* 下記調整
----------------------------------------------------*/
#header {
	background: url(../images/bg_box_gnav.gif) no-repeat center 212px;
}

/*下層ページ再指定（commonにwidth違いでトップページ用のものが記述）*/
#main {
float:left;
padding:20px 0 0;
width:950px;
}

/*サイドバナー類*/


#con_serch,
#side p{
	margin-bottom:10px;
}

#bn_arashi{
	padding-top:20px;
}

#side{
	float:right;
	width:200px;
	margin-bottom:20px;
	padding:0 0 0 20px;
}

#homepage #main {
	width: 950px;
	margin: 0 auto 20px auto;
	padding: 40px 0 0 0;
	float: none;
	overflow: hidden;
	background: url(../images/bg_menu.jpg) center top no-repeat #FAF4ED; 
}

#con_main{
	width:720px;
	padding-left:8px;
	height:auto;
	float:left;
}

/*----------------------------------------------------
	共通 
----------------------------------------------------*/

/* 画像切替サムネイル */
#spa .con_bt li {
	margin: 0 0 10px 0;
}

#spa .con_bt li img {
	vertical-align: bottom;
}

#spa .con_bt li a img {
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
	-ms-filter:"alpha(opacity=40)";
	opacity: 0.40;
}

#spa .con_bt li a.active img,
#spa .con_bt li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-ms-filter:"alpha(opacity=100)";
	opacity: 1.00;
}



/*----------------------------------------------------
	index.php  
----------------------------------------------------*/

/* con_catch キャッチ
----------------------------------------------------*/
#spa .con_catch {
	width: 690px;
	margin: 0 0 60px 0;
}

#spa .con_catch h2 {
	margin: 0 0 30px 0;
}

/* box_catch  キャッチテキスト
-----------------------------------------------*/
#spa .con_catch .box_catch {
	width: 690px;
	margin: 5px 0 0 0;
	overflow: hidden;
}

#spa .con_catch .box_catch .txt {
	width: 395px;
	padding: 105px 0 0 0;
	background: url(../hotspa/images/st_yakusekiyoku.gif) no-repeat 0 0;
	float: left;
}

#spa .con_catch .box_catch .txt h3,
#spa .con_catch .box_catch .txt p {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
}

#spa .con_catch .box_catch .photo {
	width: 259px;
	padding: 115px 0 0 0;
	float: right;
}

/* box_structure  構造
-----------------------------------------------*/
#spa .con_catch .box_structure {
	width: 690px;
	margin: 0 0 5px 0;
	padding: 20px 0 0 0;
	position: relative;
}

#spa .con_catch .box_structure h3 {
	margin: 0 0 10px 0;
	position: absolute;
	top: 0;
	left: 22px;
}

#spa .con_catch .box_structure .box_about {
	width: 648px;
	padding: 30px 20px 20px 20px;
	border: 1px #ddd4bd solid;
	overflow: hidden;
}

#spa .con_catch .box_structure .photo {
	width: 141px;
	float: left;
}

#spa .con_catch .box_structure .txt {
	width: 485px;
	float: right;
}

/* box_effect  構造
-----------------------------------------------*/
#spa .con_catch .box_effect {
	width: 650px;
	padding: 20px;
	background-color: #f4e9d3;
	overflow: hidden;
}

#spa .con_catch .box_effect .txt {
	width: 635px;
	float: left;
}

#spa .con_catch .box_effect .photo {
	width: 96px;
	float: right;
}


/* #daiyokujyo 大浴場
----------------------------------------------------*/
#spa #daiyokujyo {
	width: 690px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

#spa #daiyokujyo h3 {
	margin: 0 0 20px 0;
}

#spa #daiyokujyo .photo {
	width: 520px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	float: left;
}

#spa #daiyokujyo .con_bt {
	width: 60px;
	padding: 0 55px 0 0;
	float: right;
}

#spa #daiyokujyo .txt {
	padding: 0 0 0 20px;
	clear: both;
}


/* #garden 庭園露天風呂
----------------------------------------------------*/
#spa #garden {
	width: 690px;
	height: 310px;
	margin: 0 0 30px 0;
	overflow: hidden;
	position: relative;
}

#spa #garden h3 {
	margin: 23px 0 20px 0;
}

#spa #garden .txt {
	width: 400px;
	padding: 20px 0 0 20px;
	float: left;
}

#spa #garden .photo {
	position: absolute;
	top: 0;
	right: 0;
	width: 405px;
}


/* #kashikiri 貸切風呂
----------------------------------------------------*/
#spa #kashikiri {
	width: 690px;
	margin: 0 0 30px 0;
	overflow: hidden;
	clear: both;
}

#spa #kashikiri h3 {
	margin: 0 0 20px 0;
}

#spa #kashikiri .photo {
	width: 520px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	float: left;
}

#spa #kashikiri .con_bt {
	width: 60px;
	padding: 0 55px 0 0;
	float: right;
}

#spa #kashikiri .txt {
	padding: 0 0 0 20px;
	clear: both;
}


/* .con_sensitu 泉質・効能
----------------------------------------------------*/
#spa .con_sensitu {
	width: 690px;
	margin: 0 0 50px 0;
}

#spa .con_sensitu table {
	width: 100%;
	margin: -10px 0 0 0;
}

#spa .con_sensitu table th {
	width: 20%;
	padding: 5px;
	background-color: #e8c99c;
	border-right: 1px #faf4ed solid;
	border-bottom: 1px #faf4ed solid;
	text-align: center;
}

#spa .con_sensitu table td {
	padding: 5px;
	background-color: #f4e9d3;
	border-bottom: 1px #faf4ed solid;
}


/* #con_day 日帰り入浴
----------------------------------------------------*/
#spa #con_day {
	width: 690px;
	margin: 0 0 80px 0;
}

#spa #con_day h3,
#spa #con_day p {
	margin: 0 0 10px;
}


/* #con_voice　お客様の声
----------------------------------------------------*/
#spa .con_voice{
	width:690px;
	min-height:660px;
	height:auto !important;
	height:660px;
	margin:10px 0 30px;
	background:url(../hotspa/images/bg_voice.jpg) left bottom no-repeat;
}

#con_voice1-3,
#con_voice4-7{
	width:338px;
	display:inline;
}

#con_voice1-3{
	float:left;
}

#con_voice4-7{
	float:right;
}

#con_voicebox .con_voice-set{
	clear:both;
	padding:10px;
	margin:12px 0;
	background:#F4E9D3;
}

#con_voicebox .name{
	background:#E8C99B;
	width:150px;
	text-align:center;
	margin:8px 0 0 auto;
}



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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