@charset "utf-8";
body {
    margin: 0;

    padding: 0;
}

img {
    border: 0 none;
}
h1, #pixels {
    font-family: "Museo 900",Verdana,serif;
    font-size-adjust: 0.4;
    font-style: normal;
    font-weight: 700;
}
h2 {
    font-family: "Beau Sans Pro Book",Verdana,sans-serif;
    font-size-adjust: 0.531;
    font-style: normal;
    font-weight: 500;
}
#header h1, #pixels {
    color: #48941A;
}
.float-left {
    float: left;
    margin: 0 0 0 20px;
}
.float-right {
    float: right;
    margin: 0 20px 0 0;
}
.center {
    font-size: 2.5em;
    padding: 80px 0 0;
    text-align: center;
}
#nav {
    list-style: none outside none;
    position: fixed;
    right: 40px;
    z-index: 999;
    top:280px;
}
#nav li {
    margin: 10px auto;
    width:22px;
}
#zero, #header, #intro, #second {
    width: 100%;
}


#fifth {
    background: none repeat scroll 0 0 #CCCCCC;
    height: 400px;
    margin: 0 auto;
    padding: 40px 0 0;
}
.story {
    margin: 0 auto;
	height:868px;
    position:relative;
    width:1280px;
}
.story .float-left, .story .float-right {
    padding: 100px 0 0;
    position: relative;
    width: 350px;
}
.slide {
    width: 100%;
}
#nav li a {
    background-color: white;
    border: 2px solid #FABE00;
    display: block;
    height: 18px;
    width: 18px;
}
#nav li a.current {
    background-color: #FABE00;
    border: 2px solid #FABE00;
}








#gnavi{position:fixed;z-index:99;width:1280px;box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);background:url(img/wbg.png);}
#gnavi li{float:left;list-style-type:none;}
#gnavi li a{display:block;height:43px;}
#gnavi h1{background:url(img/logo.png) no-repeat;width:100px;height:32px;float:left;margin:5px;}
#gnavi h1 a{width:100px;height:32px;float:left;display:block;}

#zero{width:1280px;height:868px;position:relative;}
#zero .rmimg{width:1280px;}

#intro{height:868px;width:1280px;background: url(img/full_school.jpg) no-repeat;background-size:contain;position:relative;}
#second{height:868px;width:1280px;background: url(img/full_fantasy.jpg) 50% 0  no-repeat #000;z-index:2;z-index:200;}
#third{height:860px;width:1280px;background: url(img/full_lovebattle.jpg) 50% 0  no-repeat #000;z-index:2;z-index:300;}
#fifth{height:1000px;width:1280px;background: url(img/lastbg.jpg) 50% 0  no-repeat #000;z-index:2;background-size:1800px 1220px;z-index:400;}

.first-001{max-width:1800px;height:1220px;}
.first-parts1{position: absolute;background:url(img/school02.png);width:467px;height:991px;top:0;right:0;}
.first-parts2{position: absolute;background:url(img/school03.png);width:100%;height:363px;bottom:0;}
.third-parts1{position: absolute;background:url(img/lovebattle04-1.png);width:700px;height:847px;top:0;right:0;}
.third-parts2{position: absolute;background:url(img/lovebattle04-2.png);width:500px;height:540px;bottom:100px;left:50px;}

.second-parts1{position: absolute;background:url(img/fantasy03.png);width:100%;height:1220px;}

.f1 {height:868px;width:1280px;}
.f2 {height:868px;width:1280px;}
.f3 {height:868px;width:1280px;}
.f4 {height:868px;width:1280px;}

.txt1{position:absolute;right:100px;top:100px;}
.txt2{position:absolute;left:100px;top:200px;}
.txt3{position:absolute;right:100px;top:400px;}
.txt4{position:absolute;left:50px;top:180px;left:50%;margin-left:-515px; }
.txt5{position:absolute;top:60px;right:30px;z-index:90;}
.txt6{position:absolute;top:380px;right:90px;z-index:90;}

.ttl1{position:absolute;top:80px;left:50px;z-index:90;}
.ttl2{position:absolute;top:80px;left:50px;z-index:90;}
.ttl3{position:absolute;top:80px;left:50px;z-index:90;}

.info{width:980px;position:absolute;left:50%;margin-left:-490px;top:40px;box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);background:url(img/bbg.png);}

.infot{margin:25px;}
.info .bunkoimg{text-align:center;margin:10px}

.info .bunkotxt{display:block;width:800px;margin:10px auto;border-bottom:1px solid #fff;padding:5px 0;}
.info .bunkotxt h5{color:#fff;font-size:12px;padding:3px;margin:0 0 2px 0;text-align:center;}
.info .bunkotxt p{color:#fff;font-size:26px;text-align:center;font-weight:bold;width:200px;float:left;line-height:1.2em;}
.info .bunkotxt h4{background:url(img/cast.png) no-repeat no-repeat ;height:38px;}
.info .copy{font-size:10px;margin:0 auto;display:block;color:#fff;text-align:center;margin-bottom:10px;}
.info .illust{font-style:normal;font:12px;margin:0 auto;display:block;color:#fff;text-align:center;margin-bottom:10px;}
.info iframe{display:block;margin:0 auto;}

.fixeditem {display:block;}

.bn_area{background:url(img/orbg.png);height:120px;width:1280px;position:fixed;bottom:0;z-index:50;padding:0;}
.bn_area ul{width:1270px;margin:0 auto;z-index:50;padding:0;}
.bn_area li{float:left;margin:15px 22px 0 0 ;width:235px;font-size:10px;text-align:center;list-style-type:none;}
.bn_area li a{color:#000;}
.bn_area li.last{;margin:15px 0 0 0 ;}
.bn_area img{width:235px;}

/*notxt*/
.nt{text-indent:100%;white-space:nowrap;overflow:hidden;}

/*clearfix*/
.clearfix {zoom:1;}
.clearfix:after{content: "";display: block;clear: both;}