@charset "shift_jis";

#topper {
	padding-bottom: 5%;
}

#topper h1.ttl {
	padding-top: 30px;
	text-align: right;
}

#topper .lead {
	padding: 15px 15px 0 15px;
}
#topper .note {
	padding: 5px 15px;
	line-height: 1.6;
}

#map img,
.town-inner img {
	width: 100%;
	height: auto;
}

#map {
	position: relative;
	background-size: 100%;
	margin-top: -5%;
}

#map #map-btn01,
#map #map-btn02,
#map #map-btn03 {
	position: absolute;
	width: 45%;
}
#map #map-btn04,
#map #map-btn05 {
	position: absolute;
	width: 50%;
}

#map #map-btn01 {
	top: 50.78%;
	left: 27.5%;
}
#map #map-btn02 {
	top: 75.46%;
	left: 22.81%;
}
#map #map-btn03 {
	top: 17.96%;
	left: 33.12%;
}
#map #map-btn04 {
	top: 34.21%;
	left: 0;
}
#map #map-btn05 {
	top: 33.28%;
	right: 0;
}


.town-inner {
	margin-bottom: 5%;
	padding-top: 11%;
	background: url(../world/images/world_bg01.png) no-repeat center top;
	background-size: 100%;
	text-align: center;
	line-height: 1.5;
}

h2.town-name {
	width: 75%;
	margin: 0 auto 10px auto;
	font-size: 18px;
}

.movie {
	width: 75%;
	margin: 10px auto;
}

.town-txt {
	font-size: 12px;
	margin-bottom: 5px;
}

#gorons-villege .tomap,
#greatbay .tomap {
	margin-top: -15px;
}

/* ========================================
	Movie
======================================== */
body#movie {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: none;
	background-color: #000;
}
#movie .wrap {
	position: relative;
	margin: 20px auto 0 auto;
	text-align: center;
}
#close {
	margin: 10px 0 0;
}