@charset "utf-8";

/*==================================================================================
   TOP ONLY STYLE
====================================================================================*/

#top #headerArea a.targetBlank{
background: url(../images/cmn_blank_win.gif) no-repeat 0 top;
padding:0 7px 0 12px;
color: #484747;
text-decoration: none;
}
#top #headerArea a.targetBlank:hover{
text-decoration:underline;
}

#headerArea{
width: 927px;
height: 86px;
margin: 0 auto;
}

#headerArea #globalNavi,
#headerArea #globalNaviEn{
bottom: 0;
}

#headerArea #searchSite{
bottom: 36px;
}




/* here */
#header #langnavi li#ln02 a { background-position: -54px -18px;}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

p.iconMark { font-size: 1em; text-align: right;}
p.note { font-size: 1em;}

/*===============================================*
    Flash Area
*===============================================*/
#flaArea {
width: 100%;
height: 300px;
background-image: url(../../images/no_flash.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#flaArea p {
width: 770px;
margin: 0 auto;
padding-top: 256px;
color: #FFFFFF;
text-align: left;
}

#flaArea p a {
color: #FFFFFF;
text-decoration: underline;
}
#flaArea p a:hover {
color: #c30;
}

/*===============================================*
*	contentsArea toppage Only
*===============================================*/
#contentsWrap{
background: url(../images/cmn_contents_bg2.jpg) repeat-y 0px 0px;
width: 927px;
}

#contentsArea{
background: url(../../images/ind_contents_head.jpg) no-repeat 0px 0;
}

/*===============================================*
*	#contentsArea #columnA
*===============================================*/

#contentsArea #contentsAreaBody #columnA h2 {
clear: both;
width: 613px;
height: 36px;
margin-bottom: 16px;
position: relative;
}

#contentsArea #contentsAreaBody #columnA h2#hotel { background: url(../../images/ind_tit_hotel-resort_bk.jpg) no-repeat left top; margin-top: 2px;}
#contentsArea #contentsAreaBody #columnA h2#plan { background: url(../../images/ind_tit_plan_bk.jpg) no-repeat left top;}
#contentsArea #contentsAreaBody #columnA h2#news { background: url(../../images/ind_tit_news_bk.jpg) no-repeat left top;}

#contentsArea #contentsAreaBody #columnA h2 span.linkText{
position: absolute;
font-weight:normal;
font-size: 0.8em;
top: 5px;
right: 7px;
}
#contentsArea #contentsAreaBody #columnA h2 span.linkText a{
background: url(../images/cmn_arrow1.gif) no-repeat left center;
padding: 0 0 0 12px;
color: #484747; 
text-decoration: none;
}
#contentsArea #contentsAreaBody #columnA h2 span.linkText a.targetBlank{
background: url(../images/cmn_blank_win.gif) no-repeat 0 top;
padding: 0 0 0 16px;
}
#contentsArea #contentsAreaBody #columnA h2 span.linkText a:hover { text-decoration:underline;}

#contentsArea #contentsAreaBody #columnA h3 {
clear: both;
padding-bottom: 15px;
}

#contentsArea #contentsAreaBody #columnA .separateBox {
width: 613px;
}
#contentsArea #contentsAreaBody #columnA .separateBox .column1 { 
float: left;
width: 297px;
}
#contentsArea #contentsAreaBody #columnA .separateBox .column2 { 
float: right;
width: 297px;
}

#contentsArea #contentsAreaBody #columnA .separateBox ul {
float: left;
list-style: none;
width: 140px;
padding: 0 5px 25px 3px;
}
#contentsArea #contentsAreaBody #columnA .separateBox li {
background: url(../../images/cmm_icon_link01.gif) no-repeat 0px 2px;
padding: 0 0 0 14px;
line-height: 1.2;
margin-bottom: 5px;
}

#contentsArea #contentsAreaBody #columnA .separateBox li a {
color: #474747;
text-decoration: none;
}
#contentsArea #contentsAreaBody #columnA .separateBox li a:hover {
text-decoration: underline;
}

