@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
Banquet & Conference CSS Document
------------------------- */


/*
--------------------------------------------------
	top-col
-------------------------------------------------- */
#banquet #top-col { width:800px; height:250px; margin: 0; padding: 0; vertical-align: top;}
#banquet #top-col-blank { width:800px; height:250px; margin: 0 !important; padding: 0; vertical-align:bottom; clear: both;}
#banquet #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_banquet.jpg) 0 0 no-repeat;
	float:left;
}
#mid-col h3 {
	width:700px; height:20px; margin:0; padding:2px 0 0 25px;
	color:#006CD7;
	background:#FFF url(../img/common/h4_bg_l.gif) 0 0 no-repeat;
}


#mid-col h4 {
	width:300px; height:20px; margin:0; padding:0;
	color:#006CD7;
}

#mid-col h5 {
	margin:15px 0 8px 0; padding:5px 10px;
	font-size:1.0em; color:#006CD7;
	border-left: 3px solid #00B7AC;
}

/*
--------------------------------------------------
	plan CMS用
-------------------------------------------------- */

#mid-col #plan { width:730px; height:9em; margin:0; padding:0 0 5px 0;}
#mid-col #plan div.clearfix { width:100%; margin:0; padding:5px; color:#333; font-size:0.8em; position:relative;}
#mid-col #plan div.clearfix strong { margin: 0; padding:5px 0; color:#006CD7; font-size:1.2em; position:absolute; top:10px; left:180px; width:400px;}
#mid-col #plan div.clearfix a { margin: 0; padding:0; color:#006CD7; text-decoration: none;}
#mid-col #plan div.clearfix a:hover { margin: 0; padding:0; color:#333; text-decoration: underline;}

#mid-col #plan div.clearfix div.summry { position:absolute; top:40px; left:180px;}
#mid-col #plan div.clearfix img { width:150px; height:90px; position:absolute; top:-25px; left:-160px; padding:0; border:1px solid #DDD;}
#mid-col #plan div.clearfix div.link { position:absolute; top:8.0em; right:1.25em;}


#mid-col #plan1 { width:730px; height:11em; margin:0; padding:0;}
#mid-col #plan1 div.clearfix { width:100%; margin:0; padding:5px; color:#333; font-size:0.8em; position:relative;}
#mid-col #plan1 div.clearfix strong { margin: 0; padding:5px 0; color:#006CD7; font-size:1.2em; position:absolute; top:10px; left:280px; width:400px;}
#mid-col #plan1 div.clearfix div.summry { position:absolute; top:40px; left:280px;}
#mid-col #plan1 div.clearfix img { width:250px; height:150px; position:absolute; top:-25px; left:-280px; padding:0; border:1px solid #DDD;}

#mid-col #plan2 { width:730px; margin:0; padding:0;}
#mid-col #plan2 div.clearfix { width:100%; margin:0; padding:5px; color:#333; font-size:0.8em;}
#mid-col #plan2 div.clearfix strong { margin: 0; padding:5px 0; color:#006CD7; font-size:1.2em;}
#mid-col #plan2 div.clearfix img { margin:0 15px; padding:0; border:1px solid #DDD;}

#mid-col #plan2 div.clearfix table { width: 60%; margin: 5px; /*padding:1px;*/ font-size: 1.0em; background: #fff; border-style: solid; border-color: #ddd; border-width: 1px 0 0 1px;}
#mid-col #plan2 div.clearfix td { margin: 5px; padding: 5px; font-size: 1.0em; /*background:#EFEFEF;*/ border-style: solid; border-color: #ddd; border-width: 0 1px 1px 0;}
#mid-col #plan2 div.clearfix th { margin: 5px; padding: 5px; font-size: 1.0em; background: #EFEFEF; border-style: solid; border-color: #ddd; border-width: 0 1px 1px 0;}

