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

*{margin:0;
	padding:0;
}

body{background:url(img/bg01.gif);
}

#wrap{width:800px;
	height:598px;
	margin:0 auto;
}

.menu2{width:800px;
	height:39px;
	background:url(img/menu_2.jpg) no-repeat;
}


#menu{width: 800px;
    margin:0 auto;
	height: 39px;
}

li{width:160px;
	display:inline; 
	background: url(img/menu.jpg);
	list-style-type:none;
	float:left;
}

li a{display:block;  
	height: 39px;
	text-indent:-9999px;  
	list-style-type:none;
}
/*------off*/  

#menu li .top a{width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position: 0px 0px;
}

#menu li .story a{width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position: -160px 0px;
}
#menu li .chara a{width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position: -320px 0px;
}
#menu li .system a{ width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position:-480px 0px;
}

#menu li .song a{ width:160px;
	background:url(img/menu.jpg) no-repeat;
	background-position:-640px 0px;
}



#menu li .top a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: 0px -39px;  
} 

#menu li .story a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: -160px -39px;  
} 

#menu li .chara a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: -320px -39px;  
}

#menu li .system a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: -480px -39px;  
}

#menu li .song a:hover{background:url(img/menu.jpg) no-repeat;
					background-position: -640px -39px;  
}


.main{height:558px;
	background:url(img/top.jpg) no-repeat;
	display:block;
}
.tokuten-box{height:558px;
	background:url(img/tokuten.jpg) no-repeat;
	display:block;
}

.tenpo-box{height:558px;
	background:url(img/tenpo.jpg) no-repeat;
	display:block;
}

.song-box{height:558px;
	background:url(img/song.jpg) no-repeat;
	display:block;
}


.story-box{height:558px;
	background:url(img/story.jpg) no-repeat;
	display:block;
}
.story-box2{height:528px;
	width:770px;
	padding-top:30px;
	padding-left:30px;
	line-height:18px;
	overflow:auto;
	font-size:small;
	color:#dcdcdc;
}

.text{margin:0;
	padding:0;
	font-weight:bold;
	color:#FC6;
	font-size:small;
}

.text2{margin:0;
	padding:0;
	font-weight:bold;
	color:#C00;
	font-size:small;
}

.movie-box{height:558px;
	background:url(img/background.jpg) no-repeat;
	display:block;
}

.spec-box{width:730px;
	padding-top:230px;
	padding-left:70px;
	
}

.spec-box2{width:300px;
	color:#dcdcdc;
	font-size:small;
}
.spec-box3{width:350px;
	color:#dcdcdc;
	padding-top:25px;
	font-size:small;	
}
.spec-box4{width:300px;
	padding-top:25px;
	padding-left:10px;
	color:#dcdcdc;
	font-size:small;
}

.tokuten-box1{width:350px;
	padding-top:100px;
	padding-right:20px;
	float:right;
	color:#dcdcdc;
	font-size:medium;
	font-weight:bold;
}

.tokuten-box2{padding-top:25px;
	float:right;
	color:#dcdcdc;
	font-size:small;
	font-weight:bold;
}

.tokuten-box3{padding-top:440px;
	padding-left:50px;
	color:#dcdcdc;
	font-size:x-small;
}

.tokuten-box4{padding-top:470px;
	padding-left:50px;
	color:#dcdcdc;
	font-size:x-small;
}


.tenpo-box1{width:400px;
	padding-top:230px;
	padding-right:20px;
	float:right;
	color:#dcdcdc;
	font-size:medium;
	font-weight:bold;
}

.tenpo-box2{padding-top:15px;
	width:400px;
	float:right;
	color:#dcdcdc;
	font-size:small;
	font-weight:bold;
}
.text3{color:#FC6;}

.box{width:740px;
	height:38px;
	padding-top:120px;
	padding-left:55px;
	
}

.foot{height:16px;
	background:url(img/foot.jpg) no-repeat;
	display:block;
}

.copy{text-align:center;
	font-size:smaller;
	color:#dcdcdc;
	}