@charset "UTF-8";

/* ------------------------------
 タグリセット
------------------------------ */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
ul,ol{
	list-style-type: none;
}
table{border-collapse:collapse;
	}
fieldset{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight: normal;
}
img {
	vertical-align: bottom;
	border:0;
}

/* ------------------------------
 リンク要素 
------------------------------ */

a:link {
	color:#0000FF;
	text-decoration:none;
		}
a:visited {
	color:#FFFF66;
	text-decoration:none;
		}
a:active {
	text-decoration:none;
		}
a:hover {
	color:#FFFF00;
	text-decoration:none;
		}
body {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meyryo", "Verdana", "Helvetica", "Arial", "ＭＳ Ｐゴシック", "sans-serif";
	color:#000000;
	text-align: center;
	line-height: 1.5;
	font-size:14px;
    overflow:hidden;
    padding:0;
    margin:0;
    height:100%;
    width:100%;
}


/* ------------------------------
 background 
------------------------------ */
#bgimg {

    position:absolute;


    z-index: -1;
}
  
#realBody{
  position:absolute;
  z-index: 5;
  overflow:auto;
  height:100%;
  width:100%;
  }
  
 /* ------------------------------
 wrapper 
------------------------------ */
#wrapper {
	width:1024px;
    margin: 0 auto;
	_margin:0px auto;
    text-align: left;  
	background-color:#ffffff;
/*
	opacity:0.9;	/*Firefox, Opera, Chrome, Safari*/
/*	filter: alpha(opacity=90);	/*IE8以下*/
}

/* ------------------------------
 navi 
------------------------------ */
#navi {
	float:left;
	width:1024px;
	}
	
#navi span{
	float:right;
	}
#navi img{
	float:left;
	}

#navi ul {
	height:28px;
	display:inline;
	list-style-type:none;
	list-style:none;
	float:left;
	margin-left:50px;
	padding-top:70px;
	}
#navi ul li{
	height:28px;
	_margin-right:0px;
	float:left;
	}

