@charset "UTF-8";
img, object, embed, video {
	max-width: 100%;
}

.ie6 img {
	width:100%;
}

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #242424;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 0px; 
}
a img { 
	border: none;
}

a:link {
	color:#FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#177aff;
	text-decoration: none;
}

.container {
	width: 100%;
	}

.header {
	background-color: #242424;
	height: 85px;
	}

.content {
	padding: 0;
	background: #000;
	position:relative;
	z-index:3;
	}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

/* ~~ フッター ~~ */
.footer {
	padding: 0;
	background-color: #242424;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.homelogo{
	width:396px;
	height:37px;
	display: block;
	padding-top: 40px;
	position: absolute;
	}
	
.menuindex .homelogo,
.pageVR .homelogo{
	padding-top: 15px;
	}

.menuindex .headbox ul,
.pageVR .headbox ul{
	display:block;
	position:absolute;
	list-style:none;
	top:71px;
	}

.menuindex .headbox ul li,
.pageVR .headbox ul li{
	font-size:16px;
	font-weight:100;
	float:left;
	height:33px;
	text-align:center;
	margin-left:-1px;
	}
	
.menuindex .headbox ul li a,
.pageVR .headbox ul li a{
	width:auto;
	padding:6px 35px;
	border:solid 1px #595959;
	}

.current{
	background:#000;
	}

.footer ul{
	display:block;
	position:	absolute;
	list-style:none;
	top:10px;
	}

.menuindex .footerbox{
	padding-top:4px;
	}

.footerMenus{
	color:#FFF;
	font-size:11px;
	margin-left:-20px;
	}

.footerMenus h3{
	text-align:center;
	font-size:13px;
	font-weight:100;
	color:#FFF;
	border:solid 1px #595959;
	display:inline-block;
	padding:2px 5px;
	margin:0 5px 3px 20px;
	line-height: 1.1;
	width:45px;
	}

.footerMenus a{
	color:#FFF;
	font-size:11px;
	font-weight:100;
	text-align:center;
	margin:1px;
}
.footerMenus a:hover{
	color:#177aff;
	}

.footer ul h3{
	font-size:14px;
	font-weight:100;
	float:left;
	color:#FFF;
	border:solid 1px #595959;
	display:block;
	padding:4px 5px;
	margin:-5px 10px 0 0;
	line-height: 0.8;
	height:10px;
	}

.footer ul li{
	line-height: 0.8;
	color:#FFF;
	font-size:11px;
	font-weight:100;
	float:left;
	height:12px;
	text-align:center;
	margin:1px;
	}


.R360_logo{
	width:220px;
	height:38px;
	display: block;
	padding-top: 40px;
	position:absolute;
	right:0;
	}

.mainimg{
	float:left;
	}
.TopMenuBox{
	width:500px;
	height:506px;
	background:url(img/menumap.jpg) no-repeat left;
	float:left;
	position:relative;
	}
.TopMenuBox table{
	position:absolute;
	right:0;
	top:15px;
	}

.TopMenuBox,
.TopMenuBox a{
	font-size:11px;
	font-weight:900;
	text-decoration:none;
	line-height:160%
	}

.TopMenuBox a:hover{
	
	}

.TopMenuBox tr{
	border-top:solid 1px #595959;
}

.TopMenuBox tr.nonborder{
	border-top:none;
}
.TopMenuBox tr.nonborder td{
	padding-top:8px;
}

.TopMenuBox .floor,
.TopMenuBox .floor a{
	width:60px;
	font-size:16px;
	vertical-align:top;
}	

table{
	border-collapse: collapse;
	border-spacing: 0;	
	}

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* タブレットレイアウト : 481 px 〜 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* デスクトップレイアウト : 769 px 〜最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 2000px) {
.gridContainer {
	width: 100%;
	max-width: 2000px;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.footerDetailInfo .roomName{
	width:15%;
	}
.footerDetailInfo table{
	color:#fff;
	font-size:13px;
	width:100%;
	position:relative;
	margin-top:10px;
	}
.footerDetailInfo h3{
	padding:0;margin:0;
	font-size:16px;
	line-height:100%;
	}

td.detailTitle, td.detailData{
	line-height:120%;
	border-bottom:solid 1px #595959;
	padding:4px 0;
	vertical-align:top;
	}
td.detailData{
	vertical-align:top;
	width:70%;
	}
.headbox, .footerbox, .contentBox{width:900px;margin:0 auto;position:relative;}
.content{border-top:solid 1px #4b4b4b;border-bottom:solid 1px #4b4b4b;}

.footer{border-bottom:solid 1px #4b4b4b;position:relative;}
.footerbox{display: block;min-height:80px;}
.footerbox .copy{width:100%;position:relative; height:35px;padding-top:25px;}
.topPage .copy{padding-top:45px;}
.floorB2B11F .footerbox .copy,
.pageVR .footerbox .copy{padding-top:5px;}
.footerlogo{display:block; position:absolute; bottom:2px}
.copyright{color:#FFF; font-size:9px; position:absolute; right:0; bottom:0}