#contentsArea #contentsAreaBody #columnA .separateBox .selectBox {
border: 1px #cdcbcc solid;
padding: 10px 13px 0;
}
#contentsArea #contentsAreaBody #columnA .separateBox .selectBox .imgBox {
float: left;
width: 75px;
}
#contentsArea #contentsAreaBody #columnA .separateBox .selectBox .txtBox {
float: right;
width: 185px;
}
#contentsArea #contentsAreaBody #columnA .separateBox .selectBox .txtBox dt {
font-weight: bold;
color: #5c5c5c;
}
#contentsArea #contentsAreaBody #columnA .separateBox .selectBox .txtBox dd {
color: #474747;
line-height: 1.2;
margin-bottom: 5px;
}
#contentsArea #contentsAreaBody #columnA .separateBox .selectBox .txtBox .detailsLink {
clear: both;
margin-bottom: 5px;
}

#contentsArea #contentsAreaBody #columnA .separateBox .linkBox {
clear: both;
border: 1px #cdcbcc solid;
border-top: none;
padding: 2px 13px 0;
margin-bottom: 20px;
}

#contentsArea #contentsAreaBody #columnA .separateBox .selectBox .txtBox .detailsLink a.targetBlank,
#contentsArea #contentsAreaBody #columnA .separateBox .linkBox a.targetBlank {
padding: 0 0 0 16px
}

#contentsArea #contentsAreaBody #columnA #newsBox {
margin-bottom: 20px;
}

#contentsArea #contentsAreaBody #columnA #newsBox dt {
clear: both;
float: left;
width: 90px;
padding: 0 80px 0 5px;
font-size: 85%;
}

#contentsArea #contentsAreaBody #columnA #newsBox dt.release { background: url(../../images/mark_news_release.gif) no-repeat right center;}
#contentsArea #contentsAreaBody #columnA #newsBox dt.info{ background: url(../../images/mark_news.gif) no-repeat right center;}
#contentsArea #contentsAreaBody #columnA #newsBox dt.media { background: url(../../images/mark_media.gif) no-repeat right center;}
#contentsArea #contentsAreaBody #columnA #newsBox dt.event { background: url(../../images/mark_event.gif) no-repeat right center;}
#contentsArea #contentsAreaBody #columnA #newsBox dt.restaurant { background: url(../../images/mark_restaurant.gif) no-repeat right center;}
#contentsArea #contentsAreaBody #columnA #newsBox dt.bridal { background: url(../../images/mark_bridal.gif) no-repeat right center;}

#contentsArea #contentsAreaBody #columnA #newsBox dd {
float: left;
width: 413px;
border-bottom: 1px #e0e0de solid;
margin: 0 0 5px -180px;
padding: 2px 0 5px 200px;
line-height: 1.3;
}

#contentsArea #contentsAreaBody #columnA #newsBox dd.last {
border: none;
}

#contentsArea #contentsAreaBody #columnA #newsBox dd a {
display: block;
background: url(../images/cmn_arrow1.gif) no-repeat 0px 6px;
padding: 0 0 0 12px;
color: #484747; 
text-decoration: none;
}
#contentsArea #contentsAreaBody #columnA #newsBox dd a:hover {
text-decoration: underline;
}
#contentsArea #contentsAreaBody #columnA #newsBox dd a.targetBlank {
background: url(../images/cmn_blank_win.gif) no-repeat 0px top;
padding: 0 0 0 16px;
}

/*===============================================*
*	#contentsArea #columnB
*===============================================*/


/* Ranking
--------------------------------------------------------------*/
#contentsArea #contentsAreaBody #columnB .rnaviRanking {
background-image: url(../images/cmn_rank_body.gif);
background-repeat: no-repeat;
background-position: left bottom;
}


/* reservation
--------------------------------------------------------------*/
#contentsArea #contentsAreaBody #columnB .reservationWrap {
background: url(../images/cmn_rank_body.gif) no-repeat left bottom;
margin-bottom: 15px;
}
#contentsArea #contentsAreaBody #columnB .reservationInner {
background: url(../images/cmn_reserv_head.gif) no-repeat top left;
padding: 4px;
}