#btn_home a {
	width:108px;
	height:28px;
	background-image:url(../images/home_w.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_home a:hover {
	width:108px;
	height:28px;
	background-image:url(../images/home_b.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}

#btn_lesson a {
	width:108px;
	height:28px;
	background-image:url(../images/lesson_w.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_lesson a:hover {
	width:108px;
	height:28px;
	background-image:url(../images/lesson_b.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_teachers a {
	width:108px;
	height:28px;
	background-image:url(../images/teachers_w.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_teachers a:hover {
	width:108px;
	height:28px;
	background-image:url(../images/teachers_b.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_jidou a {
	width:108px;
	height:28px;
	background-image:url(../images/jidou_w.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_jidou a:hover {
	width:108px;
	height:28px;
	background-image:url(../images/jidou_b.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}

#btn_event a {
	width:108px;
	height:28px;
	background-image:url(../images/event_w.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_event a:hover {
	width:108px;
	height:28px;
	background-image:url(../images/event_b.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_access a{
	width:108px;
	height:28px;
	background-image:url(../images/access_w.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_access a:hover {
	width:108px;
	height:28px;
	background-image:url(../images/access_b.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_info a{
	width:108px;
	height:28px;
	background-image:url(../images/info_w.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}
#btn_info a:hover {
	width:108px;
	height:28px;
	background-image:url(../images/info_b.jpg);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	}

/* ------------------------------
 header 
------------------------------ */

/* ------------------------------
 flash 
------------------------------ */
#flash{
	width:auto;
    margin: 0 auto;
	padding-left:50px;
}

#flash object{
margin-top:25px;
}

/* ------------------------------
 kari 
------------------------------ */
.kari {
	width:1024px;
	float:left;
}


/* ------------------------------
 pankuzu 
------------------------------ */


.pankuzu{
margin-top:10px;
float:right;
text-align:right;
font-size:12px;
line-height:13px;
color:#804000;


}

.pankuzu a{
color:#804000;

}


/* ------------------------------
 topleft 
------------------------------ */

.topleft {
	width:432px;
	float:left;
	margin-left:70px;
	_margin-left:70px;
	padding-top:0px;
	}
.topleft img{
float:left;
}

.topleft ul li h2 a{
	width:362px;
	color:#804000;
	padding-left:30px;
	float:left;
	display:block;

}

.topleft ul li ul{
	height:auto;
	display:inline;
	list-style-type:none;
	list-style:none;
	float:left;
	margin-top:5px;
	margin-left:15px;
	text-align:left;
	color:#FFBA75;
	font-size:12px;
}

.topleft ul li ul li {
	float:left;
	margin-top:5px;
	margin-left:15px;
	text-align:left;
	color:#FFBA75;
	font-size:12px;
	line-height:14px;
}

.topleft ul li ul li a{
	float:left;
	padding-top:5px;
	padding-left:15px;
	text-align:left;
	color:#FFBA75;
	font-size:12px;
	font-weight:bold;
}

.topleft ul li h2 a:hover{
color:#99CC66;

}

.topleft ul li ul li a:hover{
color:#99CC66;

}



/* ------------------------------
ifame
------------------------------ */
#ifame p a{
	color:#804000;
	padding-left:30px;
	width:auto;

	}
#ifame p a:hover{
	color:#99CC00;
	}


/* ------------------------------
 wra 
------------------------------ */
.wra{
width:1024px;
float:left;


}

/* ------------------------------
 lesson 
------------------------------ */
.lessona{
float:left;
width:600px;
font-size:12px;
padding-left:200px;
margin-top:50px;
}
.lessona img{
float:left;
}
.lessona h2{
width:400px;
line-height:40px;
float:right;
text-shadow:#999999;
font-style:oblique;
font-size:18px;
}

.lessona p{
width:400px;
line-height:20px;
float:right;
padding-left:5px;
}


.lesson{
width:820px;
float:left;
margin-top:50px;
color:#333333;

}
.lesson1{
float:left;
width:230px;
font-size:12px;
margin-left:40px;

}
.lesson1 img{
float:left;
padding-top:50px;
}
.lesson1 h2{
font-size:14px;
text-align:center;
}
.lesson1 h2 a{
color:#333333;
text-decoration:underline;
font-weight:bold;
}
.lesson1 h3 a{
color:#333333;
text-decoration:underline;
font-weight:bold;

}
.lesson1 h4 a{
color:#333333;
text-decoration:underline;

}



.lesson1 p{
width:125px;
line-height:14px;
float:right;
padding-left:5px;
}

.lesson1 p.oth{
width:180px;
line-height:13px;
float:right;
padding-left:5px;
font-size:10px;
}

.lesson1 h3{
font-size:14px;
text-align:center;
}
.lesson1 ul{
float:left;
width:220px;
padding-left:5px;
}
.lesson1 h4{
font-size:13px;
text-align:center;
}

.lesson1 img#have{
float:left;
margin-top:0px;
margin-left:15px;
padding-top:0px;
padding-left:15px;
}



/* ------------------------------
 teacherleft 
------------------------------ */
#teacher{
width:900px;
margin:0 auto;
text-align:right;

}
#teacher h2{
font-size:12px;
color:#333333;
}

#teacher h2 a{
color:#333333;
}


#teacher h4{
font-size:12px;
color:#333333;
}

#teacherleft{
height:auto;
width:400px;
background-image:url(../images/teachers/Cyn.jpg);
background-repeat:no-repeat;
float:left;
margin-top:55px;
margin-left:25px;
font-size:10px;
text-shadow: 6px 5px 2px gray;
text-shadow:#CCCCCC;
}
#teacherleft h2 {
margin-bottom:200px;
}
#teacherleft ul {
}

/* ------------------------------
 teacherright 
------------------------------ */
#teacherright{
width:400px;
float:right;
margin-top:15px;
margin-right:25px;
text-align:left;

}
#teacherright p{
margin-top:10px;
font-size:14px;
line-height:20px;

}

/* ------------------------------
 teacherwrap
 
------------------------------ */
#teacherwrap
{
width:950px;
float:left;
margin-top:20px;
padding-left:50px;

}
#teacherwrap h2{
font-weight:bold;

}

#teacherwrap h2 a{
color:#000000;

}


/* ------------------------------
 otherteacher 
------------------------------ */
.otherteacher{
width:120px;
float:left;
margin-right:35px;

}

.otherteacher h3{
font-size:14px;

}

.otherteacher p{
font-size:12px;

}

.otherteacher a{
margin:0px;

}

/* ------------------------------
 jidou 
------------------------------ */

#jidou{
	width:800px;
	margin:0 auto;
	padding:30px;
	float:left;

}
#jidou h2{
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
	

}

#jidou h2 a{
color:#000000;
	

}


#jidou p{
	width:400px;
	padding:30px;
	float:left;
	line-height:30px;

}
#jidou img{
	width:240px;
	padding:30px;
	float:right;

}


/* ------------------------------
 pass 
------------------------------ */

#pass{
	width:1024px;
	float:left;

}
#pass h2{
	margin-left:10px;
	font-size:16px;
	font-weight:bold;

}
#jidou h2 a{
color:#000000;
}

#pass img{
	float:left;
	margin-left:40px;
	margin-bottom:20px;

}
/* ------------------------------
 eventtop 
------------------------------ */
#eventtop{
width:1004px;
height:246px;
margin-left:20px;
}

#eventtop img{
float:left;

}


/* ------------------------------
 season 
------------------------------ */
.season{
width:944px;
float:left;
padding:40px;

}
.season h3{
margin-left:50px;
font-size:16px;
font-weight:bold;
float:left;
}

