@charset "utf-8";

/*************************
	content
*************************/

#content
{
	width: 1256px;
	height: 782px;
	margin: -446px 0 0 -628px;
	background: url(../img/about/mario.jpg) no-repeat 0 34px;
}

/*************************
	subttl
*************************/

#subttl
{
	width: 607px;
	height: 118px;
	background: url(../img/about/subttl.png) no-repeat 0 0;
	margin: 101px 0 0 468px;
}

#subttl h2, #subttl p
{
	visibility: hidden;
}

/*************************
	tv
*************************/

#tv
{
	width: 459px;
	height: 313px;
	background: url(../img/about/tv.jpg) no-repeat 0 0;
	position: absolute;
	top: 253px;
	left: 605px;
}

#tv li
{
	position: absolute;
	top: 22px;
	left: 17px;
	z-index: 1;
}

body.nojs #tv li.on, body#ds #tv li.on, body#wii #tv li.on
{ z-index: 2; }

/*************************
	controller
*************************/

#controller
{
	width: 746px;
	height: 157px;
	overflow: hidden;
	position: absolute;
	bottom: 96px;
	left: 50%;
	margin-left: -118px;
}

/*
body#sp #controller
{
	bottom: 19px;
}
*/

#controller li
{
	position: absolute;
	overflow: hidden;
	bottom: 0;
}

#controller li.p_1
{
	width: 267px;
	height: 151px;
	left: 37px;
	z-index: 3;
}

#controller li.p_2
{
	width: 225px;
	height: 157px;
	left: 323px;
	z-index: 2;
}

#controller li.p_3
{
	width: 313px;
	height: 123px;
	bottom: -154px;
	left: 323px;
	z-index: 1;
}

#controller li img
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/*************************
	pad
*************************/

#pad
{
	width: 100px;
	height: 57px;
	position: absolute;
	top: 20px;
	left: 84px;
	overflow: hidden;
}

#pad.d_1
{
	width: 66px;
	height: 38px;
	top: 13px;
	left: 56px;
}

#pad p
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#pad.nojs p{ visibility: hidden; }
#pad.nojs p.pad_01{ visibility: visible; }

/*************************
	feature
*************************/

#feature
{
	width: 100%;
	height: 59px;
	background: url(../img/about/feature_bg.png) repeat-x 0 0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 240px;
}

#feature ul
{
	width: 928px;
	height: 59px;
	background: url(../img/about/feature.png) no-repeat 0 0;
	overflow: hidden;
	margin: 0 auto;
}

#feature li
{
	visibility: hidden;
}