@charset "utf-8";

/*--------------------------------------------
タグセレクタ・ブラウザスタイル初期化
--------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

h1,h2, h3, h4, div, p, hr, blockquote, address, noscript {
	text-align  : left;
	font-style: normal;
	font-weight: normal;
}

ul, ol, dl, dt, dd {
	list-style: none;
}

span, img {
	border: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}

body{
	color: #333;
	font-size: 12px;
	font-family: Arial,Helvetica,Osaka,sans-serif;
}

a {
	/*\*/
	overflow: hidden;/*Firefoxでインデントで消したリンク要素の枠を解消*/
	/**/
}


/*--------------------------------------------
強制的にclearするセレクタ
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 1px;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
	min-height: 1%;
}

/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */


a {
color:#005689;
text-decoration:none;
}

a:visited{
color:#164974;
text-decoration:none;
}

a:hover{
color:#005689;
text-decoration: underline;
}

/*--------------------------------------------
共通部分
--------------------------------------------*/
div#containerTop {
	background-image: url(../images/header_repeat_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 105px;
}

div#containerTop div#header{
	width: 950px;
	margin: 0 auto;
	padding-top: 1px;
}

div#containerTop div#header h1{
	font-size: 10px;
	color: #aaB5C1;
	margin-bottom: 0px;
	float: right;
	padding-right: 10px;
	padding-top: 3px;
	line-height: 10px;
}

/* language selector */
#languageSelector{
  position:relative;
  width:auto;
  font-size: 10px;
}
#languageSelector .dhtmlSelectTrigger{
  font-weight:bold;
  cursor:pointer;
  cursor:hand;
  display:block;
  text-decoration:none;
  padding:2px 9px 2px 10px;
  width:auto;
  line-height:11px;
  color:#ffffff;
  background-image: url(../images/hotel_li2.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
}
#languageSelector ul{
  z-index:5;
  width:60px;
  border:1px solid #999999;
  background-color:#ffffff;
  position:absolute;
  list-style-type:none;
  margin:0;
  right: 5px;
  padding:5px;
}
#languageSelector li{
  margin:0;
  padding:0;
}

#languageSelector .backgroundIframe{
  z-index:1;
  position:absolute;
  top:18px;
  left:0px;
  display:none;
}

#languageSelector.show ul{
  display:block;
}
#languageSelector a,#languageSelector a:link,#languageSelectort a:visited{
  font-weight:normal;
  border-bottom:1px solid #eeeeee;
  background-color:#ffffff;
  text-decoration:none;
  display:block;
  padding:1px 5px;
  color:#3e3061;
}
#languageSelector a:hover{
  color:#ffffff;
  background-color:#152547;
}
#pushToTalk, #amexPromo{
  margin-top:15px;
  text-align:center;
}

div#containerTop div#header table.logoTop {
	width: 100%;
	height: 70px;
}

div#containerTop div#header table.logoTop td {
	vertical-align: top;
}

div#containerTop div#header div.headerRight{
	text-align: right;
	font-size: 10px;
	color: #ffffff;
}

div#containerTop div#header div.headerRight a {
	color: #ffffff;
	margin: 0 10px;
}

div#layout {
	position: relative;
	background-color:#010221;
	line-height: 140%;
}

div#layout a:hover img{
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

div#layout div.layoutTop {
	background: transparent url(../images/repeat_bg.png) repeat-x scroll 0 0;
	height: 40px;
	margin-bottom: 11px;
}

div#layout div.layoutTop div.layoutBox {
	width: 950px;
	margin: 0 auto;
	padding-top: 5px;
}

div#layout div.layoutTop div.layoutBox ul.menu li {
	float: left;
}

div#layout div.layoutTop div.layoutBox ul.menu li.menu01 a,
div#layout div.layoutTop div.layoutBox ul.menu li.menu02 a,
div#layout div.layoutTop div.layoutBox ul.menu li.menu03 a,
div#layout div.layoutTop div.layoutBox ul.menu li.menu04 a,
div#layout div.layoutTop div.layoutBox ul.menu li.menu05 a {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	display: block;
}

div#layout div.layoutTop div.layoutBox ul.menu li.menu01 a:hover,
div#layout div.layoutTop div.layoutBox ul.menu li.menu02 a:hover,
div#layout div.layoutTop div.layoutBox ul.menu li.menu03 a:hover,
div#layout div.layoutTop div.layoutBox ul.menu li.menu04 a:hover,
div#layout div.layoutTop div.layoutBox ul.menu li.menu05 a:hover {
	background-position: 0 -30px;
}

