@charset "shift_jis";

body {
	background: url(../world/images/bg_body.jpg) center top repeat-y;
}

#wrapper {
	background: url(../world/images/bg01.jpg) center top repeat-x;
}

#wrapper2 {
	background: url(../world/images/bg02.jpg) center top no-repeat;
}

#wrapper3 {
	background: url(../world/images/bg03.jpg) center 1200px no-repeat;
}


/* ========================================
	#topper
======================================== */
#topper {
	width: 100%;
	height: 345px;
	position: relative;
	top: 0;
}

.ttl {
	position: absolute;
	top: 59px;
	left: 214px;
}

.lead {
	position: absolute;
	top: 215px;
	left: 214px;
}


/* ========================================
	#map
======================================== */
#world-wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#map {
	width: 1335px;
	height: 970px;
/*	margin: 0 auto;*/
	margin-left: -188px;
	background: url(../world/images/world_map.png) left 26px no-repeat;
}

.note {
	position: absolute;
	top: 0;
	left: 214px;
}

.chara1 {
	position: absolute;
	top: -40px;
	right: 6px;
}

.chara2 {
	position: absolute;
	top: 78px;
	left: 51px;
}

.chara3 {
	position: absolute;
	top: 617px;
	left: 20px;
}

.chara4 {
	position: absolute;
	top: 598px;
	left: 757px;
}

.map1 {
	position: absolute;
	top: 509px;
	left: 354px;
}

.map2 {
	position: absolute;
	top: 762px;
	left: 324px;
}
.map3 {
	position: absolute;
	top: 242px;
	left: 411px;
}

.map4 {
	position: absolute;
	top: 404px;
	left: 67px;
}

.map5 {
	position: absolute;
	top: 388px;
	left: 619px;
}

.btn-back {
	position: absolute;
	top: 455px;
	right: -137px;
	display: none;
}

/* ========================================
	town-info
======================================== */
#clocktown, #dekunuts-castle,
#gorons-village, #greatbay, #ikana-valley {
	width: 740px;
	margin: 0 auto;
	background: url(../world/images/world_bg01.png) left top no-repeat;
}

.town-inner {
	position: relative;
	height: 876px;
	margin-bottom: 40px;
	padding-top: 50px;
	background: url(../world/images/world_bg02.png) left bottom no-repeat;
	text-align: center;
}

.town-ttl {
	margin-bottom: 15px;
}

.town-lead {
	margin-bottom: 11px;
}

.movie-wrap {
	height: 296px;
}


/* #clocktown */
.clock-img1 {
	position: absolute;
	top: 220px;
	left: 52px;
}
.clock-img2 {
	position: absolute;
	top: 290px;
	left: 573px;
}
.clock-img3 {
	position: absolute;
	top: 550px;
	left: 50px;
}
.clock-img4 {
	position: absolute;
	top: 550px;
	left: 349px;
}
.clock-img5 {
	position: absolute;
	top: 729px;
	left: 150px;
}
.clock-img6 {
	position: absolute;
	top: 708px;
	left: 413px;
}

/* #dekunuts-castle */
#dekunuts-castle .movie-wrap {
	position: relative;
}
.dekunuts-txt {
	position: absolute;
	top: 513px;
	left: 190px;
}
.dekunuts-img1 {
	position: absolute;
	top: 257px;
	left: 13px;
}
.dekunuts-img2 {
	position: absolute;
	top: 284px;
	left: 498px;
}
.dekunuts-img3 {
	position: absolute;
	top: 582px;
	left: 32px;
}
.dekunuts-img4 {
	position: absolute;
	top: 551px;
	left: 252px;
}
.dekunuts-img5 {
	position: absolute;
	top: 702px;
	left: 207px;
}
.dekunuts-img6 {
	position: absolute;
	top: 702px;
	left: 497px;
}

/* #gorons-village */
.gorons-img1 {
	position: absolute;
	top: 229px;
	left: -6px;
}
.gorons-img2 {
	position: absolute;
	top: 257px;
	left: 570px;
}
.gorons-img3 {
	position: absolute;
	top: 551px;
	left: 55px;
}
.gorons-img4 {
	position: absolute;
	top: 551px;
	left: 349px;
}
.gorons-img5 {
	position: absolute;
	top: 730px;
	left: 151px;
}
.gorons-img6 {
	position: absolute;
	top: 709px;
	left: 413px;
}

/* #greatbay */
#greatbay .town-inner {
	margin-bottom: 80px;
}

.greatbay-img1 {
	position: absolute;
	top: 411px;
	left: -39px;
}
.greatbay-img2 {
	position: absolute;
	top: 551px;
	left: 120px;
}
.greatbay-img3 {
	position: absolute;
	top: 551px;
	left: 418px;
}
.greatbay-img4 {
	position: absolute;
	top: 411px;
	left: 577px;
}
.greatbay-img5 {
	position: absolute;
	top: 647px;
	left: 32px;
}

/* #ikana-valley */
.ikana-img1 {
	position: absolute;
	top: 198px;
	left: -22px;
}
.ikana-img2 {
	position: absolute;
	top: 320px;
	left: 595px;
}
.ikana-img3 {
	position: absolute;
	top: 551px;
	left: 55px;
}
.ikana-img4 {
	position: absolute;
	top: 551px;
	left: 349px;
}
.ikana-img5 {
	position: absolute;
	top: 730px;
	left: 150px;
}

.ikana-img6 {
	position: absolute;
	top: 710px;
	left: 413px;
}