@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
-------------------------------------------------- */
#facilities #top-col { width:800px; height:250px; margin: 0; padding: 0; vertical-align:top;}
#facilities #top-col-blank { width:800px; height:250px; margin: 0 !important; padding: 0; vertical-align:bottom; clear: both;}
#facilities #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_facilities.jpg) 0 0 no-repeat;
	float:left;
}
#mid-col h2.verre_et_cour {background:url(../img/common/title_verre_et_cour.jpg) 0 0 no-repeat;}
#mid-col h2.neighborhood {background:url(../img/common/title_neighborhood.jpg) 0 0 no-repeat;}
#mid-col h2.fitness {background:url(../img/facilities/title_fitness.jpg) 0 0 no-repeat;}
#mid-col h2.businesscenter {background:url(../img/facilities/title_businesscenter.jpg) 0 0 no-repeat;}
#mid-col h2.pool {background:url(../img/facilities/title_pool.jpg) 0 0 no-repeat;}
#mid-col h2.yamano_hairsalon {background:url(../img/facilities/title_yamano_hairsalon2.jpg) 0 0 no-repeat;}
#mid-col h2.abysse {background:url(../img/facilities/title_abysse.jpg) 0 0 no-repeat;}
#mid-col h2.shinra {background:url(../img/facilities/title_shinra.jpg) 0 0 no-repeat;}
#mid-col h2.yamano_esthe {background:url(../img/facilities/title_yamano_esthe.jpg) 0 0 no-repeat;}
#mid-col h2.parking {background:url(../img/facilities/title_parking.jpg) 0 0 no-repeat;}
#mid-col h2.gallery {background:url(../img/facilities/title_gallery.jpg) 0 0 no-repeat;}
#mid-col h2.car_wash {background:url(../img/facilities/title_car_wash.jpg) 0 0 no-repeat;}
#mid-col h2.bakery {background:url(../img/facilities/title_bakery.jpg) 0 0 no-repeat;}
#mid-col h2.clinic {background:url(../img/facilities/title_clinic.jpg) 0 0 no-repeat;}
#mid-col h2.pccorner {background:url(../img/facilities/title_pccorner.jpg) 0 0 no-repeat;}
#mid-col h2.retacar {background:url(../img/facilities/title_retacar.jpg) 0 0 no-repeat;}
#mid-col h2.runpit {background:url(../img/facilities/title_runpit.jpg) 0 0 no-repeat;}
#mid-col h2.running {background:url(../img/facilities/title_running.jpg) 0 0 no-repeat;}

#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 h5 { height: 35px;	margin:15px 0 25px 0; padding:0; text-indent:-10000px; }

#mid-col #floor { width:730px; margin:0; padding:0;}
#mid-col #floor_guide { width:730px; margin:0 0 15px 0; padding:0;}
#mid-col #floor div.clearfix { width:350px; margin:0; padding:5px; float:left;}
#mid-col #floor div.f_left { width:150px; margin:0 10px 0 0; padding:0; float:left;}
#mid-col #floor div.f_left img { width:150px; height:90px; margin:0; padding:0; border: 1px solid #DDD;}
#mid-col #floor div.f_right { width:180px; margin:0; padding:5px; font-size:0.8em; float:right;}
#mid-col #floor div.f_right h4 { margin:0; padding:0; font-size:1.2em; color:#006CD7;}
#mid-col #floor div.f_right h4 a { color:#006CD7; text-decoration:none;}
#mid-col #floor div.f_right h4 a:hover { color:#333; text-decoration:underline;}


#mid-col #floor div.f_right span { margin:0; padding:0; font-size:0.8em;}
#mid-col #floor div.f_right img { width:59px; height:25px; margin:0 0 10px 0; padding:0; border: none; float:left;}
#mid-col #floor hr { width:100%; height:1px; border:1px solid #DDD; 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 #DDD;}


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

#area01,#area02,#area03,#area04,#area05,#area06,#area07,#area08,#area09,#area10,#area11,#area12,
#area13,#area14,#area15,#area16,#area17,#area18,#area19,#area20,#area21,#area22,#area23,#area24,
#area25,#area26,#area27,#area28,#area29,#area30
{ position:relative;}

