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

 file name  :faq.css
 author     :Ability Consultant
style info  :よくあるご質問設定　ハックは最下部に記述
=================================================================== */


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


/*-----------------------------------------------
	#header
	　ヘッダー
-------------------------------------------------*/
#faq #header h3{
	background: url(../faq/images/tl_page.png) no-repeat left top;
}

#faq #header .top_image{
	background: url(../faq/images/top_image.jpg) no-repeat center top;
}

/*-----------------------------------------------
	#main
	 メイン
-------------------------------------------------*/
#faq #main .intro h4{
	background: url(../faq/images/tl_page_sub.gif) no-repeat left top;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
}

#faq #main .intro p{
	margin: 19px 0 0 21px;
}

/* .faq_menu よくあるご質問メニュー
-----------------------------------------*/
#faq #main .faq_menu{
	margin-top: 20px;
}

#faq #main .faq_menu ul{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat left top;
	width: 665px;
	height: 214px;
	margin-left: 21px;
}

#faq #main .faq_menu ul li{
	float: left;
	display: inline;
	margin: 0 14px 9px 0;
}

#faq #main .faq_menu ul li.li_02,
#faq #main .faq_menu ul li.li_05,
#faq #main .faq_menu ul li.li_08{
	margin-right: 13px;
}

#faq #main .faq_menu ul li.li_01,
#faq #main .faq_menu ul li.li_02,
#faq #main .faq_menu ul li.li_03,
#faq #main .faq_menu ul li.li_10,
#faq #main .faq_menu ul li.li_11,
#faq #main .faq_menu ul li.li_12{
	margin-bottom: 10px;
}

#faq #main .faq_menu ul li a{
	display: block;
	width: 207px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
}

/* チェックイン・アウトについて */
#faq #main .faq_menu ul li.li_01 a:hover,
#faq #main .faq_menu ul li.li_01 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat 0 -214px;
}

/* 送迎・交通・駐車場について */
#faq #main .faq_menu ul li.li_02 a:hover,
#faq #main .faq_menu ul li.li_02 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat -221px -214px;
}

/* お支払いについて */
#faq #main .faq_menu ul li.li_03 a:hover,
#faq #main .faq_menu ul li.li_03 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat -441px -214px;
}

/* 足が悪い・高齢者がいる 車イス・酸素吸入器搬入など */
#faq #main .faq_menu ul li.li_04 a:hover,
#faq #main .faq_menu ul li.li_04 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat 0 -259px;
}

/* 記念日の旅行・お祝いの旅行 */
#faq #main .faq_menu ul li.li_05 a:hover,
#faq #main .faq_menu ul li.li_05 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat -221px -259px;
}

/* お食事・好き嫌い・アレルギー 塩分・時間など */
#faq #main .faq_menu ul li.li_06 a:hover,
#faq #main .faq_menu ul li.li_06 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat -441px -259px;
}

/* お部屋関連・禁煙 */
#faq #main .faq_menu ul li.li_07 a:hover,
#faq #main .faq_menu ul li.li_07 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat 0 -303px;
}

/* ご妊婦さま・赤ちゃん・ペット */
#faq #main .faq_menu ul li.li_08 a:hover,
#faq #main .faq_menu ul li.li_08 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat -221px -303px;
}

/* 団体予約関連 */
#faq #main .faq_menu ul li.li_09 a:hover,
#faq #main .faq_menu ul li.li_09 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat -441px -303px;
}

/* 観光関連 */
#faq #main .faq_menu ul li.li_10 a:hover,
#faq #main .faq_menu ul li.li_10 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat 0 -347px;
}

/* お荷物・売店・各種手配 */
#faq #main .faq_menu ul li.li_11 a:hover,
#faq #main .faq_menu ul li.li_11 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat -221px -347px;
}

/* 会員登録・WEB予約について */
#faq #main .faq_menu ul li.li_12 a:hover,
#faq #main .faq_menu ul li.li_12 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat -442px -347px;
}

/* 大浴場・温泉関連 */
#faq #main .faq_menu ul li.li_13 a:hover,
#faq #main .faq_menu ul li.li_13 a.hover{
	background: url(../faq/images/btn_faqmenu.gif) no-repeat 0 -392px;
}

/* .faq_list よくあるご質問リスト
------------------------------------------*/
#faq #main .faq_list{
	margin-top: 19px;
}

#faq #main .faq_list h5{
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
}

#faq #main .faq_list h5.checkin{
	background: url(../faq/images/tl_checkin.gif) no-repeat left top;
}

#faq #main .faq_list h5.access{
	background: url(../faq/images/tl_access.gif) no-repeat left top;
}

#faq #main .faq_list h5.pay{
	background: url(../faq/images/tl_pay.gif) no-repeat left top;
}

#faq #main .faq_list h5.senior{
	background: url(../faq/images/tl_senior.gif) no-repeat left top;
}

#faq #main .faq_list h5.ceremony{
	background: url(../faq/images/tl_ceremony.gif) no-repeat left top;
}

#faq #main .faq_list h5.dish{
	background: url(../faq/images/tl_dish.gif) no-repeat left top;
}

#faq #main .faq_list h5.room{
	background: url(../faq/images/tl_room.gif) no-repeat left top;
}

#faq #main .faq_list h5.baby{
	background: url(../faq/images/tl_baby.gif) no-repeat left top;
}

#faq #main .faq_list h5.group{
	background: url(../faq/images/tl_group.gif) no-repeat left top;
}

#faq #main .faq_list h5.sightseeing{
	background: url(../faq/images/tl_sightseeing.gif) no-repeat left top;
}

#faq #main .faq_list h5.shop{
	background: url(../faq/images/tl_shop.gif) no-repeat left top;
}

#faq #main .faq_list h5.reserve{
	background: url(../faq/images/tl_reserve.gif) no-repeat left top;
}

#faq #main .faq_list h5.hotspa{
	background: url(../faq/images/tl_hotspa.gif) no-repeat left top;
}


#faq #main .faq_list ul{
	border: 1px solid #5A5858;
	margin-top: 25px;
	padding: 10px 20px 20px 20px;
}

#faq #main .faq_list ul li{
	background: url(../faq/images/bg_border.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-top: 10px;
}

#faq #main .faq_list ul li a{
	background: url(../faq/images/icn_arrow.gif) no-repeat left 3px;
	padding-left: 23px;
}

/* .faq_answer よくあるご質問回答
--------------------------------------------*/
#faq #main .faq_answer{
	width: 645px;
	margin: 50px auto 20px auto;
}

#faq #main .faq_answer dl dt,
#faq #main .faq_answer dl dd{
	background: url(../faq/images/bg_border.gif) repeat-x left bottom;
	padding: 0 0 10px 10px;
}

#faq #main .faq_answer dl dt span{
	background: url(../faq/images/icn_qestion.gif) no-repeat left top;
	padding: 2px 0 3px 37px;
	display: block;
}

#faq #main .faq_answer dl dd{
	margin-top: 10px;
}

#faq #main .faq_answer dl dd span{
	background: url(../faq/images/icn_answer.gif) no-repeat left top;
	padding: 2px 0 3px 37px;
	display: block;
}

#faq #main .faq_answer .pagetop{
	margin: 20px 0;
}

#faq #main .faq_answer p{
	margin-top: 30px;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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