@charset "utf-8";
/* CSS Document */

/*---------------------------------
		BaseCSS
---------------------------------*/

/* header */
#header { margin:0; padding:5px 0; position:relative; background-image:url(img/header_bg.png); background-position:left top; background-repeat:no-repeat;}

/* container */
#container {}

#content { display:inline-block; padding:15px 0; background:url(../img/bg_top_content.png) left top repeat-x;}

#left { display:inline; float:left; width:680px; margin:0;}
#right { display:inline; float:right; width:230px; margin:0 20px;}

div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;} 

/* left */
#left div.article { margin:0 0 20px 0;}
#left div.article h2 {}
#left div.article h2.Nontext {}
#left div.article div.text { font-size:80%;}

#left div.type01 {}
#left div.type01 h2 {}
#left div.type01 h2.Nontext { background-position:left top; background-repeat:no-repeat; height:18px;}
#left div.type01 div.text { margin:5px 0;}
#left div.type01 div.text h3 { margin:10px 0 3px 0; background-color:#1D2934; position:relative;}
#left div.type01 div.text h3.Nontext { background-position:left top; background-repeat:no-repeat; height:18px;}
#left div.type01 div.text h3 a.more { position:absolute; left:600px; top:2px; padding:0; text-indent:0;}
#left div.type01 div.text h3 a.more img { vertical-align:middle;}

#left div.type02 {}
#left div.type02 h2 {}
#left div.type02 h2.Nontext {}
#left div.type02 div.text {}


/* right */
#right div.article {}
#right div.article h2 {}
#right div.article h2.Nontext {}
#right div.article div.text { font-size:80%;}
#right div.article .info{ font-size:80%; padding:0 5px; color:#CEA973; font-weight:bold; text-decoration:underline; }


#right div.type01 { border:#721A54 solid 1px; margin:5px;}
#right div.type01 h2 { margin:3px 3px; font-size:90%;}
#right div.type01 h2.Nontext { background-position:left top; background-repeat:no-repeat;}
#right div.type01 div.text { margin:0 5px; font-size:70%;}
#right div.type01 div.bottomLink { margin:0; background-color:#721A54; text-align:right;}
#right div.type01 div.bottomLink a {}

#right div.type02 { margin:10px;}
#right div.type02 h2 {}
#right div.type02 h2.Nontext {}
#right div.type02 div.text { text-align:right;}

#right div.type03 { border:#8C4472 solid 1px; margin:5px;}
#right div.type03 h2 { margin:3px 3px; font-size:90%;}
#right div.type03 h2.Nontext { background-position:left top; background-repeat:no-repeat;}
#right div.type03 div.text { margin:0 5px; font-size:70%;}
#right div.type03 div.bottomLink { margin:0; background-color:#314556; text-align:right;}
#right div.type03 div.bottomLink a {}

#right div.type04 { margin:5px 0; border:none;}
#right div.type04 h2 {}
#right div.type04 h2.Nontext {}
#right div.type04 div.text { margin:0;}
#right div.type04 div.text.mb20 { margin:0 0 20px;}

#right div.typeIndexCheckin {}
#right div.typeIndexCheckin div.text h4 { margin:10px 0 0 10px; padding:0 0 0 15px; background-image:url(img/icon/square_index_checkin.png); background-position:left 50%; background-repeat:no-repeat;}

#right div.typeBestPrice { background-color:#fff; margin:5px; }
#right div.typeBestPrice div.text { padding:5px; font-size:100%; }
#right div.typeBestPrice div.text h3 { font-size:75%; color:#721A54; line-height:1.3; background:none; padding:5px 5px 0; margin:0; }
#right div.typeBestPrice div.text p  { font-size:70%; color:#000; line-height:1.6; padding:5px 5px 0; margin:0; }

/* 20101015追記 */
#container #right div.tripadviser { margin:30px 0; padding:10px 5px; background:#FFF;}
#container #right div.tripadviser h2 {}
#container #right div.tripadviser div.text { font-size:75%;}
#container #right div.tripadviser div.text div.kuchikomi { text-align:center; margin:0 auto; height:200px; width:210px;}
* html #container #right div.tripadviser div.text div.kuchikomi { text-align:center; margin:0 auto 0 5px; height:200px; width:210px;}
#container #right div.tripadviser div.text div.kuchikomi iframe { height:200px; width:210px;}
* html #container #right div.tripadviser div.text div.kuchikomi iframe { height:200px; width:210px;}
#container #right div.tripadviser div.text p { font-size:90%; color:#000;}
#container #right div.tripadviser div.text p a { color:#000;}


div.topics { width:665px; margin:20px 0 15px; padding:0 10px 0; background:url(../img/topic_bg.png) 10px top repeat-y;}
div.topics h3 { background:none; border:none;}
div.topics div.text { padding:0 20px;}
div.topics div.text dl :after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
div.topics div.text dl  { display:inline-block;}*/
/* for macIE \*/
* html div.topics div.text dl  { height:1%; }
div.topics div.text dl { display:block; margin:0 10px 0;}
div.topics div.text dl dt { width:100px; margin:20px 0 0; padding:0; float:left; }
div.topics div.text dl dd { width:460px; margin:20px 0 0; padding:0; float:left; }
div.topics div.text dl dd a { margin:0; padding:0; display:inline; }

/*---------------------------------
		PageCSS
---------------------------------*/

#Mainvisual { position:relative; height:300px;}
#Mainvisual .offer { z-index:1000; position:absolute; left:360px; top:205px;}
#Mainvisual .reserve { position:absolute; right:0; top:0; width:260px; height:300px; background:url(../img/reserve_box_top.jpg) left top no-repeat;}
#Mainvisual .reserve .btn01 { position:absolute; left:55px; bottom:75px;}
#Mainvisual .reserve .btn02 { position:absolute; left:20px; bottom:20px;}
#Mainvisual .reserve .ymd { position:absolute; left:40px; top:90px;}
#Mainvisual .reserve .night { position:absolute; right:70px; top:125px;}
#Mainvisual .reserve .guest { position:absolute; right:70px; top:160px;}

#topMenu { display:block; margin-bottom:20px;}
#topMenu ul {}
#topMenu ul li { float:left; width:215px; margin:0 0 15px 10px; text-align:center;}
#topMenu ul li img {}
#topMenu ul li p { font-size:80%; color:#FFF; text-align:left;}