#mid-col #plan2 div.clearfix #floor table { width:700px; margin:5px; padding:1px; font-size:1.0em; background: #DDD;}
#mid-col #plan2 div.clearfix #floor th { margin:5px; padding:5px; font-size:1.0em; background:#EFEFEF;}
#mid-col #plan2 div.clearfix #floor td { margin:5px; padding:5px; font-size:1.0em; background:#FFF; text-align:center;}

#mid-col h5 {
	margin:15px 0 8px 0; padding:5px 10px;
	font-size:1.0em; color:#006CD7;
	border-left: 3px solid #00B7AC;
}

/*
--------------------------------------------------
	宴会場用
-------------------------------------------------- */
#mid-col #floor { width:730px; margin:0; padding:0;}
#mid-col #floor .clearfix { width:170px; margin:0; padding:5px; float:left;}
#mid-col #floor .clearfix img { width:170px; height:124px; margin:0; padding:0; border:none;}
#mid-col #floor .clearfix h4 { width:170px; margin:0; padding:0; font-size:0.8em; color:#006CD7;}
#mid-col #floor .clearfix h4 a { color:#006CD7; text-decoration:none;}
#mid-col #floor .clearfix h4 a:hover { color:#333; text-decoration:underline;}
#mid-col #floor .clearfix span { margin:0; padding:0; font-size:0.8em;}
#mid-col #floor hr { width:100%; height:1px; border:1px solid #FFF; clear:both;}
#mid-col #floor img.banner { width:auto; height:auto; margin:0 0 10px 0; padding:0; border: none; float:right;}

#mid-col hr {width:730px; height:1px; border:1px solid #DDD;}

.tabberlive .tabbertabhide {
 display:none;
}


/*
--------------------------------------------------
	banquet 詳細ver
-------------------------------------------------- */

