@charset "UTF-8";
/* CSS Document */

body{
	background-color:#F5F5F5;
}

#container{
	background-image:url(img/bg.png);
	width:1280px;
	height:948px;
    margin:0 auto;
}
#container2{
    position: relative;
	background-image:url(img/top-bg.png);
	width:1280px;
	height:948px;
    margin:0 auto;
}
#logo{
	padding:0;
	float:left;
}
#banner{
    padding-top: 25px;
    margin-left: 300px;
}
#leaf{
	padding-top:230px;
	margin:0 auto;
}
#a-corn{
	position:relative;
}
#a-corn img.acorn{
	position: absolute;
	top:150px;
	left:0;
}

#tobira{
	position: absolute;
	top: 181px;
	left: 529px;
}

#sidebar{
	width:226px;
	float:left;
	position:relative;
}
#sidebar img.b1{
	position:absolute;
	top:87px;
	left:-197px;
    z-index: 100;
}
#sidebar img.b2{
	position:absolute;
    top: 13px;
    left: 68px;
    z-index: 100;

}

#sidebar img.b3{
	position:absolute;
	top:105px;
	left:-22px;
    z-index: 100;
}

#sidebar img.b4{
	position:absolute;
	top: 183px;
    left: 113px;
    z-index: 100;
}
#sidebar img.b5{
	position:absolute;
	top: 271px;
    left: -22px;
    z-index: 100;
}
#sidebar img.b6{
	position:absolute;
	top: 358px;
    left: 60px;
    z-index: 100;
}
#contents{
	width:596px;
	float:left;
	margin-top:0px;
	margin-left:80px;
}
.contents-2{
	z-index:1;
	width:596px;
	float:left;
	margin-top:30px;
	margin-left:300px;
	position: relative;
}
.contents-3{
    z-index: 11;
    position: absolute;
    width: 580px;
    height: 430px;
    float: left;
    margin-top: 80px;
    margin-left: 360px;
    overflow: scroll;
}
.contents-4{
	z-index:1;
	width:596px;
	float:left;
    margin-top: -68px;
    margin-left: 307px;
	position: relative;
}
.contents-4 img.animation-1{
	position:absolute;
	top:10px;
	left:380px;
}
.contents-4 img.animation-2{
	position:absolute;
	top:230px;
	left:135px;
}
.contents-5{
	z-index:1;
	width:596px;
	float:left;
	margin-top:-110px;
	margin-left:80px;
	position: relative;
}
	
#sidebar-right{
	width:180px;
	float:right;
	position:relative;
}
#sidebar-right img.recruit{
	position:absolute;
	top:-90px;
	left:20;
}
#sidebar-right img.recruit-f{
	position:absolute;
    top: 510px;
    left: -40px;
}
#sidebar-right img.recruit2{
	position:absolute;
	top:-178px;
	left:20;
}
#sidebar-right img.recruit3{
	position:absolute;
	top:-174px;
	left:20;
}
#sidebar-right img.recruit4{
	position:absolute;
	top:-174px;
	left:20;
}
#sidebar-right img.recruit5{
	position:absolute;
	top:-193px;
	left:20;
}
.clearboth{
	clear:both;
}
.copyright{
	font-size:smaller;
	text-align:center;
}
.flame1{
	padding-top:150px;
}
.filter-drop-shadow {
-webkit-filter: drop-shadow(0 1px 8px rgba(0,0,0,.7));
-moz-filter: drop-shadow(0 1px 8px rgba(0,0,0,.7));
-ms-filter: drop-shadow(0 1px 8px rgba(0,0,0,.7));
-o-filter: drop-shadow(0 1px 8px rgba(0,0,0,.7));
filter: drop-shadow(0 1px 8px rgba(0,0,0,.7));
}
.al-right{
	float:right;
	margin:0 20;
    margin-right: 20px;
}
#sparrow{
	float:right;
	margin-top:0;
	margin-right:0;
}