@charset "shift_jis";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : top.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	
/* ********************************************************************************
 * Link
 * ******************************************************************************** */

a {
	outline: none;
}
/* a:link */
a:link {
	color: #fff;
	text-decoration: none;
}
/* a:active */
a:active {
	color: #fff;
	text-decoration: none;
}
/* a:visited */
a:visited {
	color: #fff;
	text-decoration: none;
}
/* a:hover */
a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ********************************************************************************
 * CLASS STYLE
 * ******************************************************************************** */

/* .hover */
.hover {}
/* .transparent */
.transparent {}
/* .clearfix
------------------------------------------------------------*/
.clearfix:after,
dl.topics:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
dl.topics {
	display: inline-block;
}
* html .clearfix,
* html dl.topics {
	height: 1%;
}
.clearfix,
dl.topics {
	display: block;
}

/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */

/* body */
body {
	min-width: 768px;
	background: url(../images/top/bg_body.gif) 0 0 repeat-x;
	background-position: center 54px;
	font-family: 'ƒƒCƒŠƒI',Meiryo,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',Arial,Verdana,Helvetica;
	text-align: left;
	color: #fff;
}
/* div#container */
div#container {
	width: 100%;
	min-width: 768px;
	background: url(../images/top/bg_container.jpg) 50% 0 no-repeat;
}
body.ds div#container {
	background: none;
}
/* div.ds */
div#content div.ds {
	display: none;
}
body.ds div#content div.ds {
	display: block;
}
div#content div.ds img {
	vertical-align: top;
}
/* ********************************************************************************
 * div#content
 * ******************************************************************************** */
div#content {
	position: relative;
	width: 768px;
	height: 980px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}
/* p#logo_nintendo */
div#content p#logo_nintendo {
	position:absolute; top:24px; left:5px;
}
/* p#logo_ds */
div#content p#logo_ds {
	position:absolute; top:25px; left:635px;
}
/* p.btn_about */
div#content p.btn_about {
	position:absolute; top:44px; left:0;
}
/* h1 */
div#content h1 {
	position:absolute; top:579px; left:173px;
}
/* ul.nav
------------------------------------------------------------*/
div#content ul.nav {
	position:absolute; top:785px; left:8px;
	width: 752px;
	height: 94px;
	background-color: #fee50f;
	background: url(../images/top/bg_nav.jpg) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
div#content ul.nav li.story		{ position:absolute; top:2px; left:0; }
div#content ul.nav li.dig		{ position:absolute; top:6px; left:131px; }
div#content ul.nav li.cleaning	{ position:absolute; top:6px; left:253px; }
div#content ul.nav li.battle	{ position:absolute; top:6px; left:374px; }
div#content ul.nav li.ultimate	{ position:absolute; top:2px; left:501px; }
div#content ul.nav li.tsushin	{ position:absolute; top:2px; left:628px; }
div#content ul.nav li.videos	{ position:absolute; top:60px; left:38px; }
div#content ul.nav li.comic		{ position:absolute; top:57px; left:170px; }
/*div#content ul.nav li.haishin	{ position:absolute; top:60px; left:336px; }*/
div#content ul.nav li.haishin	{ position:absolute; top:51px; left:0; }
div#content ul.nav li.guidebook	{ position:absolute; top:60px; left:503px; }
div#content ul.nav li.museum	{ position:absolute; top:51px; left:628px; }
/* new */
div#content ul.nav li.cleaning span		{ position:absolute; top:-6px; left:9px; }
div#content ul.nav li.battle span		{ position:absolute; top:-6px; left:7px; }
div#content ul.nav li.ultimate span		{ position:absolute; top:-2px; left:8px; }
div#content ul.nav li.tsushin span		{ position:absolute; top:-2px; left:8px; }
div#content ul.nav li.videos span		{ position:absolute; top:-13px; left:-28px; }
div#content ul.nav li.comic span		{ position:absolute; top:-9px; left:-4px; }
div#content ul.nav li.haishin span		{ position:absolute; top:-12px; left:-15px; }
div#content ul.nav li.guidebook span	{ position:absolute; top:-8px; left:-9px; }
div#content ul.nav li.museum span		{ position:absolute; top:-4px; left:8px; }

