@charset "utf-8";
#all{
	padding : 120px 0 0 0;
	}

.openschool_all{
	background : url('../images/openschool/bg.jpg');
	color : #736357;
	}

#title_area{
	background : #f58e7e;
	padding : 0 0 50px 0;
	color : #000;
	}
#title_area .title_area_content{
	width : 980px;
	margin : 0 auto;
	}
#title_area .title_area_content h1{
	}
#title_area .title_area_content h2{
	font-size : 46px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	color : #fff;
	}
#title_area .title_area_content h2 span{
	font-size : 36px;
	color : #474545;
	margin : 0 20px 0 0;
	}
#title_area .title_area_content ul{
	margin : 20px auto 0;
	width : 670px;
	}
#title_area .title_area_content li{
	float : left;
	text-align : center;
	}
#title_area .title_area_content li.list1{
	background : url('../images/openschool/timage1.png') no-repeat;
	width : 320px;
	height : 296px;
	}
#title_area .title_area_content li.list2{
	background : url('../images/openschool/timage2.png') no-repeat;
	width : 323px;
	height : 294px;
	margin : 0 0 0 20px;
	}
#title_area .title_area_content li.list3{
	background : url('../images/openschool/timage3.png') no-repeat;
	width : 288px;
	height : 296px;
	margin : 0 0 0 20px;
	}
#title_area .title_area_content li.list1 p{
	padding : 260px 0 0 20px;
	}
#title_area .title_area_content li.list2 p{
	padding : 260px 0 0 30px;
	}
#title_area .title_area_content li.list3 p{
	padding : 260px 0 0 40px;
	}



#openschool1{
	background : url('../images/openschool/tbg.png') repeat-x top;
	text-align : center;
	padding : 30px 0 0 0;
	}
#openschool1 .block1{
	width : 980px;
	margin : 0 auto;
	background : url('../images/openschool/image1_1b.png') no-repeat top center;
	text-align : center;
	}
#openschool1 .block1 .title1{
	font-weight : bold;
	font-size : 56px;
	color : #b2a1ff;
	padding : 170px 0 0 0;
	}
#openschool1 .block1 .title1 span{
	font-weight : bold;
	font-size : 36px;
	color : #736357;
	}
#openschool1 .block1 .title2{
	color : #a4978b;
	font-weight : bold;
	font-size : 36px;
	margin : 0 0 30px 0px;
	}
#openschool1 .block1 .text{
	line-height : 2;
	margin : 0 0 30px 0;
	font-size : 18px;
	}
#openschool1 .block1 .btn{
	text-align : center;
	margin : 30px 0 60px 0;
	}
#openschool1 .under{
	background : url('../images/openschool/border.png') repeat-x bottom;
	text-align : center;
	padding : 0 0 10px 0;
	margin : 0 0 50px 0;
	}
#openschool1 .under .text1{
	font-size : 16px;
	color : #000;
	}
#openschool1 .under .text2{
	font-weight : bold;
	font-size : 36px;
	color : #b2a1ff;
	margin : 0 0 10px 0;
	}



#openschool1 .block2{
	width : 980px;
	margin : 0 auto 100px;
	}
#openschool1 .block2 .box1{
	margin : 0 0 30px 0;
	font-size : 18px;
	}
#openschool1 .block2 .box1b{
	margin : 0 0 100px 0;
	font-size : 18px;
	}
#openschool1 .block2 .box1 .title,
#openschool1 .block2 .box1b .title{
	font-weight : bold;
	font-size : 24px;
	margin : 0 0 30px 0;
	}
#openschool1 .block2 .box1 .left{
	float : left;
	width : 598px;
	}
#openschool1 .block2 .box1 .right{
	float : left;
	width : 370px;
	text-align : center;
	}
#openschool1 .block2 .box1 .right .lesson{
	margin : 0 0 15px 0;
	}
#openschool1 .block2 .box1 .right .title{
	font-weight : bold;
	font-size : 26px;
	margin : 0 0 15px 0;
	}
