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

body{
background-color:#000000;
margin:0;
padding:0;
color:#ffffff;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:1.4em;
}

img{
border:none;
outline:none;
}

a:link{
color:#ffb400;
}

a:visited{
color:#ffb400;
}

a:hover{
color:#ffffff;
}

#header{
width:100%;
margin:0;
padding:0;
padding-top:15px;
}

#main-flash{
width:900px;
margin:0 auto;
margin-bottom:10px;
padding:0;
}

/*flash背景*/

#main-flash-flash{
width:880px;
height:732px;
margin:0 auto;
margin-top:-15px;
padding:0;
}


#top-news{
width:200px;
position:relative;
margin:0;
padding:0;
top:100px;
left:100px;
background-color:#232323;
}

#top-flash{
position:relative;
z-index:-1;
top:0px;
left:0px;
}

/*flash背景*/

#menu-area{
width:100%;
height:81px;
background:url(../img/bg-menu.jpg) top left repeat-x;
margin:0;
padding:0;
padding-top:7px;
}




/**************************************メニュー*****************************************/

#menu{
width:896px;
height:74px;
margin:0 auto;
padding:0;
}

#menu ul{
margin:0;
padding:0;
list-style-type:none;
}

#menu li{
margin:0;
padding:0;
float:left;
}

#menu .menu-01 a{
width:85px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_01.gif) no-repeat;
outline:none;
}

#menu .menu-01 a:hover{
width:85px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_01_ov.gif) no-repeat;
outline:none;
}

#menu .menu-01ov a{
width:85px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_01_ov.gif) no-repeat;
outline:none;
}

#menu .menu-01ov a:hover{
width:85px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_01_ov.gif) no-repeat;
outline:none;
}

#menu .menu-02 a{
width:85px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_02.gif) no-repeat;
outline:none;
}

#menu .menu-02 a:hover{
width:85px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_02_ov.gif) no-repeat;
outline:none;
}

#menu .menu-02ov a{
width:85px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_02_ov.gif) no-repeat;
outline:none;
}

#menu .menu-02ov a:hover{
width:85px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_02_ov.gif) no-repeat;
outline:none;
}

#menu .menu-03 a{
width:125px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_03.gif) no-repeat;
outline:none;
}

#menu .menu-03 a:hover{
width:125px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_03_ov.gif) no-repeat;
outline:none;
}

#menu .menu-03ov a{
width:125px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_03_ov.gif) no-repeat;
outline:none;
}

#menu .menu-03ov a:hover{
width:125px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_03_ov.gif) no-repeat;
outline:none;
}

#menu .menu-04 a{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_04.gif) no-repeat;
outline:none;
}

#menu .menu-04 a:hover{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_04_ov.gif) no-repeat;
outline:none;
}

#menu .menu-04ov a{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_04_ov.gif) no-repeat;
outline:none;
}

#menu .menu-04ov a:hover{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_04_ov.gif) no-repeat;
outline:none;
}

#menu .menu-05 a{
width:125px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_05.gif) no-repeat;
outline:none;
}

#menu .menu-05 a:hover{
width:125px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_05_ov.gif) no-repeat;
outline:none;
}

#menu .menu-05ov a{
width:125px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_05_ov.gif) no-repeat;
outline:none;
}

#menu .menu-05ov a:hover{
width:125px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_05_ov.gif) no-repeat;
outline:none;
}

#menu .menu-06 a{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_06.gif) no-repeat;
outline:none;
}

#menu .menu-06 a:hover{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_06_ov.gif) no-repeat;
outline:none;
}

#menu .menu-06ov a{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_06_ov.gif) no-repeat;
outline:none;
}

#menu .menu-06ov a:hover{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_06_ov.gif) no-repeat;
outline:none;
}

#menu .menu-07 a{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_07.gif) no-repeat;
outline:none;
}

#menu .menu-07 a:hover{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_07_ov.gif) no-repeat;
outline:none;
}

#menu .menu-07ov a{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_07_ov.gif) no-repeat;
outline:none;
}

#menu .menu-07ov a:hover{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_07_ov.gif) no-repeat;
outline:none;
}

