@charset "shift_jis";

/*-- 全体的なルール YUI --*/
html {
}

body {
color: #000000;
background: url(images/bg_body.jpg) center top #000000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { 
margin: 0; 
padding: 0;
}

table {
border-collapse: collapse; 
border-spacing: 0; 
}

fieldset,img { 
border: 0; 
}

address,caption,cite,code,dfn,em,th,var {
font-style: normal; 
font-weight: normal; 
}

li {
list-style: none; 
}

caption,th {
text-align: left; 
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%; 
font-weight: normal; 
}

q: before,q: after {
content: ''; 
}

abbr,acronym {
border: 0; 
}

sup {
vertical-align: text-top; 
}

sub {
vertical-align: text-bottom; 
}

input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

input,textarea,select {
*font-size: 100%;
}

legend {
color: #000000;
}

hr {
margin: 0;
padding: 0;
display: none;
}

a { text-decoration: underline; }
a:link { color: #aa0000; background: none; }
a:visited { color: #990000; background: none; }
a:active { color: #ffffff; background: none; }
a:hover { color:#ff0000; background: none; }

/*-- フォントルール YUI --*/
body {
font:13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 12px;
line-height: 1.5em;
}

table {
font-family:monospace;
font-size: inherit;
font:100%;
}

pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}

/*-- レイアウトブロック --*/
#container {
margin: 0 auto;
padding: 0;
width: 960px;
text-align: center;
}

#container-inner {
margin: 0;
padding: 0 0 30px;
width: 960px;
background:url(images/bg_container.jpg);
}

#ccc {
margin: 0;
padding: 0;
width: 960px;
}

/*-- ヘッダ --*/
#header {
margin: 0;
padding: 0;
width: 960px;
}

#header-inner {
margin: -37px 0 0;
padding: 0;
width: 960px;
}

#header3-inner {
margin: -57px 0 0;
padding: 0;
width: 960px;
height:120px;
}

#header-alpha {
margin: 0;
padding-left: 12px;
width: 400px;
height: 170px;
text-align: left;
line-height: 1;
float: left;
}

#header-beta {
margin: 0;
padding: 16px 12px 0 0;
width: 60px;
height: 28px;
text-align: right;
float: right;
}

#header2-alpha {
margin: 0;
padding:0;
width: 400px;
height: 8px;
text-align: left;
line-height: 1;
float: left;
}

#header2-beta {
margin: 0;
padding: 20px 16px 0;
width: 60px;
height: 28px;
text-align: right;
float: right;
}

#header3-alpha {
margin: 0;
padding: 20px 0 0 28px;
width: 180px;
height: 99px;
text-align: left;
line-height: 1;
float: left;
}

#header3-beta {
margin: 0;
padding: 36px 12px 0 0;
width: 60px;
height: 28px;
text-align: right;
float: right;
}

/*-- グローバルメニュー --*/
#global {
margin: 0;
padding: 0;
width: 960px;
height: 115px;
background: url(images/bg_navi.jpg) center top no-repeat;
}

#global-inner {
margin: 0;
padding: 0;
}

#navi {
margin: 0 auto;
padding: 8px 0 0;
width: 960px;
height: 47px;
}

#navi li {
margin: 0;
padding: 0;
height: 40px;
list-style-type: none;
display: inline;
float: left
text-align: center;
}

#navi li a {
position: relative;
}

/*-- 各ページヘッダーBG --*/
.bg-qb {
background: url(images/bg_qb.jpg) center bottom no-repeat;
}

.bg-story {
background: url(images/bg_story.jpg) center bottom no-repeat;
}

.bg-chara {
background: url(images/bg_chara.jpg) center bottom no-repeat;
}

.bg-system {
background: url(images/bg_system.jpg) center bottom no-repeat;
}

.bg-special {
background: url(images/bg_special.jpg) center bottom no-repeat;
}

.bg-link {
background: url(images/bg_link.jpg) center bottom no-repeat;
}

