@charset "UTF-8";



/*-------------------------------------------------------------------
	initial set
---------------------------------------------------------------------*/
#wrapper{
	width: 100%;
	min-width: 970px;
	overflow: hidden;
	background: url(../shared/bg_dot_red.png) center 0 repeat;
}



/*-------------------------------------------------------------------
	main
---------------------------------------------------------------------*/
#main{
	position: relative;
	width: 960px;
	height: 707px;
	margin: 0 auto;
	background: url(../img/main_bg.png) 0 -22px no-repeat;
}
#main h1,
#main p{
	position: absolute;
}
#main .main_logo{
	top: 355px;
	left: 307px;
}
#main .main_text{
	top: 553px;
	left: 223px;
}
#main .main_wiiu{
	top: 187px;
	left: -27px;
}
#main .main_3ds{
	top: 186px;
	left: 706px;
}
#main .main_chara1{
	top: 39px;
	left: 265px;
}
#main .main_chara2{
	top: 476px;
	left: 5px;
}
#main .main_chara3{
	top: 0;
	left: 679px;
}

#main .main_theme{
	top: 545px;
	left: 790px;
}


/*-------------------------------------------------------------------
	nav
---------------------------------------------------------------------*/
#nav{
	position: relative;
	width: 100%;
	min-width: 960px;
	height: 164px;
	background: url(../shared/bg_dot_yellow.png) center 0 repeat;
}
#nav:before,
#nav:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 18px;
	background: url(../shared/bg_rivet.png) center 0 repeat-x;
}
#nav:before{
	bottom: 0;
}
#nav:after{
	top: 0;
}
#nav .nav_body{
	position: relative;
	width: 960px;
	height: 164px;
	margin: 0 auto;
}
#nav .nav_body li{
	position: absolute;
	top: 39px;
}
#nav .nav_body .nav_about{
	left: 0px;
}
#nav .nav_body .nav_edit{
	left: 270px;
}
#nav .nav_body .nav_play{
	left: 540px;
}
#nav .nav_body .nav_movie{
	left: 810px;
	top: 29px;
}



/*-------------------------------------------------------------------
	ad
---------------------------------------------------------------------*/
#ad{
	position: relative;
	width: 960px;
	height: 591px;
	margin: 0 auto;
}
#ad:before,
#ad:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 1849px;
	height: 42px;
	background: url(../img/bg_item.png) 0 0 no-repeat;
}
#ad:before{
	top: 260px;
	margin-left: -2146px;
}
#ad:after{
	top: 79px;
	margin-left: 502px;
}
#ad p,
#ad h2,
#ad dt,
#ad dd{
	position: absolute;
}
#ad .ad_textbox{
	position: relative;
	width: 960px;
	height: 195px;
}
#ad .ad_textbox .ad_text1{
	top: 31px;
	left: 17px;
}
#ad .ad_textbox .ad_text2{
	top: 117px;
	left: 116px;
}
#ad .ad_info{
	position: relative;
	width: 960px;
	height: 236px;
	background: url(../img/ad_bg.png) center 0 no-repeat;
}
#ad .ad_info .ad_info_wiiu{
	top: -6px;
	left: 42px;
	width: 440px;
	height: 212px;
	background: url(../img/ad_line.png) right 26px no-repeat;
}
#ad .ad_info .ad_info_3ds{
	top: -7px;
	left: 500px;
}
#ad .ad_btn{
	position: relative;
	width: 960px;
	height: 59px;
}
#ad .ad_btn_download{
	top: 0px;
	left: 227px;
}