#openschool1 .block2 .box1 .right .text{
	margin : 0 0 15px 0;
	}
#openschool1 .block2 .box1 .right .text .span1{
	color : #7c5bff;
	}
#openschool1 .block2 .box1 .right .text .span2{
	background : #d4ffeb;
	}
#openschool1 .block2 .box1 .right .text .span3{
	background : #fdd4eb;
	}
#openschool1 .block2 .box1 .right .text .span4{
	background : #81d26f;
	}

#openschool1 .block2 .box2{
	margin : 0 0 30px 0;
	text-align : left;
	}
#openschool1 .block2 .box2 .title{
	color : #7c5bff;
	font-size : 16px;
	}
#openschool1 .block2 .box2 .box{
	border : solid 8px #b8ada0;
	border-radius : 10px;
	padding : 20px 30px;
	position : relative;
	}
#openschool1 .block2 .box2 .box .title2{
	color : #7c5bff;
	font-size : 24px;
	}
#openschool1 .block2 .box2 .box .title2 span{
	color : #736357;
	}
#openschool1 .block2 .box2 .box .text1{
	width : 480px;
	float : left;
	}
#openschool1 .block2 .box2 .box .text2{
	width : 180px;
	float : left;
	color : #000;
	margin : 30px 0 0 30px;
	}
#openschool1 .block2 .box2 .box .image{
	position : absolute;
	top : -70px;
	right : 0;
	}



#openschool1 .block3{
	width : 980px;
	margin : 0 auto 100px;
	}
#openschool1 .block3 .box1{
	margin : 0 0 30px 0;
	}
#openschool1 .block3 .box1 .left{
	float : left;
	width : 502px;
	text-align : center;
	}
#openschool1 .block3 .box1 .right{
	float : left;
	width : 478px;
	padding : 100px 0 0 0;
	text-align : right;
	}
#openschool1 .block3 .box1 .left .lesson{
	margin : 0 0 15px 0;
	}
#openschool1 .block3 .box1 .left .title{
	font-weight : bold;
	font-size : 26px;
	margin : 0 0 15px 0;
	}
#openschool1 .block3 .box1 .left .text{
	margin : 0 0 30px 0;
	}
#openschool1 .block3 .box1 .left .text .span1{
	color : #7c5bff;
	}

#openschool1 .block3 .box2{
	margin : 0 0 30px 0;
	text-align : left;
	}
#openschool1 .block3 .box2 .box{
	border : solid 8px #b8ada0;
	border-radius : 10px;
	padding : 20px 10px 20px 30px;
	position : relative;
	}
#openschool1 .block3 .box2 .box .title{
	font-size : 20px;
	margin : 0 0 10px 0;
	}
#openschool1 .block3 .box2 .box .text{
	line-height : 2.5;
	}
#openschool1 .block3 .box2 .box .image{
	float : right;
	}



#openschool1 .block4{
	width : 980px;
	margin : 0 auto;
	text-align : center;
	}
#openschool1 .block4 .title1{
	font-weight : bold;
	font-size : 56px;
	color : #b2a1ff;
	line-height : 1;
	}
#openschool1 .block4 .title1 span{
	font-weight : bold;
	font-size : 36px;
	color : #736357;
	}
#openschool1 .block4 .title2{
	color : #a4978b;
	font-weight : bold;
	font-size : 36px;
	margin : 0 0 20px 0;
	}
#openschool1 .block4 .text{
	margin : 0 0 30px 0;
	}
#openschool1 .block4 .box{
	background-color: rgba(255,255,255,0.6);
	border-radius: 10px;
	margin : 20px 0 30px 0;
	padding : 20px 20px 20px 150px;
	text-align : left;
	color : #000;
	}
#openschool1 .block4 .btn{
	text-align : center;
	margin : 0 0 100px 0;
	}




#openschool2{
	background : url('../images/openschool/tbg.png') repeat-x top;
	text-align : center;
	padding : 30px 0 0 0;
	margin : 0 0 100px 0;
	}