div#layout div.layoutTop div.layoutBox ul.menu li.menu01 a {
	background-image: url(../images/menu_01.gif);
	width: 186px;
}

div#layout div.layoutTop div.layoutBox ul.menu li.menu02 a {
	background-image: url(../images/menu_02.gif);
	width: 186px;
}

div#layout div.layoutTop div.layoutBox ul.menu li.menu03 a {
	background-image: url(../images/menu_03.gif);
	width: 186px;
}

div#layout div.layoutTop div.layoutBox ul.menu li.menu04 a {
	background-image: url(../images/menu_04.gif);
	width: 186px;
}

div#layout div.layoutTop div.layoutBox ul.menu li.menu05 a {
	background-image: url(../images/menu_05.gif);
	width: 186px;
}

div#layout div.layoutTop div.layoutBox ul.menu ul li {
	padding-left: 5px;
}


ul#pulldown-menu a {
        color: #FFFFFF;
        text-decoration: none;
}

ul#pulldown-menu li {
        position: relative;
}
ul#pulldown-menu li a {
        display: block;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

ul#pulldown-menu { /* IE6 対策 */
        behavior: url("js/csshover.htc");
}

/* Ad images*/

div#layout div#adimages div.adimage{
	position:absolute; height: 360px; width:100%; opacity: 0.0; filter:alpha(opacity=0);
}

div#layout div#adimages{
	position:relative; height:360px;
}
div#layout div.layoutTop div.layoutBox ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
		padding: 0;
}

div#layout div.layoutTop div.layoutBox ul#pulldown-menu li ul li a {
	background-image: none;
	height: auto;
}


div#layout table.flashMap {
	width: 950px;
	margin: 0 auto;
}

div#layout table.flashMap td{
	vertical-align: bottom;
}

div#layout table.flashMap td div.adtext a{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

div#layout table.flashMap td div.adtext1 {
	margin: 20px 0 0 20px;
}

div#layout table.flashMap td div.adtext2 {
	margin: 20px 0 0 100px;
}

div#layout table.flashMap td div.adtext3 {
	margin: 40px 0 0 50px;
}

div#layout table.flashMap td div.adtext4 {
	margin: 60px 0 0 100px;
}

div#layout table.flashMap td div.adtext1 a,
div#layout table.flashMap td div.adtext2 a,
div#layout table.flashMap td div.adtext3 a,
div#layout table.flashMap td div.adtext4 a {
	margin-right: 10px;
}

div#layout table.flashMap td ul.flashMenu li {
	float: left;
}

div#layout table.flashMap td ul.flashMenu li a{
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 66px;
	display: block;
}

div#layout table.flashMap td ul.flashMenu li a:hover {
	background-position: 0 -66px;
}

div#layout table.flashMap td ul.flashMenu li.flashMenu01 a{
	background-image: url(../images/flash_menu_01.png);
	width: 154px;
}

div#layout table.flashMap td ul.flashMenu li.flashMenu02 a{
	background-image: url(../images/flash_menu_02.png);
	width: 154px;
}

div#layout table.flashMap td ul.flashMenu li.flashMenu03 a{
	background-image: url(../images/flash_menu_03.png);
	width: 154px;
}

div#layout table.flashMap td ul.flashMenu li.flashMenu04 a{
	background-image: url(../images/flash_menu_04.png);
	width: 153px;
}

div#layout table.flashMap td ul.flashMenu li.flashMenu01.on a,
div#layout table.flashMap td ul.flashMenu li.flashMenu02.on a,
div#layout table.flashMap td ul.flashMenu li.flashMenu03.on a,
div#layout table.flashMap td ul.flashMenu li.flashMenu04.on a {
	background-position: 0 -66px;
}

div#layout table.flashMap td table.flashMenu td {
	width: 153px;
	padding-top: 10px;
	vertical-align: top;
}

div#layout table.flashMap td table.flashMenu td p {
	padding-left: 10px;
}

div#layout table.flashMap td table.flashMenu td p {
	width: 105px;
}

div#layout table.flashMap td table.flashMenu td p a {
	color: #EDD3A6;
	font-weight: bold;
}

