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

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

/* container */
#container { background-image:url(img/page_container_bg.png); background-color:#000000; color:#000000; overflow:hidden;}

#container div.article { margin:10px 50px 20px 50px;}
#container div.article h2 {}
#container div.article h2.Nontext { height:auto;}
#container div.article div.text { font-size:80%;}

#container div.type01 {}
#container div.type01 h3 { padding:2px 10px; background-image:url(img/container_03_type01.jpg); background-position:left top; background-repeat:repeat-y; font-size:90%; font-weight:normal;}
#container div.type01 h3.Nontext { background-position:left top; background-repeat:no-repeat; height:18px; border:0;}
#container div.type01 div.text { margin:5px 0;}
#container div.type01 div.text h3 { margin:10px 0 3px 0; padding:3px; background-color:#1D2934;}
#container div.type01 div.text h3.Nontext { padding:0; height:18px; background-position:left top; background-repeat:no-repeat;}
#container div.type01 div.text p { margin:5px;}

#container h2 { margin:0 50px; position:relative; background-position:left top; background-repeat:no-repeat; border:0;}
#container h2 span.pagename { position:absolute; left:18px; top:58px; display:block; text-indent:0; font-size:90%;}
#container h2.Nontext { height:90px;}
#container h2.type02 { height:30px;}
#container h2 { position:relative; background-position:left top; background-repeat:no-repeat; border:0;}

#PageName #left, #PageGuestroom #left, #PageQandA #left, #PageRecruit #left, #PageReserved #left { display:inline; float:left; width:260px; padding:15px 0 15px 10px; background-color:#FFF; color:#000;}
#PageName #right, #PageGuestroom #right, #PageQandA #right, #PageRecruit #right, #PageReserved #right { display:inline; float:right; width:650px; padding:15px 10px 0 0; background-color:#FFFFFF; color:#000000;}

