@charset "utf-8";

#wrap
{
	background: url(../img/bg.png) repeat 50% 50%;
}

#content, #content div.tp
{
	height: 994px;
	overflow: hidden;
}

#content
{
	width: 100%;
	background: url(../img/powerup/content_bg.png) repeat-x 50% 135px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -425px;
}

#content div.tp
{
	width: 1092px;
	position: absolute;
	left: 50%;
	margin-left: -546px;
	background: url(../img/powerup/content_bg_top.png) no-repeat 100% 0;
}

#content h2
{
	width: 571px;
	height: 44px;
	background: url(../img/powerup/ttl.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 227px;
	left: 105px;
}

#content p
{
	width: 426px;
	height: 16px;
	background: url(../img/powerup/txt.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 293px;
	left: 105px;
}

#content a#bttn
{
	position: absolute;
	top: 682px;
	left: 850px;
}

#content ul
{
	width: 960px;
	height: 187px;
	position: absolute;
	top: 462px;
	left: 66px;
}

#content ul li
{
	float: left;
	margin: 0 11px;
	position: relative;
}

#content ul li.double,
#content ul li.fire,
#content ul li.big
{
	margin-top: 30px;
}

#wii #content ul li, #ds #content ul li
{
	cursor: pointer;
}

#content ul li a
{
	display: block;
	width: 138px;
	height: 157px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#ie #content ul li a
{
	background: #FFF;
	filter: alpha(opacity=0);
}

#wii #content ul li a, #ds #content ul li a
{
	visibility: hidden;
}

#modalbox
{
	width: 616px;
	height: 559px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -279px 0 0 -308px;
}

#modal.nomovie a#close
{
	margin: -253px 0 0 209px;
}

#wiiu #modal.nomovie a#close
{
	top: 50%;
	left: 50%;
	margin: -223px 0 0 209px;
}

#modal #modalbox div.shirotanuki
{
	width: 616px;
	height: 559px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/powerup/shirotanuki_bg.png) no-repeat 23px 0;
	visibility: hidden;
}

#modal.shirotanuki #modalbox div.shirotanuki{ visibility: visible; }

#modalbox div.shirotanuki h2
{
	width: 242px;
	height: 27px;
	background: url(../img/powerup/shirotanuki_ttl.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin: 122px 0 0 154px;
}

#modalbox div.shirotanuki p
{
	width: 299px;
	height: 84px;
	background: url(../img/powerup/shirotanuki_txt.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin: 19px 0 0 154px;
}

#modalbox div.shirotanuki img.playimage
{
	margin: 18px 0 0 148px;
}

#modalbox div.shirotanuki img.shirotanuki, #modalbox div.shirotanuki img.item
{
	position: absolute;
}

#modalbox div.shirotanuki img.shirotanuki{ top: 123px; left: 396px; }
#modalbox div.shirotanuki img.item{ top: 264px; left: 93px; }

#modal #modalbox dl
{
	width: 616px;
	height: 382px;
	position: absolute;
	top: 88px;
	left: 0;
	visibility: hidden;
}

#modal.bell #modalbox dl.bell{ visibility: visible; }
#modal.double #modalbox dl.double{ visibility: visible; }
#modal.raccoon #modalbox dl.raccoon{ visibility: visible; }
#modal.fire #modalbox dl.fire{ visibility: visible; }
#modal.boomerang #modalbox dl.boomerang{ visibility: visible; }
#modal.big #modalbox dl.big{ visibility: visible; }

#modal #modalbox dl dt
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
}

#modal #modalbox dl dd
{
	position: absolute;
	top: 317px;
	left: 144px;
}

#modal #modalbox dl dd.img
{
	top: 28px;
	left: 68px;
	z-index: 98;
}