@charset "UTF-8";


#tazan{
position:absolute;
top:-650px;
left:50%;
z-index:99999;

}


.logo_hata{
position:absolute;
top:350px;
left:50%;
z-index:95;
}

#hata1{
margin:0 0 0 -991px;
}



#hata2{
margin:200px 0 0 -991px;
transform: rotate(-22deg) ;
-webkit-transform: rotate(-22deg) ;
-moz-transform: rotate(-22deg) ;
-o-transform: rotate(-22deg) ;
-ms-transform: rotate(-22deg) ;
}

#hata3{
margin:0 0 0 0;
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
-moz-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

#hata4{
margin:200px 0 0 0;

transform: rotate(22deg) scaleX(-1);
-webkit-transform: rotate(22deg) scaleX(-1);
-moz-transform: rotate(22deg) scaleX(-1);
-o-transform: rotate(22deg) scaleX(-1);
-ms-transform: rotate(22deg) ;
filter: FlipH;
-ms-filter: "FlipH";
}


#logo {
position:absolute;
top:50px;
left:50%;
margin:0 0 0 -218px;
width:437px;
height:430px;
z-index:100;
}


#youtube{
position:absolute;
top:485px;
left:50%;
width:450px;
height:277px;
margin:0 0 0 -225px;
z-index:90;
}


#countdown{
position:absolute;
bottom:0;
left:50%;
margin:0  0 0 140px;
width:185px;
height:130px;
background:url(../images/countdown.png) 0 0 no-repeat;
z-index:100;
text-align:center;
}

#countdown img{
margin:36px -10px 0 0;
}

#tree{
position:absolute;
width:833px;
height:494px;
top:230px;
left:50%;
margin:0 0 0 -416px;
background:url(../images/tree.png) 0 0 no-repeat;
z-index:20;
}




#niji{
position:absolute;
width:717px;
height:243px;
top:500px;
left:50%;
margin:0 0 0 -359px;
background:url(../images/bg/niji.png) 0 0 no-repeat;
z-index:0;
display:none;
}


#kumo{
position:absolute;
width:100%;
height:496px;
top:0;
left:0px;
margin:200px 0 0 0;
background:url(../images/bg/kumo.png) 0 0 repeat-x;
z-index:0;
display:none;
}

#fusen1{
position:absolute;
top:800px;
left:20%;
margin:0 0 0 0;
z-index:30;
}


#fusen2{
position:absolute;
top:880px;
left:75%;
margin:0 0 0 0;
z-index:30;
}

#sori{
position:absolute;
top:-100px;
left:50%;
z-index:30;
width:87px;
}


#oka{
position:absolute;
width:100%;
height:347px;
bottom:-260px;
left:0;
z-index:10;
background:url(../images/oka.png) 0 0 no-repeat;
background-size: 100% 347px;
}

#header {
position:relative;
height:730px ;
min-width:1000px;
width:100%;
overflow:hidden;
}


#contents {

position:relative;
width:100%;
min-width:1000px;
background:#28c68c;
z-index:200;
}

#main {
width:800px;
margin:0 auto;
}

#bnr_area{
position:relative;
width:110%;
margin:0 0 0 -10px;
z-index:211;
}

#bnr_area2{
text-align:center;
position:relative;
z-index:210;
}

#bnr_area2 a{
margin:0 10px;
}



.bnr_item{
display:inline-block;
margin:0 0 0 10px;
}
.bnr_item img{

}

#topics{
position:relative;
margin:15px 0 0 0;
padding:15px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background: #9ceaba;
min-height:140px;
}

#topics #topics_chara{
position:absolute;
top:10px;
left:20px;
}

#topics #topics_hata{
position:absolute;
bottom:-20px;
right:20px;
}


#topics ul{
margin:0 0 0 170px;
}

#topics ul li{
margin:8px 0 0 0;
border-bottom:1px dashed #28c68c;
clear:left;

}

#topics ul li .topics_date{
display:inline-block;
width:100px;
float:left;
verical-align:top;
padding:0;
margin:0;
}

#topics ul li .topics_text{
display:inline-block;
width:490px;
clear:left;
}


.anime{
overflow:hidden;
background-color:transparent;
position:absolute;
}


.anime_sori{
top:0;
left:0;
width:300px;
height:300px;
z-index:90;
}

/*
.anime_buranko{
margin:500px 0 0 0px;
width:250px;
height:160px;
z-index:90;
}
*/



.anime_buranko{
margin:330px 0 0 -170px;
width:250px;
height:160px;
z-index:90;
}

.anime_pyoko{
margin:170px 0 0 280px;
width:177px;
height:92px;
z-index:90;
}



.anime_balloon{
top:600px;
left:0;
width:300px;
height:300px;
z-index:100;
}

.anime_panda{
top:10px;
left:30px;
width:95px;
height:150px;
z-index:100;
}

iframe{
opacity:0;
}