#contentsArea #contentsAreaBody #columnB .reservationWrap2 {
/*background: url(../../images/ind_reserv_body.gif) no-repeat left bottom;*/
margin-bottom: 15px;

}
#contentsArea #contentsAreaBody #columnB .reservationInner2 {
background: url(../../images/ind_reserv_head.gif) no-repeat top left;
padding: 4px;
}

#contentsArea #contentsAreaBody #columnB .reservationBoxWrap {
background: url(../images/cmn_reserv_f1_body.gif) no-repeat left bottom;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner {
background: url(../images/cmn_reserv_f1_head.gif) no-repeat top left;
padding: 8px 0;
}

#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select1 {
width: 200px;
margin: 0 auto 10px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select1 select { width: 100%;}

#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 {
width: 219px;
height: 130px;
margin: 0 auto 5px;
background: url(../images/reserv_date_body.gif) no-repeat left bottom;
position: relative;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 .date {
position: absolute;
top: 14px;
left: 10px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 select#date1 {
position: absolute;
width: 70px;
top: 28px;
left: 10px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 select#date3 {
position: absolute;
width: 60px;
top: 54px;
left: 10px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 select#date2 {
position: absolute;
width: 60px;
top: 55px;
left: 80px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 .kara {
position: absolute;
top: 64px;
left: 145px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 .days {
position: absolute;
top: 87px;
left: 10px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 select#day {
position: absolute;
width: 60px;
top: 101px;
left: 10px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 .people {
position: absolute;
top: 87px;
left: 80px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 select#number {
position: absolute;
width: 60px;
top: 101px;
left: 80px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 .room {
position: absolute;
top: 107px;
left: 145px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .select2 .btnSearch {
position: absolute;
top: 101px;
left: 170px;
}

#contentsArea #contentsAreaBody #columnB .reservationBoxInner .btnPlan {
width: 223px;
margin: 0 auto 2px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .btnEmpty {
width: 223px;
margin: 0 auto 5px;
}

#contentsArea #contentsAreaBody #columnB .reservationBoxInner h3 {
width: 220px;
margin: 0 auto;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxWap {
width: 220px;
background: url(../images/cmn_reserv_f2_body.gif) no-repeat bottom left;
padding: 0 0 4px 0;
margin: 0 auto;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxInner {
background: url(../images/cmn_reserv_f2_head.gif) no-repeat top left;
padding: 8px 0 0 0;
} 

#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxInner .attention {
width: 203px;
margin: 0 auto 10px;
color: #FE622F;
font-size: 0.8em;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxInner .btnMember {
width: 203px;
margin: 0 auto 5px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxInner ul {
width: 193px;
margin: 0 auto 5px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxInner li {
list-style: none;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxInner a.normal {
background: url(../images/cmn_arrow1.gif) no-repeat 5px center;
color: #484747;
text-decoration: none;
padding: 0 0 0 16px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxInner a.blankWin {
background: url(../images/cmn_blank_win.gif) no-repeat left top;
color: #484747;
text-decoration: none;
padding: 0 0 0 16px;
}
#contentsArea #contentsAreaBody #columnB .reservationBoxInner .memberBoxInner a:hover {
text-decoration:underline;
}

#contentsArea #contentsAreaBody #columnB .linkConf {
width: 230px;
height: 24px;
padding: 1px 8px 0 0;
background: url(../images/reserv_cf_cg.jpg) no-repeat top left;
text-align: right;
}
#contentsArea #contentsAreaBody #columnB .linkConf a{
background: url(../images/cmn_blank_win.gif) no-repeat left top;
color: #FFFFFF;
text-decoration: none;
padding: 0 0 0 16px;
}
#contentsArea #contentsAreaBody #columnB .linkConf a:hover {
text-decoration:underline;
}


/* reservation mobile & reservation stay
--------------------------------------------------------------*/
#contentsArea #contentsAreaBody #columnB .reservationMobileWrap,
#contentsArea #contentsAreaBody #columnB .reservationStayWrap {
background: url(../images/cmn_reserv_f1w_body.gif) no-repeat left bottom;
padding-bottom: 4px;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner,
#contentsArea #contentsAreaBody #columnB .reservationStayInner {
background: url(../images/cmn_reserv_f1w_head.gif) no-repeat top left;
padding: 12px 0 8px;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox,
#contentsArea #contentsAreaBody #columnB .reservationStayInner .stayBox {
width: 100%;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox .imgBox {
float: left;
width: 66px;
padding: 0 0 0 15px;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox .txtBox {
float:right;
width: 120px;
padding: 0 15px 0 0;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox .txtBox p {
font-size: 0.8em;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox p.explain {
clear: both;
width: 214px;
margin: 0 auto;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox ul {
width: 214px;
margin: 0 auto;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox li {
list-style: none;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox a.blankWin {
background: url(../images/cmn_blank_win.gif) no-repeat left top;
color: #484747;
text-decoration: none;
padding: 0 0 0 16px;
}
#contentsArea #contentsAreaBody #columnB .reservationMobileInner .mobileBox a:hover {
text-decoration:underline;
}

#contentsArea #contentsAreaBody #columnB .reservationStayInner .stayBox .imgBox {
width: 223px;
margin: 0 auto 10px;
}

#contentsArea #contentsAreaBody #columnB .reservationStayInner .stayBox .txtBox {
width: 210px;
margin: 0 auto;
}


/* reservation biz & reservation stay
--------------------------------------------------------------*/
#contentsArea #contentsAreaBody #columnB .reservationbizWrap{
background: url(../images/cmn_reserv_f1w_body.gif) no-repeat left bottom;
padding-bottom: 4px;
}
#contentsArea #contentsAreaBody #columnB .reservationbizInner{
background: url(../images/cmn_reserv_f1w_head.gif) no-repeat top left;
padding: 12px 0 8px;
}

#contentsArea #contentsAreaBody #columnB .reservationbizInner p{
margin: 5px 5px 0 5px;
}
#contentsArea #contentsAreaBody #columnB .reservationbizInner p a.normal{
background: url(../images/cmn_arrow1.gif) no-repeat left center;
padding: 0 0 0 5px;
color: #484747; 
text-decoration: none;
margin-left: 18px;
}
#contentsArea #contentsAreaBody #columnB .reservationbizInner a:hover {
text-decoration:underline;
}


/* hotel information
--------------------------------------------------------------*/
#contentsArea #contentsAreaBody #columnB .infoBoxWrap {
background: url(../images/cmn_info_body.gif) no-repeat bottom left;
padding-bottom: 4px;
margin-bottom: 15px;
} 

#contentsArea #contentsAreaBody #columnB .infoBoxInner {
background: url(../images/cmn_info_head.gif) no-repeat top left;
padding: 6px 6px 0 6px;
}

#contentsArea #contentsAreaBody #columnB .infoBoxInner h2 {
margin-bottom: 5px;
}

#contentsArea #contentsAreaBody #columnB .infoBoxInner ul {
margin: 0 0 0 10px;
}
#contentsArea #contentsAreaBody #columnB .infoBoxInner li {
list-style: none;
background: url(../images/cmn_arrow1.gif) no-repeat 2px 6px;
padding: 0 0 0 16px;
}
#contentsArea #contentsAreaBody #columnB .infoBoxInner li.tel {
list-style: none;
background: url(../images/icon_tel.gif) no-repeat 0 7px;
padding: 0 0 0 16px;
}
#contentsArea #contentsAreaBody #columnB .infoBoxInner li.blankWin {
list-style: none;
background: url(../images/cmn_blank_win.gif) no-repeat 0 7px;
padding: 0 0 0 16px;
}

