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

 file name  :faci.css
 author     :Ability Consultant
style info  :館内施設ページ設定　ハックは最下部に記述

 1. 画像切替共通
 2. index.html 館内施設
 3. convention.html 宴会場・コンベンション
 4. esthetic.html エステ
 5. pool.html プール
 6. pet.html ペットホテル
 7. shop.html その他の施設
 8. shop.html 売店
=================================================================== */


/*----------------------------------------------------
	画像切替共通
----------------------------------------------------*/
#faci .con_faci_cn .list_faci_cn {
	width: 690px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#faci .con_faci_cn .list_faci_cn h4 {
	margin: 0 0 10px 0;
}

#faci .con_faci_cn .list_faci_cn h5 {
	margin: 0 0 10px 0;
	color: #114c5b;
}

#faci .con_faci_cn .list_faci_cn .txt {
	width: 280px;
	float: left;
}

#faci .con_faci_cn .list_faci_cn .txt p {
	margin: 0 0 10px 0;
}

/* テーブル */
#faci .con_faci_cn .list_faci_cn .txt table {
	width: 100%;
	margin: 0 0 10px 0;
}

#faci .con_faci_cn .list_faci_cn .txt table th {
	width: 30%;
	text-align: center;
}

#faci .con_pool .list_pool .txt table caption {
	font-weight: bold;
}

#faci .con_faci_cn .list_faci_cn .txt table caption span {
	color: #1e7393;
}

/* 画像切り替えボタン部分 */
#faci .con_faci_cn .list_faci_cn .txt .con_bt {
	width: 280px;
	overflow: hidden;
}

#faci .con_faci_cn .list_faci_cn .txt .con_bt p {
	margin: 0 5px 0 0;
	float: left;
}

#faci .con_faci_cn .list_faci_cn .txt .con_bt p a {
	width: 55px;
	height: 70px;
	padding: 5px;
	background: url(../images/bg_change_off.gif) no-repeat 0 0;
	display: block;
}

#faci .con_faci_cn .list_faci_cn .txt .con_bt p a:hover,
#faci .con_faci_cn .list_faci_cn .txt .con_bt p a.active {
	background: url(../images/bg_change_on.gif) no-repeat 0 0;
}

#faci .con_faci_cn .list_faci_cn .photo {
	width: 395px;
	float: right;
}




/*----------------------------------------------------
	index.html 館内施設
----------------------------------------------------*/

/* con_catch キャッチ
----------------------------------------------------*/
#faci .con_catch {
	width: 690px;
	padding: 285px 0 0 0;
	background: url(../facilities/images/bg_catch.jpg) no-repeat 0 0;
}

#faci .con_catch h2 {
	margin: 0 0 15px 160px;
}

#faci .con_catch .txt {
	margin: 0 0 0 275px;
}

#faci .con_catch .map {
	margin: 130px 0 0 0;
}


/* con_intro 案内
----------------------------------------------------*/
#faci .con_intro {
	width: 690px;
	margin: 0 0 60px 0;
	overflow: hidden;
}

#faci .con_intro .txt {
	width: 415px;
	padding: 15px 0 0 0;
	float: left;
}

#faci .con_intro .photo {
	width: 260px;
	float: right;
}

#faci .con_intro .box_btintro {
	width: 690px;
	overflow: hidden;
}

#faci .con_intro .box_btintro p {
	margin: 0 15px 10px 0;
	float: left;
}

#faci .con_intro .box_btintro .last {
	margin: 0;
}



/*----------------------------------------------------
	convention.html 宴会場・コンベンション
----------------------------------------------------*/

/* con_catch_convention キャッチ
----------------------------------------------------*/
#faci .con_catch_convention {
	width: 690px;
	margin: 0 0 30px 0;
}


/* con_nav_convention キャッチ
----------------------------------------------------*/
#faci .con_nav_convention {
	width: 668px;
	margin: 0 0 50px 0;
	padding: 30px 0 10px 20px;
	background: url(../facilities/images/convention/bg_nav_convention.gif) no-repeat 0 0 #fff;
	border: 1px #e9e7d1 solid;
}

