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

TOP LAYOUT

**************************************************************************************************/
div#container{
width:960px;
margin:0 auto;
text-align:left;
}

/**************************************************************************************************

HEADER

**************************************************************************************************/
div#header{
height:105px;
position:relative;
}

/* TOP LOGO */
div#header h1{
width:295px;
height:66px;
position:absolute;
top:19px;
left:0;
}

div#header ul{
list-style:none;
}

/* HEADER NAVI */
div#header ul.headerNavi{
padding:7px 0 0 0;
height:11px;
position:absolute;
top:60px;
right:0;
}

div#header ul.headerNavi li{
line-height:11px;
float:left;
margin:0 0 0 20px;
position:relative;
}

* html div#header ul.headerNavi li.blogNavi{
bottom:-3px;
}

*:first-child+html div#header ul.headerNavi li.blogNavi{
bottom:-3px;
}

/**************************************************************************************************

HEADER IMAGE

**************************************************************************************************/
div#headerImg{
width:960px;
height:380px;
}

div#noFlashContent{
width:722px;
height:380px;
float:left;
}

div#reservationArea{
width:237px;
height:380px;
position:relative;
float:right;
background:url(../../img/reservation_area_bg.gif) repeat 0 0;
}

div#reservationArea h2{
width:184px;
height:34px;
position:absolute;
top:40px;
right:24px;
}

div#reservationArea .reservationBlock {
width:186px;
position:absolute;
top:94px;
right:25px;
}

div#reservationArea ul.selectGallery{
list-style:none;
width:186px;
height:58px;
}

div#reservationArea ul.selectGalleryJp{
padding:38px 0 0 0;
}

div#reservationArea ul.selectGalleryEn{
padding:38px 0 0 0;
}

/**************************************************************************************************

CONTENTS

**************************************************************************************************/
div#navigation{
width:960px;
overflow:hidden;
border-bottom:1px solid #DDDDDD;
margin:0 0 40px 0;
}

div.navigationInner{
width:1000px;
}

div#navigation ul li{
width:240px;
padding:0 1px 0 0;
background:url(../../img/title_bg.gif) no-repeat 100% 0;
float:left;
}

div.contents{
margin:0 0 50px 0;
background:url(../../img/contents_bg.gif) repeat-y 0 0;
}

div.contentsInner{
width:640px;
float:left;
}

div.aboutResort{
border-bottom:1px solid #EEEEEE;
margin:0 0 35px 0;
}

div.contents dt{
margin:0 0 14px 0;
}

div.aboutResort dd{
margin:0 0 35px 0;
}

div.aboutResort dd h3{
margin:0 0 18px 0;
}

div.aboutResort dd p{
font-size:92%;
line-height:180%;
color:#666666;
margin:0 0 10px 0;
}

div.hotelAward {
border-bottom:1px solid #EEEEEE;
padding:0 0 34px 0;
margin:0 0 35px 0;
}

div.hotelAward p.readMore{
text-align:right;
font-size:92%;
}

div.hotelAward p.readMore span{
display:inline;
background:url(../../img/readmore_icon.gif) no-repeat 0 5px;
line-height:100%;
padding:0 0 0 12px;
}

div.hotelAward ul{
font-size:77%;
color:#A99574;
line-height:150%;
}

div.hotelAward li{
padding:0 0 10px 0;
}

div.hotelAward li span{
display:block;
color:#666666;
}

ul.awardLeftSide{
width:290px;
float:left;
}

ul.awardRightSide{
width:290px;
float:right;
}

div.contentsSidebar{
width:270px;
float:right;
}

div.eventAndPromotion{
padding:0 0 20px 0;
margin:0 0 30px 0;
border-bottom:1px solid #EEEEEE;
}

div.eventAndPromotion dd{
width:270px;
height:auto;
overflow:hidden;
position:relative;
}

div.promotionWidget{
width:6000px;
}

div.promotionAsset{
width:270px;
float:left;
}

div.promotionAsset span.assetImage{
display:block;
width:270px;
height:160px;
overflow:hidden;
margin:0 0 10px 0;
}

div.promotionAsset span.assetTitle{
display:block;
font-weight:bold;
font-size:92%;
border-left:4px solid #A99574;
line-height:160%;
padding:0 0 0 8px;
margin:0 0 10px 0;
}

div.promotionAsset span.assetTitle span{
display:block;
font-weight:normal;
font-size:85%;
color:#667271;
}

div.promotionAsset span.assetBody{
display:block;
color:#666666;
font-size:92%;
line-height:180%;
margin:0 0 10px 0;
}

div.promotionAsset span.assetLink{
font-size:92%;
background:url(../../img/readmore_icon.gif) no-repeat 0 5px;
line-height:100%;
padding:0 0 0 12px;
}

div.eventAndPromotion dd ul.promotionNavi{
position:absolute;
bottom:0;
right:0;
z-index:99;
opacity:1;
}

div.eventAndPromotion dd ul.promotionNavi li.prevNavi{
width:17px;
height:17px;
position:absolute;
bottom:0;
right:20px;
cursor:pointer;
}

div.eventAndPromotion dd ul.promotionNavi li.nextNavi{
width:17px;
height:17px;
position:absolute;
bottom:0;
right:0;
cursor:pointer;
}

div.eventAndPromotion dd ul.promotionNavi li a{
display:block;
width:17px;
height:17px;
}

div.followUs dd{
width:640px;
overflow:hidden;
}

div.followUs ul{
list-style:none;
}

div.followUs ul li{
float:left;
margin:0 20px 0 0;
}

div.facebookFanBox iframe {
height:410px !important;
}