@charset "utf-8";

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

h1,h2, h3, h4, div, p, hr, blockquote, address, noscript {
	text-align  : left;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
ul, ol, dl, dt, dd {
	list-style: none;
}
span, img {
	border: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}

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

body{
	background-image: url(../images/top_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color:#f1f1e7;
	color:#333333;
	line-height: 130%;
	font-size: 82.5%;
	font-family: Arial, Helvetica, sans-serif;
}


/*--------------------------------------------
強制的に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 */


/*--------------------------------------------
body
--------------------------------------------*/
a:link{
color:#164974;
text-decoration:underline;
}

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

a:hover{
color:#ed1c24;
text-decoration: none;
}

/*--------------------------------------------
header
--------------------------------------------*/
div#container {
	width: 967px;
	margin: 0 auto;
}



div#container div#header {
	padding: 10px 20px;
}

div#container div#header h1 {
	float: left;
	font-family:arial;
}

div#container div#header div.headerRight {
	width: 610px;
	float: right;
}

div#container div#header div.headerRight ul.menuBottom {
	padding-top: 5px;
}

div#container div#header div.headerRight ul.menuBottom a{
	font-size: 14px;
	font-weight: bold;
	color:#773b31;
	text-decoration: none;
}

div#container div#header div.headerRight ul.menuBottom li {
	float: left;
	padding-left: 15px;
}

/*--------------------------------------------
flash
--------------------------------------------*/
div#container div#flash {
	background-color: #77392a;
	padding-bottom: 20px;
	line-height: 100%;
}
div#container div#flash div.flashTop {
	background-image: url(../images/hd_top_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 25px 0 20px 15px;
	font-size: 10px;
	color:#ffffff;
}

div#container div#flash div.flashTop a {
	color:#a2c8c4;
	text-decoration: none;
}

div#container div#flash div.flashTop .px20 {
	font-size: 26px;
	margin-bottom: 10px;
}

div#container div#flash div.flashInner {
	padding-left: 15px;
}

div#container div#flash div.flashInner ul.flashMenu li{
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	font-size: 10px;
}

div#container div#flash div.flashInner ul.flashMenu li a {
	font-weight: bold;
	text-decoration: none;
	color:#FFFFFF;
}

div#container div#flash div.flashInner div.flashLeft {
	width: 542px;
	height: 255px;
	float: left;
}

div#container div#flash div.flashInner div.flashRight {
	background-image: url(../images/calendar_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 395px;
	height: 255px;
	float: left;
}

/* カレンダーの部分 */
div#container div#flash div.flashInner div.flashRight div.flaRightInner {
	padding: 20px 0 0 20px;
	font-size: 10px;
}

div#container div#flash div.flashInner div.flashRight div.flaRightInner .px16 {
	font-size: 16px;
	font-weight: bold;
	color:#7e392a;
	margin-bottom: 10px;
}

div#container div#flash div.flashInner div.flashRight div.flaRightInner table {
	font-size: 10px;
	color:#7e392a;
}

div#container div#flash div.flashInner div.flashRight div.flaRightInner div.calendarButtom {
	margin-top: 17px;
}

div#container div#flash div.flashInner div.flashRight div.flaRightInner div.calendarButtom p.btLeft {
	float: left;
}

div#container div#flash div.flashInner div.flashRight div.flaRightInner div.calendarButtom p.btRight {
	float: right;
	padding-right: 25px;
	padding-top: 10px;
}

div#container div#flash div.flashInner div.flashRight div.flaRightInner div.calendarButtom p.btRight a {
	font-weight: bold;
	color:#3D8A86;
} 

div#container div#flash div.flashInner div.flashRight div.flaRightInner div.calendarTel {
	margin-top: 20px;
}

div#container div#flash div.flashInner div.flashRight div.flaRightInner div.calendarTel p.ctLeft {
	float: left;
}

div#container div#flash div.flashInner div.flashRight div.flaRightInner div.calendarTel p.ctRight {
	float: right;
	padding-top: 20px;
	padding-right: 25px;
}

/* content */
div#container div#content {
	margin-top: 20px;
}

div#container div#content div.contentInner {
	padding-left: 3px;
}

div#container div#content div.contentBox {
	background-color:#FFFFFF;
	padding: 20px 30px;
}

.plan {
	border-bottom: 1px solid #99b5da;
	margin-bottom: 15px;
}

p.planLeft {
	float: left;
	padding-right: 20px;
}

.planRight {
	padding: 20px 0 0 0;
	font-weight: bold;
	font-size: 20px;
	color:#8B4B38;
	line-height: 25px;
}

div#container div#content div.contentBox div.planBox {
	margin-top: 15px;
}

div#container div#content div.contentBox div.planBox div.planBoxInner {
	width: 293px;
	float: left;
	font-size: 10px;
}

