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

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

body { background-image:url("img/bg_index.jpg");}

/* topImage */

#topImage { position:relative; height:302px;}
#topImage div.flashArea { float:left; position:absolute; left:25px; top:10px; width:600px; height:270px;}
#topImage div.reserved { float:right; position:absolute; left:640px; top:10px; width:285px; height:195px; background-image:url(img/right_reserved_bg.png); background-position:left top; background-repeat:no-repeat;}
#topImage div.reserved div.text { padding:5px 13px; color:#FFFFFF; font-size:75%;}
#topImage div.reserved div.text h3 { text-align:center;}
#topImage div.reserved div.text h4 { font-weight:normal; margin:3px 0 -2px 0;}
#topImage div.reserved div.text p.btn { margin:5px; text-align:center;}
#topImage div.reserved div.text img.search { vertical-align:middle; margin:0 0 0 40px;}
#topImage div.reserved div.text form { margin:0 0 0 20px;}
#topImage img.btn { position:absolute; left:640px; top:215px;}

/* container */
#container { margin:10px 25px;}
#container div.article {}
#container div.article h3 {}
#container div.article div.text { font-size:80%;}
#container div.article div.text p { margin:10px;}

#container div.type01 {}
#container div.type01 h3 {}
#container div.type01 div.text {}

#container #left { display:inline; float:left; width:595px; margin:;}
#container #right { display:inline; float:right; width:285px; margin:;}

#sourcePath {}
#sourcePath ul { text-align:left;}
#sourcePath ul li { display:inline;}
#sourcePath ul li a { background-position:left 50%; background-repeat:no-repeat;}

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

/* left */
#container #left div.article { margin:0 0 10px 0;}
#container #left div.article h3 {}
#container #left div.article h3.Nontext {}
#container #left div.article div.text {}

/* 20101126追記 */
#container #left div.bannerL div.recommendPlan { margin:0 auto 5px; border:#CCCCCC solid 1px; text-align:left;}
#container #left div.bannerL div.recommendPlan h2 { position:relative; height:35px; margin:1px; background-image:url(../img/columntitle/index_center_h2_01.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#container #left div.bannerL div.recommendPlan div.text {}
#container #left div.bannerL div.recommendPlan div.text ul {}
#container #left div.bannerL div.recommendPlan div.text ul li { clear:both; margin:5px; padding-bottm:5px; background:url(../img/index_recommend_plan_bg.jpg) left top repeat-x #741E56; border-top:#CCCCCC dashed 1px;}
#container #left div.bannerL div.recommendPlan div.text ul li h3 { margin:5px; padding:0 0 0 30px; background:url(img/icon/arrow06.png) left 3px no-repeat; color:#FFFFFF; font-size:110%;}
#container #left div.bannerL div.recommendPlan div.text ul li h3 a { color:#FFFFFF;}
#container #left div.bannerL div.recommendPlan div.text ul li img.thumb { float:left; margin:0 5px 5px 5px; padding:1px; background:#FFFFFF; color:#FFFFFF;}
#container #left div.bannerL div.recommendPlan div.text ul li p { margin:10px 5px 0 5px; color:#FFFFFF;}
/* 20101126追記 */

#container #left div.type01 {}
#container #left div.type01 h2 { height:30px; background-color:#741E56; background-position:left top; background-repeat:no-repeat;}
#container #left div.type01 h2.Nontext {}
#container #left div.type01 div.text {}
#container #left div.type01 div.text h3 { position:relative; height:18px; background-color:#741E56; background-position:left top; background-repeat:no-repeat;}
#container #left div.type01 div.text h3 a.btn { display:block;}
#container #left div.type01 div.text h3 a.btn img { position:absolute; left:535px; top:0;}
#container #left div.type01 div.text h3 {}
#container #left div.type01 div.text {}

#container #left div.type02 {}
#container #left div.type02 h3 {}
#container #left div.type02 h3.Nontext {}
#container #left div.type02 div.text {}

#container #left div.grandmenu {}
#container #left div.grandmenu div.text {}
#container #left div.grandmenu div.text div.box01 { float:left; width:141px; height:300px; margin:0 5px 0 0; text-align:center; border:#CCCCCC solid 1px; background-image:url(../img/index_left_grandmenu_bg.png); background-position:right bottom; background-repeat:no-repeat;}
#container #left div.grandmenu div.text div.box01 h2 {}
#container #left div.grandmenu div.text div.box01 p { text-align:left;}
#container #left div.grandmenu div.text div.box01 {}
#container #left div.grandmenu div.text div.box01 {}
#container #left div.grandmenu {}
#container #left div.grandmenu {}

