@charset "shift_jis";

#wrapper {
	background: url(../system/images/bg1.jpg) center top repeat;
}

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



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


.ttl {
	position: absolute;
	top: 48px;
	right: -20px;
}

.lead {
	position: absolute;
	top: 217px;
	left: 212px;
}

/* ========================================
	#renewal
======================================== */
#renewal {
	height: 800px;
	position: relative;
	background: url(../system/images/renewal_bg.png) center bottom repeat-x;
}

.renewal-ttl {
	position: absolute;
	top: 88px;
	left: 0;
	z-index: 1;
}

.renewal-lead {
	position: absolute;
	top: 231px;
	left: 0;
	z-index: 1;
}
.renewal-txt1 {
	position: absolute;
	top: 351px;
	left: 0;
	z-index: 1;
}
#systemmov,.renewal-movie {
	position: absolute;
	top: 408px;
	left: 20px;
	z-index: 1;
}
.renewal-3ds {
	position: absolute;
	top: 0;
	right: -111px;
}

/* ========================================
	#camera
======================================== */
#camera {
	height: 779px;
	position: relative;
	background: url(../system/images/renewal_bg.png) center bottom repeat-x;
}

.camera-ttl {
	position: absolute;
	top: 30px;
	left: 113px;
}

.camera-lead {
	position: absolute;
	top: 199px;
	left: 531px;
	z-index: 1;
}

.camera-btn {
	position: absolute;
	top: 489px;
	left: 545px;
	z-index: 1;
}

.camera-3ds {
	position: absolute;
	top: 162px;
	left: 18px;
}
#new3ds {
	position: absolute;
	top: 204px;
	left: 101px;
}


/* ========================================
	#notebook
======================================== */
#notebook {
	height: 728px;
	position: relative;
}

.notebook-ttl {
	position: absolute;
	top: 28px;
	left: 108px;
}

.notebook-lead {
	position: absolute;
	top: 153px;
	left: 429px;
	z-index: 1;
}

.notebook-chara {
	position: absolute;
	top: 285px;
	left: 491px;
	z-index: 1;
}

.notebook-screen1 {
	position: absolute;
	top: 495px;
	left: 429px;
	z-index: 1;
}

.notebook-screen2 {
	position: absolute;
	top: 495px;
	left: 689px;
	z-index: 1;
}

.notebook-3ds {
	position: absolute;
	top: 143px;
	left: 20px;
}

.notebook-ico {
	position: absolute;
	top: 23px;
	left: -7px;
}


/* ========================================
	#save
======================================== */
#save {
	height: 421px;
	position: relative;
}

.save-ttl {
	position: absolute;
	top: 14px;
	left: 322px;
}

.save-lead {
	position: absolute;
	top: 144px;
	left: 696px;
}

.save-screen {
	position: absolute;
	top: 144px;
	left: 335px;
}

.save-chara {
	position: absolute;
	top: 0;
	left: 27px;
}


/* ========================================
	#fishing
======================================== */
#fishing {
	height: 435px;
	position: relative;
}

.fishing-ttl {
	position: absolute;
	top: 0;
	left: 8px;
}

.fishing-lead {
	position: absolute;
	top: 64px;
	left: 8px;
}

.fishing-screen1 {
	position: absolute;
	top: 163px;
	left: 7px;
}

.fishing-screen2 {
	position: absolute;
	top: 163px;
	left: 322px;
}

.fishing-screen3 {
	position: absolute;
	top: 163px;
	left: 637px;
}

.fishing-img {
	position: absolute;
	top: -105px;
	right: -27px;
}