/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/
/*--- reset typo ---*/
body{
font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}
*html body{
	font-size:small;
	font:x-small;
	font-family:Verdana, Geneva, sans-serif;
}
*:first-child+html body{
	font-size:small;
	font:x-small;
	font-family:"Arial Black", Gadget, sans-serif;
}
/*--- reset element ---*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,
form,fieldset,legend,label,input,textarea,embed,object{margin:0;padding:0;}
html{overflow-y:scroll;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;vertical-align:top;font-weight:normal;}
fieldset{border:0;}
ul,li{list-style:none;}
img{border:0;line-height:0;vertical-align:bottom;}
sub,sup{font-size: 75%;/font-size:100%;line-height:0;}
sup{vertical-align:0.333em;}
sub{vertical-align:baseline;}
input,textarea,select {font-family:inherit;font-size:inherit;/font-size:100%;font-weight:inherit;}
embed,object{outline: none;}
/*ClearFix-*/
/*--- clearfix ---*/
.clearfix:after{content:'';display:block;clear:both;height:0;}
.clearfix{/zoom:1;}


/*------------------------------------------------------------------------------
  common
------------------------------------------------------------------------------*/
/*--- text color ---*/
body{color:#ffc200;}
a:link{color:#ffc200;text-decoration:none;}
a:visited{color:#ffc200;text-decoration:none;}
a:hover{color:#ffc200;text-decoration:underline;}
a:active{color:#ffc200;text-decoration:underline;outline:none;}
a:focus{color:#ffc200;text-decoration:underline;outline:none;}
html{
	overflow-y:scroll;
	-webkit-text-size-adjust: none;
}

#wrapper{
	width: 100%;
	height:1000px;
}


/* ==================================================================================================== */


.hubbtn {position: absolute; left:328px;top: 735px;	width: 350px;height: 56px; background: url(../img/mhub_new.png) no-repeat; 	text-indent: -99999px; }
.hubbtn:hover {background-position: -350px 0; }

.socialf {position: absolute; left:30px;top: 746px;width: 42px;height: 46px; background: url(../img/socialf.jpg) no-repeat; 	text-indent: -99999px; }
.socialf:hover {background-position: -42px 0; }

.socialt {position: absolute; left:75px;top: 746px;width: 42px;height: 46px; background: url(../img/socialt.jpg) no-repeat; 	text-indent: -99999px; }
.socialt:hover {background-position: -42px 0; }

.socialg {position: absolute; left:120px;top: 746px;width: 42px;height: 46px; background: url(../img/socialg.jpg) no-repeat; 	text-indent: -99999px; }
.socialg:hover {background-position: -42px 0; }


#gallerybtn {position: absolute; left:15px;top: 600px;}
#tipbtn {position: absolute; left:315px;top: 645px;}
#helpbtn {position: absolute; left:500px;top: 645px;}
#helpmario {position: absolute; left:515px;top: 520px;}
#preorderbtn {position: absolute; left:700px;top: 600px;}

.iwata {position: absolute; left:815px;top: 796px;width: 155px;height: 108px; background: url(../img/iwata.png) no-repeat; text-indent: -99999px; }
.iwata:hover {background-position: -155px 0; }

.download {position: absolute; left:815px;top: 896px;width: 155px;height: 93px; background: url(../img/download.png) no-repeat; text-indent: -99999px; }
.download:hover {background-position: -155px 0; }

.agerating{position: absolute; left:260px;top: 860px;width: 60px;height: 60px; }

/* ======================================================================================*/

#vid{display:none;}

.addon{position: absolute; left:815px;top: 660px;width: 155px;height: 108px; background: url(../img/addonbtn.png) no-repeat; text-indent: -99999px;}
.addon:hover {background-position: -155px 0; }

#popupCover {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background:#9f7902;
   display:none;
   z-index:98;
 }
 #popup{ position:absolute; top:-150px; left:180px; width:603px; height:332px; background-image:url(../img/popup.png);  z-index:99; display:none;}

#popupcopy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	line-height: 25px;	
	padding: 110px 50px 50px 200px;
	
}

#popupcopy a:link{
	color:#06F;
	text-decoration:underline;
}
#popupcopy a:visited{color:#06F;text-decoration:underline;}
#popupcopy a:hover{
	color:#06F;
	text-decoration:none;
}
#popupcopy a:active{color:#06F;text-decoration:none;outline:none;}
#popupcopy a:focus{color:#06F;text-decoration:none;outline:none;}
/* ======================================================================================*/
 
.closeBtn {position:absolute; top:35px; left:535px; width: 38px; height: 38px; background: url(../img/closeBtn.jpg) no-repeat; text-indent: -99999px; display:none;}
.closeBtn:hover {background-position:  -38px 0; }

.cancelBtn {position:absolute; top:240px; left:100px; width: 154px; height: 39px; background: transparent url(../img/popupCancelBtn.png) no-repeat; text-indent: -99999px; display:none;}
.cancelBtn:hover {background-position:  -154px 0; }

.continueBtn {position:absolute; top:240px; left:350px; width: 154px; height: 39px; background: transparent url(../img/popupContinueBtn.png) no-repeat; text-indent: -99999px; display:none;}
.continueBtn:hover {background-position:  -154px 0; }




/* ==================================================================================================== */
#headercontainer{
	width: 100%;
	height: 50px;
	background:url(../shared/bg_header.png) center top repeat-x;
}
#headercontainer #header{
	height: 50px;
	position: relative;
	max-width: 1520px;
	min-width: 960px;
	margin: 0 auto;
}
#headercontainer #header #corporateid{
	position: absolute;
	left: 10px;
	top: 16px;
}
#headercontainer #header #productid{
	position: absolute;
	right: 10px;
	top: 16px;
}
#container{
	width: 100%;
	height: 840px;
	background:#ffd400 url(../img/bg_content.png) center bottom repeat-x;
}
#maincontainer{
	height: 550px;
	max-width: 1520px;
	min-width: 960px;
	margin: 0 auto;
	background: url(../img/bg_main_bottom.jpg) center bottom no-repeat;
}
#mainprimary{
	height: 550px;
	background: url(../img/bg_main_top.jpg) center top no-repeat;
	position: relative;
	max-width: 1520px;
	min-width: 960px;
	margin: 0 auto;
}

