@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
ROOM CSS Document
------------------------- */


/*
--------------------------------------------------
	top-col
-------------------------------------------------- */
#room #top-col { width:800px; height:250px; margin: 0; padding: 0; vertical-align:top;}
#room #top-col-blank { width:800px; height:250px; margin: 0 !important; padding: 0; vertical-align:bottom; clear: both;}
#room #top-col2 { width:800px; height:220px; margin: 0; padding: 0; vertical-align:top;}

/*
--------------------------------------------------
	header ƒŒƒ“ƒ^ƒ‹ƒOƒbƒY
-------------------------------------------------- */
#header_rental {
	width:660px; height:70px; margin:0; padding:0;
	background:#FFF url(../img/common/header2.gif) bottom right no-repeat;
	border-bottom: 1px solid #DDD; border-top: 1px solid #DDD;
}
#header_rental h1 {
	width:170px; height:70px; margin:0; padding:0;
	float:left;
	background: url(../img/common/logo.jpg) 0 0 no-repeat;
	text-indent: -10000px; text-decoration: none;
	display: block;
}
#header_rental h2 {
	margin: 0; padding: 30px 0 0 120px;
	font-size: 0.9em; color:#006CD7;
}
#header_rental h2 span {
	font-family: Verdana, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif; color: #999; font-size: 0.8em; line-height: 1.5em;
	border-top: 1px solid #AAA;
}

#room_rental #mid-col {	width:600px;}
#room_rental #mid-col h5 {
	margin:15px 0 8px 0; padding:5px 10px;
	font-size:1.0em; color:#006CD7;
	border-left: 3px solid #00B7AC;
}
#room_rental #footer {
	width:640px; margin:20px 0 0 0; padding: 10px 10px 0;
	color:#FFF;
	background: #4F8AC8;
	display:block;
	clear:both;
}


/*
--------------------------------------------------
	mid-col •”‰ฎver
-------------------------------------------------- */
#mid-col h2 {
	width:500px; height:75px; margin:15px 0 8px 0;
	text-indent:-10000px;
	background:url(../img/common/title_room.jpg) 0 0 no-repeat;
	float:left;
}

#mid-col h3 {
	margin:15px 0 8px 0;
	font-size:2.0em; color:#333; font-weight:normal; font-family:'‚l‚r –พ’ฉ','Century Gothic','ƒqƒ‰ƒMƒmŠpƒS Pro W3',sans-serif;
}

#mid-col h3.fernch {width:500px; height:50px; margin:0 0 8px 0; background:url(../img/room/title_french.jpg) 0 0 no-repeat; text-indent:-10000px;}

#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;
}
#mid-col h6 {
	margin:15px 0 5px 0; padding:5px 10px;
	font-size:0.8em; color:#006CD7;
}


#mid-col h2.executive_floor			{ background:url(../img/room/title_executive_floor.jpg) 0 0 no-repeat;}
#mid-col h2.superior				{ background:url(../img/room/title_superior.jpg) 0 0 no-repeat;}
#mid-col h2.deluxe					{ background:url(../img/room/title_deluxe.jpg) 0 0 no-repeat;}
#mid-col h2.luxury					{ background:url(../img/room/title_luxury.jpg) 0 0 no-repeat;}
#mid-col h2.corner_sweet			{ background:url(../img/room/title_corner_sweet.jpg) 0 0 no-repeat;}
#mid-col h2.deluxe_sweet			{ background:url(../img/room/title_deluxe_sweet.jpg) 0 0 no-repeat;}
#mid-col h2.ex_superior				{ background:url(../img/room/title_ex_superior.jpg) 0 0 no-repeat;}
#mid-col h2.ex_deluxe				{ background:url(../img/room/title_ex_deluxe.jpg) 0 0 no-repeat;}
#mid-col h2.ex_luxury				{ background:url(../img/room/title_ex_luxury.jpg) 0 0 no-repeat;}
#mid-col h2.ex_deluxe_sweet			{ background:url(../img/room/title_ex_deluxe_sweet.jpg) 0 0 no-repeat;}
#mid-col h2.ex_corner_sweet			{ background:url(../img/room/title_ex_corner_sweet.jpg) 0 0 no-repeat;}
#mid-col h2.ex_junior_sweet			{ background:url(../img/room/title_ex_junior_sweet.jpg) 0 0 no-repeat;}
#mid-col h2.ex_grandpacific_sweet	{ background:url(../img/room/title_ex_grandpacific_sweet.jpg) 0 0 no-repeat;}
#mid-col h2.ex_governor_sweet		{ background:url(../img/room/title_ex_gocernor_sweet.jpg) 0 0 no-repeat;}
#mid-col h2.ex_ambassador_sweet		{ background:url(../img/room/title_ex_ambassador_sweet.jpg) 0 0 no-repeat;}
#mid-col h2.ex_royal_sweet			{ background:url(../img/room/title_ex_royal_sweet.jpg) 0 0 no-repeat;}

