﻿@charset "utf-8";

@import url("../../common/css/reset.css");
@import url("../../common/css/common.css");
@import url("https://www.mwt.co.jp/common/css/layout.css");
@import url("https://www.mwt.co.jp/kaigai/common/css/internal_links.css");


#container{
	clear:both;
	width:950px;
	margin:0px auto 40px;
}
div.map{
	position: relative;
}
#container h2 img{
	vertical-align:top;
}

/*--MAPホテル--*/ 
div.map div.map_h, div.map div.map_h_02{
	position: absolute;
	height:30px;
	line-height:1;
}
.map_h,
.map_h * {
margin:0; padding:0;
}
div.map .trigger{
	vertical-align:middle;
}
.map_h{
	position:relative;
}
div.map_h p.name_left, div.map_h_02 p.name_left{
	width:100px;
	white-space:nowrap;
	text-align:right;
	position:absolute;
	top:0px;
	left:-100px;
	line-height:1.2;
}
div.map_h p.name_right, div.map_h_02 p.name_right{
	position:absolute;
	white-space:nowrap;
	top:0px;
	left:27px;
	line-height:1.2;
}
div.map_h p.name_top, div.map_h_02 p.name_top{
	position:absolute;
	white-space:nowrap;
	text-align:left;
	top:-30px;
	left:0px;
	line-height:1.2;
}
div.map_h p.name_bottom, div.map_h_02 p.name_bottom{
	position:absolute;
	white-space:nowrap;
	top:26px;
	left:0px;
	line-height:1.2;
}



/* MAPホテル ポップアップ部分　Bubble pop-up */
.popup {
	width:287px;
	padding-bottom:15px;
	position:absolute;
	display:none;
	border-collapse:collapse;
	background: url(../img/map_info_back.gif) no-repeat left bottom;
	z-index:50;
}
.popup p.level{
	padding:7px 25px 2px 15px;
	background: url(../img/map_info_back_top.gif) no-repeat left top;
}
.popup h3{
	padding:7px 25px 8px 15px;
	font-size:16px;
	font-weight:bold;
	line-height:1.1;
}
.popup p.text{
	float:left;
	width:120px;
	padding:0px 5px 0px 15px;
	line-height:1.3;
}
.popup p.text_none{
	float:left;
	width:250px;
	padding:0px 5px 0px 15px;
	line-height:1.3;
}

.popup p.photo{
	float:right;
	margin-right:25px;
}
.popup p.photo img{
	width:120px;
	height:120px;
}

.popup p.sta{
	padding-top:5px;
}

/* ホテル位置指定 */
div.map div.sheraton{
	left: 38px;
	top: 119px;
	z-index:2;
}
div.map div.onward{
	left: 49px;
	top: 198px;
	z-index:2;
}
div.map div.santafe{
	left: 43px;
	top: 229px;
	z-index:2;
}
div.map div.hilton{
	left: 225px;
	top: 193px;
	z-index:1;
}
div.map div.PIC{
	left: 247px;
	top: 265px;
	z-index:9;
}

div.map div.marriott{
	left: 282px;
	top: 284px;
	z-index:9;
}
div.map div.royal{
	left: 261px;
	top: 328px;
	z-index:9;
}

div.map div.fiesta{
	left: 322px;
	top: 295px;
	z-index:9;
}
div.map div.holiday{
	left: 359px;
	top: 303px;
	z-index:6;
}
div.map div.hyatt{
	left: 408px;
	top: 269px;
	z-index:5;
}
div.map div.outrigger{
	left: 451px;
	top: 242px;
	z-index:4;
}
div.map div.plaza{
	left: 495px;
	top: 316px;
	z-index:4;
}
div.map div.reef{
	left: 492px;
	top: 214px;
	z-index:3;
}
div.map div.westin{
	left: 526px;
	top: 234px;
	z-index:3;
}
div.map div.nikko{
	left: 542px;
	top: 189px;
	z-index:2;
}
div.map div.bayview{
	left: 529px;
	top: 338px;
	z-index:5;
}
div.map div.ocan{
	left: 544px;
	top: 316px;
	z-index:2;
}
div.map div.leopalace{
	left: 746px;
	top: 268px;
	z-index:1;
}
div.map div.starts{
	left: 835px;
	top: 136px;
	z-index:1;
}
