@charset "Shift_JIS";

#wrapper{
	position: relative;
	width: 100%;
	min-width: 960px;
	overflow: hidden;
	margin-top: -40px;
}

.bg_purple {
	position: fixed;
	top: 0;
	left: 0;
	width: 50%;
	height: 90%;
	background: #c084fe url(../img/common/bg_purple.jpg) top left repeat-x;
}
.bg_orange {
	position: fixed;
	top: 0;
	right: 0;
	width: 50%;
	height: 90%;
	background: #ffe79d url(../img/common/bg_orange.jpg) top left repeat-x;
}
.bg_cloud {
	position: fixed;
	top: 1000px;
	left: 0;
	width: 100%;
	height: 1310px;
	background: url(../img/common/bg_cloud.png) top center repeat-x;
}
.bg_cloud .bg_white {
	margin-top: 310px;
	height: 1000px;
	background-color: #FFFFFF;
}

#bgarea {
	position: fixed;
	width: 2000px;
	height: 1052px;
	left: 50%;
	margin-left: -1000px;
}
#bgarea .bg_sky_cloud {
	position: absolute;
	left: 0;
	top: -70px;
}
#bgarea p {
	position: absolute;
	left: 50%;
}
#bgarea .bg_sky {
	top: 0;
	margin-left: -960px;
}
#bgarea .bg_geography4 {
	top: 21px;
	margin-left: -660px;
}
#bgarea .bg_geography3 {
	top: 273px;
	margin-left: -600px;
}
#bgarea .bg_geography2 {
	top: 331px;
	margin-left: -700px;
}
#bgarea .bg_geography1 {
	top: 547px;
	margin-left: -730px;
}
#bgarea img,
#bgarea .bg_sky_cloud img,
#bgarea p img {
	float: left;
}


.nomove .bg_purple,
.nomove .bg_orange {
	display: none;
}
.nomove .bg_cloud,
.nomove #bgarea {
	position: absolute;
}


.ds .bg_purple,
.ds .bg_orange,
.ds .bg_cloud,
.ds .bg_sky,
.ds .bg_sky_cloud,
.ds .bg_geography4,
.ds .bg_geography3,
.ds .bg_geography2,
.ds .bg_geography1 {
	display: none;
}

.ds #bgarea {
	height: 1250px;
	background-image: url(../img/common/bg_3ds1.jpg),
			url(../img/common/bg_3ds2.jpg),
			url(../img/common/bg_3ds3.jpg),
			url(../img/common/bg_3ds4.jpg),
			url(../img/common/bg_3ds5.jpg);
	background-position: center 27px,
			center 277px,
			center 527px,
			center 777px,
			center 1027px;
	background-repeat: no-repeat;
}



/*============================================
	header
============================================*/
#headerwrap {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
}
#header {
	position: relative;
	z-index: 1000;
	width: 100%;
	min-width: 960px;
	max-width: 1600px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
#header p {
	position: absolute;
	top: 59px;
}
#header .logo_nintendo {
	left: 21px;
}
#header .logo_3ds {
	right: 19px;
}


/*============================================
	gnav
============================================*/
#gnav{
    position: relative;
    width: 960px;
    height: 200px;
    margin: 40px auto 0;
}
#gnav .logo,
#gnav #gnav04,
#gnav .btnbody,
#gnav .btnbody .base,
#gnav .btnbody .over,
#gnav .icon,
#gnav .hitarea {
	position: absolute;
}

#gnav .hitarea img {
	opacity: 0;
}

#gnav .btnbody .base,
#gnav .btnbody .over {
	top: 0;
	left: 0;
}

#gnav .btnbody .over {
	display: none;
}

#gnav .current .btnbody .over {
	display: block;
}

#gnav #gnav01 .btnbody .over {
	width: 209px;
	height: 85px;
	overflow: hidden;
	background: url(../img/common/btn1_ov.png) top left no-repeat;
}
.ds #gnav #gnav01 .btnbody .over {
	background-image: url(../img/common/btn1_3ds_ov.png);
}

#gnav #gnav02 .btnbody .over {
	width: 201px;
	height: 85px;
	overflow: hidden;
	background: url(../img/common/btn2_ov.png) top left no-repeat;
}
.ds #gnav #gnav02 .btnbody .over {
	background-image: url(../img/common/btn2_3ds_ov.png);
}

#gnav #gnav03 .btnbody .over {
	width: 217px;
	height: 85px;
	overflow: hidden;
	background: url(../img/common/btn3_ov.png) top left no-repeat;
}
.ds #gnav #gnav03 .btnbody .over {
	background-image: url(../img/common/btn3_3ds_ov.png);
}

#gnav #gnav04 .btnbody .over {
	top: -1px;
	width: 112px;
	height: 113px;
	overflow: hidden;
	background: url(../img/common/btn4_ov.png) top left no-repeat;
}
.ds #gnav #gnav04 .btnbody .over {
	background-image: url(../img/common/btn4_3ds_ov.png);
}

#gnav .logo{
   	left: 1px;
	top: 44px;
}
#gnav01 .btnbody {
	left: 224px;
	top: 69px;
}
#gnav01 .icon{
	left: 301px;
	top: 18px;
}
#gnav01 .hitarea{
	left: 228px;
	top: 69px;
}
#gnav02 .btnbody {
	left: 433px;
	top: 69px;
}
#gnav02 .icon{
	left: 502px;
	top: 19px;
}
#gnav02 .hitarea{
	left: 437px;
	top: 69px;
}
#gnav03 .btnbody {
	left: 634px;
	top: 69px;
}
#gnav03 .icon{
	left: 706px;
	top: 15px;
}
.ds #gnav .icon {
	display: none;
}
.ds #gnav .current .icon {
	display: block;
}
#gnav03 .hitarea{
	left: 638px;
	top: 69px;
}
#gnav04{
    left: 851px;
    top: 55px;
}


/*============================================
	btn_top_arrow
============================================*/
#main .btn_top_arrow {
	position: fixed;
	left: 50%;
	bottom: 134px;
	width: 1082px;
	margin: 0 0 0 -541px;
	text-align: right;
}
.ds #main .btn_top_arrow {
	display: none;
}


/*============================================
	footerwrap
============================================*/
#footerwrap {
	position: relative;
	width: 100%;
	height: 84px;
	min-width: 960px;
	background: url(../img/common/bg_fnav.png) top center repeat-x;
}
#footerwrap #footer {
	position: relative;
	width: 960px;
	height: 34px;
	margin: 0 auto;
}
#footerwrap #footer p {
	position: absolute;
	top: 10px;
}
#footerwrap #footer .copyright {
	left: 0;
}
#footerwrap #footer .fnav_nintendo {
	right: 180px;
}
#footerwrap #footer .fnav_3ds {
	right: -2px;
}

#footerwrap #fnav {
	position: relative;
	width: 960px;
	height: 50px;
	margin: 0 auto;
}
#footerwrap #fnav p {
	position: absolute;
	top: 22px;
}
#footerwrap #fnav p.fnav_00 {
	left: 82px;
}
#footerwrap #fnav p.fnav_01 {
	left: 136px;
}
#footerwrap #fnav p.fnav_02 {
	left: 331px;
}
#footerwrap #fnav p.fnav_03 {
	left: 462px;
}
#footerwrap #fnav p.fnav_04 {
	left: 687px;
}
#footerwrap #fnav p.fnav_05 {
	left: 817px;
}