#faci .con_nav_convention h3 {
	margin: 0 0 25px 0;
}

#faci .con_nav_convention .txt {
	padding: 0 400px 0 0;
}

#faci .con_nav_convention .txt p {
	margin: 0 0 10px 0;
}

#faci .con_nav_convention .bt {
	margin: 60px 0 0 0;
}


/* con_info_convention ご案内
----------------------------------------------------*/
#faci .con_info_convention {
	width: 690px;
	margin: 0 0 50px 0;
}

#faci .con_info_convention h3 {
	margin: 0 0 10px 0;
}

/* list_convention 共通
-----------------------------------------------*/
#faci .con_info_convention .list_convention {
	width: 690px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

#faci .con_info_convention .list_convention h4 {
	margin: 0 0 10px 0;
}

#faci .con_info_convention .list_convention .txt {
	width: 300px;
	float: left;
}

#faci .con_info_convention .list_convention .txt p {
	margin: 0 0 10px 0;
}

#faci .con_info_convention .list_convention .photo {
	width: 375px;
	float: right;
}

#faci .con_info_convention .list_convention h5 {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/ic_midashi.gif) no-repeat left center;
	clear: both;
}

/* テーブル */
#faci .con_info_convention .list_convention table {
	width: 690px;
	margin: 0 0 30px 0;
}

#faci .con_info_convention .list_convention table th {
	text-align: center;
}

#faci .con_info_convention .list_convention table td {
	color: #3f3e3e;
	text-align: center;
}

#faci .con_info_convention .list_convention table .date {
	background-color: #fff;
}

/* それぞれの用途と間取りなど */
#faci .con_info_convention .list_convention .hall {
	width: 690px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#faci .con_info_convention .list_convention .hall .txt {
	width: 230px;
	float: left;
}

#faci .con_info_convention .list_convention .hall .txt h6 {
	margin: 0 0 10px 0;
}

#faci .con_info_convention .list_convention .hall .photo {
	width: 445px;
	float: right;
	overflow: hidden;
}



/* con_plan_convention プラン
----------------------------------------------------*/
#faci .con_plan_convention {
	width: 690px;
	margin: 0 0 40px 0;
}

#faci .con_plan_convention .list_plan_convention {
	width: 690px;
	margin: 0 0 10px 0;
}

#faci .con_plan_convention .list_plan_convention h4 {
	margin: 0 0 5px 0;
}

#faci .con_plan_convention .list_plan_convention ul {
	margin: 0 0 10px 0;
}

#faci .con_plan_convention .list_plan_convention ul li {
	padding: 0 0 0 15px;
	background: url(../images/ic_midashi.gif) no-repeat left 5px;
}

#faci .con_plan_convention .list_plan_convention ul li em {
	font-weight: bold;
}

#faci .con_plan_convention .list_plan_convention table {
	width: 690px;
	margin: 0 0 10px 0;
}

#faci .con_plan_convention .list_plan_convention table caption {
	color: #1e7393;
	font-weight: bold;
}

#faci .con_plan_convention .list_plan_convention table th {
	text-align: center;
}

#faci .con_plan_convention .list_plan_convention table td {
	color: #3f3e3e;
	text-align: center;
}

#faci .con_plan_convention .list_plan_convention table .date {
	background-color: #fff;
}

#faci .con_plan_convention .list_plan_convention .bt {
	text-align: right;
}



/*----------------------------------------------------
	esthetic.html エステ
----------------------------------------------------*/

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

#faci .con_catch_esthe h2,
#faci .con_catch_esthe h3,
#faci .con_catch_esthe p {
	margin: 0 0 10px 0;
}


/* box_esthe 左右ボックス
-----------------------------------------------*/
#faci .con_catch_esthe .box_esthe {
	width: 690px;
	overflow: hidden;
}

#faci .con_catch_esthe .box_esthe .list_esthe {
	width: 328px;
	padding: 0 2px;
	background: url(../facilities/images/esthetic/bg_box_esthe.gif) no-repeat left bottom;
	border-top: 1px #f8f2b4 solid;
	border-bottom: 1px #f8f2b4 solid;
}