/* content */
div#content {
	background-image: url(../images/content_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #00011c;
	line-height: 140%;
}

div#content a:hover img{
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

div#content div#contentInner {
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;
}

div#content div.hotelBg {
	background-image: url(../images/hotel_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 160px;
	padding-top: 10px;
	padding-left: 1px;
}

div#content div.hotelBg div.hotelBgInner p.hotelBgLeft {
	float: left;
	padding-left: 7px;
}

div#content div.hotelBg div.hotelBgInner div.hotelBgRight {
	float: right;
}

div#content div.hotelBg div.hotelBgInner div.hotelBgRight p {
	float: left;
	padding-right: 10px;
}

div#content div.hotelBg div.hotelBgInner div.hotelBgRight p a {
	color: #FFF;
}

div#content div.hotelBg div.prev {
	width: 18px;
	float: left;
	padding-top: 10px;
	padding-left: 7px;
    cursor: pointer;
}

div#content div.hotelBg div.next {
	width: 18px;
	float: right;
	padding-top: 10px;
	padding-right: 7px;
    cursor: pointer;
}

div#content div.hotelBg div.prev.disabled,
div#content div.hotelBg div.next.disabled {
    visibility:hidden;
}

div#content div.hotelBg div.carousel {
	margin-top: 10px;
}

div#content div.hotelBg ul li {
	float: left;
	padding-left: 11px;
}

div#content div.hotelBg ul li div {
	width: 165px;
	border: 1px solid #3c4455;
	background-color: #131939;
	height: 112px;
}

div#content div.hotelBg ul li div dl {
	padding: 7px 3px 5px 7px;
}

div#content div.hotelBg ul li div dl dt {
	width: 75px;
	float: left;
}

div#content div.hotelBg ul li div dl dd {
	width: 74px;
	float: right;
}

div#content div.hotelBg ul li div dl dd a {
	background-image: url(../images/hotel_li.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	padding-left: 9px;
	color: #edd3a6;
}

div#content div.hotelBg ul li div p {
	padding: 0px 3px 0 7px;
}

div#content div.hotelBg ul li div p a {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}

div#content div.hotelBg ul li div p a:hover {
	text-decoration: none;
}

/* content plan */
div#content div.plan {
	margin-bottom: 10px;
}

div#content div.plan p.planButton {
	margin-left: 5px;
}

div#content div.plan table div.roomBottom {
	background-image: url(../images/room_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

div#content div.plan table div.roomBottom div.roomTop {
	background-image: url(../images/room_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 5px 5px 5px;
}


div#content div.plan table div.roomBottom div.roomTop div.roomTopInner p.roomLeft{
	float: left;
}

div#content div.plan table div.roomBottom div.roomTop div.roomTopInner div.roomRight {
	float: right;
}

div#content div.plan table div.roomBottom div.roomTop div.roomTopInner div.roomRight ul li {
	float: left;
	padding-left: 5px;
}

div#content div.plan table div.roomBottom div.roomTop div.roomBox {
	background-color: #eaece4;
	padding: 10px;
	margin-top: 5px;
	min-height:519px;
	_height:522px; /* hac for IE6 */
}

div#content div.plan table div.roomBottom div.roomTop div.roomBox dl {
	border-bottom: 1px solid #919bb0;
	padding-bottom: 10px;
	margin-bottom: 8px;
}

div#content div.plan table div.roomBottom div.roomTop div.roomBox dl dt {
	width: 90px;
	float: left;
}

div#content div.plan table div.roomBottom div.roomTop div.roomBox dl dd {
	width: 350px;
	float: right;
}


.hotel-name {
    font-size: 10px;
    color: #666;
    margin-top:3px;
}

div#content div.plan table div.roomBottom div.roomTop div.roomBox dl dd .hotel-name {
    text-align: right; 
}

div#content div.plan table div.roomBottom div.roomTop div.roomBox dl dd a {
	font-weight: bold;
	color: #375A9A;
	text-decoration: underline;
}

div#content div.plan table div.roomBottom div.roomTop div.roomBox dl dd a:hover {
	text-decoration: none;
}

div#content div.plan table div.planBottom {
	background-image: url(../images/plan_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 470px;
}

div#content div.plan table td {
	vertical-align: top;
}

div#content div.plan table div.planBottom {
	margin-bottom: 11px;
}

