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

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


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

/* ページ指定
----------------------------------------------------------- */
#spa #bg_contents {
	padding-top:20px;
	background: url(../../images/bg/bg_contents_hina.gif) repeat-x left top;	
}

/* タイトル
----------------------------------------------------------- */
#spa #st_title {
	margin:0 0 33px 0;
	padding:0;
	width:680px;
	height:28px;
	line-height: 1;
	background:url(../spa/images/st_title.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

/* タイトル_泉質 */
#spa #sst_spa {
	margin-bottom:16px;
	width:680px;
	height:23px;
	line-height: 1;
	background: url(../spa/images/sst_spa.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

/* タイトル_プラン */
#spa #sst_plan {
	margin-bottom:16px;
	width:680px;
	height:23px;
	line-height: 1;
	background: url(../spa/images/sst_plan.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

/* 導入部分	
----------------------------------------------------------- */
/*キャッチコピー*/

/*文と写真*/
#spa #intro{
	margin:0 0 30px 0;
	width: 680px;
	background:url(../spa/images/intro_img.jpg) right bottom no-repeat;
	height:220px;
	overflow:hidden;
}

#spa #intro:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#spa h3#intro_copy {
	margin:0 0 15px 0;
	width: 680px;
	height: 24px;
	background: url(../spa/images/intro_copy.gif) left top no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#spa #intro p#intro_text{
	width: 380px;
	float:left;
}

/* 泉質・プラン	
----------------------------------------------------------- */

#spa .spa_box {
	width:680px;
	margin:0 0 15px 0;
	overflow:hidden;
	}
	
#spa .spa_box img {
	float:left;
	margin:0 15px 0 0;
	}
	
#spa .spa_box .spa_right_box {
	width:425px;
	float:right;
	}
	
#spa .spa_box .spa_right_box h4 {
	margin:0 0 15px 0;
	text-indent:-9999px;
	}
	
#spa .spa_box .spa_right_box h4#spa_copy {
	background:url(../spa/images/copy_spa.gif) left center no-repeat;
	width:157px;
	height:15px;
	}
	
#spa .spa_box .spa_right_box h4#plan_copy {
	background:url(../spa/images/copy_plan.gif) left center no-repeat;
	width:189px;
	height:14px;
	}
	
#spa .spa_box .spa_right_box p {
	margin:15px 0 0 0;
	width:420px;
	}

/* テーブル */	
#spa table {
	margin:1px 0 10px 1px;
	*margin-left:0px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}
	
#spa table th {
	background: #F5EDE3;
	text-align:center;
	color:#595959;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#spa table td {
	padding:8px;
	color:#595959;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
	
/* 宿泊料金 */

#spa #btn_plan {
	width:158px;
	height:22px;
	text-indent:-9999px;
	margin:15px 0 0 0;
	float:right;
	background:url(../spa/images/btn_plan.gif) left center no-repeat;
	}
	
#spa #btn_plan a {
	width:158px;
	height:22px;
	display:block;
	overflow:hidden;
	}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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