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

@media print {
body
{
    display: none!important;
}
}

*
{
	margin: 0;
	padding: 0;
	border: none;
}

body, html
{
	width: 100%;
	height: 100%;
}

body
{
	min-width: 960px;
	font-family: 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.05em;
}

body#sp
{
	width: 960px;
}

li
{
	list-style: none;
}

img
{
	vertical-align: bottom;
}

img.nonevent
{
	pointer-events : none;
}

/*************************
	head
*************************/

body#sp #head
{
	display: none!important;
}

/*************************
	menu
*************************/

#menu
{
	width: 100%;
	height: 92px;
	min-width: 960px;
	background: url(../img/common/foot_bg.png) repeat-x 50% 0;
}

body#sp #menu
{
	display: none!important;
}

#menu ul
{
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
}

#menu li
{
	width: 104px;
	height: 78px;
	margin: 0 0 0 -6px;
	padding: 7px 7px 5px;
	float: left;
	background: url(../img/common/menu_br.png) no-repeat 0 90px;
	position: relative;
}

body#pc #menu li:hover
{
	background-position: 0 0;
}

#menu li a, #menu li p
{
	display: block;
	width: 104px;
	height: 78px;
	background: url(../img/common/menu.png) no-repeat -728px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#menu li.about a{ background-position: 0 0; }
#menu li.course a{ background-position: -104px 0; }
#menu li.item a{ background-position: -208px 0; }
#menu li.character a{ background-position: -312px 0; }
#menu li.machine a{ background-position: -416px 0; }
#menu li.network a{ background-position: -520px 0; }
#menu li.tv a{ background-position: -624px 0; }
#menu li.network p{ background-position: -520px 0; }
#menu li.tv p{ background-position: -624px 0; }
body#pc #menu li.about a:hover{ background-position: 0 -78px; }
body#pc #menu li.course a:hover{ background-position: -104px -78px; }
body#pc #menu li.item a:hover{ background-position: -208px -78px; }
body#pc #menu li.character a:hover{ background-position: -312px -78px; }
body#pc #menu li.machine a:hover{ background-position: -416px -78px; }
body#pc #menu li.network a:hover{ background-position: -520px -78px; }
body#pc #menu li.tv a:hover{ background-position: -624px -78px; }
#menu li.about a.this{ background-position: 0 -156px!important; }
#menu li.course a.this{ background-position: -104px -156px!important; }
#menu li.item a.this{ background-position: -208px -156px!important; }
#menu li.character a.this{ background-position: -312px -156px!important; }
#menu li.machine a.this{ background-position: -416px -156px!important; }
#menu li.network a.this{ background-position: -520px -156px!important; }
#menu li.tv a.this{ background-position: -624px -156px!important; }

#menu li span.new
{
	display: block;
	width: 32px;
	height: 16px;
	background: url(../img/common/menu_new.png) no-repeat 0 0;
	position: absolute;
	top: 4px;
	right: 3px;
	text-indent: 35px;
	overflow: hidden;
	white-space: nowrap
}

#menu li span.update
{
	display: block;
	/*width: 75px;*/
	width: 46px;
	height: 14px;
	background: url(../img/common/menu_update_0402.png) no-repeat 0 0;
	position: absolute;
	top: 4px;
	/*right: -10px;*/
	right: 0;
	text-indent: 80px;
	overflow: hidden;
	white-space: nowrap
}

/*************************
	sp head
*************************/

#sp_head
{
	width: 960px;
	height: 153px;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 200;
}

#sp_head iframe
{
	width: 100%;
}

/*************************
	sp menu
*************************/

#sp_menu
{
	width: 960px;
	height: 837px;
	z-index: 200;
	position: relative;
	
}

#sp_menu iframe
{
	width: 100%;
}

/*************************
	foot_bttm
*************************/

#foot_bttm
{
	width: 100%;
	height: 19px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/common/foot_bttm_bg.png) repeat-x 50% 0;
	overflow: hidden;
	z-index: 100;
}

body#sp #foot_bttm
{
	display: none!important;
}

#foot_bttm ul
{
	width: 180px;
	height: 19px;
	overflow: hidden;
	float: left;
	margin-left: 3px;
}

#foot_bttm ul li
{
	height: 19px;
	float: left;
}

#foot_bttm ul li a
{
	display: block;
	height: 19px;
	background: url(../img/common/foot_menu.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#foot_bttm ul li.nintendo, #foot_bttm ul li.nintendo a{ width: 93px; }
#foot_bttm ul li.wiiu, #foot_bttm ul li.wiiu a{ width: 87px; }
#foot_bttm ul li.wiiu a{ background-position: -93px 0; }
body#pc #foot_bttm ul li.nintendo a:hover{ background-position: 0 -19px; }
body#pc #foot_bttm ul li.wiiu a:hover{ background-position: -93px -19px; }

#foot_bttm p
{
	width: 74px;
	height: 19px;
	float: right;
	margin-right: 10px;
	background: url(../img/common/foot_cr.png) no-repeat 0 6px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}