#menu .menu-08 a{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_08.gif) no-repeat;
outline:none;
}

#menu .menu-08 a:hover{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_08_ov.gif) no-repeat;
outline:none;
}

#menu .menu-08ov a{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_08_ov.gif) no-repeat;
outline:none;
}

#menu .menu-08ov a:hover{
width:95px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_08_ov.gif) no-repeat;
outline:none;
}

#menu .menu-09 a{
width:96px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_09.gif) no-repeat;
outline:none;
}

#menu .menu-09 a:hover{
width:96px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_09_ov.gif) no-repeat;
outline:none;
}

#menu .menu-09ov a{
width:96px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_09_ov.gif) no-repeat;
outline:none;
}

#menu .menu-09ov a:hover{
width:96px;
height:74px;
display:block;
text-indent:-9999px;
background:url(../img/menu_09_ov.gif) no-repeat;
outline:none;
}

/**************************************フッター*****************************************/

#footer-area{
width:100%;
height:267px;
margin:0;
padding:0;
background:url(../img/bg-footer.jpg) top left repeat-x;
}

#footer{
width:868px;
height:201px;
margin:0 auto;
padding:0;
padding-top:66px;
padding-left:48px;
background:url(../img/bg-footer02.jpg) top center no-repeat;
}

#footer ul{
margin:0;
padding:0;
list-style-type:none;
}

#footer li{
margin:0;
margin-right:3px;
padding:0;
float:left;
}

#footer li.mad{
margin:0;
padding:0;
float:left;
}

/**************************************ストーリーページ*****************************************/
#main-story{
width:880px;
height:732px;
margin:0 auto;
margin-top:15px;
padding:0;
background:url(../img/bg-story.jpg) no-repeat top center;
}

/**************************************キャラクター紹介ページ*****************************************/

#main-chara{
width:691px;
height:557px;
margin:0 auto;
margin-top:15px;
padding:0;
padding-top:175px;
padding-left:189px;
background:url(../img/bg-chara.jpg) top center no-repeat;
}

#chara-01{
width:596px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
background:url(../img/bg-chara-01.jpg) no-repeat top right;
}

#main-chara ul{
margin:0;
padding:0;
list-style-type:none;
}

#main-chara li{
margin:0;
padding:0;
}

#chara-02{
width:596px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
background:url(../img/bg-chara-02.jpg) no-repeat top right;
}

#chara-03{
width:596px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
background:url(../img/bg-chara-03.jpg) no-repeat top right;
}


#chara-04{
width:596px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
background:url(../img/bg-chara-04.jpg) no-repeat top right;
}

#chara-05{
width:596px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
background:url(../img/bg-chara-05.jpg) no-repeat top right;
}

#chara-06{
width:596px;
height:485px;
margin:0;
padding:0;
background:url(../img/bg-chara-06.jpg) no-repeat top right;
}

#chara-06left{
width:120px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
float:left;
}

#chara-06right{
width:243px;
height:289px;
margin:0;
padding:0;
padding-right:23px;
padding-top:31px;
float:right;
}

#chara-07{
width:596px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
background:url(../img/bg-chara-07.jpg) no-repeat top right;
}

#chara-08{
width:596px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
background:url(../img/bg-chara-08.jpg) no-repeat top right;
}

#chara-09{
width:596px;
height:485px;
margin:0;
padding:0;
background:url(../img/bg-chara-09.jpg) no-repeat top right;
}

#chara-09left{
width:120px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
float:left;
}

#chara-09right{
width:243px;
height:289px;
margin:0;
padding:0;
padding-right:23px;
padding-top:31px;
float:right;
}

#chara-10{
width:596px;
height:485px;
margin:0;
padding:0;
background:url(../img/bg-chara-10.jpg) no-repeat top right;
}

#chara-10left{
width:120px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
float:left;
}

#chara-10right{
width:291px;
height:289px;
margin:0;
padding:0;
padding-right:23px;
padding-top:31px;
float:right;
}

#chara-11{
width:596px;
height:385px;
margin:0;
padding:0;
padding-top:100px;
background:url(../img/bg-chara-11.jpg) no-repeat top right;
}

