@charset "UTF-8";



body{ background: #172048 url(../img/cmn/bg.gif) repeat-y left top; font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, sans-serif; color:#333; margin:0; padding:0; }


.fright{ float:right; }
.fleft{ float:left; }
.aright{ text-align:right; }
.acenter{ text-align:center; }
.clear{ clear:both; }

.smaller{ font-size:smaller; }
.larger{ font-size:larger; }

.sep{ margin:2em 0; }

#top-bg{ background: transparent url(../img/cmn/topbg.gif) repeat-x left top; }
#wrap{ background: transparent url(../img/cmn/contentbg.jpg) no-repeat left top; }

/* ヘッダ */
#header{ width:560px; height:140px; background: transparent url(../img/cmn/header.jpg) no-repeat left top; margin:0 0 0 210px; padding:0; }
#header h1, #header h2{ margin:0; padding:0; }
#header h1 span, #header h2 span{ display:block; position:absolute; left:-9999px; }

/* グローバルメニュー */
#gmenu{ width:742px; height:52px; background: transparent url(../img/cmn/menubg.jpg) no-repeat left top; }
#gmenu ul{ margin:0 0 0 245px; padding:0; }
#gmenu ul li{ float:left; list-style:none; }

#gmenu ul li a.gm-top,
#gmenu ul li a.gm-info,
#gmenu ul li a.gm-product,
#gmenu ul li a.gm-story,
#gmenu ul li a.gm-chara,
#gmenu ul li a.gm-movie
{ background-image:url(../img/cmn/menu.gif); background-repeat:no-repeat; height:52px; display:block; }

#gmenu ul li a.gm-top{ background-position: -0px -0px; width:62px; }
#gmenu ul li a.gm-info{ background-position: -60px -0px; width:83px; }
#gmenu ul li a.gm-product{ background-position: -143px -0px; width:83px; }
#gmenu ul li a.gm-story{ background-position: -225px -0px; width:91px; }
#gmenu ul li a.gm-chara{ background-position: -317px -0px; width:83px; }
#gmenu ul li a.gm-movie{ background-position: -398px -0px; width:83px; }

#gmenu ul li a.gm-top:hover{ background-position: -0px -52px;}
#gmenu ul li a.gm-info:hover{ background-position: -60px -52px;}
#gmenu ul li a.gm-product:hover{ background-position: -143px -52px; }
#gmenu ul li a.gm-story:hover{ background-position: -225px -52px; }
#gmenu ul li a.gm-chara:hover{ background-position: -317px -52px; }
#gmenu ul li a.gm-movie:hover{ background-position: -398px -52px; width:83px; }


#gmenu ul li a span{ display:block; position:absolute; left:-9999px; }

/* ------------------------------------------- */

/* Content */
#cwrap{ width:742px; padding-top:18px; }


#mainwrap{ width: 524px; float:right; background: transparent url(../img/cmn/mainbg.gif) repeat-y left top;  padding:0; margin:0; font-size:.86em; line-height:1.5em; }
#maintop{ background: transparent url(../img/cmn/maintop.jpg) no-repeat left top; padding:24px; }
#mainbt{ background: transparent url(../img/cmn/mainbt.gif) no-repeat left bottom; padding-bottom:12px; }

#maintop h3{ font-size:1.25em; }
#maintop h4{ font-size:1.1em; font-weight:bold; border-bottom:1px solid #99CCFF; }


#bnrbox{ width:200px; float:left; margin-top:210px; padding-left:10px; }
#bnrbox img{ padding:2px 0; }

/* footer */
#footer{ clear:both; width:742px; }
#footer p{ text-align:right; padding:4px 0 24px 0; }



/* chara box */
#maintop div.charabox{ float:left; width:30%; padding:1%; line-height:1em; }
#maintop .charabox h4{ margin-bottom:0; border-bottom:none; }
#maintop .charabox p{ margin-top:0; }


#maintop .toplist{ margin:auto 0; padding:0; }
#maintop .toplist li{ padding:1em 2em 1em 4em ; background: transparent url(../img/cmn/shiro_bullet.gif) no-repeat 1.5em 1.25em; list-style:none; }
#maintop .toplist li.odd{ background-color:#E8F8FF; }


/* 特典画像 */
table#tokuten{ margin:0 0 1.5em 0;}
table#tokuten h4{ /*border:none;*/ margin:1em 0 0 0; }