#f01,#f02,#f03,#f04,#f05,#f06,#f07,#f08,#f09,#f10,#f11,#f12,
#f13,#f14,#f15,#f16,#f17,#f18,#f19,#f20,#f21,#f22,#f23,#f24,#f25,#f26,#f27,#f28,#f29,#f30
{border:1px solid #999; background:#FFF; padding:5px; width:auto; z-index:100; visibility:hidden;
position:absolute; top:35px; left:50px;}

#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,#f16 p,#f17 p,#f18 p,#f19 p,#f20 p,#f21 p,#f22 p,#f23 p,#f24 p,#f25 p,#f26 p,#f27 p,#f28 p,#f29 p,#f30 p
{background:none; margin:0; padding:0;}


/*
--------------------------------------------------
	facilities 詳細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; font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;}

.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_menu07 { 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,
#menu07 li#s_menu07,
#menu08 li#s_menu08,
#menu09 li#s_menu09,
#menu09 li#s_menu10,
#menu09 li#s_menu11 { background:url(../img/common/arrow_gray.gif) 25px 15px no-repeat; 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,
#menu08 li#s_menu09 a,
#menu09 li#s_menu10 a,
#menu09 li#s_menu11 a { background:url(../img/common/arrow_gray.gif) 0 5px no-repeat;}

#menu07 li#s_menu07 { border-bottom: 1px solid #A0D2F2;}

.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 0; float:left; font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;}
.f_text img { margin:0 0 0 15px; paddiing:0; border: 1px solid #DDD;}
.f_text strong { font-size:0.8em; 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:440px; margin:10px 0; padding:0;}
.f_text dt { width:400px; height: 25px; padding:0; color:#006CD7; font-weight:bold;}
.f_text dd { width:420px; margin:0 0 10px 20px; padding:0;}
.f_text dd span { padding:3px; line-height:1.75em; color:#006CD7; background:#E9EEF2;}

.f_text dl.campaign { width:440px; margin:10px 0 10px 10px; padding:0;}
.f_text dl.campaign dt { width:400px; padding: 0; height: 1.2em; color:#006CD7; font-weight:bold;}
.f_text dl.campaign dd { width:420px; margin:5px 0 10px 15px; padding:0;}
.f_text dl.campaign dd span{ color: #FF6600; background: none; line-height:1.4em;}

.f_text ul.amenity { width:100%;}
.f_text ul.amenity li { margin:10px 0; padding:0;}
.f_text ul.amenity li p { margin-left:10px; padding:0; color:#666;}

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

.f_text h5.fitness01 { background:url(../img/facilities/h5_fitness01.jpg) 0 0 no-repeat;}
.f_text h5.fitness02 { background:url(../img/facilities/h5_fitness02.jpg) 0 0 no-repeat;}
.f_text h5.fitness03 { background:url(../img/facilities/h5_fitness03.jpg) 0 0 no-repeat;}
.f_text h5.fitness04 { background:url(../img/facilities/h5_fitness04.jpg) 0 0 no-repeat;}
.f_text h5.fitness05 { background:url(../img/facilities/h5_fitness05.jpg) 0 0 no-repeat;}
.f_text h5.fitness06 { background:url(../img/facilities/h5_fitness06.jpg) 0 0 no-repeat;}
.f_text h5.fitness07 { background:url(../img/facilities/h5_fitness07.jpg) 0 0 no-repeat;}
.f_text h5.fitness08 { background:url(../img/facilities/h5_fitness08.jpg) 0 0 no-repeat;}
.f_text h5.fitness09 { background:url(../img/facilities/h5_fitness09.jpg) 0 0 no-repeat;}
.f_text h5.fitness09_01 { background:url(../img/facilities/h5_fitness09_01.jpg) 0 0 no-repeat;}
.f_text h5.yamano_hairsalon { background:url(../img/facilities/h5_yamano_hairsalon.jpg) 0 0 no-repeat;}


.f_text .shop { width:440px; margin:0; padding:0;}
.f_text .shop_photo	{ width:440px; margin:0; padding:0;}
.f_text .shop_photo img	{ margin:0; padding:0; float:left;}
.f_text .shop_text	{ width:440px; padding:5px;}
.f_text .shop_text img	{ margin:5px 0 0 10px; padding:0; border:none;}

.f_text .bakery { width: 440px; margin: 0 0 5px 0; padding: 5px 0; border-bottom: 1px dashed #DDD; clear: both;}
.f_text .bakery_half { width: 220px; margin:0 0 5px 0; padding: 5px 0; border-bottom:1px dashed #DDD; float:left;}
.f_text .bakery p.price{ padding:0; margin:0; font-size:0.8em; color:#006CD7; text-align:right;}

.f_text .bakery_photo	{ width: 210px; float: left;}
.f_text .bakery_photo img { width: 200px; height: 138px; margin: 0; padding: 0;}
.f_text .bakery_text { width: 210px; padding: 5px; font-size: 0.8em; color: #333; float: right;}
.f_text .bakery_text strong	{ font-size: 1.0em;}
.f_text .bakery_text p.price{ padding:0; margin:0; font-size:1.0em; color:#006CD7; text-align:right;}

/* clear */
.f_text .bakery:after{
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; }
.f_text .bakery{ zoom: 1;}
/*
--------------------------------------------------
	gallery 
-------------------------------------------------- */