div#container div#content div.contentBox div.planBox div.planBoxInner img {
	margin-bottom: 3px;
}

div#container div#content div.contentBox div.planBox div.planBoxInner p {
	text-align: center;
}


/* top access */
div#container div#topAccess {
	margin-top: 20px;
}

div#container div#topAccess div.topAccessRepeat{
	background-image: url(../images/access_bg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 20px;
	margin-top: -2px;
}

div#container div#topAccess div.topAccessRepeat p.accessLogo {
	float: left;
}

div#container div#topAccess div.topAccessRepeat div.accessRight {
	width: 820px;
	float: right;
}

div#container div#topAccess div.topAccessRepeat div.accessRight div.acBox div.acBoxLeft {
	float: left;
	width: 560px;
	color:#FFFFFF;
}

div#container div#topAccess div.topAccessRepeat div.accessRight div.acBox div.acBoxLeft p {
	margin-bottom: 10px;
}

div#container div#topAccess div.topAccessRepeat div.accessRight div.acBox div.acBoxLeft h2 {
	margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}

div#container div#topAccess div.topAccessRepeat div.accessRight div.acBox div.acBoxRight {
	float: right;
	width: 240px;
}

div#container div#topAccess div.topAccessRepeat div.mapBox {
	margin: 20px 10px 0 10px;
	background-color:#f1f1e7;
	padding: 20px;
}

div#container div#topAccess div.topAccessRepeat div.mapBox div.mapBoxRight {
	width: 240px;
	float: right;
	text-align: right;
}

div#container div#topAccess div.topAccessRepeat div.mapBox div.mapBoxRight img {
	margin-bottom: 7px;
}

div#container div#topAccess div.topAccessRepeat div.mapBox div.mapBoxLeft {
	width: 600px;
	float: left;
}

div#container div#topAccess div.topAccessRepeat div.mapBox div.mapBoxLeft table {
	border-bottom: 1px solid #aa947c;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 10px;
	width: 600px;
}

div#container div#topAccess div.topAccessRepeat div.mapBox table div.mapBoxLeft th {
	width: 25%;
}

div#container div#topAccess div.topAccessRepeat div.mapBox div.mapBoxLeft dl {
	background-image: url(../images/mag_bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	color:#8B4B38;
}

div#container div#topAccess div.topAccessRepeat div.mapBox div.mapBoxLeft dt {
	font-weight: bold;
}

div#container div#topAccess div.topAccessRepeat div.mapBox div.mapBoxLeft dd {
	font-size: 10px;
	margin: 0 0 25px 10px
}



/* 新規追加 */
.new {
	padding-top: 20px;
	width: 937px;
}

.newBox {
	background-color: #d8c9b6;
	padding: 5px 0 5px 5px;
}

.newBoxInner {
	width: 536px;
	overflow: auto;
	height: 160px;
	background-color: #FFF;
	float: left;
}

.newInner {
	padding: 10px;
}

.newInner dl {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.newInner dt {
	width: 85px;
	float: left;
	color: #666;
}

.newInner dd {
	float: left;
	width: 400px;
}

.newInner dd a {
	color: #3D8A85;
}

.newLeft {
	float: left;
	padding-left: 25px;
	padding-top: 20px;
}

.staying {
	width: 877px;
	background-color: #d9cab7;
	margin-left: 15px;
	margin-bottom: 30px;
	padding: 3px 0;
}

.stayingBox {
	margin: 0 3px;
	background-color: #f1f1e7;
}

.stayingBoxInner {
	padding: 15px 15px 5px 15px;
}

.stayingBoxInner li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.stayingBoxInner li a{
	background-image: url(../images/staying_li.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-left: 12px;
	font-size: 14px;
	font-weight: bold;
	color: #3D8A85;
}


/* footer */
div#container div#footer {
	color:#8B4B38;
	padding-bottom: 15px;
}

div#container div#footer #globalFooterContainer #brandNavigatorContainer a {
	color:#488981;
}

div#container div#footer #globalFooterContainer #spgComponentContainer a {
	color:#488981;
}

div#container div#footer a{
	color:#488981;
}

div#container div#footer div.footerBg {
	margin-top: 5px;
	padding-top: 20px;
	width: 967px;
	background-image:url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#container div#footer div.footerBg table.footerTop {
	margin-left: 480px;
}

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

div#container div#footer div.footerBg table.footerBottom {
	margin-left: 480px;
}

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

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

/* float */
.floatLeft {
	float: left;
}

.buttonForm, .actionButton button, .actionLink a, .actionLinkLeft a, .buttonLinkLeft a, .buttonLink a {
background:url("https://www.starwoodhotels.com/sheraton/images/arrowRightFFFFFF.gif") no-repeat scroll right center #60A19A;
border:1px solid #60A19A;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
}