div#content div.plan table div.planBottom div.planBox {
	background-color: #eeefdf;
	padding: 10px 9px 5px 9px;
	margin-top: 10px;
}

div#content div.plan table div.planBottom div.planBox div.planBoxInner {
	margin-bottom: 8px;
}

div#content div.plan table div.planBottom div.planBox div.planBoxInner dl {
	padding: 5px;
}

div#content div.plan table div.planBottom div.planBox div.planBoxInner dt {
	width: 81px;
	float: left;
}

div#content div.plan table div.planBottom div.planBox div.planBoxInner dd {
	width: 120px;
	float: right;
	font-size: 10px;
}

div#content div.plan table div.planBottom div.planBox div.planBoxInner dd a {
	font-size: 12px;
	font-weight: bold;
	color: #87462C;
	text-decoration: underline;
}

div#content div.plan table div.planBottom div.planBox div.planBoxInner dd a:hover {
	text-decoration: none;
}

div#content div.plan table div.planBottom div.planBox div.planBoxInner div.planBoxInnerLeft {
	width: 214px;
	border: 1px solid #cbbeb8;
	float: left;
	height: 95px;
}

div#content div.plan table div.planBottom div.planBox div.planBoxInner div.planBoxInnerRight {
	width: 214px;
	border: 1px solid #cbbeb8;
	height: 95px;
	float: right;
}

div#content div.plan table div.planBottom div.restaurant {
	background-image: url(../images/restaurant_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 5px;
}

div#content div.plan table div.planBottom div.meeting {
	background-image: url(../images/meeting_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 10px 5px 5px 5px;
}

div#content div.plan table div.planBottom div.meetingBox {
	background-color: #eeefdf;
	padding: 10px 5px 5px 0;
	margin-top: 5px;
}

div#content div.plan table div.planBottom div.meetingBox ul {
	margin-bottom: 8px;
}

div#content div.plan table div.planBottom div.meetingBox li{
	float: left;
	padding-left: 4px;
}

div#content div.plan table div.planBottom div.meetingBox li dl {
	border: 1px solid #d5d6d1;
	width: 145px;
	padding: 5px 0;
	height: 180px;
}

div#content div.plan table div.planBottom div.meetingBox li dl dt {
	margin: 0 5px 5px 7px;
}

div#content div.plan table div.planBottom div.meetingBox li dl dd {
	margin: 0 5px 5px 10px;
	font-size: 10px;
}

div#content div.plan table div.planBottom div.meetingBox li dl dd a {
	font-weight: bold;
	color: #87462C;
	text-decoration: underline;
}

div#content div.plan table div.planBottom div.meetingBox li dl dd a:hover {
	text-decoration: none;
}

/* content news */
div#content div.news {
	
}

div#content div.news div.newsBox {
	width: 696px;
	float: left;
}

div#content div.news div.newsBox div.newsBoxBottom {
	background-image: url(../images/what_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

div#content div.news div.newsBox div.newsBoxBottom div.newsBoxTop {
	background-image: url(../images/what_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 2px;
}

div#content div.news div.newsBox ul.boxMenu {
	padding-left: 2px;
	margin-top: 5px;
}

div#content div.news div.newsBox ul.boxMenu li {
	float: left;
	padding-left: 3px;
}

div#content div.news div.newsBox ul.boxMenu li a{
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 222px;
	height: 33px;
	display: block;
}

div#content div.news div.newsBox ul.boxMenu li a:hover {
	background-position: 0 -33px;
}

div#content div.news div.newsBox ul.boxMenu li.menu01 a {
	background-image: url(../images/news_li_01.gif);
}

div#content div.news div.newsBox ul.boxMenu li.menu02 a {
	background-image: url(../images/news_li_02.gif);
}

div#content div.news div.newsBox ul.boxMenu li.menu03 a {
	background-image: url(../images/news_li_03.gif);
}

div#content div.news div.newsBox ul.boxMenu li.menu04 a {
	background-image: url(../images/news_li_04.gif);
}

div#content div.news div.newsBox ul.boxMenu li.menu01 a.selected {
	background-image: url(../images/news_li_01_on.gif);
}

div#content div.news div.newsBox ul.boxMenu li.menu02 a.selected {
	background-image: url(../images/news_li_02_on.gif);
}

div#content div.news div.newsBox ul.boxMenu li.menu03 a.selected {
	background-image: url(../images/news_li_03_on.gif);
}

