@import "../../../../contents/css/reset.css";
@import "../../../../contents/css/font.css";

/*common*/
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:#262626;
}

h1{
	text-indent:-10000px;
	overflow:hidden;
}
h2{
	margin:0 0 20px 0;
}
h3{
	margin:0 0 20px 0;
}
a{
	color:#e369ff;
	outline:none;
}
a:hover{
	color:#b300ef;
}
#title{
	height:480px;
	background:url(../images/mainimage.jpg) no-repeat center top;
}
#title .inner{
	position:relative;
	width:950px;
	margin:0 auto;
}
/*spec*/
#spec{
	position:absolute;
	top:303px;
	left:300px;
	height:155px;
	overflow:hidden;
}
#spec table{
	width:500px;
	margin:0 auto;
	font-size:108%;
}
#spec table th{
	width:80px;
	text-align:right;
	border-right:2px solid #fff;
	padding:3px 15px 4px 3px;
}
#spec table td{
	padding:3px 3px 4px 15px;
}

/*info*/
#info{
	width:600px;
	overflow:hidden;
	margin:10px auto 20px;
	padding:10px;
	border:2px dotted #e369ff;
	text-align:center;
}
#info dt{
	display:inline;
}
#info dd{
	display:inline;
	color:#e369ff;
}
/*content*/
#maincontent{
	background:#121212 url(../images/bg.gif) repeat-x;
	color:#fff;
}
#mainnavi{
	width:890px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/navi_bg.gif) repeat-x center bottom;
	padding:10px 0 0 0;
}
#mainnavi ul{
}
#mainnavi li{
	width:222px;
	float:left;
	padding:0 0 0 4px;
	_padding:0;
}
#mainnavi li a{
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	width:222px;
	height:80px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
#mainnavi li a:hover{
	margin:5px 0 0 0;
	height:75px;
}
/**navi**/
#navi01 a{
	background:url(../images/navi01_off.gif) no-repeat;
}
#navi01 a:hover,#navi01 a.selected{
	background:url(../images/navi01_on.gif) no-repeat;
}
#navi02 a{
	background:url(../images/navi02_off.gif) no-repeat;
}
#navi02 a:hover,#navi02 a.selected{
	background:url(../images/navi02_on.gif) no-repeat;
}
#navi03 a{
	background:url(../images/navi03_off.gif) no-repeat;
}
#navi03 a:hover,#navi03 a.selected{
	background:url(../images/navi03_on.gif) no-repeat;
}
#mainnavi li#navi04{
	width:205px;
}
#navi04 a{
	width:205px;
	background:url(../images/navi04_off.gif) no-repeat;
}
#navi04 a:hover,#navi04 a.selected{
	background:url(../images/navi04_on.gif) no-repeat;
}
/**navi**/
#maincontent .contents{
	width:840px;
	min-height:400px;
	margin:0 auto;
	padding:0 25px;
	background:url(../images/content_bg.gif) repeat-y;
	position:relative;
}
#maincontent .contents h2{
	font-size:0;
}
#maincontent .contents_inner{
	width:100%;
	overflow:hidden;
	background:#121212;
	padding:0 0 40px 0;
}
#contents_bg{
	text-align:center;
}
#official{
	text-align:center;
	margin:25px auto 0;
}
#pagetop{
	width:950px;
	margin:0 auto;
	text-align:right;
	font-size:0;
}

/****story****/
#story{
	text-align:center;
}
/****howto****/
#howto div{
	padding:0 0 50px 0;
}
/****movie****/
#movie .box{
	width:560px;
	margin:0 auto;
}
/****dl****/
#download{
}
#download .box{
	width:370px;
	float:left;
	margin:0 0 0 20px;
}
#download .box2{
	width:370px;
	float:right;
	margin:0 60px 0 0;
}
#download .img , #download p{
	padding:0 0 0 40px;
}
#download p{
	padding:15px 0 0 90px;
}

/*footnavi*/
#footnavi{
	text-align:center;
	margin:10px;
}
#footnavi li{
	display:inline;
	
}

/*footer*/
#footer{
	width:100%;
	overflow:hidden;
	border-top:1px solid #2a2a2a;
}
.attention{
	width:950px;
	margin:20px auto;
	text-align:right;
}
#copyright{
	color:#fff;
	margin:0 0 10px 0;
	text-align:center;
}
#copyright a{
	color:#fff;
}