/**************************************ゲーム概要ページ*****************************************/

#main-about{
width:880px;
margin:0 auto;
margin-top:15px;
padding:0;
padding-top:270px;
background:url(../img/bg-about-title.jpg) no-repeat top center;
}

#about-contents{
width:880px;
margin:0;
padding:0;
background:url(../img/bg-about-contents.gif) top center repeat-y;
text-align:center;
}

#about-contents02{
width:880px;
margin:0;
padding:0;
padding-bottom:100px;
background:url(../img/bg-about-bottom.jpg) bottom no-repeat;
text-align:center;
}

/**************************************開発インサイド情報ページ*****************************************/

#main-deve{
width:630px;
height:537px;
margin:0 auto;
margin-top:15px;
padding:195px 155px 0px 155px;
background:url(../img/bg-developer.jpg) top center no-repeat;
}

#deve-blog{
width:630px;
height:410px;
margin:0;
padding:0;
overflow:auto;
overflow-x:hidden;
overflow-y:auto;
scrollbar-base-color : #000000 ;
scrollbar-face-color : #232323 ;
scrollbar-track-color: #000000 ;
scrollbar-arrow-color: #ffffff ;
scrollbar-shadow-color: #232323 ;
scrollbar-highlight-color: #232323 ;
scrollbar-darkshadow-color: #000000 ;
}

.entry{
width:590px;
margin:10px;
margin-bottom:20px;
padding:0;
}

.entry-td{
width:590px;
height:24px;
margin:0;
padding:0;
border-bottom:1px solid #232323;
}

.entry-title{
width:460px;
height:24px;
margin:0;
padding:0;
float:left;
color:#FFCC00;
font-weight:bold;
}

.entry-date{
width:130px;
height:24px;
margin:0;
padding:0;
float:right;
text-align:right;
}

.comments{
width:590px;
margin:10px;
padding:0;
clear:both;
color:#999999;
}

.comments p{
margin:0;
margin-bottom:12px;
padding:0;
}

#backnumber{
width:590px;
height:24px;
margin:0 auto;
padding:0;
margin-top:20px;
text-align:center;
}



/**************************************最新情報ページ*****************************************/

#main-news{
width:630px;
height:457px;
margin:0 auto;
margin-top:15px;
padding:195px 155px 80px 155px;
background:url(../img/bg-news.jpg) top center no-repeat;
}

#news-area{
width:610px;
height:457px;
margin:0;
padding:0;
padding-right:20px;
overflow:auto;
overflow-x:hidden;
overflow-y:auto;
scrollbar-base-color : #000000 ;
scrollbar-face-color : #232323 ;
scrollbar-track-color: #000000 ;
scrollbar-arrow-color: #ffffff ;
scrollbar-shadow-color: #232323 ;
scrollbar-highlight-color: #232323 ;
scrollbar-darkshadow-color: #000000 ;
}

#news-area dt{
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  border-left: solid 5px #ffb400;
  padding-left: 5px;
}

#news-area dd{
margin-bottom: 0.8em;
margin-left: 7.5em;
}

#news-area th{
border-left: solid 5px #232323;
width:110px;
padding:2px;
padding-left:5px;
text-align:left;
vertical-align:top;
font-weight:normal;
color:#ffb400;
}

#news-area td{
padding:2px;
padding-bottom:20px;
text-align:left;
vertical-align:top;
color:#999999;
}

#news-area p{
margin:0;
margin-bottom:12px;
}

#news-area p.news01{
margin:0;
margin-bottom:12px;
color:#FFFFFF;
font-weight:bold;
}

.txt-01{
color:#ffffff;
}

.txt-02{
padding-left:2.7em;
text-indent:-2.7em;
margin-bottom:4px;
}

#news-area img{
margin-bottom:12px;
}



/**************************************ギャラリーページ*****************************************/
#main-ga{
width:630px;
height:600px;
margin:0 auto;
margin-top:15px;
padding:195px 155px 80px 155px;
background:url(../img/bg-gallery02.jpg) top center no-repeat;
}