#container #left div.bannerL { float:right; width:385px; text-align:center;}
#container #left div.bannerL img { margin:5px 0 0;}

#container #left div.bannerS { float:left; width:200px; text-align:center;}
#container #left div.bannerS img { margin:0 0 5px 0;}

#container #left div.members { float:left; width:200px; background-image:url(../img/index_left_members_bg.png); background-position:left bottom; background-repeat:no-repeat;}
#container #left div.members h2 { text-align:center;}
#container #left div.members h2.Nontext {}
#container #left div.members div.text {}
#container #left div.members div.text div.box01 { margin:10px; border-bottom:#999999 dotted 1px;}
#container #left div.members div.text div.box01 p.new { text-align:center; font-size:10px; padding:5px 0;}
#container #left div.members div.text div.box01 p.new a { padding:0 0 0 20px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat; color:#6D3D0;}
#container #left div.members div.text div.box01 input { width:130px;}
#container #left div.members div.text div.box01 .btn { width:40px; height:14px; padding:0px 0px 0px 3px;}
#container #left div.members div.text div.box01 img { vertical-align:middle;}
#container #left div.members div.text div.box01 p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px; vertical-align:baseline;}
#container #left div.members div.text div.box01 {}
#container #left div.members div.text div.box01 {}


/* 20100715追記 */
#container #left div.members div.text div.box01 p.new2 { 
font-size:110%; margin:2px 0;
background-image:url("img/icon/arrow02.png");
background-position:left 15%;
background-repeat:no-repeat;
color:#6D3D05;
padding:0 0 0 20px;
}
#container #left div.members div.text div.box01 p.new2 a { color:#6D3D05;}


/* right */
#container #right div.article { margin:0 0 10px 0;}
#container #right div.article h3 {}
#container #right div.article h3.Nontext {}
#container #right div.article div.text {}

#container #right div.type01 {}
#container #right div.type01 h3 {}
#container #right div.type01 h3.Nontext {}
#container #right div.type01 div.text {}

#container #right div.type02 {}
#container #right div.type02 h3 {}
#container #right div.type02 h3.Nontext {}
#container #right div.type02 div.text {}

#container #right div.plan { border:#CCCCCC solid 1px;}
#container #right div.plan h2 { position:relative; height:35px; margin:1px; background-image:url(../img/columntitle/index_right_h2_01.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#container #right div.plan h2 img.btn { position:absolute; left:195px; top:8px;}
#container #right div.plan div.text {}
#container #right div.plan div.text ul {}
#container #right div.plan div.text ul li { margin:5px;border-bottom:#CCCCCC dashed 1px;}
#container #right div.plan div.text ul li h3 { margin:5px; padding:0 0 0 30px; background-image:url(img/icon/arrow01.png); background-position:left 3px; background-repeat:no-repeat; color:#6C3D05; font-size:110%;}
#container #right div.plan div.text ul li img.thumb { float:right;}
#container #right div.plan div.text ul li p { margin:10px 90px 10px 5px;}

#container #right div.qrcode { border:#CCCCCC solid 1px; padding:15px 7px;}
#container #right div.qrcode h2 {}
#container #right div.qrcode div.text { font-size:75%;}
#container #right div.qrcode div.text img.code { float:right; display:inline; margin:5px;}

#container #right div.address { background-image:url(img/index_right_address_bg.jpg); background-position:left bottom; background-repeat:no-repeat;}
#container #right div.address div.text { margin:0 0 0 90px; font-size:75%;}
#container #right div.address div.text p { margin:10px 0;}

#container #right div.credit {}
#container #right div.credit h2 {}
#container #right div.credit div.text { padding:20px 0; text-align:center;}

#container #right div.banner { text-align:center;}
#container #right div.banner img { margin:5px 0;}


/* 20101015追記 */
#container #right div.tripadviser { border:#CCCCCC solid 1px; padding:15px 7px;}
#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:190px; width:190px;}
* html #container #right div.tripadviser div.text div.kuchikomi { text-align:center; margin:0 auto 0 40px; height:210px; width:190px;}
#container #right div.tripadviser div.text div.kuchikomi iframe { height:190px; width:190px;}
* html #container #right div.tripadviser div.text div.kuchikomi iframe { height:210px; width:190px;}
#container #right div.tripadviser div.text p { font-size:90%;}




/* ▼20111209 API組み用▼ */

/* 20111208 追記 */
#container #left2 { display:inline; float:left; width:200px; margin:;}
#container #right2 { display:inline; float:right; width:675px; margin:;}
/* //20111208 追記　*/

