/**
 * belmontMap.css
 * @date 28 Oct 2011
 */
#belmont-map {
	width: 940px;
	height: 480px;
	background-color: #000;
	overflow: hidden;
	position: relative;
	}
#belmont-map-container { display: none;}

/* Details */
.details {
	width: 220px;
	height: 440px;
	color: #fff;
	padding: 20px;
	background: #886b97 url(./images/details_bg.png) repeat-x 0 0;
	position: absolute;
	right: 0;
	top: 0;
	}
.detail { width: 220px; overflow: hidden;}
.detail h2 { font-size: 120%; font-weight: bold; line-height: 1.42; margin-bottom: 5px;}
.detail h3 { font-size: 115%; line-height: 1.42;}
.detail p { font-size: 80%; line-height: 1.42; margin-bottom: 5px;}
.detail p img { vertical-align: bottom;}
.detail p a { color: #fff; text-decoration: underline;}
.detail p a:hover { color: #fff; text-decoration: none;}

/* Points */
.points {
	width: 680px;
	height: 480px;
	background: url(./images/map.jpg) no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	}
.points .point { width: 85px; height: 85px; display: block; position: absolute; z-index: 1; outline: none;}
.points .point:hover { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.points .point-selected { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.points span { display: block; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
#point-hotel { width: 115px; height: 30px; left: 360px; top: 105px; z-index: 2;}
#point-asakusabashi { width: 130px; height: 110px; left: 270px; top: 110px;}
#point-ryogoku { left: 525px; top: 135px;}
#point-bakuro { left: 375px; top: 220px;}
#point-akihabara { left: 150px; top: 110px;}
#point-nihonbashi { left: 270px; top: 235px;}
#point-tokyo { left: 160px; top: 225px;}
#point-ginza { left: 215px; top: 320px;}
#point-shinjuku { left: 25px; top: 110px;}
#point-asakusa { left: 410px; top: 15px;}
#point-skytree { left: 505px; top: 45px;}
#point-disney { left: 595px; top: 400px;}
#point-bigsight { left: 490px; top: 385px;}
#point-odaiba { left: 395px; top: 340px;}
#point-shinagawa { left: 145px; top: 395px;}
#point-haneda { left: 25px; top: 395px;}
#point-shibuya { left: 20px; top: 235px;}
#point-tokyodome { left: 95px; top: 50px;}
#point-narita { left: 300px; top: 10px;}