#navcontainer #btnplayhitarea{
	position: absolute;
	width: 128px;
	height: 130px;
	position: absolute;
    right: 2px;
    top: -78px;
}
#navcontainer #btnplayhitarea a{
	display: block;
	width: 128px;
	height: 130px;
	_position: relative;
}



#informationcontainer{
	width: 904px;
	height: 202px;
	margin: 13px auto 0px;
	position: relative;
	background: url(../img/bg_information.png) top center no-repeat;
}
#informationcontainer #package{
	position: absolute;
	left: 24px;
	top: 17px;
}
#informationcontainer #softicon{	
	position: absolute;
	left: 170px;
	top: 23px;
}
#informationcontainer #cero{
	position: absolute;
	left: 170px;
	top: 82px;
}
#informationcontainer #btndownload{
	position: absolute;
	left: 59px;
	top: 157px;
}
#informationcontainer #productinfo .txt00{
	position: absolute;
	left: 234px;
	top: 23px;
}
#informationcontainer #productinfo .txt01{
	position: absolute;
	left: 237px;
	top: 45px;
}
#informationcontainer #productinfo .txt02{
	position: absolute;
	left: 482px;
	top: 45px;
}
#informationcontainer #productinfo .txt03{
	position: absolute;
	left: 237px;
	top: 77px;
}
#informationcontainer #productinfo .txt04{
	position: absolute;
	left: 482px;
	top: 77px;
}
#informationcontainer #productinfo .txt05{
	position: absolute;
	left: 237px;
	top: 109px;
}
#informationcontainer #productinfo .txt06{
	position: absolute;
	left: 482px;
	top: 109px;
}
#informationcontainer #iconlist .txt01{
	position: absolute;
	left: 237px;
	top: 152px;
}
#informationcontainer #iconlist .txt02{
	position: absolute;
	left: 409px;
	top: 152px;
}
#informationcontainer #iconlist .txt03{
	position: absolute;
	left: 583px;
	top: 152px;
}
#informationcontainer #btnmovie{
	position: absolute;
	left: 735px;
	top: 24px;
}
#informationcontainer #nintendonetwork{
	position: absolute;
	left: 744px;
	top: 139px;
}