/* left */
#container #left2 div.article { margin:0 0 10px 0;}
#container #left2 div.article h3 {}
#container #left2 div.article h3.Nontext {}
#container #left2 div.article div.text {}

/* 20101126追記 */
#container #left2 div.bannerL div.recommendPlan { margin:0 auto 5px; border:#CCCCCC solid 1px; text-align:left;}
#container #left2 div.bannerL div.recommendPlan h2 { position:relative; height:35px; margin:1px; background-image:url(../img/columntitle/index_center_h2_01.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#container #left2 div.bannerL div.recommendPlan div.text {}
#container #left2 div.bannerL div.recommendPlan div.text ul {}
#container #left2 div.bannerL div.recommendPlan div.text ul li { clear:both; margin:5px; padding-bottm:5px; background:url(../img/index_recommend_plan_bg.jpg) left top repeat-x #741E56; border-top:#CCCCCC dashed 1px;}
#container #left2 div.bannerL div.recommendPlan div.text ul li h3 { margin:5px; padding:0 0 0 30px; background:url(img/icon/arrow06.png) left 3px no-repeat; color:#FFFFFF; font-size:110%;}
#container #left2 div.bannerL div.recommendPlan div.text ul li h3 a { color:#FFFFFF;}
#container #left2 div.bannerL div.recommendPlan div.text ul li img.thumb { float:left; margin:0 5px 5px 5px; padding:1px; background:#FFFFFF; color:#FFFFFF;}
#container #left2 div.bannerL div.recommendPlan div.text ul li p { margin:10px 5px 0 5px; color:#FFFFFF;}
/* 20101126追記 */

#container #left2 div.type02 {}
#container #left2 div.type02 h3 {}
#container #left2 div.type02 h3.Nontext {}
#container #left2 div.type02 div.text {}

#container #left2 div.grandmenu {}
#container #left2 div.grandmenu div.text {}
#container #left2 div.grandmenu div.text div.box01 { float:left; width:141px; height:300px; margin:0 5px 0 0; text-align:center; border:#CCCCCC solid 1px; background-image:url(../img/index_left_grandmenu_bg.png); background-position:right bottom; background-repeat:no-repeat;}
#container #left2 div.grandmenu div.text div.box01 h2 {}
#container #left2 div.grandmenu div.text div.box01 p { text-align:left;}
#container #left2 div.grandmenu div.text div.box01 {}
#container #left2 div.grandmenu div.text div.box01 {}
#container #left2 div.grandmenu {}
#container #left2 div.grandmenu {}

#container #left2 div.bannerL { float:right; width:385px; text-align:center;}
#container #left2 div.bannerL img { margin:5px 0 0;}

#container #left2 div.bannerS { float:left; width:200px; text-align:center;}
#container #left2 div.bannerS img { margin:0 0 5px 0;}

#container #left2 div.members { float:left; width:200px; background-image:url(../img/index_left_members_bg.png); background-position:left bottom; background-repeat:no-repeat;}
#container #left2 div.members h2 { text-align:center;}
#container #left2 div.members h2.Nontext {}
#container #left2 div.members div.text {}
#container #left2 div.members div.text div.box01 { margin:10px; border-bottom:#999999 dotted 1px;}
#container #left2 div.members div.text div.box01 p.new { text-align:center; font-size:10px; padding:5px 0;}
#container #left2 div.members div.text div.box01 p.new a { padding:0 0 0 20px; background-image:url(img/icon/arrow02.png); background-position:left 50%; background-repeat:no-repeat; color:#6D3D0;}
#container #left2 div.members div.text div.box01 input { width:130px;}
#container #left2 div.members div.text div.box01 .btn { width:40px; height:14px; padding:0px 0px 0px 3px;}
#container #left2 div.members div.text div.box01 img { vertical-align:middle;}
#container #left2 div.members div.text div.box01 p {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px; vertical-align:baseline;}
#container #left2 div.members div.text div.box01 {}
#container #left2 div.members div.text div.box01 {}


/* 20100715追記 */
#container #left2 div.members div.text div.box01 p.new2 { 
font-size:110%; margin:2px 0;
background-image:url("img/icon/arrow02.png");
background-position:left 15%;
background-repeat:no-repeat;
color:#6D3D05;
padding:0 0 0 20px;
}
#container #left2 div.members div.text div.box01 p.new2 a { color:#6D3D05;}


/* right */
#container #right2 div.article { margin:0 0 10px 0;}
#container #right2 div.article h3 {}
#container #right2 div.article h3.Nontext {}
#container #right2 div.article div.text {}