.ga-box{
width:630px;
height:170px;
margin-top:20px;
padding:0;
}

.gal-box{
width:185px;
margin:0;
margin-right:30px;
float:left;
}

.gal-box img{
border:5px solid #232323;
}

.gal-box02{
width:185px;
margin:0;
float:left;
}

.gal-box02 img{
border:5px solid #232323;
}


/**************************************スペシャル特典ページ*****************************************/

#main-special{
width:718px;
height:980px;
margin:0 auto;
margin-top:15px;
padding:0;
padding-top:195px;
padding-left:81px;
padding-right:81px;
background:url(../img/bg-special.jpg) top center no-repeat;
}

.kugiri{
clear:both;
width:100%;
height:25px;
margin:20px 0px;
padding:0;
background:url(../img/line01.jpg) no-repeat center top;
}

.wall-box{
height:170px;
margin:10px;
margin-top:20px;
margin-left:64px;
padding:0;
}


.sp-box{
width:175px;
margin:0;
margin-right:30px;
float:left;
}

.sp-box02{
width:175px;
margin:0;
float:left;
}

.movie-box{
height:170px;
margin:10px;
margin-top:20px;
margin-left:64px;
padding:0;
}

.parts-box01{
height:80px;
margin:10px;
margin-top:20px;
margin-left:64px;
padding:0;
}

.parts-box02{
height:110px;
margin:10px;
margin-left:64px;
padding:0;
}

.banner-small{
width:200px;
height:80px;
margin:0;
padding:0;
float:left;
}

.banner-big{
width:250px;
height:100px;
margin:0;
padding:0;
float:left;
}

#pv01-box{
width:377px;
height:54px;
margin:20px auto;
margin-bottom:0px;
padding-top:211px;
background:url(../img/bg_pv01.jpg) no-repeat top center;
text-align:center;
}

#pv01-at{
width:377px;
margin:0 auto;
margin-bottom:20px;
text-align:center;
color:#999999;
font-size:10px;
}

.img-mr45{
margin-right:45px;
}

.wall-box-message{
height:140px;
margin:20px auto;
vertical-align:middle;
line-height:140px;
width:100%;
padding:0;
text-align:center;
color:#ffb400;
}

.wall-box-banner{
height:80px;
margin:20px auto;
margin-bottom:8px;
width:100%;
padding:0;
color:#ffb400;
}

.wall-box-banner02{
height:80px;
padding:0;
color:#ffb400;
padding-left:100px;
margin-top:20px;
}

.btn_banner{
text-align:center;
margin-top:12px;
}

.b01{
width:234px;
height:80px;
margin:0;
margin-right:7px;
padding:0;
float:left;
}

.b02{
width:234px;
height:80px;
margin:0;
padding:0;
float:left;
}

.b03{
width:120px;
height:80px;
margin:0;
margin-right:7px;
padding:0;
float:left;
}

.banner-box{
padding:0px 20px;
}

.banner-box img{
margin-right:10px;
}

.b_text{
text-align:left;
margin-top:8px;
}

textarea.b_text{
width:560px;
height:40px;
text-align:left;
font-size:12px;
background-color:#999999;
border:none;
scrollbar-base-color:#232323;
scrollbar-track-color:#333333;
scrollbar-arrow-color:#999999;

}

.banner{
margin-bottom:12px;
color:#ffb400;
}

.ex{
margin-bottom:20px;
}





/**************************************関連サイトページ*****************************************/

#main-link{
width:745px;
height:527px;
margin:0 auto;
margin-top:15px;
padding:0;
padding-top:205px;
padding-left:135px;
background:url(../img/bg-link.jpg) no-repeat top center;
}

.link-area{
width:610px;
height:60px;
margin:0;
margin-bottom:15px;
padding:0;
}

.link-area02{
width:610px;
height:60px;
margin:0;
padding:0;
}

.la-l{
width:200px;
height:40px;
text-align:center;
margin:0;
padding:10px 0px;
float:left;
background-color:#232323;
}

.la-r{
width:400px;
height:60px;
text-align:left;
margin:0;
padding:0;
padding-left:10px;
float:right;
}