.season h3 a{
color:#000000;
}


.season p{
line-height:30px;
}

.season h2{
margin-left:50px;
font-size:16px;
font-weight:bold;
float:left;
}
.season h2 a{
color:#000000;
}


.season img{
margin-left:250px;
margin-bottom:30px;
float:left;
}


/* ------------------------------
 event1
------------------------------ */

.event1{
float:left;
height:auto;
width:900px;
}
.event1 img{
float:left;
margin-left:50px;
margin-bottom:30px;
}

.event1 p{
width:400px;
float:right;
line-height:40px;
padding-top:30px;
}
.event1 h3{
margin-left:50px;
font-size:16px;
font-weight:bold;
float:left;
}


/* ------------------------------
 event2
------------------------------ */

.event2{
float:right;
height:auto;
width:850px;
padding-left:50px;
margin-bottom:30px;
line-height:30px;

}



/* ------------------------------
 session
------------------------------ */
#session{
width:900px;
float:left;
line-height:18px;


}

.season1 h2 {

margin-left:50px;
}

.season1 h2 a{
font-size:16px;
font-weight:bold;
color:#000000;


}


/* ------------------------------
 left 
------------------------------ */
.left {
	width:432px;
	float:left;
	margin-left:70px;
	_margin-left:70px;
	}
.left p.int{
	background-image:url(../images/check.jpg);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:5px;
	}
.left h1{
	font-size:24px;
	padding-bottom:15px;
	padding-left:150px;

	}
.left h2{
padding-top:50px;
font-weight:bold;
font-size:18px;

}

.left h2 a{
color:#000000;

}

.left h3{
	font-size:18px;
	padding-bottom:10px;
	padding-left:130px;
	}
	

/* ------------------------------
 topright 
------------------------------ */
.topright {
	width:432px;
	height:auto;
	float:right;
	margin-right:15px;
	_margin-right:15px;
	padding-top:10px;
	}
.topright img{
	margin:0px;
	padding:0px;
	}	
	
/* ------------------------------
 right 
------------------------------ */
.right {
	width:432px;
	float:right;
	margin-right:70px;
	_margin-right:70px;
	padding-top:50px;
	}
.right h2 {
	font-size:18px;
	font-style:oblique;
	font-weight:bold;
	padding-left:100px;

	}

.right ul li{
	padding-left:20px;
	}
.right ul li ul li{
	padding-left:40px;
	}
.add{
	font-size:16px;
	padding-top:35px;

}

/* ------------------------------
 parking1
------------------------------ */
#parking1{
width:900px;
float:left;
margin-left:30px;
margin-top:50px;

}

#parking1 h2{
font-size:18px;
font-weight:bold;
}
#parking1 h2 a{
color:#000000;

}

/* ------------------------------
 emplace
------------------------------ */
#emplace{
width:900px;
float:left;
margin-top:50px;
margin-left:30px;


}
#emplace h2{
font-weight:bold;
font-size:18px;

}
#emplace h2 a{
color:#000000;

}


#emplace h3{
font-size:18px;

}

#emplace p{
line-height:30px;

}

/* ------------------------------
 resul
------------------------------ */

.resul{
padding:25px;



}

.resul h1{
font-size:36px;
text-decoration:underline;

}

.resul h2{
font-size:24px;
text-decoration:underline;
margin-top:10px;

}

.resul h3{
font-size:18px;
text-decoration:underline;


}

.resul p{
font-size:14px;

}


/* ------------------------------
 clear
------------------------------ */
.clear{
clear:both;

}

/* ------------------------------
 prefooter
------------------------------ */
#prefooter {

	float:left;
	width:1024px;
	height:230px;
	background-image:url(../images/prefoot.jpg);
	background-repeat:repeat;
	height:auto;
	font-size:12px;
	margin-top:20px;
}

#prefooter h3 {
	padding-bottom:5px;
}

#prefooter h4 {
	padding-bottom:5px;
}
	

#prefooter ul {
	height:auto;
	display:inline;
	list-style-type:none;
	list-style:none;
	float:left;
	padding-top:5px;
	}

#prefooter ul li {
	_margin-right:0px;
	float:left;
	height:230px;;
	width:100px;
	color:#804000;
	padding-left:5px;
	}
#prefooter ul li a {
	color:#804000;
	padding-left:5px;
	}
#prefooter ul li a:hover {
	color:#99CC66;
	}


/* ------------------------------
 footer
------------------------------ */
#footer {

	float:left;
	width:1024px;
	background-image:url(../images/foot.jpg);
	background-repeat:repeat-x;
	height:172px;


}
#footer p{
	font-size:10px;
	padding-left:50px;
	color:#666666;
	
	}
#footer img{
	float:right;	
	}