#container #right2 div.plan { border:#CCCCCC solid 1px;}
#container #right2 div.plan h2 { position:relative; height:35px; margin:1px; background-image:url(../img/columntitle/index_right_h2_01.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
#container #right2 div.plan h2 img.btn { position:absolute; left:195px; top:8px;}
#container #right2 div.plan div.text {}
#container #right2 div.plan div.text ul {}
#container #right2 div.plan div.text ul li { margin:5px;border-bottom:#CCCCCC dashed 1px;}
#container #right2 div.plan div.text ul li h3 { margin:5px; padding:0 0 0 30px; background-image:url(img/icon/arrow01.png); background-position:left 3px; background-repeat:no-repeat; color:#6C3D05; font-size:110%;}
#container #right2 div.plan div.text ul li img.thumb { float:right;}
#container #right2 div.plan div.text ul li p { margin:10px 90px 10px 5px;}

#container #right2 div.qrcode { border:#CCCCCC solid 1px; padding:15px 7px;}
#container #right2 div.qrcode h2 {}
#container #right2 div.qrcode div.text { font-size:75%;}
#container #right2 div.qrcode div.text img.code { float:right; display:inline; margin:5px;}

#container #right2 div.address { background-image:url(img/index_right_address_bg.jpg); background-position:left bottom; background-repeat:no-repeat;}
#container #right2 div.address div.text { margin:0 0 0 90px; font-size:75%;}
#container #right2 div.address div.text p { margin:10px 0;}

#container #right2 div.credit {}
#container #right2 div.credit h2 {}
#container #right2 div.credit div.text { padding:20px 0; text-align:center;}

#container #right2 div.banner { text-align:center;}
#container #right2 div.banner img { margin:5px 0;}


/* 20101015追記 */
#container #right2 div.tripadviser { border:#CCCCCC solid 1px; padding:15px 7px;}
#container #right2 div.tripadviser h2 {}
#container #right2 div.tripadviser div.text { font-size:75%;}
#container #right2 div.tripadviser div.text div.kuchikomi { text-align:center; margin:0 auto; height:190px; width:190px;}
* html #container #right2 div.tripadviser div.text div.kuchikomi { text-align:center; margin:0 auto 0 40px; height:210px; width:190px;}
#container #right2 div.tripadviser div.text div.kuchikomi iframe { height:190px; width:190px;}
* html #container #right2 div.tripadviser div.text div.kuchikomi iframe { height:210px; width:190px;}
#container #right2 div.tripadviser div.text p { font-size:90%;}


/* 20111208 追記 */
#container #left2 div.article { float:none;}
#container #left2 div.info { background:url(../img/1112/index_left_info_bg.jpg) right 20px no-repeat;}
#container #left2 div.info h2 { font-size:80%; font-weight:normal;}
#container #left2 div.info div.text { font-size:70%;}
#container #left2 div.info div.text {}
#container #left2 div.info {}
#container #left2 div.info {}
#container #left2 div.info {}

#container #left2 div.tripadviser2 { border:#CCCCCC solid 1px; padding:15px 5px;}
#container #left2 div.tripadviser2 h2 {}
#container #left2 div.tripadviser2 div.text { font-size:75%;}
#container #left2 div.tripadviser2 div.text div.kuchikomi { text-align:center; margin:0 auto; height:190px; width:190px;}
* html #container #left2 div.tripadviser2 div.text div.kuchikomi { text-align:center; margin:0 auto 0 40px; height:210px; width:190px;}
#container #left2 div.tripadviser2 div.text div.kuchikomi iframe { height:190px; width:190px;}
* html #container #left2 div.tripadviser2 div.text div.kuchikomi iframe { height:210px; width:190px;}
#container #left2 div.tripadviser2 div.text p { font-size:90%;}