#mid-col #floor { width:730px; margin:0; padding:0;}
#mid-col #floor div.clearfix { width:350px; margin:0; padding:5px; color:#3f593a; float:left;}
#mid-col #floor div.clearfix img { margin:0; padding:0; border:none;}

#mid-col ul li a { color:#333; text-decoration:none;}
#mid-col ul li a:hover { color:#006CD7; text-decoration:underline;}

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

#mid-col div.amenity table { width:450px; font-size: 0.75em; line-height: 1.3em; margin-bottom: 10px; border: 1px solid #CCC; border-width: 1px 0 0 1px; /*table-layout: fixed;*/}
#mid-col div.amenity table th,
#mid-col div.amenity table td { font-weight: normal; padding: 6px 2px; border: 1px solid #CCC; border-width: 0 1px 1px 0; background: #F5FAFD;}
#mid-col div.amenity table th { background: #DAEFFE; width:25%;}
#mid-col div.amenity table span { font-size:0.8em}
#mid-col div.amenity table em { font-size:80%; font-style:normal;}

/*
--------------------------------------------------
	room ฺื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_menu07,
.f_menu li#s_menu12,
.f_menu li#s_menu18,
 { 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_menu16 a,
.f_menu li#s_menu17 a,
.f_menu li#s_menu18 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,
#menu11 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,
 { 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,
#menu11 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,
 { background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}


.room { width:440px; padding:10px 0;}
.room 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;}
.room table.rate th,
.room table.rate td { font-weight: normal; padding: 6px 3px; border:solid #CCC; border-width: 0 1px 1px 0; background: #F5FAFD;}
.room table.rate th { background: #DAEFFE; font-size: 85%;}

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

.room ul.note { width:440px; margin-left:15px; line-height: 1.3em;}
.room 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','ƒqƒ‰ƒMƒmŠpƒS 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;}


#mid-col div.amenity table.pricelist { width:450px; font-size: 0.75em; line-height: 1.3em; margin-bottom: 10px; border: 1px solid #CCC; border-width: 1px 0 0 1px; text-align:center;}
#mid-col div.amenity table.pricelist th,
#mid-col div.amenity table.pricelist td { font-weight: normal; padding: 6px 2px; border: 1px solid #CCC; border-width: 0 1px 1px 0; background: #F5FAFD;}
#mid-col div.amenity table.pricelist th { background: #DAEFFE; width:15%;}
#mid-col div.amenity table.pricelist th{ background: #DAEFFE;}
#mid-col div.amenity table.pricelist th.r_name{ width: 25%; border-right: none;}
#mid-col div.amenity table.pricelist th.r_type{ width: 25%; border-right: none;}
#mid-col div.amenity table.pricelist th.r_width{ width: 10%;}
#mid-col div.amenity table.pricelist th.charge{ width: 20%;}
#mid-col div.amenity table.pricelist span { font-size:0.8em}
#mid-col div.amenity table.pricelist em { font-size: 75%; font-style:normal;}