@charset "utf-8";

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

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

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

#content div.bttm
{
	width: 100%;
	background: url(../img/multiplay/content_bg_bttm.png) repeat-x 50% 595px;
}

#content div.tp
{
	width: 1260px;
}

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

#content h2
{
	width: 453px;
	height: 45px;
	background: url(../img/multiplay/ttl.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 155px;
	left: 157px;
}

#content p
{
	width: 312px;
	height: 66px;
	background: url(../img/multiplay/txt.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 215px;
	left: 157px;
}

#content img.blln_01, #content img.blln_02
{
	position: absolute;
}

#content img.blln_01{ top: 378px; left: 578px; }
#content img.blln_02{ top: 378px; left: 852px; }

#content div.playimage
{
	width: 410px;
	height: 244px;
	position: absolute;
	top: 328px;
	left: 155px;
	background: url(../img/multiplay/frame.png) no-repeat 0 0;
}

#content div.playimage iframe
{
	margin: 17px 0 0 15px;
}

#content dl
{
	width: 960px;
	height: 84px;
	margin: 616px auto 0;
	background: url(../img/multiplay/style_bg.png) no-repeat 419px 4px;
}

#content dl dt
{
	width: 373px;
	height: 59px;
	background: url(../img/multiplay/style_ttl.png) no-repeat 0 0;
	margin: 0 0 12px 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#content dl dd
{
	width: 691px;
	height: 13px;
	background: url(../img/multiplay/style_txt.png) no-repeat 0 0;
	margin-left: 20px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}