@charset "utf-8";
/* CSS Document */
body{
	}
	#wrap{
		background:none;
		}
	header {
    background: url(../img/common/header_back.jpg) no-repeat;
    background-size: cover;
}
#visual{
	padding-top:30px;
	position:relative;
	}	
#visual img{
	width:100%;
	}
.kyara{
	position:absolute;
	width:15%;
    bottom: 16px;
	}
.dog{
	left:0;
	}
.pig{
	right:0;
	width:20%;
	}
#visual:after{
	content:"";
	width:100%;
	display:block;
	height:20px;
	background:url(../img/top/visual_bottom.jpg) repeat-x;
	}
main{padding-top:60px;padding-bottom:60px;}
section{
	position:relative;
	margin-bottom:80px !important;
	}
	section:last-child{
    margin-bottom: 0 !important;
}
section .ttl1{
	position:absolute;
	width:25%;
	left:-2%;
	top:-10%;
	z-index:2;
	}    
	.waku{
	background-image:url(../img/common/top.jpg),url(../img/common/left.jpg),url(../img/common/right.jpg),url(../img/common/bottom.jpg);
	background-repeat:repeat-x, repeat-y, repeat-y, repeat-x;
	background-position:top,left,right,bottom;
	padding:40px 0;
	box-sizing:border-box;
	background-color:#fff;
}
#videos .waku {
	 background-image:none;
	 background-color: none;
}
#about,#class,#curriculum,#page{
	text-align:center;
	width:90%;
	margin:0 auto;
	}
.txtimg{
	width:80%;
	margin:0 auto 7%;
	}
#about .kid{
	bottom:8%;
	left:8%;
	}
#class .kid{
	right:-0%;
	top:-10%;
	}
#curriculum .kid{
	right:4%;
	bottom:3%;
	}
.txtimg p{
	margin-bottom:20px;
	}
.kid{
	position:absolute;
	width:20%;
	}
#about .btn1 a{text-decoration:underline;color:#7C330B;}



#videos{
		color:#fff;
		-webkit-background-size: 10px 10px;
		-moz-background-size: 10px 10px;
		background-size: 10px 10px;
		background-color: #6D470F;
		background-image: -webkit-gradient(linear, 0 0, 100% 100%,
					color-stop(.25, #653D05), color-stop(.25, transparent),
					color-stop(.5, transparent), color-stop(.5, #653D05),
					color-stop(.75, #653D05), color-stop(.75, transparent),
					to(transparent));
		background-image: -webkit-linear-gradient(-45deg, #653D05 25%, transparent 25%,
				  transparent 50%, #653D05 50%, #653D05 75%,
				  transparent 75%, transparent);
		background-image: -moz-linear-gradient(-45deg, #653D05 25%, transparent 25%,
				  transparent 50%, #653D05 50%, #653D05 75%,
				  transparent 75%, transparent);
		background-image: -ms-linear-gradient(-45deg, #653D05 25%, transparent 25%,
				  transparent 50%, #653D05 50%, #653D05 75%,
				  transparent 75%, transparent);
		background-image: -o-linear-gradient(-45deg, #653D05 25%, transparent 25%,
				  transparent 50%, #653D05 50%, #653D05 75%,
				  transparent 75%, transparent);
		background-image: linear-gradient(-45deg, #653D05 25%, transparent 25%,
				  transparent 50%, #653D05 50%, #653D05 75%,
				  transparent 75%, transparent);
		padding:20px 0 ;
		overflow:hidden;
		text-align:center;
	}
#videos h2{
	width:90%;
	margin:0 auto;
	margin-bottom:30px;
	}
#videos li li{
	margin-bottom:20px;
	width:320px;
    height: 146px;
	margin:0 auto;
	padding-top: 45px;
	padding-bottom:40px;
	}
#videos li li:nth-child(1){
    background: url(../img/top/red.png) no-repeat;
    background-size: cover;
	}
#videos li  li:nth-child(2){
    background: url(../img/top/green.png) no-repeat;
    background-size: cover;
	}
#videos li  li:nth-child(3){
    background: url(../img/top/yellow.png) no-repeat;
    background-size: cover;
	}
#videos li  li:nth-child(4){
    background: url(../img/top/blue.png) no-repeat;
    background-size: cover;
	}
#videos a{
	color:#fff;
	text-shadow: 0 2px 2px #333, 2px 0 2px #333, 0 -2px 2px #333, -2px 0 2px #333, -2px -2px 2px #333, 2px -2px 2px #333, -2px 2px 2px #333, 2px 2px 2px #333;
 	text-decoration:none;
	}
#videos .waku{
	padding:0;
    width: 65%;
    margin: 0 auto 10px;	}
#videos .waku img{
    width: 100%;
    box-sizing: border-box;
		}
	.fbarea{
			text-align:center;
			width:80%;
			margin:0 auto 30px;
		}
	#fbarea >*{
			width:100%;
		}
	#page ul{
	margin-bottom:20px;
	}