@charset "shift_jis";

/* ========================================
	reset
======================================== */
*html body { /* IE6 */
   overflow-y:auto;
}

*+html body { /* IE7 */
   overflow-y:auto;
}

body {
   overflow-y:scroll;
   -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
li {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: bottom;
}

:focus {
	outline: none;
}
a:link, a:visited {
	color: #5b3713;
	outline: none;
	text-decoration: none;
}
a:hover, a:active {
	color: #ab8713;
	outline: none;
}

/* ========================================
	base
======================================== */
body {
	color: #333333;
	font-size: 12px;
	font-family:'?q???M?m?p?S Pro W3','Hiragino Kaku Gothic Pro','?l?r ?o?S?V?b?N','MS P Gothic', Helvetica, sans-serif;
	line-height: 1;
	background: url(../img/bg.jpg) 0 0 #f8ece0;
}

/* ========================================
	common
======================================== */
.wrap{
	width: 960px;
	position: relative;
	margin: 0 auto;
}
a:hover img.ov{
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    -moz-opacity: 0.6;
    opacity: 0.6;
}
/* ========================================
	#header
======================================== */
#header {
	width: 100%;
	min-width: 960px;
	height: 55px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
}
#header-logo {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	z-index: 10;
}
#header-logo .nintendo {
	position: absolute;
	top: 17px;
	left: 17px;
}
#header-logo .n3ds {
	position: absolute;
	top: 12px;
	right: 14px;
}
#foot_link{
	width: 230px;
	height: 50px;
	margin: 0 auto;
	background: url(../img/link_bar.png) center 0 no-repeat;
}
.f_l{
	float: left;
}
.f_r{
	float: right;
}
.pagetop{
	text-align: right;
	padding: 0 10px 30px 0;
}
/* ========================================
	#MAIN VISUAL
======================================== */
#main{
	height: 450px;
	background: url(../img/mv_bg.jpg) 0 0 repeat-x #27070a;
}
#main_visual{
	height: 450px;
	min-width: 960px;
	background: url(../img/mv.jpg) center 0 no-repeat;
}
#picture{
	position: absolute;
	top: 155px;
	left: 598px;
	z-index: 9;
}
#picture img{
	position: absolute;
	top:0;
	left:0;
}
#hand{
	position: absolute;
	top: 215px;
	left: 720px;
	z-index: 10;
}
#logo_title{
	position: absolute;
	top: 80px;
	left: 45px;
}
#bnr_20131220{
	position: absolute;
	top: 332px;
	left: 65px;
	z-index: 10;
}
#obi{
	position: absolute;
	top: 498px;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 150px;
	background: url(../img/obi2.png) 0 0 repeat-x;
}
#obi_inner{
	width: 960px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}
.obi_info{
	position: absolute;
	top: 18px;
	left: 38px;
}
.obi_info img#obi_info {
	margin-right: 5px;	
}
.obi_info img#obi_bnr {
	position: absolute;
	top: 19px;
	left: 650px;	
}

div#infoArea {
	width: 630px;
	height: 84px;
	background: url(../img/info_line.png) 0 0 repeat-x;
	margin-top: 3px;
}

div#infoArea img#info01 {
	position: relative;
	top: 10px;
	left: 4px;
}

div#infoArea img#info02 {
	position: relative;
	top: 19px;
	left: 4px;
}

/* ========================================
	#Product Information
======================================== */
#info{
	width: 948px;
	height: 268px;
	margin: 160px auto 80px auto;
	background: url(../img/info_bg.jpg) center 0 no-repeat;
	position: relative;
}
#info li{
	position: absolute;
}
#info li#info01{
	top: 40px; left: 60px;
}
#info li#info02{
	top: 61px; left: 206px;
}
#info li#info03{
	top: 92px; left: 206px;
}
#info li#info04{
	top: 123px;	left: 206px;
}
#info li#info05{
	top: 61px; left: 566px;
}
#info li#info06{
	top: 92px; left: 566px;
}
#info li#info07{
	top: 123px;	left: 566px;
}
#info li#info_manual{
	top: 32px;
	left: 595px;
}
#info li#info_eshop{
	top: 165px;	left: 84px;
}
#info li#info_network{
	top: 158px;	left: 798px;
}
/* ========================================
	#Sketch
======================================== */
#ttl01{
	padding: 0 0 25px 20px;
}
#txt01{
	padding: 0 0 35px 22px;
}
#txt02{
	padding: 0 0 45px 22px;
}
#img01{
	position: absolute;
	top: 0px;
	left: 480px;
}
#gazai1{
	float: left;
	padding: 0 0 60px 11px;
}
#gazai2{
	float: left;
	padding: 0 20px 60px 20px;
}
#gazai3{
	padding: 0 0 60px 0;
}
#ttl02{
	padding: 0 0 40px 10px;
}
#txt03{
	padding: 0 0 20px 15px;
}
#end_miiverse_txt {
    margin: 0 0 30px 15px;
}
#miiverse1{
	position: absolute;
	top: 5px;
	left: 570px;
}
#miiverse2{
	text-align: center;
	padding: 0 0 60px 0;
}
#btn_miiverse{
	position: absolute;
	top: 40px;
	left: 623px;
}
#about{
	width: 950px;
	height: 185px;
	margin: 0 auto 50px auto;
	background: url(../img/about_bg.png) 0 0 no-repeat;
	position: relative;
}
#about_txt{
	position: absolute;
	top: 38px;
	left: 140px;
}
#txt_ekds{
	position: absolute;
	top: 128px;
	left: 143px;
}
#txt_ek3ds{
	position: absolute;
	top: 128px;
	left: 410px;
}
#pkg1{
	position: absolute;
	top: 31px;
	left: 610px;
}
#pkg2{
	position: absolute;
	top: 31px;
	left: 765px;
}
#vince{
	padding: 17px 0px 0px 35px;
}
#vince_inner{
	width: 90px;
	height: 153px;
	overflow: hidden;
	position: relative;
}
#vince_inner p{
	position: absolute;
	top: 0px;
	left: 0px;
}

#txt04{
	text-align: center;
	padding: 0 0 60px 0;
}
#copyright{
	padding: 0 0 20px 0;
	text-align: center;
}
#detail_btn {
	position: absolute;
	top: -8px;
	left: -160px;
}