#container #right2 div.type01 {}
#container #right2 div.type01 h2 { position:relative;}
#container #right2 div.type01 h3.Nontext {}
#container #right2 div.type01 div.text { border:#ccc solid 1px; border-top:none; margin:0;}
#container #right2 div.type01 div.text ul.planlist { margin:0 20px 20px 20px; padding:20px 0 0 0;}
#container #right2 div.type01 div.text ul.planlist li { float:left; width:315px; padding:10px 0; border-top:#000 dotted 1px;}
#container #right2 div.type01 div.text ul.planlist li div.txt { float:right; width:210px; font-size:95%;}
#container #right2 div.type01 div.text ul.planlist li div.txt p.price { margin:5px 0;}
#container #right2 div.type01 div.text ul.planlist li div.txt {}
#container #right2 div.type01 div.text ul.planlist li div.txt {}
#container #right2 div.type01 div.text ul.planlist li img.thumb { float:left; margin:0 0 0 10px;}
#container #right2 div.type01 div.text ul.planlist li {}
#container #right2 div.type01 div.text ul.planlist2 { margin:0 20px 20px 20px; padding:20px 0 0 0;}
#container #right2 div.type01 div.text ul.planlist2 li { float:left; width:315px; height:85px; padding:10px 0; border-top:#000 dotted 1px;}
#container #right2 div.type01 div.text ul.planlist2 li div.txt { float:right; width:210px; font-size:95%;}
#container #right2 div.type01 div.text ul.planlist2 li div.txt p.price { margin:5px 0;}
#container #right2 div.type01 div.text ul.planlist2 li div.txt {}
#container #right2 div.type01 div.text ul.planlist2 li div.txt {}
#container #right2 div.type01 div.text ul.planlist2 li img.thumb { float:left; margin:0 0 0 10px;}
#container #right2 div.type01 div.text ul.planlist2 li {}
#container #right2 div.type01 div.text ul.award_list { margin:0 20px 20px 20px; padding:20px 0 0 0;}
#container #right2 div.type01 div.text ul.award_list li { float:left; width:315px; padding:10px 0; border-bottom:#000 dotted 1px;}
#container #right2 div.type01 div.text ul.award_list li div.txt { float:right; width:190px; margin:0 20px 0 0;}
#container #right2 div.type01 div.text ul.award_list li img.thumb { float:left;}
#container #right2 div.type01 div.text ul.award_list {}
#container #right2 div.type01 div.text {}

#container #right2 div.bnr_box01 { margin:0 -5px 15px 0; font-size:80%;}
#container #right2 div.bnr_box01 img { margin:5px 5px 2px 5px;}
#container #right2 div.bnr_box01 ul { display:block;}
#container #right2 div.bnr_box01 ul li { float:left; width:340px; text-align:center;}

#container #right2 div.type01 div#plan-tabs { border-top:#ccc solid 1px;}
#container #right2 div.type01 div#plan-tabs ul.tab {}
#container #right2 div.type01 div#plan-tabs ul.tab {}
#container #right2 div.type01 div#plan-tabs ul.tab li { height:49px; float:left; width:135px;}
#container #right2 div.type01 div#plan-tabs ul.tab li a { display:block; width:100%; height:49px; text-indent:-9999px;}

#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn01 {}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn05 { width:133px;}

#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn01 a { background-image:url(../img/1112/index_tab_btn01.jpg);}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn02 a { background-image:url(../img/1112/index_tab_btn02.jpg);}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn03 a { background-image:url(../img/1112/index_tab_btn03.jpg);}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn04 a { background-image:url(../img/1112/index_tab_btn04.jpg);}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn05 a { background-image:url(../img/1112/index_tab_btn05.jpg);}

#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn01.ui-tabs-selected a { background-image:url(../img/1112/index_tab_btn01_on.jpg);}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn02.ui-tabs-selected a { background-image:url(../img/1112/index_tab_btn02_on.jpg);}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn03.ui-tabs-selected a { background-image:url(../img/1112/index_tab_btn03_on.jpg);}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn04.ui-tabs-selected a { background-image:url(../img/1112/index_tab_btn04_on.jpg);}
#container #right2 div.type01 div#plan-tabs ul.tab li#tab-btn05.ui-tabs-selected a { background-image:url(../img/1112/index_tab_btn05_on.jpg);}

.ui-tabs {} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }

#container #right2 div.type02 {}
#container #right2 div.type02 h2 { height:30px; background-position:left top; background-repeat:no-repeat;}
#container #right2 div.type02 h2.Nontext {}
#container #right2 div.type02 div.text {}
#container #right2 div.type02 div.text h3 { position:relative; height:18px; background-color:#741E56; background-position:left top; background-repeat:no-repeat;}
#container #right2 div.type02 div.text h3 a.btn { display:block;}
#container #right2 div.type02 div.text h3 a.btn img { position:absolute; left:605px; top:0;}
#container #right2 div.type02 div.text h3 {}
#container #right2 div.type02 div.text {}

#container #right2 div. {}
#container #right2 div.type03 h3 {}
#container #right2 div.type03 h3.Nontext {}
#container #right2 div.type03 div.text {}

/* //20111208 追記 */


/*---------------------------------
		PageCSS 個別ページCSS
---------------------------------*/

#Page {}