#faci .con_catch_esthe .box_esthe .list_esthe h4 {
	margin: 0 0 20px 0;
}

#faci .con_catch_esthe .box_esthe .list_esthe .photo {
	width: 290px;
	height: 98px;
	margin: 0 auto;
	border: 5px #e5e0a8 solid;
}

#faci .con_catch_esthe .box_esthe .list_esthe p {
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
}

#faci .con_catch_esthe .box_esthe .list_esthe table {
	width: 300px;
	margin: 10px auto;
}

#faci .con_catch_esthe .box_esthe .list_esthe table th {
	width: 30%;
	text-align: center;
}

#faci .con_catch_esthe .box_esthe .list_esthe table td {
	background-color: #fffef3;
}

#faci .con_catch_esthe .list_l {
	float: left;
}

#faci .con_catch_esthe .list_r {
	float: right;
}


/* con_esthe メニュー[共通]
----------------------------------------------------*/
#faci .con_esthe {
	width: 690px;
	margin: 0 0 40px 0;
}

#faci .con_esthe h3,
#faci .con_esthe p {
	margin: 0 0 10px 0;
}

/* box_menu メニューエリア[共通]
----------------------------------------------------*/
#faci .box_menu {
	width: 660px;
	margin: 20px 0;
	padding: 10px 15px;
	background: url(../facilities/images/esthetic/bg_menu.gif) no-repeat 0 0 #f4f3eb;
}

#faci .box_menu h4 {
	margin: 0 0 1px 0;
}

#faci .box_menu table {
	width: 660px;
	margin: 0 0 20px 0;
}

#faci .box_menu table th {
	width: 75%;
}

#faci .box_menu table th span {
	font-weight: normal;
}

#faci .box_menu table td {
	background-color: #fffef3;
	text-align: center;
}

#faci .box_menu table td span {
	color: #990000;
	font-weight: bold;
}

/* ライン */
#faci .box_menu .line_menu {
	width: 100%;
	height: 2px;
	margin: 15px 0;
	background: url(../facilities/images/esthetic/ic_line_menu.gif) no-repeat 0 0;
}


/* box_option オプション[共通]
----------------------------------------------------*/
#faci .box_option {
	width: 690px;
	margin: 0 0 10px 0;
}

#faci .box_option h5,
#faci .box_option p {
	margin: 0 0 15px 0;
}

#faci .box_option h6 {
	padding: 0 0 0 12px;
	background: url(../images/ic_midashi.gif) no-repeat 0 5px;
	font-size: 110%; 
}

#faci .box_option table {
	width: 690px;
}

#faci .box_option table th {
	width: 75%;
}

#faci .box_option table th span {
	font-weight: normal;
}

#faci .box_option table td {
	background-color: #fffef3;
	text-align: center;
}

#faci .box_option table td span {
	color: #990000;
	font-weight: bold;
}

/* box_option_mini オプション[共通]
----------------------------------------------------*/
#faci .box_option_mini {
	width: 660px;
	margin: 0 0 10px 0;
}

#faci .box_option_mini h5,
#faci .box_option_mini p {
	margin: 0 0 15px 0;
}

#faci .box_option_mini h6 {
	padding: 0 0 0 12px;
	background: url(../images/ic_midashi.gif) no-repeat 0 5px;
	font-size: 110%; 
}

#faci .box_option_mini table {
	width: 660px;
}

#faci .box_option_mini table th {
	width: 75%;
}

#faci .box_option_mini table th span {
	font-weight: normal;
}

#faci .box_option_mini table td {
	background-color: #fffef3;
	text-align: center;
}

#faci .box_option_mini table td span {
	color: #990000;
	font-weight: bold;
}



/*----------------------------------------------------
	pool.html プール
----------------------------------------------------*/

/* con_catch_pool キャッチ
----------------------------------------------------*/
#faci .con_catch_pool {
	width: 690px;
	min-height: 530px;
	margin: 0 0 50px 0;
	background: url(../facilities/images/pool/bg_pool.jpg) no-repeat 0 320px;
}