/* p.btn_ugomemo */
div#content p.btn_ugomemo {
	position:absolute; top:897px; left:9px;
}
/* p.btn_event */
div#content p.btn_event {
	position:absolute; top:897px; left:194px;
}

/* ********************************************************************************
 * div#footer
 * ******************************************************************************** */
div#footer {
	width: 100%;
	background-color: #000;
}
/* div.inner */
div#footer div.inner {
	width: 768px;
	margin: 0 auto;
	padding-top: 15px;
}
/* div#info
 * ================================================================================ */
div#footer div.inner div#info {
	position: relative;
	width: 740px;
	height: 102px;
	margin: 0 0 22px 15px;
}
/* p.package */
div#footer div.inner div#info p.package {
	font-size: 0;
	line-height: 0;
}
/* dl.topics
------------------------------------------------------------*/
div#footer div.inner div#info dl.topics {
	position:absolute; top:0; left:123px;
	width: 616px;
}
div#footer div.inner div#info dl.topics dt {
	float: left;
}
div#footer div.inner div#info dl.topics dd {
	display: inline;
	float: left;
	width: 516px;
	height: 21px;
	margin-left: 2px;
	padding-top: 6px;
	background: url(../images/top/bg_topics.gif) 0 0 no-repeat;
	text-indent: 12px;
	font-size: 12px;
	color: #000;
}
div#footer div.inner div#info dl.topics dd a {
	text-decoration: none;
	color: #666;
}
div#footer div.inner div#info dl.topics dd a:hover {
	text-decoration: underline;
	color: #333;
}
/* p.btn_guidebook */
div#footer div.inner div#info p.btn_guidebook {
	position:absolute; top:3px; left:648px;
	font-size: 0;
	line-height: 0;
}
/* div#softinfo
------------------------------------------------------------*/
div#footer div.inner div#info div#softinfo {
	position:absolute; top:0; left:123px;
	width: 616px;
	height: 69px;
	background: url(../images/top/bg_softinfo.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
div#footer div.inner div#info ul li.release {
	position:absolute; top:13px; left:12px;
}
div#footer div.inner div#info ul li.price {
	position:absolute; top:13px; left:181px;
}
div#footer div.inner div#info ul li.savedata {
	position:absolute; top:13px; left:376px;
}
div#footer div.inner div#info ul li.genre {
	position:absolute; top:30px; left:12px;
}
div#footer div.inner div#info ul li.players {
	position:absolute; top:30px; left:181px;
}
/* p.cero */
div#footer div.inner div#info p.cero {
	position:absolute; top:9px; left:565px;
}
/* p.cooperation */
div#footer div.inner div#info p.cooperation {
	position:absolute; top:82px; left:123px;
	line-height: 1.1;
	font-size: 85%;
	color: #dbdbdb;
}
/* div.nav
------------------------------------------------------------*/
div#footer div.inner div.nav {
	text-align: center;
	color: #fff;
}
div#footer div.inner div.nav ul {
	margin-bottom: 5px;
	text-align: center;
	font-size: 77%;
	line-height: 1.2;
}
div#footer div.inner div.nav ul li {
	display: inline;
}
div#footer div.inner div.nav ul li span {
	padding: 0 3px;
	color: #b4b4b4;
}
div#footer div.inner div.nav ul li a {
	color: #b4b4b4;
}
div#footer div.inner div.nav ul li a:hover {
	color: #fff;
}
/* p#copyright */
div#footer p#copyright {
	padding: 15px 0 25px;
	text-align: center;
}

/* ********************************************************************************
 * ‘header
 * ******************************************************************************** */
 
#add_header {
    background-image: url("../../assets/images/base/bg_add_header.png");
    background-repeat: repeat-x;
    height: 54px;
    text-align: center;
    width: 100%;
}

#add_header #wrap {
    margin: 0 auto;
    text-align: center;
    width: 960px;
}

#add_header #wrap .add_btn {
    margin: 0 auto;
    padding-top: 10px;
    width: 580px;
}