.bg-bonus {
background: url(images/bg_bonus.jpg) center bottom no-repeat;
}

.bg-movie {
background: url(images/bg_movie.jpg) center bottom no-repeat;
}

.bg-event {
background: url(images/bg_event.jpg) center bottom no-repeat;
}

.bg-book {
background: url(images/bg_book.jpg) center bottom no-repeat;
}

/*-- 本文ブロック --*/
#contents {
margin: 0 auto;
width: 960px;
clear: both;
}

#contents-inner {
margin: 0;
padding: 0;
width: 960px;
height: 300px;
}

#contents2 {
margin: 0 auto;
width: 960px;
height: 650px;
clear: both;
}

#contents2-inner {
margin: 0;
padding: 0;
width: 960px;
height: 570px;
}

#contents3 {
margin: 0 auto;
width: 960px;
clear: both;
}

#contents3-inner {
margin: 0;
padding: 0;
width: 960px;
}

#alpha {
margin: 0;
padding: 0;
width: 300px;
float:left;
text-align: left;
}

#beta {
margin: 0;
padding: 0;
width: 230px;
float: right;
text-align: left;
}

#alpha2 {
margin: 0;
padding: 0;
width: 465px;
float:left;
text-align: left;
}

#beta2 {
margin: 0;
padding: 0;
width: 465px;
float: right;
text-align: left;
}

#alpha3 {
margin: 0;
padding: 0;
text-align: left;
}

#alpha4 {
margin: 0;
padding: 0;
width: 600px;
float:left;
text-align: left;
}

#beta4 {
margin: 0;
padding: 0;
width: 350px;
float: right;
text-align: left;
}

#alpha5 {
margin: 0;
padding: 0;
width: 220px;
float:left;
text-align: left;
}

#beta5 {
margin: 0;
padding: 0;
width: 720px;
float: right;
text-align: left;
}

#alpha-inner {
margin: 0;
padding: 30px 0 0 30px;
}

#beta-inner {
margin: 0;
padding: 50px 0 0;
}

#alpha2-inner {
margin: 0;
padding: 0 0 0 25px;
}

#alpha3-inner {
margin: 0 auto;
padding: 0;
width: 840px;
}

#beta2-inner {
margin: 0;
padding: 0 25px 0 0;
}

#alpha4-inner {
margin: 0;
padding: 0 0 0 25px;
width: 530px;
float: left;
}

#beta4-inner {
margin: 0;
padding: 12px 10px 0 0;
width: 280px;
float: right;
}

#chara-pre {
margin: 0;
padding: 180px 0 0 10px;
width: 30px;
height: 30px;
float:right;
}

#chara-nex {
margin: 0;
padding: 180px 25px 0 0;
width: 30px;
height: 30px;
float: right;
}

#pageauto {
width: 600px;
height: 250px;
overflow-x: hidden;
overflow-y: auto;
}

/*-- 左ブロック基本 --*/
#alpha2-inner p,
#alpha3-inner p,
#beta2-inner p,
#alpha4-inner p,
#beta4-inner p {
margin-bottom: 12px;
}

#alpha2-inner h2,
#alpha3-inner h2,
#beta2-inner h2,
#beta2-inner h4,
#alpha4-inner h2,
#beta4-inner h2 {
margin: 12px 0;
}

#alpha2-inner h3,
#alpha3-inner h3,
#beta2-inner h3 {
margin: 16px 0 8px;
}

#alpha2-inner strong,
#alpha3-inner strong,
#beta2-inner strong,
#alpha4-inner strong,
#beta4-inner strong {
color: #aa0000;
}

.column {
padding: 4px;
background: url(images/bg_column.png);
behavior: expression(IEPNGFIX.fix(this));
}

.column2 {
margin: 8px auto 0;
padding: 5px;
width: 315px;
background: url(images/bg_column.png);
behavior: expression(IEPNGFIX.fix(this));
}

/*-- 右ブロック基本 --*/
#news {
margin: 0;
padding: 0;
width: 315px;
}