#faci .con_catch_pool h2 {
	margin: 0 0 10px 0;
}

#faci .con_catch_pool h3 {
	margin: 15px 0 10px 180px;
}

#faci .con_catch_pool .txt {
	padding: 0 0 0 190px;
}

#faci .con_catch_pool .txt  p {
	margin: 0 0 10px 0;
}




/*----------------------------------------------------
	pet.html ペットホテル
----------------------------------------------------*/

/* con_catch_pet キャッチ
----------------------------------------------------*/
#faci .con_catch_pet {
	width: 690px;
	min-height: 530px;
	margin: 0 0 50px 0;
	background: url(../facilities/images/pet/img_pet.jpg) no-repeat right 320px;
}

#faci .con_catch_pet h2 {
	margin: 0 0 10px 0;
}

#faci .con_catch_pet h3 {
	margin: 15px 180px 10px 0;
}

#faci .con_catch_pet .txt {
	padding: 0 180px 0 10px;
}

#faci .con_catch_pet .txt  p {
	margin: 0 0 10px 0;
}




/*----------------------------------------------------
	other.html その他の施設
----------------------------------------------------*/

/* con_catch_other キャッチ
----------------------------------------------------*/
#faci .con_catch_other {
	width: 690px;
	margin: 0 0 50px 0;
	overflow: hidden:;
}

#faci .con_catch_other h2 {
	margin: 0 0 10px 0;
}


/* con_catch_other キャッチ
----------------------------------------------------*/
#faci .con_other {
	width: 690px;
	margin: 0 0 50px 0;
	overflow: hidden;
}

#faci .con_other h3 {
	margin: 0 0 10px 0;
}

#faci .con_other p {
	margin: 0 0 30px 0;
}

#faci .con_other .txt {
	width: 285px;
	float: left;
}

#faci .con_other .txt table {
	width: 285px;
	margin: 0 0 30px 0;
}

#faci .con_other .txt table th {
	width: 30%;
	text-align: center;
}

#faci .con_other .photo {
	width: 375px;
	float: right;
}



/*----------------------------------------------------
	shop.html 売店
----------------------------------------------------*/

/* con_catch_shop キャッチ
----------------------------------------------------*/
#faci .con_catch_shop {
	width: 690px;
	padding: 0 0 60px 0;
	background: url(../facilities/images/shop/bg_photo.jpg) no-repeat right bottom;
}

#faci .con_catch_shop h2 {
	margin: 0 0 10px 0;
}


/* con_osusume おすすめお土産
----------------------------------------------------*/
#faci .con_osusume {
	width: 690px;
	margin: 0 0 60px 0;
	padding: 0 0 8px 0;
	background-color: #5a8184;
}

#faci .con_osusume p {
	width: 674px;
	margin: 0 auto;
	overflow: hidden;
}



/* con_ninki 人気のお土産
----------------------------------------------------*/
#faci .con_ninki {
	width: 690px;
	margin: 0 0 60px 0;
	padding: 0 0 8px 0;
	background-color: #5fb5be;
}

#faci .con_ninki .box_ninki {
	width: 674px;
	margin: 0 auto;
	background-color: #f4f3eb;
}

#faci .con_ninki .box_ninki .list_goods {
	width: 674px;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#faci .con_ninki .box_ninki .list_goods .txt {
	width: 365px;
	float: left;
}

#faci .con_ninki .box_ninki .list_goods .txt h4 {
	margin: 10px 0 10px 0;
}

#faci .con_ninki .box_ninki .list_goods .txt p {
	padding: 0 0 0 25px;
}

#faci .con_ninki .box_ninki .list_goods .photo {
	width: 270px;
	float: right;
}

#faci .con_ninki .box_ninki .line_goods {
	height: 2px;
	background: url(../facilities/images/shop/ic_line.gif) no-repeat center top;
	clear: both;
}





















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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

/* pool.html - 高さバグ */
* html #faci .con_catch_pool {height: 470px;}