div.FootBack { clear:both; text-align:right; padding:3px; background-color:#000000; color:#FFFFFF;}
div.FootBack a { text-align:right;}

/* 20101015追記 */
#PageName, #PageGuestroom, #PageQandA, #PageRecruit, #PageReserved { height:100%; background-color:#FFFFFF;}


/* left */
#left a { color:#741E56;}

#left div.article { margin:0 0 20px 0;}
#left div.article h2 { margin:0;}
#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;}
#left div.type01 div.text h3.Nontext { background-position:left top; background-repeat:no-repeat; height:18px;}

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

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

#left div.reserved { padding:5px;}
#left div.reserved h2 { border-left:#808080 solid 3px; padding:0 5px 5px 5px; font-size:90%;}
#left div.reserved div.text { margin:10px 0; font-size:70%;}
#left div.reserved div.text select{ margin:5px 0; padding:0;}
#left div.reserved div.text h3 { margin:5px 5px 0 5px; padding:2px 0 2px 14px; background-image:url(img/icon/square03.png); background-position:left 50%; background-repeat:no-repeat;}

#left div.navi01 { margin:0 0 10px;}
#left div.navi01 div.text {}
#left div.navi01 div.text ul {}
#left div.navi01 div.text ul li { width:260px; height:40px; margin-bottom:1px; background:url(img/navi_bg.png) left top no-repeat;}
#left div.navi01 div.text ul li a { display:block; padding:10px 10px 0; color:#741E56; text-decoration:none;}
#left div.navi01 div.text ul li a:hover { text-decoration:underline;}
#left div.navi01 div.text ul li a.over { text-decoration:underline;}

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


/* right */

#right { color:#000000;}
#right a { color:#711A53;}
#right h2 { margin:0;}

#right div.article { margin:0 0 20px 10px;}
#right div.article h3 { margin:10px 0 3px 0;}
#right div.article h3.Nontext {}
#right div.article div.text {}
#right div.article div.text h3 { margin:10px 0 3px 0; background-color:#1D2934;}
#right div.article div.text h3.Nontext {}
#right div.article div.text p { margin:5px;}
#right div.article div.text img.fL { margin:0 10px 0 0;}
#right div.article div.text img.fR { margin:0 0 0 10px;}
#right div.article .info{ font-size:80%; }


#right div.type01 {}
#right div.type01 h3 { padding:3px; background-image:url(img/h3_type01.jpg); background-position:left top; background-repeat:repeat-y; color:#000000; background-color:#FFFFFF !important; font-size:90%; font-weight:normal;}
#right div.type01 h3.Nontext {}
#right div.type01 div.text {}
#right div.type01 div.text h4 { margin:10px 0 0 10px; padding:0 0 0 15px; background-image:url(img/icon/square02.png); background-position:left 50%; background-repeat:no-repeat;}

#right div.type02 { margin:0;}
#right div.type02 h3 { background-image:url(img/h3_type02.png); background-position:left 50%; background-repeat:no-repeat; color:#FFFFFF; font-size:90%; font-weight:normal; padding:2px 0 2px 20px;}
#right div.type02 h3.Nontext { height:27px;}
#right div.type02 div.text {}

#right div.type03 { margin:10px 5px;}
#right div.type03 h3 { padding: 2px 0 2px 20px; background-image:url(img/h3_type03.png); background-position:left 50%; background-repeat:no-repeat; color:#FFFFFF; font-size:90%;}
#right div.type03 h3.Nontext {}
#right div.type03 div.text {}
#right div.type03 div.text h4 { margin:7px 0 0 0; padding:0 0 0 18px; background-image:url(img/icon/square02.png); background-position:left 50%; background-repeat:no-repeat;}

#right div.type04 {}
#right div.type04 h3 { padding:2px 0 2px 20px; background-color:#711A53; background-image:url(img/icon/square02.png); background-repeat:no-repeat; background-position:5px 50%; color:#FFFFFF; font-size:90%;}
#right div.type04 h3.Nontext {}
#right div.type04 div.text {}

#right div.type05 {}
#right div.type05 h3 { padding:2px 0 2px 20px; background-color:#98A2AA; background-image:url(img/icon/square04.png); background-repeat:no-repeat; background-position:5px 50%; color:#FFFFFF; font-size:90%;}
#right div.type05 h3.Nontext {}
#right div.type05 div.text {}

#right div.type06 {}
#right div.type06 h3 { background-image:url(img/h3_type02.png); background-position:left 50%; background-repeat:no-repeat; color:#FFFFFF; font-size:90%; font-weight:normal; padding:2px 0 2px 20px;}
#right div.type06 h3.Nontext {}
#right div.type06 div.text {}
#right div.type06 div.text h4 { margin:10px 0 0 10px; padding:0 0 0 15px; background-image:url(img/icon/square02.png); background-position:left 50%; background-repeat:no-repeat;}

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

div.#right div.typeBestPrice { background-color:#fff; }
div.#right div.typeBestPrice div.text h3 { font-size:90%; color:#721A54; background:none; }
div.#right div.typeBestPrice div.text p  { font-size:80%; line-height:1.6; }



#container div.footbox { margin:10px 0; text-align:center;}
#container div.footbox div.box { margin:0 auto; width:400px; background-image:url(img/footbox/bg.png); background-position:left top; background-repeat:no-repeat; text-align:left;}
#container div.footbox div.box h3 { background-position:center; background-repeat:no-repeat; height:40px; text-indent:-9999px;}
#container div.footbox div.box h3.dl { background-image:url(img/footbox/dl.png);}
#container div.footbox div.box h3.stay { background-image:url(img/footbox/stay.png);}
#container div.footbox div.box h3.lunch { background-image:url(img/footbox/lunch.png);}
#container div.footbox div.box h3.event { background-image:url(img/footbox/event.png);}
#container div.footbox div.box h3.Nontext {}
#container div.footbox div.box div.text { padding:0 0 8px 0; text-align:center; color:#FFFFFF; font-size:70%; background-image:url(img/footbox/bottom_bar.png); background-position:left bottom; background-repeat:no-repeat;}
#container div.footbox div.box div.text p { margin:5px;}

#footer div.footbox { margin:10px 0; text-align:center; position:absolute; top:-120px; }
#footer div.footbox div.box { margin:0 auto; width:400px; background-image:url(img/footbox/bg.png); background-position:left top; background-repeat:no-repeat; text-align:left;}
#footer div.footbox div.box h3 { background-position:center; background-repeat:no-repeat; height:40px; text-indent:-9999px;}
#footer div.footbox div.box h3.dl { background-image:url(img/footbox/dl.png);}
#footer div.footbox div.box h3.stay { background-image:url(img/footbox/stay.png);}
#footer div.footbox div.box h3.lunch { background-image:url(img/footbox/lunch.png);}
#footer div.footbox div.box h3.event { background-image:url(img/footbox/event.png);}
#footer div.footbox div.box h3.Nontext {}
#footer div.footbox div.box div.text { padding:0 0 8px 0; text-align:center; color:#FFFFFF; font-size:70%; background-image:url(img/footbox/bottom_bar.png); background-position:left bottom; background-repeat:no-repeat;}
#footer div.footbox div.box div.text p { margin:5px;}


#right div.article div.text div.box01 { float:left; display:inline; margin:10px; width:280px;}
#right div.article div.text div.box01 h3 { margin:0; padding:3px 0 3px 15px; background-image:url(img/right_box01_h3_bg.jpg); background-position:left 50%; background-repeat:no-repeat; color:#000000;}
#right div.article div.text div.box01 div.thumb { float:left; display:inline; margin:5px;}
#right div.article div.text div.box01 div.thumb img {}
#right div.article div.text div.box01 p { font-size:85%;}
#right div.article div.text div.box01 div.detail { clear:both; margin:0; padding:2px 0; text-align:right; border-top:#000 dotted 1px;}
#right div.article div.text div.box01 div.detail a { margin:1px 0; text-indent:0; text-decoration:none; font-weight:normal; color:#777;}
#right div.article div.text div.box01 div.miniImg { clear:both; text-align:center;}
#right div.article div.text div.box01 div.miniImg img { margin:2px;}

#right div.article div.text div.box02 { margin:10px;}
#right div.article div.text div.box02 h3 { margin:0; padding:3px 0 3px 15px; background-image:url(img/right_box02_h3_bg.jpg); background-position:left 50%; background-repeat:no-repeat;}
#right div.article div.text div.box02 div.thumb { float:left; display:inline; margin:10px;}
#right div.article div.text div.box02 div.thumb img {}
#right div.article div.text div.box02 p { font-size:85%;}
#right div.article div.text div.box02 div.detail { clear:both; margin:0; padding:2px; text-align:right; border-top:#000 dotted 1px;}
#right div.article div.text div.box02 div.detail a { margin:1px 3px; text-indent:0; text-decoration:none; font-weight:normal; color:#777;}
#right div.article div.text div.box02 div.detail img { vertical-align:middle; margin-left:10px; }

#right div.article div.text div.box02 div.miniImg { margin:10px;}
#right div.article div.text div.box02 div.miniImg img { margin:2px;}

#right div.article div.text div.PhotoBox01 { margin:10px; text-align:center;}
#right div.article div.text div.PhotoBox01 img { margin:10px;}

#right div.article div.text div.PhotoBox02 { float:right; display:inline; margin:10px;}
#right div.article div.text div.PhotoBox02 img { display:block; margin:5px;}

#right div.article div.text div.PhotoBox03 { float:left; display:inline; margin:0 10px;}
#right div.article div.text div.PhotoBox03 img { margin:5px;}


/* 101006追記 */
table.type05 {
background-color:#CCCCCC;
font-size:90%;
font-weight:normal;
text-align:center;
}

table.type05 tr th {
background-color:#EFEFEF;
color:#000000;
font-weight:normal;
text-align:center;
}

table.type05 th.type {
background-color:#EFEFEF;
font-weight:normal;
}

table.type05 tr.odd td {
background-color:#FFFFFF;
font-weight:normal;
}

table.type05 tr.even td {
background-color:#FFFFFF;
font-weight:normal;
}

table.type05 tr td {
background-color:#FFFFFF;
font-weight:normal;
padding:3px;
}


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

#PageGuestroom {}
#PageGuestroom div.thumbBox {}
#PageGuestroom div.thumbBox { border-bottom:#000000 dotted 1px;}
#PageGuestroom div.thumbBox div.thumb { margin:10px 0; text-align:center;}
#PageGuestroom div.thumbBox div.thumb img.prev { float:left; display:inline; margin:50px 0 0 0;}
#PageGuestroom div.thumbBox div.thumb img.next { float:right; display:inline; margin:50px 0 0 0;}
#PageGuestroom div.thumbBox div.thumb img { margin:3px;}
#PageGuestroom {}
#PageGuestroom {}
#PageGuestroom {}
#PageGuestroom {}

#PageStyle10 {}
#PageStyle10 ul.backnumber {}
#PageStyle10 ul.backnumber li { float:left; display:inline; width:210px; border-right:#333333 dotted 1px;}
#PageStyle10 ul.backnumber li div.thumb { text-align:center;}
#PageStyle10 ul.backnumber li div.thumb img {}
#PageStyle10 ul.backnumber li p {}
#PageStyle10 ul.backnumber li p.month { color:#711A53;}
#PageStyle10 ul.backnumber li {}
#PageStyle10 {}



/* Reserved */
#container #PageReserved { background-color:#FFFFFF;}
/*#container #PageReserved h2 { margin:0 50px;}*/
#container #PageReserved h2.Nontext { height:90px;}
#container #PageReserved div.article div.text p{ margin-bottom:20px;}
#container #PageReserved div.article div.text p.btn{ margin-bottom:40px;}
/* osusume plan */
#container #PageReserved div.article div.text #plan1{ float:left; width:192px; height:105px; overflow:hidden; margin:0 0 0 80px; background-image:url(/img/reserved_img08.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #plan1 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #plan1 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #plan2{ float:left; width:192px; height:105px; overflow:hidden; margin:0 15px; background-image:url(/img/reserved_img09.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #plan2 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #plan2 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #plan3{ float:left; width:192px; height:105px; overflow:hidden; margin:0 80px 0 0; background-image:url(/img/reserved_img10.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #plan3 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #plan3 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }
/* 2010/10/31追記 */
#container #PageReserved div.article div.text #c_plan1{ float:left; width:192px; height:105px; overflow:hidden; margin:0 0 0 80px; background-image:url(/img/c_reserved_img08.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #c_plan1 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #c_plan1 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #c_plan2{ float:left; width:192px; height:105px; overflow:hidden; margin:0 15px; background-image:url(/img/c_reserved_img09.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #c_plan2 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #c_plan2 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #c_plan3{ float:left; width:192px; height:105px; overflow:hidden; margin:0 80px 0 0; background-image:url(/img/c_reserved_img10.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #c_plan3 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #c_plan3 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #h_plan1{ float:left; width:192px; height:105px; overflow:hidden; margin:0 0 0 80px; background-image:url(/img/h_reserved_img08.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #h_plan1 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #h_plan1 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #h_plan2{ float:left; width:192px; height:105px; overflow:hidden; margin:0 15px; background-image:url(/img/h_reserved_img09.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #h_plan2 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #h_plan2 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #h_plan3{ float:left; width:192px; height:105px; overflow:hidden; margin:0 80px 0 0; background-image:url(/img/h_reserved_img10.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #h_plan3 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #h_plan3 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #e_plan1{ float:left; width:192px; height:105px; overflow:hidden; margin:0 0 0 80px; background-image:url(/img/e_reserved_img08.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #e_plan1 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #e_plan1 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #e_plan2{ float:left; width:192px; height:105px; overflow:hidden; margin:0 15px; background-image:url(/img/e_reserved_img09.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #e_plan2 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #e_plan2 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

#container #PageReserved div.article div.text #e_plan3{ float:left; width:192px; height:105px; overflow:hidden; margin:0 80px 0 0; background-image:url(/img/e_reserved_img10.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#container #PageReserved div.article div.text #e_plan3 h3{ height:40px; padding:0; margin:0; background:none; }
#container #PageReserved div.article div.text #e_plan3 p { padding:5px; margin:0; font-size:90%; font-weight:bold; }

/* style01 */
#container #right div.article h3#style01{ margin:10px 0 0; padding:0; height:68px; text-indent:-9999px; background-image: background-color:#fff; background-image:url(/img/style01_tit.png); background-position:left center; background-repeat:no-repeat;}

#PageAccess { background-color:#FFFFFF; color:#000000;}
#PageAccess div.RouteBox { font-size:0;}
#PageAccess div.RouteBox img { vertical-align:middle;}

#PageQandA {}
#PageQandA dl.QandA {}
#PageQandA dl.QandA dt { padding:3px 0 3px 20px; background-color:#E3D1DD; background-image:url(img/icon/str_q01.png); background-position:3px 50%; background-repeat:no-repeat;}
#PageQandA dl.QandA dd { margin:10px 5px 15px 20px;}


/* Nomal */

/* 20101030追記 */
#container #right div.reserved div.text form { margin:0 0 0 20px;}
dl.form {}
dl.form dt { clear:both; float:left; width:150px; hight:150px; padding:5px 0; margin:0 10px 15px;}
dl.form dd { float:left; width:200px; padding:5px 0;}
dl.form dd.normal { float:left; width:130px; padding:5px 0; border:none;}
dl.form dd input { width:180px; border:#6D3D05 1px solid;}
dl.form dd.textarea { float:left; width:250px; padding:5px 0; border:none; margin:0 0 15px;}
dl.form dd.textarea textarea { border:#6D3D05 1px solid;}