@charset "utf-8";
/* ------------------------------------------------
	STYLE CSS
------------------------------------------------- */

/*
	********
------------------------------------------------- */

body {
	background: #73d7f6;
}

html, body {
height: 100%;
margin: 0;
padding: 0;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
}

#wrap {
	text-align: left;
	position: relative;
	padding-top: 5%;
}

#wrap h1 {
	position: absolute;
	left: 0px;
	top: 0px;
}

#wrap .menu {
	position: absolute;
	left: 0px;
	top: 30%;
}

#wrap .menu li {
	margin-bottom: 23px;
}

#wrap .d3_logo {
	position: absolute;
	left: 5px;
	bottom: 10%;
}

#wrap .wiiu_logo {
	position: absolute;
	right: 12px;
	top: 12px;
}

#wrap .title {
	position: absolute;
	right: 0px;
	bottom: 10%;
}

#wrap .movie {
	margin: 0 auto;
	background: url(../img/movie_bg.png) no-repeat center top;
	padding-bottom: 22px;
}

#wrap .movie .movie_box {
	padding-top: 180px;
	height: 315px;
	text-align: center;
	padding-right: 5px;
}

*html #wrap .movie .movie_box {
	height: 531px;
}

#wrap .copy {
	padding-top: 22%;
	padding-bottom: 2%;
	text-align: center;
}


/*
	ATTRACTION
------------------------------------------------- */

#attraction {
	padding-top: 50px;
	background: url(../img/attraction.jpg) repeat top;
}

#attraction .content {
	margin: 0 auto;
	width: 1085px;
	position: relative;
	height: 3877px;
}

#attraction .content .title {margin: 0 auto; width:255px; padding-bottom:10px;}

#attraction .content .text {margin: 0 auto; width:224px; padding-bottom:15px;}

#attraction .content .box { width:350px; float:left; padding-bottom:20px;}

#attraction .content .box-middle { width:350px; float:left; padding-left:15px; padding-right:15px; padding-bottom:20px;}

#attraction .content .top-btn { position:absolute; bottom:-35px; right:0px;}



/*
	GAME MODE
------------------------------------------------- */
#game-mode-bg { background:#7adefd;}

#game-mode {
	padding-top: 50px; background:url(../img/game-mode-bg.jpg) repeat-y top;  }

#game-mode .content {margin: 0 auto;  width:1085px; position:relative;  height:1173px;}

#game-mode .content .title {margin: 0 auto; width:256px; padding-bottom:10px;}

#game-mode .content .text {margin: 0 auto; width:535px; padding-bottom:15px;}

#game-mode .content .box { width:1086px; margin: 0 auto; background:url(../img/game-mode-box-bg.png) top center no-repeat; height:308px; margin-bottom:30px;}

#game-mode .content .box .sub-title { float:left; width:217px; padding-top:40px;}

#game-mode .content .box .text02 { float:left; padding-top:40px; padding-left:15px; width:820px; clear:right; }

#game-mode .content .box .boxes  {margin: 0 auto; width:1032px;}

#game-mode .content .box .boxes .img-box { float:left; padding-top:25px; width:333px;}

#game-mode .content .box .boxes .img-box-middel { float:left; padding-top:25px; padding-right:15px; padding-left:15px; width:333px;}



#game-mode .content .box2 { width:1086px; margin: 0 auto; background:url(../img/game-mode-box-bg.png) top center no-repeat; height:308px; margin-bottom:30px;}

#game-mode .content .box2 .sub-title { float:left; width:217px; padding-top:40px;}

#game-mode .content .box2 .text02 { float:left; padding-top:40px; padding-left:15px; width:820px; clear:right; }

#game-mode .content .box2 .boxes  { width:764px; margin-left:160px; float:left;}

#game-mode .content .box2 .boxes .img-box { float:left; padding-top:25px; width:333px;}

#game-mode .content .box2 .boxes .img-box-last { float:left; padding-top:25px;  padding-left:95px; width:333px;}

#game-mode .content .top-btn { position:absolute; bottom:-35px; right:0px;}


/*
 PRODUCT INFO
------------------------------------------------- */

#product-info {
	padding-top: 50px; background:url(../img/product-info-bg.jpg) repeat top;  }
	
#product-info .content {margin: 0 auto;  width:1085px; position:relative;  height:705px;}

#product-info .content .title {margin: 0 auto; width:256px; padding-bottom:10px;}


#product-info .content .box {
			width:1086px;
			margin: 0 auto 45px;
			background:url(../img/product-info-box-bg.png) top center no-repeat;
			height:518px;
}

#product-info .content .box .boxes  {margin: 0 auto; width:1032px; padding-top:40px;}

#product-info .content .box .boxes .img-box { float:left; padding-top:45px; width:247px; margin-left:20px;}

#product-info .content .box .boxes .sub-title  {float:left; margin-left:50px; margin-top:20px;}

#product-info .content .box .boxes .text1  {float:left; margin-left:30px;}

#product-info .content .box .boxes .sub-title2  {float:left; margin-top:35px; margin-left:50px;}

#product-info .content .box .boxes .text2  {float:left; margin-top:25px; margin-left:20px;}

#product-info .content .box .boxes .text3  {float:right; margin-top:15px; margin-right:15px;}

#product-info .content .top-btn2 { position:absolute; bottom:5px; right:0px;}

#product-info .copy {
	text-align: center;
}