#footercontainer{
	width: 100%;
	height: 120px;
	background: url(../img/bg_footer.png) center top repeat-x;
}
#footercontainer{
	width: 100%;
	height: 120px;
	background: url(../img/bg_footer.png) center top repeat-x;
}
#footercontainer #footerttention{
	width: 960px;
	height: 72px;
	margin: 0 auto;
	position: relative;
	background: url(../img/bg_dot.png) center bottom repeat-x;
}
#footercontainer #footerttention #attention3d dt{
	position: absolute;
	top: 18px;
	left: -2px;
}
#footercontainer #footerttention #attention3d .txt01{
	position: absolute;
	top: 21px;
	left: 236px;
}
#footercontainer #footerttention #attention3d .btn01{
	position: absolute;
	top: 21px;
	left: 697px;
}
#footercontainer #footerttention #copyright{
	position: absolute;
	top: 44px;
	left: 877px;
}
#footercontainer #footer{
	width: 960px;
	height: 44px;
	margin: 0 auto;
	position: relative;
}
#footercontainer #footer p{
	position: absolute;
	top: 17px;
	line-height: 0.01%;
	font-size: 0.01%;
}
#footercontainer #footer p a{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#footercontainer #footer #fnav01{
	left: 0px;
	width: 66px;
	height: 14px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../shared/fnav_sprite.png) 0 -14px no-repeat;
}
#footercontainer #footer #fnav02{
	left: 66px;
	width: 87px;
	height: 14px;
	background: url(../shared/fnav_sprite.png) -66px -14px no-repeat;
}
#footercontainer #footer #fnav02 a{
	display: block;
	width: 87px;
	height: 14px;
	background: url(../shared/fnav_sprite.png) -66px 0 no-repeat;
}
#footercontainer #footer #fnav02 a:hover{
	background-image: none;
}
#footercontainer #footer #fnav03{
	left: 154px;
	width: 87px;
	height: 14px;
	background: url(../shared/fnav_sprite.png) -153px -14px no-repeat;
}
#footercontainer #footer #fnav03 a{
	display: block;
	width: 87px;
	height: 14px;
	background: url(../shared/fnav_sprite.png) -153px 0 no-repeat;
}
#footercontainer #footer #fnav03 a:hover{
	background-image: none;
}
#footercontainer #footer #fnav11{
	left: 706px;
	width: 112px;
	height: 14px;
	background: url(../shared/fnav_sprite.png) -705px -14px no-repeat;
}
#footercontainer #footer #fnav11 a{
	display: block;
	width: 112px;
	height: 14px;
	background: url(../shared/fnav_sprite.png) -705px 0 no-repeat;
}
#footercontainer #footer #fnav11 a:hover{
	background-image: none;
}
#footercontainer #footer #fnav12{
	left: 817px;
	width: 143px;
	height: 14px;
	background: url(../shared/fnav_sprite.png) -817px -14px no-repeat;
}
#footercontainer #footer #fnav12 a{
	display: block;
	width: 143px;
	height: 14px;
	background: url(../shared/fnav_sprite.png) -817px 0 no-repeat;
}
#footercontainer #footer #fnav12 a:hover{
	background-image: none;
}


#opening{
	width: 100%;
	height: 100%;
	background: url(../shared/bg_white.png);
	position: fixed;
	top: 0;
	left: 0;
}
#openinglogo{
	position: fixed;
	width: 870px;
	height: 350px;
	top: -350px;
	left: 50%;
	margin: -185px 0 0 -435px;
}
#frame{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	
}


/* ==========================================*/

#counter_wrapper {

}
#top_counter {
	width: 620px;
	height: 73px;
	position: absolute;
	/*left: 50%;
	margin-left: -310px;*/
	left:50px;
	top:134px;
}
#top_counter .counter_bg {
	position: absolute;
	top: 0px;
	left: 0px;
}
.tp_number {
	position: absolute;
	width: 30px;
	height: 44px;
	top: 8px;
}
.tp_u {
	position: absolute;
	top: 0px;
	left: 0px;
}
.tp_b {
	position: absolute;
	top: 22px;
	left: 0px;
}
#top_counter #d13 {
	left: 168px;
}
/* ===================== */
#top_counter #d12 {
	left: 204px;
}
#top_counter #d11 {
	left: 236px;
}
#top_counter #d10 {
	left: 268px;
}
/* ===================== */
#top_counter #d09 {
	left: 304px;
}
#top_counter #d08 {
	left: 336px;
}
#top_counter #d07 {
	left: 368px;
}
/* ===================== */
#top_counter #d06 {
	left: 404px;
}
#top_counter #d05 {
	left: 436px;
}
#top_counter #d04 {
	left: 468px;
}
/* ===================== */
#top_counter #d03 {
	left: 504px;
}
#top_counter #d02 {
	left: 536px;
}
#top_counter #d01 {
	left: 569px;
}