@charset "UTF-8";
/* CSS Document */

/*---基本---*/


html{
	height:100%;
}

body{
	margin:0;
	height:100%;
	background-color:#000;
	color:#fff;
	font-size:12px;
	font-family:sans-serif;
	text-align:center;
}

#wrapper{
	width:100%;
	min-width:900px;
	max-width:1450px;
	min-height:100%;
	_height:100%;
	position:relative;
	margin:0 auto;
}

#contents{
	width:823px;
	margin:0 auto;
}


#contentEnd{
	clear:both;
	height:200px;
}

img{
	border-width:0;
}

/*--------Nav------------*/

div#nav{
	width:100%;
	min-width:900px;
	background-position:bottom center;
	background-repeat:no-repeat;

}

div#nav ul{
	list-style-type:none;
	width:763px;
	height:23px;
	margin:0 auto;
	padding:0;
	clear:both;
}

div#nav ul li{
	display:block;
	width:109px;
	float:left;
}

div#nav ul li a,
div#nav ul li span{
	display:block;
	width:109px;
	height:23px;
	font-size:1px;
	text-indent:-999px;
	overflow:hidden;
	text-align:left;
	background-position:center top;
}
div#nav li#top *{
	background-image:url(../common-images/menu_top.png);
}

div#nav li#outline *{
	background-image:url(../common-images/menu_outline.png);
}

div#nav li#system *{
	background-image:url(../common-images/menu_system.png);
}

div#nav li#action *{
	background-image:url(../common-images/menu_action.png);
}

div#nav li#battle *{
	background-image:url(../common-images/menu_battle.png);
}

div#nav li#character *{
	background-image:url(../common-images/menu_character.png);
}

div#nav li#movie *{
	background-image:url(../common-images/menu_movie.png);
}

div#nav ul li span.current{
	background-position:center -23px;
}

div#nav ul li span.inactive{
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}

/*---MArk---*/

div#mark{
	width:763px;
	margin:0 auto;
	height:22px;
}

div#mark div{
	width:65px;
	height:22px;
	float:left;
	margin:0 22px;
}

div#mark #mark_system{/*background-image:url(../common-images/UPDATE.png);*/}
div#mark #mark_action{/*background-image:url(../common-images/UPDATE.png);*/}
div#mark #mark_battle{/*background-image:url(../common-images/NEW.png);*/}
div#mark #mark_chara{/*background-image:url(../common-images/UPDATE.png);*/}
div#mark #mark_movie{/*background-image:url(../common-images/UPDATE.png);*/}

/*---Footer---*/
#footer{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#000;
	background-image:url(../common-images/footer.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:120px;
	margin:0 auto;


}

#footer #footerElements{
	width:900px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#footer #banners{
	width:588px;
	position:absolute;
	top:12px;
	left:33px;
}

#footer #links{
	width:280px;
	position:absolute;
	top:52px;
	right:27px;
	text-align:right;
}

#footer #links span,
#footer #links a{
	display:block;
	width:86px;
	margin-left:5px;
	float:right;
}

#footer #links span{
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}