@charset "UTF-8";


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



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


#hata4{
margin:0 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:60px;
left:50%;
margin:0 0 0 -115px;
z-index:100;
}

#countdown{
position:absolute;
bottom:0;
left:50%;
margin:0  0 0 230px;
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:-150px;
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:80px;
left:50%;
margin:0 0 0 -359px;
background:url(../images/niji.png) 0 0 no-repeat;
z-index:5;
display:none;
}


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


#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;
}

#tree_center_div{
position:absolute;
left:50%;
top:50px;
width:300px;
height:200px;
margin:0 0 0 -150px;
z-index:90;
}


#header {
background:url(../images/sora.png) 0 0 repeat-x;
position:relative;
height:350px ;
width:100%;
min-width:1000px;
overflow:hidden;
}


#contents {

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


#contents_inner{
	width:850px;
	margin:0 auto;
	padding:24px 0;
	position:relative;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #9ceaba;
}

#side {
	position:absolute;
	top:24px;
	left:-10px;
	width:224px;
	background:#009f57;
	z-index:999;

	-webkit-border-top-left-radius: 14px;
	-moz-border-radius-topleft: 14px;
	border-top-left-radius: 14px;
}


#side_title{
	padding:12px 0 12px 12px;

}

#side_contents{
	padding:0 0 20px 0;
}

#side_contents ul{
	margin:0 0 0 22px;
}

#side_contents ul li{
	border-bottom:1px dashed #fff;
	width:195px;
	padding:4px 0 0 7px;
}

#side_contents ul li:last-child{
	border-bottom:none;
}

#side_contents ul li a{
	color:#fff;
	margin:0;
}

#side_bottom {
	position:absolute;
	bottom:-12px;
	left:0px;
	width:10px;
	height:12px;
}

#side_flower {
	position:absolute;
	bottom:-70px;
	left:20px;
}

#side_chara {
	position:absolute;
	bottom:0;
	left:0;
}

#main {
	width:590px;
	min-height:500px;
	margin:0 0 0 240px;
}



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


.anime_sori{
top:0;
left:0;
width:300px;
height:300px;
}

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

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


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

.anime_train{
top:30px;
left:0;
width:100%;
height:98px;
z-index:100;
}




.section {
margin:0 0 10px 0 ;
background:#fff;
position:relative;
}

.section .title{
position:absolute;
top:-7px;
left:-9px;
background:url(../images/h2.png) 0 0 no-repeat;
width:617px;
height:53px;
}

.section .title2{
position:absolute;
top:-7px;
left:-9px;
background:url(../images/h2b.png) 0 0 no-repeat;
width:617px;
height:53px;
}

.section .title h2,
.section .title2 h2{
color:#fff;
width:617px;
padding:14px 0 0 0;
text-align:center;
}

.section_text{
	padding:65px 20px 20px 20px;
}

.section_text a{
text-decoration:underline !important;
}

.section_text h1,h2,h3,h4,h5{

}

.section_text h1{margin:0;padding:6px 0;font-size:1.5em;line-height:2em;}
.section_text h2{margin:0;padding:6px 0;font-size:1.4em;line-height:1.9em;}
.section_text h3{margin:0;padding:6px 0;font-size:1.3em;line-height:1.8em;}
.section_text h4{margin:0;padding:6px 0;font-size:1.2em;line-height:1.7em;}
.section_text h5{margin:0;padding:6px 0;font-size:1.1em;line-height:1.6em;}

.section_text ul li{list-style-type:disc;margin:0 0 0 20px;}
.section_text ol li{list-style-type:decimal;margin:0 0 0 25px;}


.section_text a{
color:#ff6aff;
}


#map{
height:380px;
}