#contentsArea #contentsAreaBody #columnB .infoBoxInner a {
color: #484747;
text-decoration: none;
}
#contentsArea #contentsAreaBody #columnB .infoBoxInner a:hover {
text-decoration:underline;
}


/* select
--------------------------------------------------------------*/
#contentsArea #contentsAreaBody #columnB .selectBox {
width: 100%;
margin-bottom: 15px;
}

#contentsArea #contentsAreaBody #columnB .selectBox h2 {
border-left: 3px #000000 solid;
padding: 2px 0 2px 10px;
margin-bottom: 5px;
font-weight: bold;
}

#contentsArea #contentsAreaBody #columnB .selectBox .imgBox {
width: 239px;
margin: 0 0 5px 0;
}

#contentsArea #contentsAreaBody #columnB .selectBox p {
border-bottom: 1px #E1E1DF solid;
margin: 0 0 3px 0;
padding-bottom: 3px;
}

#contentsArea #contentsAreaBody #columnB .selectBox ul {
border-bottom: 1px #E1E1DF solid;
margin: 0 0 3px 0;
padding-bottom: 3px;
}

#contentsArea #contentsAreaBody #columnB .selectBox li {
list-style: none;
}
#contentsArea #contentsAreaBody #columnB .selectBox a.blankWin {
background: url(../images/cmn_blank_win.gif) no-repeat left top;
color: #484747;
text-decoration: none;
padding: 0 0 0 16px;
}
#contentsArea #contentsAreaBody #columnB .selectBox a:hover {
text-decoration:underline;
}


