@charset "Shift_JIS";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : top.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */
.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */
body {
	background-color:#FFFFFF;
	text-align:center;
}

/* div#header
 * ******************************************************************************** */
div#header {
	width:768px;
	height:80px;
	margin:0 auto;
	text-align:center;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

/* div#container
 * ******************************************************************************** */
div#container {
	width:768px;
	margin:0 auto;
	text-align:left;
}
/* h1 */
div#container h1 {
	text-align: center;
}

/* ul#topNavi
------------------------------------------------------------*/
ul#topNavi {
	width: 768px;
}
ul#topNavi li {
	display: inline;
	float: left;
	margin-right: 0;
}
ul#topNavi li.editor {
	margin-right: 0;
}
ul#topNavi li a {
	display: block;
	width: 384px;
	height: 42px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}


div#container div#topNavi {
	float: left;
}

/* li.game a */
ul#topNavi li.game a {
	background: url(../../images/btn_game.jpg) 0 0 no-repeat;
}
/* li.editor a */
ul#topNavi li.editor a {
	background: url(../../images/btn_editor.jpg) 0 0 no-repeat;
}

/* li a:hover */
ul#topNavi li.game a:hover,
ul#topNavi li.editor a:hover{
	background-position: left bottom;
}


/* div#content
 * ================================================================================ */
div#content {
	width: 758px;
	margin: 20px auto 0;
	text-align:left;
}
/* h2 */
div#content h2 {
	margin-bottom: 10px;
}

/* div#softinfo
 * ================================================================================ */
div#softinfo {
	margin-bottom: 20px;
	/*font-size: 92%;*/
}
/* div#softinfoTop, div#softinfoBottom
------------------------------------------------------------*/
div#softinfo div#softinfoTop,
div#softinfo div#softinfoBottom {
	width: 758px;
	height: 10px;
	font-size: 0;
	background: url(../../images/softinfo_top.gif) no-repeat 0 0;
}
/* div#softinfoBottom 
------------------------------------------------------------*/
div#softinfo div#softinfoBottom {
	background: url(../../images/softinfo_bottom.gif) no-repeat 0 0;
}
/* div#softinfoContents
------------------------------------------------------------*/
div#softinfo div#softinfoContents {
	width: 728px;
	padding: 3px 14px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	position: relative;
}
/* div#softinfoContents dl
------------------------------------------------------------*/
div#softinfo div#softinfoContents dl {
	width: 674px;
	line-height: 1.0;
}
div#softinfo div#softinfoContents dl dt {
	float: left;
	width: 10em;
	padding: 8px 0.5em;
	color: #8c8c8c;
	font-weight: bold;
}
/* dt span */
div#softinfo div#softinfoContents dl dt span {
	color: #ff418c;
}
div#softinfo div#softinfoContents dl dd {
	margin-left: 0;
	padding: 8px 0.5em 8px 10em;
	background: url(../../images/dot.gif) repeat-x left bottom;
}
div#softinfo div#softinfoContents dl.column,
div#softinfo div#softinfoContents dl.columnLast {
	width: 337px;
	float: left;
}
div#softinfo div#softinfoContents dl.last dd,
div#softinfo div#softinfoContents dl.columnLast dd {
	background: none;
}
/* p#wi-fi */
div#softinfo div#softinfoContents p#wi-fi {
	position: absolute;
	top: 0;
	left: 701px;
}
/* p#cero */
div#softinfo div#softinfoContents p#cero {
	position: absolute;
	top: 50px;
	left: 707px;
}

/* div#dsiwareInfo 
 * ================================================================================ */
div#dsiwareInfo {
	margin-bottom: 20px;
}
/* div#dsiwareInfoTop
------------------------------------------------------------*/
div#dsiwareInfo div#dsiwareInfoTop {
	width: 758px;
	height: 14px;
	background: url(../../images/dsiware_top.gif) no-repeat 0 0;
	font-size: 0
}
/* div#dsiwareInfoBottom
------------------------------------------------------------*/
div#dsiwareInfo div#dsiwareInfoBottom {
	width: 758px;
	height: 16px;
	background: url(../../images/dsiware_bottom.gif) no-repeat 0 0;
}
/* div#dsiwareInfoContents
------------------------------------------------------------*/
div#dsiwareInfo div#dsiwareInfoContents {
	width: 756px;
	border-left: solid 1px #ff418c;
	border-right: solid 1px #ff418c;
	position: relative;
}
/* p#dsiwareText */
div#dsiwareInfo div#dsiwareInfoContents p#dsiwareText {
	width: 500px;
	margin-left: 200px;
}
/* p#dsiwareLogo */
div#dsiwareInfo div#dsiwareInfoContents p#dsiwareLogo {
	position: absolute;
	top: 1.5em;
	left: 42px;
	width: 119px;
	height: 23px;
}

/* p#copy */
p#copy {
	margin-bottom: 15px;
	text-align: center;
}