@charset "utf-8";

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

#content
{
	width: 100%;
	height: 818px;
	overflow: hidden;
	background: url(../img/item/bg.png) repeat-x 50% 47px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -337px;
}

#content div.top
{
	width: 100%;
	height: 818px;
	overflow: hidden;
	position: absolute;
	left: 0;
	background: url(../img/item/content_bg.png) no-repeat 50% 49px;
}

#wii #content div.top, #ds #content div.top
{
	background: none;
}

#content div.mdl
{
	width: 1280px;
	height: 818px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -640px;
}

#wii #content div.mdl, #ds #content div.mdl
{
	width: 1336px;
	margin-left: -668px;
	background: url(../img/item/content_bg.png) no-repeat 50% 49px;
}

#ds #content div.mdl
{
	background: none;
}

#content h2
{
	width: 568px;
	height: 46px;
	background: url(../img/item/ttl.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 131px;
	left: 189px;
}

#content p
{
	width: 522px;
	height: 43px;
	background: url(../img/item/txt.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 196px;
	left: 189px;
}

#content img.chr
{
	position: absolute;
}

#content img.mario{ top: 0; left: 761px; }
#content img.troopa{ top: 269px; left: 42px; }
#content img.goomba{ top: 336px; left: 939px; }
#wii #content img.mario, #ds #content img.mario{ top: 0; left: 789px; }
#wii #content img.troopa, #ds #content img.troopa{ top: 459px; left: 0; }
#wii #content img.goomba, #ds #content img.goomba{ top: 476px; left: 983px; }

#content #thumb
{
	width: 508px;
	height: 298px;
	background: url(../img/item/box_bg.png) no-repeat 0 0;
	position: absolute;
	top: 257px;
	left: 386px;
}

#content #thumb div.area
{
	width: 480px;
	height: 270px;
	overflow: hidden;
	position: absolute;
	top: 14px;
	left: 14px;
}

#content #thumb div.box
{
	width: 480px;
	height: auto;
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#content #thumb div.box img
{
	float: left;
}

#content ul.v_movie
{
	width: 960px;
	height: 163px;
	position: absolute;
	top: 547px;
	left: 160px;
}

#content ul.v_movie li
{
	float: left;
}

#content ul.v_movie li.battery{ margin: 48px 0 0 3px; }
#content ul.v_movie li.light{ margin: 0 0 0 17px; }
#content ul.v_movie li.coin{ margin: 63px 0 0 14px; }
#content ul.v_movie li.propeller{ margin: 27px 0 0 21px; }
#content ul.v_movie li.goomba{ margin: 72px 0 0 24px; }
#content ul.v_movie li.ball{ margin: 39px 0 0 36px; }
#content ul.v_movie li.mail{ margin: 55px 0 0 45px; }
#content ul.v_movie li.skating{ margin: 27px 0 0 21px; }
#content ul.v_movie li.piranha{ margin: 61px 0 0 21px; }

#wii #content #thumb,
#wii #content ul.v_movie,
#ds #content #thumb,
#ds #content ul.v_movie
{
	display: none;
}

#content ul.v_modal
{
	width: 800px;
	height: 141px;
	position: absolute;
	top: 286px;
	left: 50%;
	margin-left: -400px;
	display: none;
}

#wii #content ul.v_modal,
#ds #content ul.v_modal
{
	display: block;
}

#content ul.v_modal li
{
	float: left;
	margin: 0 11px 13px;
	cursor: pointer;
}

#content ul.v_modal li.ball
{
	margin-left: 91px;
}

#content ul.v_modal li dt
{
	width: 136px;
	height: 140px;
	margin-left: 1px;
}

#content ul.v_modal li dd
{
	width: 138px;
	height: 35px;
	margin-top: -18px;
}

#modal a#close
{
	margin: -225px 0 0 240px;
}

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

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

#modal.ball #modalbox dl.ball{ visibility: visible; }
#modal.battery #modalbox dl.battery{ visibility: visible; }
#modal.coin #modalbox dl.coin{ visibility: visible; }
#modal.goomba #modalbox dl.goomba{ visibility: visible; }
#modal.light #modalbox dl.light{ visibility: visible; }
#modal.mail #modalbox dl.mail{ visibility: visible; }
#modal.piranha #modalbox dl.piranha{ visibility: visible; }
#modal.propeller #modalbox dl.propeller{ visibility: visible; }
#modal.skating #modalbox dl.skating{ 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;
}