@charset "UTF-8";
body,html {
	width:100%;background: #000;
	height:100%;
	
	}

body:after {
	content:"";
	position:fixed;
	top:-10px;
	left:-10px;
	z-index:9999;
	width:110%;
	height:10px;

	}
body,p,li{font-size:12px;-webkit-text-size-adjust: 100%;word-break: normal;word-wrap: break-word;}


#all{padding-top: 85px;width: 100%;background: url(../img/all_bg.jpg);min-width:1200px;font-family:'Belgrano','Didact Gothic',"ヒラギノ明朝 Pro W3", "Hiragino Kaku Gothic Pro",Arial,Helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.inner{width:980px;margin: 0 auto;position:relative}
.inner2{max-width:1200px;min-width:980px;margin: 0 auto;position:relative}
.inner3{max-width:1200px;margin: 0 auto;position:relative}

header{position: fixed;width: 100%;z-index: 9999;top:0;	left:0;}

#area-0{height: 27px;background: #000;color:#fff;text-align:right;padding-top: 10px;}
#area-0 a{color:#fff;font-family:'Belgrano','Didact Gothic',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial,Helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#area-0 img{position: absolute;left: 0;top: -10px;}

#area-menu{background: url(../../img/blbg.png);border-top:1px solid #333;}
#area-menu h2{float:left;margin: 0 50px 0 0 ;}
#area-menu ul{height: 54px;}
#area-menu ul>li{text-align:center;width: 100px;float: left;border-right:1px solid #555;margin-top: 16px;}
#area-menu ul>li:first-child{border-left:1px solid #555;}
#area-menu ul>li>a{font-family: 'Oswald', sans-serif;color:#fff;font-size:150%;font-weight:700;width: 100px;display:block;}

#area-mainvisual{height: 1056px;background: url(../img/mainvisual.png) center top no-repeat;min-width: 980px;}
#area-mainvisual #social{position: absolute;right:0;top:20px;}
#area-mainvisual h1{position: absolute;left:389px;top:300px;}
#area-mainvisual h2{position: absolute;right:210px;top:550px;}
#area-mainvisual h3{position: absolute;left:260px;top:930px;}
#area-mainvisual h4{position: absolute;left:20px;top:20px;}

#area-comment{background: rgba(255,255,255,0.4);;height: 1030px;margin-top: -20px;}
#area-comment h2{position: absolute;width: 100%;top:0px;}
#area-comment .inner{padding-top: 70px;}
#area-comment .inner >a{display: block;position:absolute;top:580px;left:300px}


#area-story{padding-bottom: 40px;}
#area-story .box{height: 340px;}
#area-story .box >.gad{background: url(../img/story_gad.png) center 15px no-repeat;position: absolute;width: 980px;height: 375px;}
#area-story .box >.gad > p {text-align: center;margin-top: 40px;}

#area-character{background: rgba(255,255,255,0.4);padding-bottom: 40px;}
#area-character ul > li{border:5px solid #000;float:left;}
#area-character ul > li >div{background: url(../img/character_sts.png)  50px top no-repeat;padding: 60px 0 0 80px;}
#area-character ul > li.c1{width: 970px;background: url(../img/c1.jpg) #fff no-repeat top right;height: 411px;margin-bottom: 20px;}
#area-character ul > li.c2{width: 970px;background: url(../img/c2.jpg) #fff no-repeat top right;height: 348px;margin-bottom: 20px;}
#area-character ul > li.c3{width: 302px;background: url(../img/c3.jpg) #fff no-repeat top left;height: 145px;margin-right: 22px;padding-top: 250px;text-align:center;;}
#area-character ul > li.c4{width: 302px;background: url(../img/c4.jpg) #fff no-repeat top left;height: 145px;margin-right: 22px;padding-top: 250px;text-align:center;}
#area-character ul > li.c5{width: 302px;background: url(../img/c5.jpg) #fff no-repeat top left;height: 145px;padding-top: 250px;text-align:center;}


#area-special{padding-bottom: 40px;}
#area-special .gad{background: url(../img/special_gad.png) center top no-repeat;width: 980px;position:relative;text-align: center;}
#area-special .gad > .special_img{}
#area-special .gad >.abs{position:absolute;}
#area-special .gad >.special_gd1{top:300px;left:50px;}
#area-special .gad >.special_gd2{bottom:-20px;left:0;}
#area-special .gad >.special_gd3{bottom:0;right:50px;}
#area-special .gad >.special_gd4{top:150px;left:250px;display:none;}

#area-interview{background: rgba(255,255,255,0.4);padding-bottom: 40px;}
#area-interview ul{padding: 50px;}
#area-interview ul > li{font-size:130%;}
#area-interview ul > li.q{border-bottom:2px solid #cdcdcd;font-weight:bold;color:#dd0c41;font-size:150%;margin-bottom: 20px;}
#area-interview ul > li.a{margin-bottom: 40px;}
#area-interview ul > li.a:last-child{margin-bottom: 0;}

#area-books{padding-bottom: 40px;}
#area-books #series >ul{text-align:center;}
#area-books #series >ul >li{display:inline-block;text-align:left;font-size:130%;}
#area-books #series >ul >li h4{margin-bottom: 1em;;}
#area-books #series >ul >li p{font-size:90%;margin-bottom: 1.8em;}
#area-books #series >ul >li >a{display:block;float:left;margin-right: 20px;}
#area-books #series >ul >li >a>img{width: 190px;}
#area-books #series >ul >li >.information{width: 385px;;}

#area-other{background: rgba(255,255,255,0.4);padding: 40px;}
#area-other ul>li{float:left;width: 245px;;}


.ttl{text-align:center;padding: 40px 0;}
.box{border:5px solid #000;background: #fff;}




/*foot 差し替え*/
#Foot{ min-width: 1200px;}
#foot_menu {
	min-width: 1200px;
    background: #eee7cc none repeat scroll 0 0 !important;
    border-top: 1px solid #000;
    color: #000;
    margin-top: 0 !important;
    padding: 1em 0;
    text-align: center;
}
#foot_menu a {
    color: #000;
}
#Foot ul {
    text-align: center;
}
#Foot ul li {
    display: inline-block;
    float: none;
}
#Foot em.txt {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-left: 0;
    text-align: center;
}