strong.g_title { color:#333; font-size:1.2em; font-style:normal; font-family:'Century Gothic',sans-serif;}
strong.g_stitle { color:#333; font-size:1.0em; font-style:normal; font-family:'Century Gothic',sans-serif;}
strong.g_sstitle { color:#333; font-size:0.8em; font-weight:normal; font-family:'Century Gothic',sans-serif;}

.move img { border:none;}
.small { font-size:0.8em;}
.check { border:1px solid #006CD7;}
.check strong { font-size:1.0em;}

ul.gallery_list {margin: 10px 0 0 15px;}
ul.gallery_list li { line-height: 140%;}

/*
--------------------------------------------------
	clinic 
-------------------------------------------------- */

.clinic_intro { /*border:1px solid #ccc;*/ padding:10px 0 0 5px;}
.clinic_intro p{ margin: 0; padding: 5px 0 0 0; text-indent: 1em;}
.clinic_intro h6{ color:#006CD7; font-size: 85%; margin: 0 0 15px 0; padding: 0;}

/*
--------------------------------------------------
	fitness追加 
-------------------------------------------------- */
.f_text table.program { width: 250px; margin-top: 0px; padding: 0px; background: #33a2ec;}
.f_text .program th { margin: 0; padding:5px; color: #005B98; background: #E9EEF2;}
.f_text .program td { margin: 0; padding:5px; background: #FFF;}
.f_text p.ph_program { margin: 0; padding: 0; float: right;}

/*
--------------------------------------------------
	fitness追加 
-------------------------------------------------- */
.f_text ul.pool_txt{ margin: 10px 0; color: #666666;}
.f_text ul.pool_txt li{ padding: 0 0 3px 0;}

/*
--------------------------------------------------
	fitness入会キャンペーン 
-------------------------------------------------- */
.f_text .box_campaign{ margin: 15px 0; padding: 5px 10px; border:1px solid #DC143C; background: #fff}
.f_text .box_campaign h6{ color: #DC143C; margin: 5px 0; font-size: 85%;}
.f_text .box_campaign h6 span{ font-style: normal; font-size: 90%; font-weight: normal;}
.f_text .box_campaign p{ margin: 0 0 5px 15px; padding: 0; line-height: 140%; color: #DC143C;}
.f_text .box_campaign p strong.sp-price{ color:#DC143C; font-size: 110%;}

.f_text .esthe_event p{ margin-top: 0; padding-top: 5px;}
#mid-col .esthe_event h6{ margin: 15px 0 5px 0; padding: 0; color: #006cd7;}
.f_text .esthe_event .esthe_box{ border: 1px solid #006cd7; background: #E6F2FF; padding: 10px 5px 0 10px;}

.f_text dl.history { line-height: 140%; margin-left: 10px;}
.f_text dl.history dt{ width: 60px; float: left; clear: both; font-weight: normal; color: #555;}
.f_text dl.history dd{ width: 350px; margin-left: 70px;}