#psp {
margin: 0;
padding: 0;
width: 330px;
height: 150px;
background: url(images/psp.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}

#psp-inner {
margin: 0;
padding: 20px 80px 0 80px;
height: 97px;
color: #ffffff;
}

#psp-inner strong {
color: #aa0000;
}

/*-- キャッチ --*/
#catch {
margin: 0 auto;
padding: 0;
width: 559px;
height: 150px;
}

#catch h3 {
margin: 0 auto;
padding: 5px 0 0;
width: 374px;
height: 38px;
}

/*-- スペック --*/
#spec {
margin: -164px auto 0;
padding: 0;
width: 960px;
height: 210px;
background: url(images/bg_menu.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
text-align: center;
}

#spec2 {
margin: -60px auto 0;
padding: 0;
width: 960px;
height: 100px;
background: url(images/bg_menu2.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
text-align: center;
clear: both;
}

#spec h3 {
margin: 0 auto;
padding: 172px 0 0;
width: 960px;
height: 30px;
}

#spec2 h3 {
margin: 0 auto;
padding: 63px 0 0;
width: 960px;
height: 30px;
}

/*-- キャラ紹介 --*/
#navi-chara {
margin: 8px 0 0;
}

/*-- システム --*/
#sysnavi {
margin: 12px 0 10px;
}

#sysnavi li {
margin: 0 0 8px;
}

/*-- リンク --*/
.link-a {
margin: 12px 12px 20px 0;
padding: 0 0 0 12px;
width: 300px;
float: left;
background: url(images/link_list.png) 0px 5px no-repeat;
}

.link-a a {
font-weight: bold;
}

.link-b {
margin: 12px 0 20px 0;
padding: 0;
width: 480px;
float: left;
}

.link-c {
margin: 0 auto;
padding: 0;
width: 800px;
height: 18px;
clear: both;
}

/*-- ムービー --*/
.movie1 {
margin: 0 auto;
padding: 0 0 24px 0;
width: 680px;
}

.movie1-inner {
margin: 0;
padding: 0 20px 0 0;
text-align: center;
float: left;
}

.movie2-inner {
margin: 0 auto;
padding: 0;
width: 560px;
text-align: center;
}

.movie3-inner {
margin: 0 auto;
padding: 0;
width: 400px;
text-align: center;
}

/*-- フッター --*/
#copyright {
margin: 0 auto;
padding: 0;
width: 960px;
height: 18px;
}

#copyright-inner {
margin: 0;
padding: 0;
width: 960px;
height: 18px;
}

/*-- PSP権利 --*/
#rights-psp {
margin: 4px auto;
padding: 0;
width: 960px;
height: 20px;
text-align: center;
}

/*-- BNGI権利 --*/
#rights-bngi {
margin: 0 auto;
padding: 0;
width: 960px;
}

/*-- 新着情報 --*/
#whatsnew {
padding: 5px 8px;
width: 195px;
height: 141px;
background: url(images/whatsnew.png) no-repeat;
color: #ffffff;
line-height: 1.4;
}

#whatsnew p {
margin-bottom: 6px;
}

#whatsnew strong {
color: #00ff88;
}

.new_day {
margin: 3px 0 0;
}

#whatsnew a { text-decoration: underline; font-weight: bold; }
#whatsnew a:link { color: #ff50b4; background: none; }
#whatsnew a:visited { color: #ff50b4; background: none; }
#whatsnew a:active { color: #ffffff; background: none; }
#whatsnew a:hover { color:#ffcc00; background: none; }

/*-- 長い頁フッタ --*/
.kaihatsuchu {
width: 200px;
height: 50px;
text-align: right;
float: right;
}

.gototop {
width: 200px;
height: 50px
float: left;
}

/*-- 特殊制御 --*/
.clearfix:after {
content: "";
display: block;
clear: both;
}

.clear {
clear: both;
}

a:focus {
outline: 0 !important;
}

.iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

.colorred {
color: #aa0000;
}

.weight-b {
font-weight: bold;
}