div#content div.news div.newsBox ul.boxMenu li.menu04 a.selected {
	background-image: url(../images/news_li_04_on.gif);
}

div#content div.news div.newsBox div.newsBoxInner {
	margin: 0 5px 5px 5px;
	background-color: #fef8e8;
	padding: 10px 15px;
}

div#content div.news div.newsBox div.newsBoxInner ul li {
	border-bottom: 1px dotted #a8a292;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

div#content div.news div.newsBox div.newsBoxInner li img {
	margin-left: 5px;
}

div#content div.news div.newsBox div.newsBoxInner li a {
	color: #87462C;
	text-decoration: underline;
	margin-right: 5px;
}

div#content div.news div.newsBox div.newsBoxInner li a:hover {
	text-decoration: none;
}

div#content div.news ul.newsRight {
	width: 243px;
	float: right;
}

div#content div.news ul.newsRight li {
	margin-bottom: 6px;
}

/* bottomMenu */
div#content div.bottomMenu {
	margin-top: 20px;
	padding-bottom: 20px;
}

div#content div.bottomMenu table {
	width: 950px;
}

div#content div.bottomMenu ul {
	padding-bottom: 5px;
}

div#content div.bottomMenu ul li {
	color: #FFF;
	display: inline;
	padding-right: 5px;
}

div#content div.bottomMenu ul li a {
	color: #FFF;
	padding-right: 5px;
	text-decoration: none;
	font-size: 10px;
}

div#content div.bottomMenu ul li a:hover {
	text-decoration: underline;
}

div#content div.bottomMenu p.alignCenter {
	text-align: center;
	color: #FFF;
}


/* about-resort */
div#content div#resort {
	background-image: url(../images/resort_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

div#content div#resort div.about {
	width: 950px;
	margin: 0 auto;
	padding-top: 137px;
}

div#content div#resort div.about div.aboutTop {
	background-image: url(../images/about_repeat.png);
	background-position: bottom;
	background-repeat: repeat-y;
}

div#content div#resort div.about div.aboutTop div.aboutBottom {
	background-image: url(../images/about_top.png);
	background-position: top;
	background-repeat: no-repeat;
	padding: 16px 25px;
	border-bottom: 1px solid #3c4555;
	color: #FFF;
}

div#content div#resort div.about div.aboutTop div.aboutBottom h2 {
	margin-bottom: 15px;
}

div#content div#resort div.about div.aboutTop div.aboutBottom div.aboutBox {
	background-color: #f0ede6;
	padding: 16px 25px;
	margin-top: 20px;
}

div#content div#resort div.about div.aboutTop div.aboutBottom div.aboutBox table {
	border-bottom: 1px solid #b39f97;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 100%;
}

div#content div#resort div.about div.aboutTop div.aboutBottom div.aboutBox table th {
	width: 150px;
	text-align: center;
	vertical-align: middle;
}

div#content div#resort div.about div.aboutTop div.aboutBottom div.aboutBox table td {
	vertical-align: top;
	padding: 0 10px;
	color: #333;
}

div#content div#resort div.about div.aboutTop div.aboutBottom div.aboutBox table td h3 {
	margin-bottom: 10px;
}

div#content div#resort div.about div.aboutTop div.aboutBottom div.aboutBox table td h3 a {
	font-size: 14px;
	font-weight: bold;
	color: #87462C;
}

/* footer */
div#content div#footer {
	background: #000;
	padding: 10px 0;
}

div#content div#footer div.footerBg {
	width: 942px;
	margin: 0 auto;
	background-image:url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#content div#footer div.footerBg table.footerTop {
	margin-left: 450px;
}

div#content div#footer div.footerBg table.footerTop td{
	width: 90px;
	text-align: center;
	vertical-align: middle;
	padding-top:5px;
}

div#content div#footer div.footerBg table.footerBottom {
	margin-left: 500px;
}

div#content div#footer div.footerBg table.footerBottom {
	margin-top: 20px;
}

div#content div#footer div.footerBg table.footerBottom td{
	width: 95px;
	text-align: center;
	vertical-align: middle;
}


p.btnList { /* ボタン（一覧ページへ） */
	text-align: right;
	padding-bottom:2px;
}


/*
#japanMap {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}
*/

/* class */
.alignRight {
	text-align: right;
}

.bold {
	font-weight: bold;
}

/*
.test {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 305px;
	height: 58px;
}
*/