@charset "Shift_JIS";


/*  h1
------------------------------------------------------------*/
div#wrap div#topflashArea{
	width: 758px;
	margin: 0 auto 30px auto;
}




/*  indexnavi
------------------------------------------------------------*/
ul#indexnavi {
	width: 718px; margin: 0 auto 30px auto;
}

	ul#indexnavi:after,
	div#about:after { 
		content: " "; 
		display: block; 
		clear: both; 
		height: 0; 
	} 
	ul#indexnavi,
	div#about { 
		display: inline-block; 
	} 
	ul#indexnavi,
	div#about{ 
		display: block; 
	}

ul#indexnavi li#intro,
ul#indexnavi li#play {
	float: left; display: inline; width: 226px; margin-right: 20px;
}

ul#indexnavi li#world {
	float: left; display: inline; width: 226px;
}

ul#indexnavi li#intro a {
	overflow: hidden;
	display: block; width: 226px; height: 77px; background: url(../img/index/navi_intro.gif) top left no-repeat; text-indent: -9999px;
}

ul#indexnavi li#play a {
	overflow: hidden;
	display: block; width: 226px; height: 77px; background: url(../img/index/navi_play.gif) top left no-repeat; text-indent: -9999px;
}

ul#indexnavi li#world a {
	overflow: hidden;
	display: block; width: 226px; height: 77px; background: url(../img/index/navi_world.gif) top left no-repeat; text-indent: -9999px;
}

ul#indexnavi li#intro a:hover,
ul#indexnavi li#play a:hover,
ul#indexnavi li#world a:hover{
	background-position: bottom left;
}

div#nomLink{
	padding:0 0 60px 123px;
	text-align:left;
	
}
div#nomLink a{
	display: block;
	width: 520px;
	height: 40px;
	background: url(../img/index/navi_nom.gif) top left no-repeat;
	text-indent: -9999px;
}

div#nomLink a:hover{
	background-position: bottom left;
}


/*  about
------------------------------------------------------------*/
div#about {
	clear: both; width: 756px; margin: 0 auto 54px auto; padding-bottom: 30px; border: 1px #ff321e solid;
	background: url(../img/common/bg_middle.gif) top left repeat-y;
}

div#about div.textArea {
	float: left; display: inline; width: 388px; padding-top: 10px; padding-left: 38px;
}

div#about h2 {
	margin-bottom: 30px;
}

div#about div.textArea p.text1 {
	margin-bottom: 56px;
}

div#about div.textArea p#btn_gbx a {
	display: block; width: 330px; height: 50px; background:url(../img/index/btn_gbx.gif) top left no-repeat; text-indent: -9999px;
}

div#about div.textArea p#btn_gbx a:hover {
	background-position: bottom left;
}

div#about div.flashArea {
	float: right; width: 234px; display: inline; padding-right: 56px;
}


/*  content
------------------------------------------------------------*/
div#content {
	clear: both;
}


/*  softinfoContents
------------------------------------------------------------*/
div#softinfo div#softinfoContents {
	border-left: 1px #ff3e8d solid;; border-right: 1px #ff3e8d solid;
}

div#softinfo div#softinfoContents dl dd {
	color:#FFF;
}

div#softinfo div#softinfoContents p#cero {
	position: absolute; bottom: 5px; right: 10px;
}

div#dsiwareInfo div#dsiwareInfoContents p#dsiwareLogo {
	top: 6px; left: 15px;
}

div#dsiwareInfo div#dsiwareInfoContents p#dsiwareText {
	text-align: left; color: #FFF;
}