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

/* トップナビゲーション */
#head_navi { 
	margin:0;
	height:60px;
	background-image:url(../images/head_navi.jpg);
	background-repeat:no-repeat;
}

ul.headnavi {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
}

.headnavi li {
  text-indent: -9999px;
  margin-bottom:0px;
  float:left;
}

.headnavi a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(../images/head_navi.jpg);
	background-repeat: no-repeat;
}
#h_navi1,
#h_navi1 a
{
  display: block;
  width: 130px;
  height: 60px;
  margin: 0px;
  padding: 0px;
}
#h_navi2,
#h_navi2 a,
#h_navi3,
#h_navi3 a,
#h_navi4,
#h_navi4 a,
#h_navi5,
#h_navi5 a,
#h_navi6,
#h_navi6 a

{
  display: block;
  width: 150px;
  height: 60px;
  margin: 0px;
  padding: 0px;
}

#h_navi1 a { background-position: 0px 0px;}
#h_navi2 a { background-position: -130px 0px;}
#h_navi3 a { background-position: -280px 0px;}
#h_navi4 a { background-position: -430px 0px;}
#h_navi5 a { background-position: -580px 0px;}
#h_navi6 a { background-position: -730px 0px;}

#h_navi1 a:hover { background-position: 0px -100px;}
#h_navi2 a:hover { background-position: -130px -100px;}
#h_navi3 a:hover { background-position: -280px -100px;}
#h_navi4 a:hover { background-position: -430px -100px;}
#h_navi5 a:hover { background-position: -580px -100px;}
#h_navi6 a:hover { background-position: -730px -100px;}


/* サイトマップ、リンク集、プライバシーポリシー*/
#top_navi {
	margin:0;
	height:40px;
	background-image:url(../images/top_navi.jpg);
	background-repeat:no-repeat;
}

ul.topnavi {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
}

.topnavi li {
  text-indent: -9999px;
  margin-bottom:0px;
  float:left;
}

.topnavi a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(../images/top_navi.jpg);
	background-repeat: no-repeat;
}
#t_navi1,
#t_navi1 a{
  display: block;
  width: 125px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#t_navi2,
#t_navi2 a{
  display: block;
  width: 90px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#t_navi3,
#t_navi3 a
{
  display: block;
  width: 55px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#t_navi4,
#t_navi4 a
{
  display: block;
  width: 145px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#t_navi1 a { background-position: 0px 0px;}
#t_navi2 a { background-position: -125px 0px;}
#t_navi3 a { background-position: -215px 0px;}
#t_navi4 a { background-position: -270px 0px;}

#t_navi1 a:hover { background-position: 0px -100px;}
#t_navi2 a:hover { background-position: -125px -100px;}
#t_navi3 a:hover { background-position: -215px -100px;}
#t_navi4 a:hover { background-position: -270px -100px;}

/* コースなび */
#course_navi {
	margin:0;
	height:20px;
	background-image:url(../images/btn_course.jpg);
	background-repeat:no-repeat;
}

ul.coursenavi {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float:left;
}

.coursenavi li {
  text-indent: -9999px;
  margin-bottom:0px;
  float:left;
}

.coursenavi a {
	text-decoration: none;
	overflow: hidden;
	background-image: url(../images/btn_course.jpg);
	background-repeat: no-repeat;
}
#c_navi1,
#c_navi1 a{
  display: block;
  width: 145px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
#c_navi2,
#c_navi2 a{
  display: block;
  width: 145px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}
#c_navi3,
#c_navi3 a
{
  display: block;
  width: 145px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}

#c_navi1 a { background-position: 0px 0px;}
#c_navi2 a { background-position: -145px 0px;}
#c_navi3 a { background-position: -285px 0px;}

#c_navi1 a:hover { background-position: 0px -50px;}
#c_navi2 a:hover { background-position: -145px -50px;}
#c_navi3 a:hover { background-position: -285px -50px;}







/*===============================================
	各ページのボタン
================================================*/



.btn_send a {
	display:block;
	width:140px;
	height:20px;
	text-indent:-10000px;
	background-image: url(../images/btn_send.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_send a:hover, .btn_send a:focus {background-position:0 -50px;}

.btn_onetoone a {
	display:block;
	width:140px;
	height:20px;
	text-indent:-10000px;
	background-image: url(../images/btn_onetoone.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
.btn_onetoone a:hover, .btn_onetoone a:focus {background-position:0 -50px;}
.btn_kids a {
	display:block;
	width:140px;
	height:20px;
	text-indent:-10000px;
	background-image: url(../images/btn_kids.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}
.btn_kids a:hover, .btn_kids a:focus {background-position:0 -50px;}
.btn_detail a {
	display:block;
	width:140px;
	height:20px;
	text-indent:-10000px;
	background-image: url(../images/btn_detail.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_detail a:hover, .btn_detail a:focus {background-position:0 -50px;}
.btn_adult a {
	display:block;
	width:140px;
	height:20px;
	text-indent:-10000px;
	background-image: url(../images/btn_adult.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}
.btn_adult a:hover, .btn_adult a:focus {background-position:0 -50px;}

.btn_lesson a {
	display:block;
	width:468px;
	height:80px;
	text-indent:-10000px;
	background-image: url(../images/btn_lesson.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}
.btn_lesson a:hover, .btn_lesson a:focus {background-position:0 -100px;}
.btn_blog a {
	display:block;
	width:200px;
	height:75px;
	text-indent:-10000px;
	background-image: url(../images/btn_blog.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}
.btn_blog a:hover, .btn_blog a:focus {background-position:0 -100px;}


/*===============================================
	よくある質問
================================================*/

.course_btn01 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn01.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn01 a:hover, .course_btn01 a:focus {background-position:0 -100px;}

.course_btn02 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn02.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn02 a:hover, .course_btn02 a:focus {background-position:0 -100px;}

.course_btn03 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn03.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn03 a:hover, .course_btn03 a:focus {background-position:0 -100px;}

.course_btn04 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn04.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn04 a:hover, .course_btn04 a:focus {background-position:0 -100px;}

.course_btn05 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn05.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn05 a:hover, .course_btn05 a:focus {background-position:0 -100px;}
.course_btn06 a {
	display:block;
	width:198px;
	height:38px;
	text-indent:-10000px;
	background-image: url(../course/images/btn06.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.course_btn06 a:hover, .course_btn06 a:focus {background-position:0 -100px;}

.btn_method a {
	display:block;
	width:200px;
	height:195px;
	text-indent:-10000px;
	background-image: url(../images/btn_method.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.btn_method a:hover, .btn_method a:focus {background-position:0 -250px;}