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

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

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


/*----------------------------------------------------
	共通
----------------------------------------------------*/
#faci #main h3 {
	margin: 0 0 10px 0;
}


/* キャッチ
-----------------------------------------------*/
#faci .con_catch {
	padding-bottom:190px;
	width: 710px;
	position:relative;
	background:url(../facilities/images/bg_catch.jpg) right 40px no-repeat;
}

#faci .con_catch p {
	margin-bottom:170px;
	width: 420px;
}

#faci .con_catch span {
	font-size:120%;
	font-weight:bold;
}

#faci .con_catch ul {
	font-size:0;
	line-height:0;
	position:absolute;
	top:320px;
	right:25px;
}

#faci .con_catch ul li {
	margin-bottom:52px;
	list-style:none outside;
	font-size:0;
}

#faci .con_catch ul li a {
	width:166px;
	height:35px;
	display:block;
	overflow:hidden;
	background:#fff;
}

#faci .con_catch ul li a:hover {
	background:#fffde0;
}

/* タラソトリートメント リノスパ
-----------------------------------------------*/
#faci .con_relax {
	margin-bottom:50px;
	padding:20px;
	width: 670px;
	border:1px dotted #d2b798;
	background:#fff;
	overflow:hidden;
}


/* 右側コンテンツ */
#faci .con_relax .con_l {
	width: 240px;
	float:left;
}

#faci .con_relax .con_l p.txt_info {
	margin-bottom:10px;
}

/*#faci .con_relax .con_l p.bubble {
	margin:0 0 10px 25px;
	margin:0 0 10px 0;
	float: left;
}*/

#faci .con_relax .bankunmei{
	clear: both;
	padding: 20px 0 0 0;
}

#faci .con_relax .bankunmei p.bubble {
	margin:0 10px 10px 0;
	float: left;
}

#faci .con_relax .bankunmei p.txt_info_bankunmei{
	float: left;
	width: 300px;
	margin: 0 20px 0 0;
}


#faci .con_relax p.btn_bankunmei a {
	width:215px;
	height:35px;
	display: block;
	float: left
}

#faci .con_relax p.btn_bankunmei a:hover {
	background:#fffde0;
}


/* 左側コンテンツ */
#faci .con_relax .con_r {
	width: 420px;
	float:right;
}

#faci .con_relax .con_r p {
	margin-bottom:10px;
	padding:8px 0 0 7px;
	width: 420px;
	height:284px;
	background:url(../facilities/images/bg_photo.jpg) 0 0 no-repeat;
}

/* box_btn サムネイル*/
#faci .con_relax .con_r .box_btn {
	margin:0 0 0 auto;
	width:210px;
}

#faci .con_relax .con_r .box_btn li {
	margin-right:8px;
	float:left;
	list-style:none outside;
}

/* box_btn サムネイル*/
#faci .con_relax .con_r .box_btn li {
	margin-right:8px;
	float:left;
	list-style:none outside;
}

#faci .con_relax .con_r .box_btn li.last {
	margin-right:0;
}

#faci .con_relax .con_r .box_btn li a {
	padding:5px;
	width: 51px;
	height: 51px;
	border:1px solid #ccc;
	background:#f1f1f1;
	display:block;
	overflow:hidden;
}

#faci .con_relax .con_r .box_btn li a:hover,
#faci .con_relax .con_r .box_btn li.active {
	padding:5px;
	width: 51px;
	height: 51px;
	border:1px solid #ded098;
	background:#e6d8a7;
}



/* .con_fac		施設一覧
-----------------------------------------------*/
#faci .con_fac {
	margin-bottom:40px;
	padding:0 10px;
	width:690px;
	overflow:hidden;
}

/* BOX */
#faci .con_fac .box_fac {
	margin-right:20px;
	width:216px;
	float:left;
}

#faci .con_fac .last {
	margin-right:0;
}

#faci .con_fac .box_fac p.txt_fac {
	margin-bottom:10px;
}

#faci .con_fac .box_fac p.btn_fac a {
	width: 215px;
	height: 35px;
	background:#fff;
	display:block;
}

#faci .con_fac .box_fac p.btn_fac a:hover {
	background:#fffde0;
}


/* テクストエクストラ */
#faci .con_fac .box_fac p.txt_extra {
	padding:10px 15px;
	border:1px dashed #d2b798;
	font-weight:bold;
}

/* テクストエクストラ02 */
#faci .con_fac .box_fac p.txt_extra02 {
	padding:10px 15px;
	margin: 0 0 10px;
	border:1px dashed #d2b798;
	font-weight:bold;
}




/* .con_info	施設情報
-----------------------------------------------*/
#faci .con_info {
	margin: 40px 0 60px 0;
}

#faci .con_info h4 {
	margin: 0 0 20px 0;
}

#faci .con_info .tb_main {
	width: 708px;
}

#faci .con_info .tb_main th {
	width: 20%;
}

#faci .con_info .tb_main .ex {
	background-color: #e3cf80;
}


/* con_faci_b-free バリアフリー
-----------------------------------------------*/
#faci .con_faci_b-free {
	width: 710px;
	margin: 0 0 60px 0;
}

#faci .con_faci_b-free h3 {
	margin: 0 0 10px 0;
}

#faci .con_faci_b-free ul.ex {
	margin: 0 0 15px;
	padding: 5px 20px;
	overflow: hidden;
	width: auto;
}

#faci .con_faci_b-free ul.ex li {
	float: left;
}

#faci .con_faci_b-free ul.ex li.bt {
	float: right;
	padding: 0 0 0 20px;
	background: url(../images/ic_main01.gif) no-repeat 0 0;
}

#faci .con_faci_b-free table {
	clear: both;
	width: 100%;
	margin: 0 0 15px;
}

#faci .con_faci_b-free th {
	text-align: left;
}

/*----------------------------------------------------
	b-free.php バリアフリー別窓
----------------------------------------------------*/

#faci #page.faci_page{
	background: none;
}

#faci #con_contents.b-free{
	background: none;
}

#faci #con_contents.b-free #contents{
	width: 710px;
}

#faci #con_contents.b-free #main{
	float: none;
}


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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html #faci .con_catch ul li {
	margin-bottom:48px;
}


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

	hack - 各種cssハック - for IE6

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

* html #faci .con_catch ul li {
	margin-bottom:48px;
}