.f_main { width:730px; margin:0 auto; padding:0; border-top: 1px solid #A0D2F2; border-right: 1px solid #A0D2F2;}
.f_menu { width:230px; margin:0 15px 0 0; padding:0; float:left;}
.f_text { width:450px; margin:0; padding:0 10px 15px; float:left;}


.f_menu ul { width:230px; margin-bottom:10px; color:#006CD7; float:right;}
.f_menu li { padding:10px 0 5px 15px; border-top:1px solid #A0D2F2; border-right:1px solid #A0D2F2; border-left:1px solid #FFF; background: url(../img/restaurant/bg.gif) 0 0 no-repeat; display:block;}
.f_menu li:hover { background: #F1FBFB; border-left:1px solid #A0D2F2;}
.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;}
.f_menu ul li a:hover { color:#F89448; text-decoration:none; display:block;}


.f_menu li#s_menu01 { background:none; border-top: none; border-left: 1px solid #A0D2F2; border-right: none;}

.f_menu li#s_menu01 { background:none; border-top: none; border-left: 1px solid #A0D2F2; border-right: none;}

.f_menu li#s_menu10,
.f_menu li#s_menu14,
.f_menu li#s_menu20,
.f_menu li#s_menu22,
.f_menu li#s_menu24,
 { border-bottom:1px solid #A0D2F2;}

.f_menu li#s_menu_ex,
 { color:#006CD7; background:#A0D2F2;}

.f_menu li#s_menu01 a,
 { background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}

.f_menu li#s_menu23 a,
.f_menu li#s_menu24 a,
 { padding-left:25px; background:url(../img/common/arrow_gray.gif) 17px 5px no-repeat;}

#menu01 li#s_menu01,
#menu02 li#s_menu02,
#menu03 li#s_menu03,
#menu04 li#s_menu04,
#menu05 li#s_menu05,
#menu06 li#s_menu06,
#menu07 li#s_menu07,
#menu08 li#s_menu08,
#menu09 li#s_menu09,
#menu10 li#s_menu10,
#menu11 li#s_menu11,
#menu12 li#s_menu12,
#menu13 li#s_menu13,
#menu14 li#s_menu14,
#menu15 li#s_menu15,
#menu16 li#s_menu16,
#menu17 li#s_menu17,
#menu18 li#s_menu18,
#menu19 li#s_menu19,
#menu20 li#s_menu20,
#menu21 li#s_menu21,
#menu22 li#s_menu22,
#menu23 li#s_menu23,
#menu24 li#s_menu24,
 { background:none; border-left:1px solid #A0D2F2; border-right:none;}

#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,
#menu07 li#s_menu07 a,
#menu08 li#s_menu08 a,
#menu09 li#s_menu09 a,
#menu10 li#s_menu10 a,
#menu11 li#s_menu11 a,
#menu12 li#s_menu12 a,
#menu13 li#s_menu13 a,
#menu14 li#s_menu14 a,
#menu15 li#s_menu15 a,
#menu16 li#s_menu16 a,
#menu17 li#s_menu17 a,
#menu18 li#s_menu18 a,
#menu19 li#s_menu19 a,
#menu20 li#s_menu20 a,
#menu21 li#s_menu21 a,
#menu22 li#s_menu22 a,
#menu23 li#s_menu23 a,
#menu24 li#s_menu24 a,
 { background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}

.banquet { width:440px; padding:10px 0;}
.banquet table.rate { width:425px; font-size:0.75em; line-height:1.3em; margin-bottom:10px; border:solid #CCC; border-width: 1px 0 0 1px; table-layout: fixed;}
.banquet table.rate th,
.banquet table.rate td { font-weight: normal; padding: 6px 3px; border:solid #CCC; border-width: 0 1px 1px 0; background: #F5FAFD;}
.banquet table.rate th { background: #DAEFFE;}

.banquet div.photos { width:440px; margin-bottom: 10px; padding:0;}
.banquet div.photos p { font-size: 0.75em; text-align: center; margin-bottom:10px; padding:3px;}
.banquet div.photos p img { width:420px; height:200px; margin-bottom: 3px; padding:2px; border:1px solid #AAA; display: block;}

.banquet ul.note { width:440px; margin-left:15px; line-height: 1.3em;}
.banquet ul.note li { text-indent: -12px; margin: 2px 0; padding-left: 12px;}



.f_text img { margin:0; padding:1px; border: 1px solid #DDD;}
.f_text strong { color:#005B98;}
.f_text em { font-size:0.8em; color:#005B98; font-style:normal;}

.f_text p { padding:10px; color:#666;}

.f_text .f_text_photo_area { margin:10px 0; padding:5px; font-size:0.8em; border-top:1px solid #00B7AC; border-bottom:1px solid #00B7AC;}

.f_text h4 { margin:10px 0 10px 0; padding:5px; color:#FFF; background:#006CD7;}



.f_text .topics { width:420px; margin:0; padding:10px; font-size:0.8em; border-top:1px dashed #DDD;}
.f_text .topics_end { border-bottom:1px dashed #DDD;}

.f_text .topics strong { color:#005B98;}
.f_text .topics img	{ width:150px; height:60px; margin:0 10px 10px 0; padding:1px; float:left;}
.f_text .topics em	{ font-size:1.0em; font-style:normal; color:#005B98;}




.concept { width:680px; margin: 20px 5px 15px; padding:10px;line-height: 1.5em;
 border-top: 1px solid #EEE; border-left: 1px solid #DDD; border-right: 2px solid #CCC; border-bottom: 1px solid #DDD;}
.price { font-size:1.5em; color:#333; font-weight:normal; font-family:'arial','Century Gothic','ヒラギノ角ゴ Pro W3',sans-serif;}
.photo { margin-bottom:10px; padding:0 2px 3px 0; border-right: 2px solid #006CD7; border-bottom: 2px solid #006CD7;}
.club { margin:5px 0 25px 0; padding:10px 5px; background: #FFF; border-top:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center;}