#openschool2 .block1{
	width : 980px;
	margin : 0 auto;
	}
#openschool2 .box{
	background : url('../images/openschool/image2_2.png') no-repeat top;
	height : 402px;
	position : relative;
	}
#openschool2 .box .text{
	text-align : center;
	padding : 30px 0 0 0;
	}
#openschool2 .box .text2{
	text-align : left;
	position : absolute;
	top : 250px;
	left : 180px;
	color : #000;
	}
#openschool2 .box .text2 span{
	color : #736357;
	margin : 0 0 0 50px;
	}
#openschool2 .box .btn{
	position : absolute;
	top : 340px;
	left : 360px;
	}




#openschool3{
	background : url('../images/openschool/tbg.png') repeat-x top;
	text-align : center;
	padding : 30px 0 100px 0;
	}
#openschool3 .block1{
	width : 980px;
	margin : 0 auto;
	}
#openschool3 .block1 .title{
	margin : 0 0 30px 0;
	}
#openschool3 .box{
	background : url('../images/openschool/image3_1.png') no-repeat top;
	height : 361px;
	position : relative;
	margin : -30px 0 0 0;
	}

#openschool3 .box ul{
	text-align : center;
	padding : 145px 0 0 0;
	}
#openschool3 .box li{
	float : left;
	margin : 0 0 0 55px;
	}
#openschool3 .box li video{
	margin : 20px 0 0 0;
	}
#openschool3 .box li .ico{
	margin : -220px 0 0 -240px;
	}



#access{
	width : 980px;
	margin : -130px auto 0;
	padding-top : 130px;
	padding-bottom : 50px;
	}
#access .title{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	color : #fff;
	font-size : 50px;
	margin : 0 0 20px 0;
	}
#access .box{
	border : solid 15px #f4f4f4;
	background : #fff;
	padding : 40px;
	}
#access .box .head{
	margin : 0 0 30px 0;
	}
#access .box .logo{
	float : left;
	width : 280px;
	}
#access .box ul{
	float : left;
	margin : 10px 0 0 50px;
	width : 540px;
	}
#access .box ul li{
	float : left;
	margin : 0 20px 0 0;
	font-size : 16px;
	}
#access .box ul li a{
	color : #fff;
	text-decoration : none;
	background : #7eba19;
	padding : 3px 30px;
	border-radius : 20px;
	}
#access .box ul li a:hover{
	background : #b0e950;
	}
#access .box .access{
	color : #000;
	margin : 0 0 50px 0;
	}
#access .box .access2{
	color : #000;
	wieth : 410px;
	float : left;
	}
#access .box .access3{
	color : #000;
	wieth : 410px;
	float : left;
	margin : 0 0 0 40px;
	}
#access .box .access .title,
#access .box .access2 .title,
#access .box .access3 .title{
	color : #474545;
	font-size : 26px;
	background : #eaf3da;
	border-left : solid 40px #7eba19;
	line-height : 1.5;
	padding : 0 0 0 20px;
	}
#access .box .access .title span,
#access .box .access2 .title span,
#access .box .access3 .title span{
	padding : 8px 10px 0 0;
	color : #000;
	font-size : 16px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	}
#access .box .access .data,
#access .box .access2 .data,
#access .box .access3 .data{
	margin : 0 0 20px 0;
	font-size : 16px;
	}
#access .box .access .map,
#access .box .access2 .map,
#access .box .access3 .map{
	margin : 0 0 20px 0;
	}
#access .box .access .movie{
	text-align : center;
	margin : 50px 0 0 0;
	}
#access .box .access .left{
	float : left;
	width : 400px;
	font-size : 13px;
	}
#access .box .access .right{
	float : left;
	width : 460px;
	font-size : 13px;
	}




#openschool_1,
#openschool_2,
#openschool_3,
#tokyo,
#osaka,
#hawaii{
	margin-top : -130px !important;
	padding-top : 130px !important;
	}