/*-------------------------------------------------------------------
	info
---------------------------------------------------------------------*/
#info{
	position: relative;
	width: 960px;
	height: 351px;
	margin: 0 auto;
	background: url(../img/info_bg.png) center 0 no-repeat;
	margin-top: 300px;
}
#info:before{
	content: "";
	display: block;
	position: absolute;
	top: -78px;
	left: 50%;
	width: 1849px;
	height: 42px;
	margin-left: -558px;
	/* background: url(../img/bg_item.png) 0 0 no-repeat; */
}
#info h2,
#info li,
#info p{
	position: absolute;
}
#info .info_wiiu{
	position: relative;
	float: left;
	width: 482px;
	height: 202px;
	background: url(../img/info_line.png) right 26px no-repeat;
}
#info .info_wiiu .info_wiiu_hd{
	top: -11px;
	left: 25px;
}
#info .info_wiiu .info_wiiu_package{
	top: 50px;
	left: 30px;
}
#info .info_wiiu .info_wiiu_dlicon{
	top: 49px;
	left: 103px;
}
#info .info_wiiu .info_network{
	top: 94px;
	left: 102px;
}
#info .info_wiiu .info_cero{
	top: 111px;
	left: 151px;
}
#info .info_wiiu .info_price{
	top: 30px;
	left: 193px;
}
#info .info_wiiu .info_date{
	top: 57px;
	left: 194px;
}
#info .info_wiiu .info_pkgdl{
	top: 78px;
	left: 194px;
}
#info .info_wiiu .info_wiiu_dlnum{
	top: 101px;
	left: 193px;
}
#info .info_wiiu .info_wiiu_btn{
	top: 129px;
	left: 194px;
}
#info .info_3ds{
	position: relative;
	float: right;
	width: 478px;
	height: 172px;
}
#info .info_3ds .info_3ds_hd{
	top: -11px;
	left: 14px;
}
#info .info_3ds .info_3ds_package{
	top: 60px;
	left: 17px;
}
#info .info_3ds .info_3ds_dlicon{
	top: 49px;
	left: 97px;
}
#info .info_3ds .info_network{
	top: 92px;
	left: 96px;
}
#info .info_3ds .info_cero{
	top: 109px;
	left: 145px;
}
#info .info_3ds .info_price{
	top: 30px;
	left: 189px;
}
#info .info_3ds .info_date{
	top: 57px;
	left: 190px;
}
#info .info_3ds .info_pkgdl{
	top: 78px;
	left: 190px;
}
#info .info_3ds .info_3ds_dlnum{
	top: 101px;
	left: 189px;
}
#info .info_3ds .info_3ds_btn{
	top: 129px;
	left: 189px;
}
#info .info_3ds .info_3ds_update_btn{
	top: 169px;
	left: 189px;
}
#info .info_btn_diff{
	top: 214px;
	left: 25px;
}
#info .info_btn_guidebook{
	top: 305px;
	left: 50%;
	margin-left: -63px;
}



/*-------------------------------------------------------------------
	footer
---------------------------------------------------------------------*/
#footer{
	position: relative;
	bottom: auto;
	left: auto;
	padding-top: 48px;
	background: url(../img/bg_footline.png) center 0 repeat-x;
}



/*-------------------------------------------------------------------
	hover
---------------------------------------------------------------------*/
#info .info_network,
#info .info_cero{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#info .info_network:hover,
#info .info_cero:hover{
	opacity: 0.75;
	filter: alpha(opacity=75);
}



/*-------------------------------------------------------------------
	overlay
---------------------------------------------------------------------*/
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-y: auto;
	overflow-x: auto;
	z-index: 30000;
}
#overlay .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 960px;
	background-color: #ffffff;
}
#overlay .container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#overlay .container .iframewrap {
	position: absolute;
	top: 50%;
	left: 50%;
}
#overlay .container iframe {
	border: none;
	background: transparent;
	position: absolute;
}
#overlay .btn_close {
	display: block;
	position: absolute;
	top: -66px;
	right: 0;
	width: 56px;
	height: 56px;
	background: url(../shared/modal_btn_close.png) 0 0 no-repeat;
}
#overlay .btn_close:hover{
	background-position: 0 -56px;
}
.openoverlay {
	position: relative;
	overflow: hidden;
	min-height: 930px;
}