@charset "Shift_JIS";

@media print{

#header ul, #gnav, #snav, #top-col, #top-col2, #mid-col .submenu, #fnav, #footer,.move
{display:none;}

}

/* -------------------------
Hotel Grand Pacific LE DAIBA
Faq CSS Document
------------------------- */


/*
--------------------------------------------------
	top-col
-------------------------------------------------- */
#faq #top-col { width:800px; height:250px; margin: 0; padding: 0; vertical-align:top;}
#faq #top-col-blank { width:800px; height:250px; margin: 0 !important; padding: 0; vertical-align:bottom; clear: both;}
#faq #top-col2 { width:800px; height:220px; margin: 0; padding: 0; vertical-align:top;}


/*
--------------------------------------------------
	mid-col よくあるご質問ver
-------------------------------------------------- */
#mid-col h2 {
	width:500px; height:75px; margin:15px 0 8px 0;
	text-indent:-10000px;
	background:url(../img/common/title_faq.jpg) 0 0 no-repeat;
	float:left;
}

#mid-col hr {width:100%; height:1px; border:1px solid #DDD;}

/*
--------------------------------------------------
	faq 詳細ver
-------------------------------------------------- */

.f_main { width:730px; margin:0 auto; padding:0; /*border-top: 1px solid #A0D2F2; border-right: 1px solid #A0D2F2;*/}
.f_main .tabbertab h3 { color:#006CD7;}



.f_menu { width:230px; margin:0 15px 0 0; padding:0; float:left;}

.f_menu ul { width:230px; color:#006CD7; float:right;}
.f_menu li { height:25px; padding:10px 5px 5px 25px; border-top:1px solid #A0D2F2; border-right:1px solid #A0D2F2; border-left:1px solid #FFF; background: url(../img/facilities/bg.gif) 0 0 no-repeat; display:block;}
.f_menu li#s_menu01 { border-top: none;}
.f_menu li#s_menu_end { border-bottom:1px solid #A0D2F2;}
.f_menu li:hover { height:25px; background: #f1fbfb; border-left:1px solid #A0D2F2;}
#mid-col .f_menu ul li a { color:#006CD7; height:25px; margin:0; padding:0 0 0 10px; display:block; background:url(../img/common/arrow_orengi.gif) 0 5px no-repeat; text-decoration:none;}
#mid-col .f_menu ul li a:hover { height:25px; margin:0; padding:0 0 0 10px; color:#F89448; text-decoration:none; display:block;}
#menu01 li#s_menu01,
#menu02 li#s_menu02,
#menu03 li#s_menu03,
#menu04 li#s_menu04,
#menu05 li#s_menu05,
#menu06 li#s_menu06,
#menu_end li#s_menu_end { background:url(../img/common/arrow_gray.gif) 25px 15px no-repeat; border-left: 1px solid #A0D2F2; border-right: none; position:relative;}
#menu01 li#s_menu01 a,
#menu02 li#s_menu02 a,
#menu03 li#s_menu03 a,
#menu04 li#s_menu04 a,
#menu05 li#s_menu05 a,
#menu06 li#s_menu06 a,
#menu_end li#s_menu_end a { background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}


/*
--------------------------------------------------
	faq 詳細サブメニュー表示
-------------------------------------------------- */

#menu02 li#s_menu_stay,
#menu03 li#s_menu_access,
#menu04 li#s_menu_child,
#menu05 li#s_menu_restaurant,
#menu06 li#s_menu_banquet,
#menu_end li#s_menu_other { height:45px; background:#FFF;}

#menu_end li#s_menu_other_end { height:45px; background:#FFF; border-bottom:1px solid #A0D2F2;}

#menu02 li#s_menu_stay a,
#menu03 li#s_menu_access a,
#menu04 li#s_menu_child a,
#menu05 li#s_menu_restaurant a,
#menu06 li#s_menu_banquet a,
#menu_end li#s_menu_other a { color:#333; background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}

#menu02 li#s_menu_stay_end a,
#menu03 li#s_menu_access_end a,
#menu04 li#s_menu_child_end a,
#menu05 li#s_menu_restaurant_end a,
#menu06 li#s_menu_banquet_end,
#menu_end li#s_menu_other_end a { color:#333; background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}

#menu02 li#s_menu_stay a:hover,
#menu03 li#s_menu_access a:hover,
#menu04 li#s_menu_child a:hover,
#menu05 li#s_menu_restaurant a:hover,
#menu06 li#s_menu_banquet a:hover,
#menu_end li#s_menu_other a:hover { color:#F89448; background:url(../img/common/arrow_orengi.gif) 0 5px no-repeat;}

#menu02 li#s_menu_room_end a:hover,
#menu03 li#s_menu_access_end a:hover,
#menu04 li#s_menu_child_end a:hover,
#menu05 li#s_menu_restaurant_end a:hover,
#menu06 li#s_menu_banquet_end a:hover,
#menu_end li#s_menu_other_end a:hover { color:#F89448; background:url(../img/common/arrow_orengi.gif) 0 5px no-repeat;}

/*
#menu01 li#s_menu_room,
#menu01 li#s_menu_access,
#menu01 li#s_menu_restaurant,
#menu01 li#s_menu_banquet,
#menu01 li#s_menu_banquet_end,

#menu02 li#s_menu_access,
#menu02 li#s_menu_restaurant,
#menu02 li#s_menu_banquet,
#menu02 li#s_menu_banquet_end,

#menu03 li#s_menu_room,
#menu03 li#s_menu_restaurant,
#menu03 li#s_menu_banquet,
#menu03 li#s_menu_banquet_end,

#menu04 li#s_menu_room,
#menu04 li#s_menu_access,
#menu04 li#s_menu_banquet,
#menu04 li#s_menu_banquet_end,

#menu_end li#s_menu_room,
#menu_end li#s_menu_access,
#menu_end li#s_menu_restaurant,
#menu_end li#s_menu_restaurant_end,
{display: none;}
*/

.faq_nav h4 {margin:10px 0 10px 0; padding:5px; color:#FFF; background:#006CD7; font-size: 90%; font-family:Arial, Helvetica, sans-serif;}
.faq_nav a { text-decoration: underline;}
.faq_nav a:hover { text-decoration: none;}
.faq_nav ul.faq_top{ list-style: square; padding: 0 0 0 5px; margin: 0 0 0 15px;}
.faq_nav ul.faq_top li{ margin-bottom: 7px;}

.faq_box p{ margin: 0 0 10px 30px;}
.faq_box p.faq_q{ margin-left: 0; background:url(../img/common/faq_q.gif) no-repeat 0 center; padding-left: 30px; color: #006cd7; font-weight: bold;}
.faq_box p.faq_a{ margin-left: 0; background:url(../img/common/faq_a.gif) no-repeat 0 0; padding-left: 30px;}
.faq_box div.info{ border: 1px solid #006cd7; margin:0 0 10px 30px; padding: 5px 10px 0 10px; line-height: 140%;}
.faq_box div.info h5{ color: #006cd7; font-size: 80%;}
.faq_box div.info p{ font-size: 75%;}
/*.faq_nav,
.faq_snav,
.faq_snav #stay20,
.faq_snav #access05,
.faq_snav #child09,
.faq_snav #restaurant05,
.faq_snav #banquet04,
.faq_snav #other12 {border:none;}

.f_menu .f_info { width:200px; margin-top:15px; padding:15px;
				   color:#006CD7; background: #FFF;
				  border-top:1px solid #A0D2F2; border-right:1px solid #A0D2F2;
				  float:right; }
.f_menu .f_info strong { font-size:0.9em;}
.f_menu .f_info dl { width:200px; margin:10px 0; padding:0;}
.f_menu .f_info dt { width:180px; padding:0; font-weight:bold;}
.f_menu .f_info dd { width:180px; margin-left:15px; padding:0;}
.f_menu .f_info img { margin-bottom:15px; border: 1px solid #A0D2F2;}


.f_text { width:450px; margin:0; padding:15px; float:left;}
.f_text img { margin-bottom:15px; border: none;}
.f_text strong { font-size:1.0em; color:#005B98;}
.f_text em { margin-left:15px; padding:3px; font-size:0.8em; font-style:normal; color:#FFF; background:#005B98;}
.f_text em.free { background:#950030;}
.f_text p { padding:10px; color:#666;}
.f_text table { width:100%; margin-top:10px; padding:0px; background: #33a2ec;}
.f_text th { margin:0; padding:5px; color: #005B98; background: #E9EEF2;}
.f_text td { margin:0; padding:5px; background: #FFF;}
.f_text dl { width:400px; margin:10px; padding:0;}
.f_text dt { width:380px; height:25px; padding:0; color:#006CD7; font-weight:bold;}
.f_text dd { width:410px; margin:0 0 10px 20px; padding:0;}
.f_text dd span { padding:3px; color:#006CD7; background:#AFDBF9;}

.f_text h4 { margin:10px 0 10px 0; padding:5px; color:#FFF; background:#006CD7;}

.f_text div { padding:10px 0; border-bottom:1px dashed #AAA;}
.f_text .faq_q { color:#006CD7;}
.f_text .faq_q strong { font-size:1.5em; color:#006CD7; font-weight:normal; font-family:'Century Gothic',sans-serif;}
.f_text .faq_a strong { font-size:1.5em; color:#EC104E; font-weight:normal; font-family:'Century Gothic',sans-serif;}
.f_text strong.red { color:#EC104E;}
*/
/*
--------------------------------------------------
	スクロール対応
-------------------------------------------------- */
.f_main .faq_nav div.move2 { font-size: 80%; padding-bottom: 2px; margin-bottom: 10px; text-align: right;}
.f_main .faq_nav div.move2 p{ text-align: right; margin-right: 10px; /*border-top: 1px solid #ddd;*/}
.f_main .faq_nav div.move2 p a { color: #999;}
.f_main .faq_nav div.move2 p a:hover{ color: #555;}
.f_main .faq_nav div.move2 hr { background-color: #ccc; padding: 0px; height: 1px; border: none;}

.move img { border:none;}
.check { margin-bottom:10px; border:1px solid #006CD7;}
.check strong { font-size:1.0em;}
.tabber .tabbertab h3 a { color:#006CD7;}


#faq #container ul.faq_under { margin-left:10px; }
#faq #container .faq_under li{ float: left; border-right: 1px solid #354E70; padding-left: 5px; padding-right:5px;}
#faq #container .faq_under li a{ color:#354E70;}


