@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
Restaurant&Bar CSS Document
------------------------- */


/*
--------------------------------------------------
	top-col
-------------------------------------------------- */
#restaurant #top-col { width:800px; height:250px; margin: 0; padding: 0; vertical-align:top;}
#restaurant #top-col-blank { width:800px; height:250px; margin: 0 !important; padding: 0; vertical-align:bottom; clear: both;}
#restaurant #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_restaurant.jpg) 0 0 no-repeat;
	float:left;
}
#mid-col h3 {margin:0; padding:0; font-size:1.8em; color:#006CD7;}

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


#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:150px; 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:100%; height:1px; border:1px solid #FFF; clear:both;}


/*
--------------------------------------------------
	restaurant キャッチコピー
-------------------------------------------------- */

#area01,#area02,#area03,#area04,#area05,#area06,#area07,#area08,#area09,#area10,#area11,#area12,#area13,#area14,#area15
{ position:relative;}

#f01,#f02,#f03,#f04,#f05,#f06,#f07,#f08,#f09,#f10,#f11,#f12,#f13,#f14
{border:1px solid #999; background:#FFF; padding:5px; width:165px; z-index:100; visibility:hidden; position:absolute; top:75px; left:5px;}

#f25
{border:1px solid #999; background:#FFF; padding:5px; width:300px; z-index:100; visibility:hidden; position:absolute; top:35px; left:-300px;}
#f15
{border:1px solid #999; background:#FFF; padding:5px; width:300px; z-index:100; visibility:hidden; position:absolute; top:75px; left:5px;}

#f01 p,#f02 p,#f03 p,#f04 p,#f05 p,#f06 p,#f07 p,#f08 p,#f09 p,#f10 p,#f11 p,#f12 p,#f13 p,#f14 p,#f15 p,#f25 p
{background:none; margin:0; padding:0;}


/*
--------------------------------------------------
	restaurant サイドメニュー（新着情報）
-------------------------------------------------- */

#sideBar {	position:absolute;
			width:auto; height:auto; z-index:100; top:0px; right:0;
			border-right:1px solid #A0D2F2;
			background:url(../img/restaurant/bg2.png) 25px 0 no-repeat;
}
#sideBarTab		{float:left; height:120px; width:25px;}
#sideBarTab img {border:0px solid #FFF;}

#sideBarContents		{overflow:hidden !important;}
#sideBarContentsInner	{width:400px; font-size:0.8em;}
#sideBarContentsInner p	{padding:15px 10px 5px 0;}
#sideBarContentsInner #topics		 {height:140px; margin:15px; padding:10px; border-bottom:1px dashed #A0D2F2; background:#FEFEFE; clear:both;}
#sideBarContentsInner #topics strong {color:#006CD7;}
#sideBarContentsInner #topics img	 {width:120px; padding:5px 10px 10px 0; float:left;}
#sideBarContentsInner #topics span	 {}

/*
--------------------------------------------------
	restaurant 通常（新着情報）
-------------------------------------------------- */

/*#whatsnew { width:730px; margin:0 auto; padding:0; font-size:0.8em;}

#whatsnew #topics		 {width:350px; margin:0px; padding:5px; background:#FEFEFE; float:left;}
#whatsnew #topics strong {color:#006CD7;}
#whatsnew #topics img	 {width:120px; padding:5px 10px 10px 0; float:left;}
#whatsnew #topics span	 {}*/
/*
--------------------------------------------------
	restaurant 通常（CMS）
-------------------------------------------------- */

#mid-col #news-col { width:730px; height: 8em; margin:0 auto; padding:0;}

#mid-col #news-col div.clearfix { width: 100%; margin:0px; padding:5px; background: #ffffff; position: relative; font-size: 0.8em;}
#mid-col #news-col div.clearfix strong { position: absolute; color: #006CD7; top: 15px; left: 140px; width: 400px;}
#mid-col #news-col div.clearfix a { margin: 0; padding: 0; color: #006CD7; text-decoration: none; cursor: pointer;}
#mid-col #news-col div.clearfix a:hover { margin: 0; padding: 0; color: #333; text-decoration: underline;}
#mid-col #news-col div.clearfix div.summry { position: absolute; top: 40px; left: 140px;}
#mid-col #news-col div.clearfix div.summry img{ width: 130px; height:100px; position: absolute; top: -25px; left: -140px; padding: 0;}
#mid-col  hr { clear: both; width:100%; height:1px; border:1px solid #ccc;}

/*
--------------------------------------------------
	restaurant 通常（CMS）
-------------------------------------------------- */

/*#mid-col #news-col { width:730px; margin:0 auto; padding:0; font-size: 0.8em;}

#mid-col #news-col strong { color:#006CD7;}
#mid-col #news-col strong a{ text-decoration: underline;}
#mid-col #news-col strong a:hover{ color: #006CD7; text-decoration: none;}
#mid-col #news-col div.clearfix { width: 100%; margin:0px; padding:5px; background: #ffffff;}
#mid-col #news-col div.clearfix img{ width: 120px; padding: 0 10px 0 0; float: left;}
#mid-col hr.whatsnew { width:100%; height:1px; border:1px solid #ccc; clear: both;}*/

/*
--------------------------------------------------
	restaurant 詳細タブメニュー
-------------------------------------------------- */
#restaurant-tabs { width:440px; margin:0; padding:0; float:right;}
#restaurant-tabs ul { width:440px; font-size:0.7em; line-height:1.3em; padding:3px; background:#FFF; float:left;}
#restaurant-tabs ul li { color:#DDD; display:block; float:left;}
#restaurant-tabs ul li a { color:#A0D2F2; margin:0; padding:5px 2px; text-decoration:none;}
#restaurant-tabs ul li a.current { color:#3366CC; margin:0; padding:8px; text-decoration:none;}
#restaurant-tabs ul li a:hover { color: #F89448; text-decoration:underline;}
#restaurant-tabs ul li a.current:hover { color:#F89448; text-decoration:underline;}
#restaurant .f_text hr {width:100%; height:1px; margin:0; padding:0; border:1px solid #FFFFFF; clear:both;}


/*
#restaurant-tabs ul {
	width: 450px;
	font-size: 0.7em;
	line-height: 1.3em;
	padding: 0;
	background: #FFF;
	float: left;
	}
#restaurant-tabs ul li { display: block; float: left;}
#restaurant-tabs ul li a {
	color: #A0D2F2;
	margin: 0 1px 3px 1px;
	padding: 5px 6px;
	border: solid #A0D2F2;
	border-width: 0 1px 1px;
	background: #FEFEFE;
	text-decoration:none;
	display: block;
	}
#restaurant-tabs ul li a.current {
	color: #3366CC;
	margin: 0 1px;
	padding: 5px 8px 8px;
	border: solid #006CD7;
	border-width: 0 1px 1px;
	border-top: 1px solid #FFF;
	background: #FFF;
	text-decoration:none;
	display: block;
	}
#restaurant-tabs ul li a:hover { color: #F89448; text-decoration:none;}
#restaurant-tabs ul li a.current:hover { color: #F89448; text-decoration:none;}
.f_text hr {width:100%; height:1px; margin:0; padding:0; border:1px solid #FFF; clear:both;}
*/

/*
--------------------------------------------------
	restaurant 詳細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_menu ul { width:230px; color:#006CD7;}
.f_menu li { width:230px; margin:0; padding:10px 5px; 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#s_menu00	  { background:none; border-top: none; border-left: 1px solid #A0D2F2; border-right: none;}
.f_menu li#s_menu14   { border-bottom:1px solid #A0D2F2;}
.f_menu li#s_menu_end { border-bottom:1px solid #A0D2F2;}

.f_menu li:hover { background: #F1FBFB; border-left:1px solid #A0D2F2; display:block;}

.f_menu ul li a { color:#006CD7; margin:0; padding-left:10px; background:url(../img/common/arrow_orengi.gif) 0 5px no-repeat; text-decoration:none; display:block;}
.f_menu ul li a:hover { color:#F89448; text-decoration:none; display:block;}
.f_menu li#s_menu00 a { background:url(../img/common/arrow_gray.gif) 0 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,
#menu_end li#s_menu_end
 { 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,
#menu_end li#s_menu_end a
 { background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}

#s_menu_list
{ font-size:1.0em; padding:5px 15px;}
#s_menu_list a
{ background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}

.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:0 10px 15px; float:left;}
.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 table.opentime { width:420px; margin-top:10px; padding:0 10px; border-top:1px solid #00B7AC; border-bottom:1px solid #00B7AC;}
.f_text table.opentime th { padding:5px; color:#00666A; font-weight:normal; vertical-align:top; border-right:1px solid #00B7AC; background:url(../img/restaurant/bg3.gif) right top no-repeat;}
.f_text table.opentime td { padding:5px;}

.f_text table.meal { width:440px; margin-top:10px; padding:5px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD; color:#005B98;}
.f_text table.meal th { padding:5px; font-weight:normal; text-align:left; vertical-align:top;}
.f_text table.meal td { padding:5px 15px 0 5px; color:#666;}
.f_text table.meal td.price { color:#005B98; text-align:right;}

.f_text .lunch { padding:15px; border:solid #DDD; border-width: 1px 1px 1px 0;}
.f_text .lunch .photo_images { margin-top:10px;}
.f_text .lunch .photo_caption { width:200px; padding:5px; font-size:0.8em; float:left;}
.f_text .lunch .photo_caption strong { font-size:1.2em; color:#005B98;}

.f_text .lunch strong { font-size:0.8em; color:#005B98;}
.f_text .lunch table { margin-top:10px; padding:5px; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD; color:#005B98;}
.f_text .lunch table th { padding:5px; font-weight:normal; text-align:left; vertical-align:top;}
.f_text .lunch table td { padding:5px 15px 0 5px; color:#666;}
.f_text .lunch table td.price {font-weight:bold;}
.f_text .lunch .tabbertab h3 { color:#006CD7;}

.f_text table.schedule { width:100%; margin-top:10px; padding:5px; color:#005B98; background:#EEE;}
.f_text table.schedule th { padding:5px; font-weight:normal; text-align:left; vertical-align:top; background:#EFF;}
.f_text table.schedule td { padding:5px 15px 0 5px; color:#666; background:#FFF;}

.f_text table.calendar { width:100%; margin-top:10px; padding:5px; color:#005B98; background:#EEE; border:none;}
.f_text table.calendar th { padding:5px; font-weight:normal; text-align:left; vertical-align:top; background:#EFF;}
.f_text table.calendar td { padding:5px 15px 0 5px; color:#666; background:#FFF;}
.f_text table.calendar th.holi,
.f_text table.calendar td.holi { color:red;}


.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;}


.btn-reserv { width:120px; height:27px; text-indent:-9999px; background:url(../img/common/reserv_btn.gif) 0 0 no-repeat; display:block; margin:0; padding:0;}
.btn-reserv:hover { background-position:0 -27px;}

.check { border:1px solid #006CD7;}
.check strong { font-size:1.0em;}


/*
--------------------------------------------------
	回り込み
-------------------------------------------------- */
#mid-col #restaurant #whatsnew img.left  {display: block; margin: 0; padding: 0; float:left;}
#mid-col #restaurant #whatsnew img.right {display: block; margin: 0; padding: 0; float:right;}
#mid-col #restaurant #whatsnew img.clear {clear:both;}

#mid-col #restaurant #whatsnew hr {width:100%; height:1px; margin:0; padding:0; border:1px solid #FFF; clear:both;}
#mid-col #restaurant #whatsnews hr {width:100%; height:1px; margin:0; padding:0; border:1px solid #FFF; clear:both;}
.f_text .lunch dl.kaiseki { width:90%; margin: 10px 0 0 10px;  color:#666;}
.f_text .lunch dl.kaiseki dt { width: 50px; float: left;}
.f_text .lunch dl.kaiseki dd { padding-left: 55px;}