body{
font-family:'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#FFF;
margin:0 0 45px 0;
padding:0;
background:#000000;
}

fieldset{
border:none;
}

h1,h2,h3,h4,h5,h6,pre,
blockquote,ul,ol,dl,dd,form{
margin:0;
padding:0;
}

h1,h2,h5,h6{
font-size:12px;
letter-spacing:0.1em;
}

h3,h4{
font-size:12px;
letter-spacing:0.1em;
}

p,li,dt,dd{
font-size:12px;
line-height:170%;
margin:0;
letter-spacing:0.1em;
}

br {
letter-spacing: 0;
}

a{
color:#000000;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

img{
margin:0;
padding:0;
border:none;
}

li img{
vertical-align:middle;
}

th{
font-weight:normal;
text-align:left;
}

ul{
list-style:none;
}

/*MAIN LAYOUT*/
#wrapper{
width:900px;
margin:0 auto;
}


/*MENU*/
#menu{
width:900px;
margin:1px 0 0 0;
background:url(../images/bg/bg_menu.jpg) center no-repeat;
}

#menu dl{
margin:0 50px;
}

#menu dl dd{
	float: left;
	margin: 0px;
	padding: 0px;
}

#menu dl dd a {
	display: block;
	text-indent: -5000px;
	height:44px;
}

#menu dl dd.pt01 a {
background:url(../images/btn/btn_menu_top.jpg) no-repeat top;
width:133px;
margin:0;
}
#menu dl dd.pt01 a:hover {
background:url(../images/btn/btn_menu_top.jpg) no-repeat bottom;
width:133px;
}

#menu dl dd.pt02 a {
background:url(../images/btn/btn_menu_introduction.jpg) no-repeat top;
width:133px;
margin:0;
}
#menu dl dd.pt02 a:hover {
background:url(../images/btn/btn_menu_introduction.jpg) no-repeat bottom;
width:133px;
}

#menu dl dd.pt03 a {
background:url(../images/btn/btn_menu_story.jpg) no-repeat top;
width:133px;
margin:0;
}
#menu dl dd.pt03 a:hover {
background:url(../images/btn/btn_menu_story.jpg) no-repeat bottom;
width:133px;
}

#menu dl dd.pt04 a {
background:url(../images/btn/btn_menu_character.jpg) no-repeat top;
width:133px;
margin:0;
}
#menu dl dd.pt04 a:hover {
background:url(../images/btn/btn_menu_character.jpg) no-repeat bottom;
width:133px;
}

#menu dl dd.pt05 a{
background:url(../images/btn/btn_menu_system.jpg) no-repeat top;
width:133px;
margin:0;
}
#menu dl dd.pt05 a:hover{
background:url(../images/btn/btn_menu_system.jpg) no-repeat bottom;
width:133px;
}

#menu dl dd.pt06 a{
background:url(../images/btn/btn_menu_sound.jpg) no-repeat top;
width:135px;
margin:0;
}
#menu dl dd.pt06 a:hover{
background:url(../images/btn/btn_menu_sound.jpg) no-repeat bottom;
width:135px;
}

/*COMMON*/
#music{
text-align:right;
padding:12px 0 7px 0;
}

#flash{
text-align:center;
}


/*TITLE*/


/*INDEX*/
#index{
margin:0 0 0 0;
background:url(../images/bg/bg_bar_top.jpg) no-repeat top;
}

#index #contents{
padding:40px 0;
margin:0 50px;
}

#index h3{
border-bottom:#666666 1px solid;
padding:0 0 10px 0;
}

.btnlink{
padding:0 0 0 55px;
}

.btnlink img{
padding:0 15px 0 0;
}


/*character*/
#character #contents{
margin:0 50px;
}

#character h1{
text-align:center;
padding:0 0 15px 0;
}

/*introduction*/
#introduction #contents{
margin:0 50px;
}

#introduction h1{
text-align:center;
padding:0 0 15px 0;
}

#introduction h2{
text-align:center;
}


/*story*/
#story #contents{
margin:0 50px;
}

#story h1{
text-align:center;
padding:0 0 15px 0;
}

/*system*/
#system #contents{
margin:0 50px;
}

#system h1{
text-align:center;
padding:0 0 17px 0;
margin:0 0 30px 0;
background:url(../images/bg/bg_bar_narrow.jpg) bottom no-repeat;
}

.box01{
margin:0 25px 45px 25px;
background:url(../images/img/img_system_01.jpg) no-repeat;
padding:23px 0 0 10px;
}
.box01 p {
text-indent:-9999px;
width:409px;
height:295px;
background:url(../images/img/txt_system_01.gif) no-repeat;
}

.box02{
margin:0 25px 45px 25px;
background:url(../images/img/img_system_02.jpg) no-repeat;
padding:44px 0 0 255px;
}
.box02 p {
text-indent:-9999px;
width:290px;
height:276px;
background:url(../images/img/txt_system_02.gif) no-repeat;
}

.box03{
margin:0 25px 45px 25px;
background:url(../images/img/img_system_03.jpg) no-repeat;
padding:28px 0 0 10px;
}
.box03 p {
text-indent:-9999px;
width:394px;
height:350px;
background:url(../images/img/txt_system_03.gif) no-repeat;
}


/*Sound*/
#sound #contents{
margin:0 50px;
}

#sound h1{
text-align:center;
padding:0 0 17px 0;
margin:0 0 30px 0;
background:url(../images/bg/bg_bar_narrow.jpg) bottom no-repeat;
}

#sound h2{
margin:0 0 30px 0;
}

#sound h3{
padding:0 0 17px 0;
}

#sound .box{
margin:0 25px 45px 25px;
padding:0 0 0 10px;
}

#sound .box p{
padding:0 0 0 10px;
}


/*INDEX komado*/
#index #leftbox{
width:295px;
float:left;
}


#index #rightbox{
width:475px;
float:right;
}

#index #leftbox h3,#index #rightbox h3{
margin:0 0 10px 0;
}


/*FOR BUGGGG!*/
#wrapper:after,.wrap:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#wrapper,.wrap{
display:inline-block;
}

/* exlude MacIE5 \*/
*html #wrapper,*html .wrap{
height:1%
}

#wrapper,.wrap{
display:block;
}
/* END MacIE5 */


/*FOOTER*/
#footertop{
background:url(../images/bg/bg_bar_footer.jpg) top center no-repeat;
width:900px;
margin:15px auto 0 auto;
clear:both;
text-align:center;
}

#footer{
background:url(../images/bg/bg_bar_footer.jpg) top center no-repeat;
width:900px;
margin:40px auto 0 auto;
clear:both;
text-align:center;
}

address{
font-size:11px;
color:#FFFFFF;
padding:30px 0;
font-style:normal;
}