@charset "utf-8";
/* CSS Document */
body{margin:0; text-align:center; background:url(../images/bg.jpg);
/*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;*/
font-family:"ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
/*font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Helvetica, Arial, sans-serif;*/
 font-size:12px; color:#e1d6c2;}
img{border:0;}
a{color:#e1d6c2; text-decoration:underline;}
a:hover{color:#deff00; text-decoration:underline;}
ul,li{margin:0; padding:0; list-style:none;}
.clear{ clear:both;}


#warp{width:950px; margin:auto; text-align:left;}

/*==== top ====*/
.t_banner{ position:relative;}
.t_banner .flash{ position:absolute; right:101px; top:212px; width:320px; height:216px; background:#4c4550;}




.t_menu{height:36px; padding: 5px 0 0 157px; background:url(../images/top_menu.jpg) 0 0 no-repeat;}
.t_menu img{height:30px;}
.t_menu a img{background:none;}  /* */ .t_menu a:hover img{background-image:url(../images/top_menu_on.jpg);}
.t_menu .m1 img{width:77px;}     /* */ .t_menu a:hover.m1 img{background-position: -7px 0;}
.t_menu .m2 img{width:160px;}    /* */ .t_menu a:hover.m2 img{background-position: -84px 0;}
.t_menu .m3 img{width:96px;}     /* */ .t_menu a:hover.m3 img{background-position: -244px 0;}
.t_menu .m4 img{width:132px;}    /* */ .t_menu a:hover.m4 img{background-position: -340px 0;}
.t_menu .m5 img{width:50px;}     /* */ .t_menu a:hover.m5 img{background-position: -472px 0;}
.t_menu .m6 img{width:92px;}     /* */ .t_menu a:hover.m6 img{background-position: -522px 0;}
.t_menu .m7 img{width:81px;}     /* */ .t_menu a:hover.m7 img{background-position: -614px 0;}

.t_menu .m6{cursor: default;}
.t_menu a:hover.m6 img{background-image: none;}

.t_news{height:212px; background:url(../images/top_news.jpg) 0 0 no-repeat; position: relative;}
.t_news ul{padding: 53px 0 0 90px;}
.t_news ul li{height:24px; padding:3px 0 0 20px; font-size:12px; line-height:14px; background:url(../images/icon_1.gif) 0px 1px no-repeat;}

.n_top{height:138px; background:url(../images/n_top.jpg) 0 0 no-repeat;}
.n_menu{height:25px; padding: 83px 0 0 320px;/* background:url(../images/top_menu.jpg) 0 0 no-repeat;*/}
.n_menu img{height:25px;}
.n_menu .sel{background-image:url(../images/n_menu_on.jpg);}
.n_menu a img{background:none;}  /* */ .n_menu a:hover img{background-image:url(../images/n_menu_on.jpg);}
.n_menu .m1 img{width:37px;background-position: 0 0;}
.n_menu .m2 img{width:56px;background-position: -37px 0;}
.n_menu .m3 img{width:115px;background-position: -93px 0;}
.n_menu .m4 img{width:70px;background-position: -208px 0;}
.n_menu .m5 img{width:94px;background-position: -278px 0;} 
.n_menu .m6 img{width:36px;background-position: -372px 0;}
.n_menu .m7 img{width:67px;background-position: -408px 0;}
.n_menu .m8 img{width:58px;background-position: -475px 0;}

.n_top .n_menu .m7{cursor: default;}
.n_top .n_menu .m7 img{background-image: none;}

.n_info{height:546px; background:url(../images/n_info.jpg) 0 0 no-repeat; padding: 8px 0 0 80px;}
.n_info .cont{ width:776px; height:497px; padding: 0 10px 0 5px; overflow-x: hidden; overflow-y:auto; text-align:justify; text-justify:inter-ideograph;}

/*==== ニュース(NEWS) ====*/
.news_info{height:546px; background:url(../images/news_info.jpg) 0 0 no-repeat; padding: 8px 0 0 80px;}
.news_info .cont{ width:755px; height:377px; margin-top:120px; padding: 0 10px 0 15px; overflow-x: hidden; overflow-y:auto; text-align:justify; text-justify:inter-ideograph;}
.news_info .cont .title{padding: 4px 0 15px 20px; font-size:13px; line-height:16px!important; line-height:18px; font-weight:bold; background:url(../images/icon_2.gif) 0 3px no-repeat;}
.news_info .cont .matter{ line-height:14px;}

/*==== グラール・ナイツとは？(about) ====*/
.about_info{height:546px; background:url(../images/about_info.jpg) 0 0 no-repeat; padding: 8px 0 0 80px;}
.about_info .cont{ margin-top:80px; padding: 0 190px 0 100px;/*height:377px; overflow-x: hidden; overflow-y:auto;*/ text-align:justify; text-justify:inter-ideograph;line-height:18px;}
.about_info .cont .info-01{padding: 56px 0 0 240px; height:130px;}
.about_info .cont .info-02{padding: 10px 0 0 30px;}

/*==== キャラクター(charactor) ====*/
.charactor_info{height:546px; background:url(../images/charactor_info.jpg) 0 0 no-repeat; padding: 8px 80px 0 80px;}
.charactor_info .cont{padding: 80px 0 0 0;position:relative;}
.charactor_info .cont .per{ padding: 1px 0 0 27px;}
.charactor_info .cont .per a img{background:none;}  /* */ .charactor_info .cont .per a:hover img{background-image:url(../images/charactor_r_on.jpg);}
.charactor_info .cont .per img{height:420px;}
.charactor_info .cont .per .g05 img{width:132px;background-position: 0 0;;}
.charactor_info .cont .per .g01 img{width:111px;background-position: -132px 0;}
.charactor_info .cont .per .g02 img{width:138px;background-position: -243px 0;}
.charactor_info .cont .per .g03 img{width:160px;background-position: -381px 0;}
.charactor_info .cont .per .g04 img{width:85px;background-position: -541px 0;}
.charactor_info .cont .per .g06 img{width:109px;background-position: -626px 0;}


.charactor_info2{height:546px; background:url(../images/charactor_info2.jpg) 0 0 no-repeat; padding: 8px 80px 0 70px;}
.charactor_info2 .cont{padding: 80px 0 0 0;/*height:377px; overflow-x: hidden; overflow-y:auto;*/ text-align:justify; text-justify:inter-ideograph;line-height:18px; position:relative;}
.charactor_info2 .cont .back{position:absolute;left:22px;top:472px; z-index:99;}
.charactor_info2 .cont .info-01{
	position:absolute;
	left:9px;
	top:83px;
	z-index:9;
}
.charactor_info2 .cont .info-02{margin: 170px 10px 0 380px; padding: 0 14px 15px 14px; color:#fff; background:#000;filter: alpha(opacity=80); moz-opacity: .8; opacity: .8;}
.charactor_info2 .cont .info-02 .title{border-bottom: 1px solid #ffffff; font-size:18px; font-weight:bold; padding: 10px 0 5px 0;}
.charactor_info2 .cont .info-02 .title .cast{font-size:12px;}
.charactor_info2 .cont .info-02 .info{ line-height:14px; padding: 8px 0 0 0;}
.charactor_info2 .cont .nile{margin-top:200px;}
.charactor_info2 .cont .albireo{margin-top:185px;}
.charactor_info2 .cont .regulus{margin-top:185px;}

/*==== スタッフ＆キャスト(staffcast) ====*/
.staffcast_info{height:546px; background:url(../images/staffcast_info.jpg) 0 0 no-repeat; padding: 8px 80px 0 80px;}
.staffcast_info .cont{ margin-top:80px; padding: 0 0 0 0;/*height:377px; overflow-x: hidden; overflow-y:auto;*/line-height:18px; position:relative;}
.staffcast_info .cont .back{position:absolute;left:12px;top:399px;}
.staffcast_info .cont .info-01{ position:absolute; left:0px; top:40px;}
.staffcast_info .cont .info-02{padding: 46px 0 0 405px;}
.staffcast_info .cont .info-02 .title{}
.staffcast_info .cont .info-02 .info{line-height:18px; padding: 0px 0 6px 0;}
.staffcast_info .cont .info-02 .info2{line-height:18px; padding: 6px 0 6px 0;}

/*==== CD(cd) ====*/
.in_cd_info{height:546px; background:url(../images/cd_info.jpg) 0 0 no-repeat; padding: 8px 80px 0 80px;}
.in_cd_info .cont{padding: 0 10px 0 10px; /*padding: 150px 0 0 10px;*/margin-top:160px; margin-right:10px;height:350px; overflow-x: hidden; overflow-y:auto;line-height:18px; position:relative;}
.in_cd_info .cont .con_box{clear:both; padding: 10px 0 10px 0; border-bottom: 1px dashed #614603;}
.in_cd_info .cont .cd01{float: left; width:200px; padding-right:8px;}
.in_cd_info .cont .cd_name{float: left; width:500px;}
.in_cd_info .cont .cd_name .light01{font-size:18px; line-height:24px; font-weight:bold;}

/*==== スペシャル(special) ====*/
.special_info{height:546px; background:url(../images/special_info.jpg) 0 0 no-repeat; padding: 8px 80px 0 80px;}
.special_info .cont{/*padding: 106px 0 0 0;line-height:18px; position:relative;*/margin-top:130px; margin-right:10px;height:370px; overflow-x: hidden; overflow-y:auto;line-height:18px; position:relative;padding: 0 10px 0 0;}
.special_info .cont .con_box{/*clear:both; padding: 10px 0 10px 0;*/}
.special_info .cont .tit{padding: 0 0 9px 4px; width:750px; overflow:hidden;}
.special_info .cont .sp_mebcomic{ padding: 0 0 10px 15px;}


.special_info .cont .sp_link{ line-height:15px; padding: 0 0 10px 15px; position:relative; height:160px;}
.special_info .cont .sp_link .sp_ph{float:left; width:220px;}
.special_info .cont .sp_link .sp_name{float:left; width:450px;}
.special_info .cont .sp_link .con_ph{position:absolute; right:105px; top:0;}
.special_info .cont .sp_link .con_ph img{margin-right:3px;}


.special_info .cont .con_banner{border: 1px dashed #614603; margin: 0 0 15px 10px;}
.special_info .cont .con_banner .size_ban{text-align: right; padding: 5px 10px 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.special_info .cont .con_banner .banner_box{ text-align:center; padding: 0 0 5px 0;}
.special_info .cont .con_banner .banner_box img{margin: 0 7px 7px 0;}
.special_info .cont .con_banner{}