/* banner
--------------------------------------------------------------*/
#contentsArea #contentsAreaBody #columnB .bnrBox {
margin-bottom: 15px;
}







/* infomation in*/
#info_fla_img{
background-image: url("../../images/ind_fla_img_info.jpg");
background-repeat: no-repeat;
background-position: center top;
width: 100%;
height: 300px;
}

#info_fla_img div#fla_no_linkarea{
margin:0 auto 0px auto;padding:0;
width: 880px;
}
#info_fla_img div#fla_no_linkarea a{
height: 54px;
display: block;
margin-top: 228px;
}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_1{width: 153px;text-indent: -9999px;float: left;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_2{width: 134px;text-indent: -9999px;float: left;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_3{width: 131px;text-indent: -9999px;float: left;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_4{width: 155px;text-indent: -9999px;float: left;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_5{width: 149px;text-indent: -9999px;float: left;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_6{width: 158px;text-indent: -9999px;float: left;}

#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_1:hover{background-image: url("../../images/ind_fla_img_info_01.jpg");background-repeat: no-repeat;background-position: left top;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_2:hover{background-image: url("../../images/ind_fla_img_info_02.jpg");background-repeat: no-repeat;background-position: left top;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_3:hover{background-image: url("../../images/ind_fla_img_info_03.jpg");background-repeat: no-repeat;background-position: left top;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_4:hover{background-image: url("../../images/ind_fla_img_info_04.jpg");background-repeat: no-repeat;background-position: left top;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_5:hover{background-image: url("../../images/ind_fla_img_info_05.jpg");background-repeat: no-repeat;background-position: left top;}
#info_fla_img div#fla_no_linkarea a#fla_no_linkarea_6:hover{background-image: url("../../images/ind_fla_img_info_06.jpg");background-repeat: no-repeat;background-position: left top;}



#info_fla_img div#fla_no_linkarea:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#info_fla_img div#fla_no_linkarea{display: inline-block;min-height:1%;/* for IE 7*/}
/* Hides from IE-mac \*/
* html #info_fla_img div#fla_no_linkarea {height: 1%;}
#info_fla_img div#fla_no_linkarea {display: block;}
/* End hide from IE-mac */

/* infomation area*/

#columnA #infomation_area_0908{
border:1px solid #666;margin-bottom:15px;margin-top:5px;width:610px;
}
#columnA #infomation_area_0908 h3#area_0908_h3{
font-weight:600;font-size:120%;margin:10px 5px 5px 10px;padding:0;line-height:130%;
}
#columnA #infomation_area_0908 p#area_0908{
margin:0 10px 10px 10px;padding:0;
}