@charset "UTF-8";

/*CSS Document*/

* {
	margin: 0;
	padding: 0;
}

.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.container {
	width: 960px;
	background-color: #fbfbfb;
	margin: 0px auto;
}
ul {
	list-style-type: none;
}

.bx411b p{font-size:13px; line-height:24px; color: #666; margin:112px 10px 0 0;}

.bx412b p{font-size:13px; line-height:24px; color:#666; margin:82px 10px 0 0;}

.bx42 p{font-size:12px; line-height:18px; color:#b4910c; margin:345px 30px 0 30px;}


.bx1{
	background-image:url(../img/top1.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:268px;
}


.bx11{
	background-image:url(../lesson/img/lesson1.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:268px;
}

/*nav*/

#bx2 nav li{float:left;
}


.a1{width:960px;
}

.a1 li:hover{
	text-decoration:none;}

.bx3{
	background-image:url(../img/top2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:284px;}


.bx33{
	background-image:url(../lesson/img/lesson2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:284px;}


/*absoluteとrelativeの指定をする*/
.ab10{
	position:absolute;
	width:154px;
	height:142px;
	margin:0;
	top:120px;
	left:150px;
	z-index:1;}
/*relativeの指定*/	
.container{
	position:relative;}
	
.ab20{
	position:absolute;
	width:137px;
	height:144px;
	margin:0;
	top:373px;
	left:5px;
	z-index:2;
	}

.container{
	position:relative;}
	
.ab30{
	position:absolute;
	width:153px;
	height:150px;
	margin:0;
	top:378px;
	left:602px;
	z-index:3;
	}

.container{
	position:relative;}
	
.ab40{
	position:absolute;
	width:138px;
	height:144px;
	margin:0;
	top:475px;
	left:774px;
	z-index:4;
	}
	
.container{
	position:relative;}
	

/*レッスンのab*/
.ab50{
	position:absolute;
	width:95px;
	height:91px;
	margin:0;
	top:1171px;
	left:800px;
	z-index:5;}

.container{
	position:relative;}

.absita{
	position:absolute;
	width:40px;
	height:75px;
	margin:0;
	top:280px;
	left:0px;
	z-index:10;}

.container{
	position:relative;}
	
	.abue{
	position:absolute;
	width:40px;
	height:75px;
	margin:0;
	top:950px;
	left:0px;
	z-index:11;}

.container{
	position:relative;}
	
	.container{
	position:relative;}
	
	.absita2{
	position:absolute;
	width:40px;
	height:75px;
	margin:0;
	top:1300px;
	left:0px;
	z-index:12;}

.container{
	position:relative;}
	
		.abue2{
	position:absolute;
	width:40px;
	height:75px;
	margin:0;
	top:2000px;
	left:0px;
	z-index:13;}

.container{
	position:relative;}
	
	
/*レッスンのページ*/

.bx4{width:960px;}

.bx41{width:697px; float: left;}
.bx42{width:263px; height:650px; float: left; background-image:url(../lesson/img/lesson5.gif);}


.bx411{width:697px;}
.bx412{width:697px;}

.bx411a{width:383px; float: left;}
.bx411b{width:314px; height:325px; float: left; background-image:url(../lesson/img/lesson4.gif);}

.bx412a{width:383px; float: left;}
.bx412b{width:314px; height:325px; float: left; background-image:url(../lesson/img/lesson7.gif);}

/*ギャラリーのページ*/

.bx511 p{ font-size:13px; line-height:18px; color: #b2100d; text-align: right;}

.bx513 p{font-size:15px; line-height:24px; color: #b4910c;}

.bx111{background-image:url(../gallery/img/gallerytop1.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:268px;}


.bx5{width:960px; height:1950px; background-image:url(../gallery/img/gallery15.gif); background-repeat: no-repeat; background-position:0px 0px;}

.bx51{width:800px; height:223px; margin:0px 80px 0 80px;}
.bx52{width:800px; height:400px; margin:20px 80px 0 80px;}
.bx53{width:800px; height:400px; margin:20px 80px 0 80px;}
.bx54{width:800px; height:400px; margin:20px 80px 0 80px;}
.bx55{width:800px; height:400px; margin:20px 80px 0 80px;}

.bx511{width:200px; height:150px;float:left; margin:50px 20px 0 70px;}
.bx512{width:201px; height:223px;float:left;margin:0 0 0 0;}
.bx513{width:250px; height:100px;float:left; margin:80px 0 0 30px;}

.bx521{width:400px; height:400px;float:left;}
.bx522{width:400px; height:400px; float:left;}
.bx522a{width:200px; height:200px; float:left;}
.bx522b{width:200px; height:200px; float:left;}
.bx522c{width:200px; height:200px; clear: both; float:left;}
.bx522d{width:200px; height:200px; float:left;}

.bx531{width:400px; height:400px; float:left;}
.bx532{width:400px; height:400px; float:left;}

.bx541{width:400px; height:400px;float:left;}
.bx542{width:400px; height:400px; float:left;}
.bx542a{width:200px; height:200px; float:left;}
.bx542b{width:200px; height:200px; float:left;}
.bx542c{width:200px; height:200px; clear: both; float:left;}
.bx542d{width:200px; height:200px; float:left;}

.bx551{width:400px; height:400px; float:left;}
.bx552{width:400px; height:400px; float:left;}

/*ギャラリーのab*/
.ab60{
	position:absolute;
	width:95px;
	height:91px;
	margin:0;
	top:2490px;
	left:850px;
	z-index:6;}

.container{
	position:relative;}
	
	
/*aboutのページ*/
.ab50about{
	position:absolute;
	width:95px;
	height:91px;
	margin:0;
	top:1430px;
	left:800px;
	z-index:5;}

.container{
	position:relative;}


.about3 p{font-size:13px; line-height:18px; color: #fff; margin:0 35px 0 0;}

.about4b p{ font-size:13px; line-height:18px; color: #b2100d; text-align: center;padding:10px 0 0 0; float:left}
	
.bx1111{
	background-image:url(../about/img/top1.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:268px;
}

.bx3333{
	background-image:url(../about/img/top2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:284px;
}

.about1{
	background-image:url(../about/img/about1.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:100px;float:left;
}

.about2{ background-color:#e07f7d;
background-repeat:no-repeat;
background-position:0px 0px;
width:336px;
height:690px;float:left;
}

.about2 img{
width:214px;
height:316px;margin:0 0 0 50px;
}

.about22 img{
width:52px;
height:204px;
float:right;
margin:40px 0 0 0;
}

.about3{
background-color:#e07f7d;
background-repeat:no-repeat;
background-position:0px 0px;
width:340px;
height:690px;float:left;
}

.about4{
background-color:#e07f7d;
background-repeat:no-repeat;
background-position:0px 0px;
width:284px;
height:690px;float:left;
}

.about4a img{
width:201px;
height:223px;float:left; margin:0 0 0 0;
}

.about4b p{
width:201px;
height:223px;margin:0 0 0 0px;float:left;
}

.about5{
	background-image:url(../about/img/about5.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:130px; clear:both;
}
	
/*アクセスのページ*/

.bx63 p{margin:10px 0 0 30px;font-size:13px; line-height:24px; color: #666;}

.bx61{background-image:url(../access/img/access1.gif);
background-repeat:no-repeat;
background-position:0px 0px;width:960px;height:100px;}

.bx62{background-image:url(../access/img/access2.gif);
background-repeat:no-repeat;
background-position:0px 0px;width:480px; height:420px; float: left;margin:0;}

.bx621{width:400px;height:400px;margin:10px 0 0 50px;}

.bx63{background-image:url(../access/img/access3.gif);
background-repeat:no-repeat;
background-position:0px 0px;width:480px; height:420px; float: left;margin:0;}

.bx64{background-image:url(../access/img/access4.gif);
background-repeat:no-repeat;
background-position:0px 0px;width:960px; height:130px; clear: both;}


.bx1access{background-image:url(../access/img/accesstop1.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:268px;}

.bx3access{
	background-image:url(../access/img/accesstop2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:284px;
}

/*コンタクトのページ*/

.contact2 p{font-size:13px; line-height:18px;color: #333;}

.contact2 tr{font-size:13px; line-height:18px;color: #333; text-align:center;}


.bx1contact{
	background-image:url(../contact/img/top1.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:268px;
}

.bx3contact{
	background-image:url(../contact/img/top2.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:284px;}

input[autocomplete]{width:100px; font-size:14px; border:1px; background-color: #fff5de; padding:0; margin:0;}

input[type="text"]{width:200px; font-size:14px; border:1px; background-color:#fff5de; padding:0; margin-left:0;}

input[type="chekbox"]:not(:first-child){margin-left:10px;}

.contact1{
	background-image:url(../contact/img/contact1.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:100px;float:left;
}

.contact2{
	background-image:url(../contact/img/contact2.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:480px;
height:420px;float:left;
}

.contact2 form{margin:0 0 0 50px;}
.contact2 p{margin:0 0 0 50px;}

.contact3{
	background-image:url(../contact/img/contact3.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:480px;
height:420px;float:left;
}

.contact3 p{margin:0 40px 0 20px;font-size:13px; line-height:24px; color: #666;}

.contact4{
	background-image:url(../contact/img/contact4.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:960px;
height:130px;clear:both;
}
