@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/*******************************
	Common Style
*******************************/
.fleft { float:left; }
.fright { float:right; }
.clearBoth { clear:both; }
.tcenter { text-align:center; }
.tleft { text-align:left; }
.tright { text-align:right; }

BODY {
	background-color: #000000;
	font-size: 14pt;
	color: #f5f5f5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

H3 {
font-size: 1.4em;
line-height: 1.3em;
text-indent: 0.4em;
border-left: 6px solid #FF9000;
border-bottom: 3px solid #303030;
margin: 0.4em 0;
}
.twtr-hd H3 {
border:none;
text-indent:0;
}

A:link { color:#9595f5; }
A:visited { color:#f595f5; }
A:active { color:#f5f595; }
A:hover { color:#9595f5; }

P { margin: 0.6em 0em; }
A IMG { border: none; }
UL { list-style: none; }

/*******************************
	Header Section
*******************************/
#headerLogin {
 font-size: x-small;
 text-align: right;
}
.headerline, .top-main, .menu, .breadcrumbs, #contents, #footer {
	display: block;
	width: 800px;
	margin: 0 auto;
}

.headerline H1 {
	font-size: 12pt;
	float: left;
}
.headerline IMG#headlogo {
	float: right;
}

/*******************************
	Main Menu Section
*******************************/
.menu UL {
	list-style: none;
}
.menu UL LI,
.menu UL LI A {
	background: #000000 url(assets/images/2010/navi.gif) repeat-x;
	text-indent: -9999px;
	width: 133px;
	height: 50px;
	display: block;
	float: left;
}
.menu UL LI#m63 { width: 135px; }
.menu UL LI#m63 A { background-position: 0px -150px; width: 135px; }
.menu UL LI#m74 A { background-position: -135px -150px; }
.menu UL LI#m76 A { background-position: -268px -150px; }
.menu UL LI#m85 A { background-position: -401px -150px; }
.menu UL LI#m66 A { background-position: -534px -150px; }
.menu UL LI#m91 A { background-position: -667px -150px; }

.menu UL LI#m63.active A { background-position: 0px -50px; width: 135px; }
.menu UL LI#m74.active A { background-position: -135px -50px; }
.menu UL LI#m76.active A { background-position: -268px -50px; }
.menu UL LI#m85.active A { background-position: -401px -50px; }
.menu UL LI#m66.active A { background-position: -534px -50px; }
.menu UL LI#m91.active A { background-position: -667px -50px; }

.menu UL LI#m63 A:hover { background-position: 0px -100px; width: 135px; }
.menu UL LI#m74 A:hover { background-position: -135px -100px; }
.menu UL LI#m76 A:hover { background-position: -268px -100px; }
.menu UL LI#m85 A:hover { background-position: -401px -100px; }
.menu UL LI#m66 A:hover { background-position: -534px -100px; }
.menu UL LI#m91 A:hover { background-position: -667px -100px; }

/*******************************
	BreadCrumbs Section
*******************************/
.breadcrumbs { font-size: 10pt; }

/*******************************
	Footer Section
*******************************/
#footer {
	background: #000000 url(assets/images/2010/footers.gif) bottom center no-repeat;
	padding-top: 3em;
	padding-bottom: 30px;
	font-size: 10pt;
	text-align: center;
}
#footer UL {
	list-style: none;
}
#footer UL LI {
	display: inline;
}
#footer UL.footnav { list-style: none; display: inline; }
#footer UL.footnav LI { display: inline; }

#footer A:link { color:#333333;text-decoration:none; }
#footer A:visited { color:#333333;text-decoration:none; }
#footer A:active { color:#333333;text-decoration:none; }
#footer A:hover { color:#3333f3; }

/*******************************
	Etc... Section
*******************************/
/* ----------------- 
<div class="infoBox">
	<h3>Title</h3>
	<p>Contents</p>
</div>
   ----------------- */
.infoBox {
	width:220px;
	background: #ffffff url(assets/images/2010/side_infobox_02.gif) no-repeat;
	background-position: center bottom;
	min-height: 280px;
	padding-bottom: 1.4em;
	color: #333333;
	font-size: small;
margin-top: -4px;
}
.infoBox H3 {
	background: #000000 url(assets/images/2010/side_infobox_01.gif) no-repeat;
	background-position: center top;
	height: 30px;
	line-height: 30px;
	text-indent: 0.4em;
	color: #ffffff;
	font-weight: 400;
	font-size: 12pt;
}
.infoBox P {
	margin: 0.4em 1em;
}

UL.floorguide {
	list-style: none;
}
UL.floorguide LI {
	text-indent: -9999px;
}
UL.floorguide LI A {
	background: #000000 url(assets/images/2010/top_floorguiderooms.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 120px;
}
UL.floorguide LI.level4 A { background-position: 0px -360px; }
UL.floorguide LI.level3 A { background-position: 0px -480px; }
UL.floorguide LI.level2 A { background-position: 0px -600px; }
UL.floorguide LI.level4 A:hover { background-position: 0px 0px; }
UL.floorguide LI.level3 A:hover { background-position: 0px -120px; }
UL.floorguide LI.level2 A:hover { background-position: 0px -240px; }
UL.side_eventlist { margin-top:1em; }
UL.side_eventlist LI {}
UL.side_eventlist LI A {}
UL.side_eventlist LI P.introtext {}

#ryoukins TABLE.ryokin {
	border-collapse: collapse;
	width: 100%;
}
#ryoukins TABLE.ryokin TH,
#ryoukins TABLE.ryokin TD {
	border: 2px solid #666666;
	padding: 0.4em;
	font-size: 77%;
}

#ryoukins TABLE.ryokin TH {
	text-align: right;
}
#ryoukins TABLE.ryokin TD.days  {
	text-align: center;
	color: #000000;
	font-weight: bold;
}
#ryoukins TABLE.ryokin TD.price {
	text-align: right;
}
#ryoukins TABLE.ryokin TD.memo  {
	text-align: left;
}

#ryoukins TABLE.ryokin TR.row1 TD.days  {
	background-color: #556B2F;
}
#ryoukins TABLE.ryokin TR.row1 TD.price {}
#ryoukins TABLE.ryokin TR.row1 TD.memo  {}
#ryoukins TABLE.ryokin TR.row2 TD.days  {
	background-color: #F0E68C;
}
#ryoukins TABLE.ryokin TR.row2 TD.price {}
#ryoukins TABLE.ryokin TR.row2 TD.memo  {}
#ryoukins TABLE.ryokin TR.row3 TD.days  {
	background-color: #F4A460;
}
#ryoukins TABLE.ryokin TR.row3 TD.price {}
#ryoukins TABLE.ryokin TR.row3 TD.memo  {}