@charset "UTF-8";

#global-navi .school span {
	background-position: 0px -25px;
}


#try-lesson {
	width: 960px;
	margin: 0 4px;
}

#main-title {
	width: 964px;
	margin: 11px 0 0 4px;
}

#main-title .title {
	width: 577px;
	height: 76px;
	text-indent: -9999px;
	background-image: url(../image2/school_name1.jpg);
	background-repeat: no-repeat;
	float: left;
}

#main-title .text {
	width: 387px;
	height: 76px;
	text-indent: -9999px;
	background-image: url(../image2/school_name2.jpg);
	background-repeat: no-repeat;
	float: left;
}

#flash a {
	display: block;
	text-indent: -9999px;
	width: 960px;
	height: 260px;
	background-image: url(../image2/flash.jpg);
	background-repeat: no-repeat;
	margin: 6px 4px 0;
}

#school-navi {
	width: 940px;
	height: 36px;
	margin: 13px 0 0 4px;
	background: url(../image2/navi_school.jpg) no-repeat 0px 0px;
	padding: 8px 14px 12px 10px;
}

#school-navi ul {
	width: 940px;
	height: 36px;
}

#school-navi li {
	display: inline;
}

#school-navi a,
#school-navi span {
	display: block;
	text-indent: -9999px;
	float: left;
}

#school-navi .point a,
#school-navi .point span {
	width: 180px;
	height: 36px;
	background: url(../image2/navi_school.jpg) no-repeat -10px -8px;
}
#school-navi .point a:hover {
	background-position: -10px -64px;
}

#school-navi .lesson a,
#school-navi .lesson span {
	width: 180px;
	height: 36px;
	background: url(../image2/navi_school.jpg) no-repeat -190px -8px;
}
#school-navi .lesson a:hover {
	background-position: -190px -64px;
}

#school-navi .voice a,
#school-navi .voice span {
	width: 137px;
	height: 36px;
	background: url(../image2/navi_school.jpg) no-repeat -370px -8px;
}
#school-navi .voice a:hover {
	background-position: -370px -64px;
}

#school-navi .try a,
#school-navi .try span {
	width: 160px;
	height: 36px;
	background: url(../image2/navi_school.jpg) no-repeat -507px -8px;
}
#school-navi .try a:hover {
	background-position: -507px -64px;
}

#school-navi .access a,
#school-navi .access span {
	width: 129px;
	height: 36px;
	background: url(../image2/navi_school.jpg) no-repeat -667px -8px;
}
#school-navi .access a:hover {
	background-position: -667px -64px;
}

#school-navi .inquire a,
#school-navi .inquire span {
	width: 154px;
	height: 36px;
	background: url(../image2/navi_school.jpg) no-repeat -796px -8px;
}
#school-navi .inquire a:hover {
	background-position: -796px -64px;
}


#news {
	clear: both;
	width: 945px;
	height: 139px;
	background-image: url(../image2/news_bg.jpg);
	background-repeat: no-repeat;
	margin: 9px 4px 0;
	padding: 65px 0 0 12px;
}

#news li {
	margin: 2px 0 0 0;
	padding: 0 0 0 30px;
}
#news li.mark1 {
	background: url(../image2/mark_1.gif) no-repeat 0% 45%;
}
#news li.mark2 {
	background: url(../image2/mark_2.gif) no-repeat 0% 45%;
}

#container-outside {
	width: 960px;
	background: url(../image2/side_frame_top.gif) no-repeat left top transparent;
	margin: 0 4px 30px;
}

#container {
	width: 960px;
	background: url(../image2/side_frame_bottom.gif) no-repeat left bottom transparent;
}

#contents {
	width: 690px;
	float: left;
	margin: 12px 0 0;
}


#capter1 {
	width: 690px;
	height: 87px;
	text-indent: -9999px;
	background-image: url(../image2/chapter_1.jpg);
	background-repeat: no-repeat;
}

#capter1-1 {
	width: 660px;
	height: 39px;
	text-indent: -9999px;
	background-image: url(../image2/chapter_1-1.jpg);
	background-repeat: no-repeat;
}

#chapter1-block {
	width: 660px;
	background-image: url(../image2/chapter_bg.gif);
	background-repeat: repeat-y;
	padding: 10px 15px 6px;
}

#chapter-bottom {
	width: 690px;
	height: 9px;
	background-image: url(../image2/chapter_bottom.gif);
	background-repeat: no-repeat;
}

#category-list li {
	width: 210px;
	float: left;
	padding: 10px 15px 0 0;
}

#category-list li.category3,
#category-list li.category6,
#category-list li.category9 {
	padding-right: 0;
}

#category-list li a {
	width: 210px;
	height: 155px;
	text-indent: -9999px;
	display: block;
}

#category-list li.category1 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#category-list li.category1 a:hover {
	background-position: 0px -155px;
}

#category-list li.category2 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: -210px 0px;
}
#category-list li.category2 a:hover {
	background-position: -210px -155px;
}

#category-list li.category3 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: -420px 0px;
}
#category-list li.category3 a:hover {
	background-position: -420px -155px;
}

#category-list li.category4 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: -630px 0px;
}
#category-list li.category4 a:hover {
	background-position: -630px -155px;
}

#category-list li.category5 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: -840px 0px;
}
#category-list li.category5 a:hover {
	background-position: -840px -155px;
}

#category-list li.category6 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: -1050px 0px;
}
#category-list li.category6 a:hover {
	background-position: -1050px -155px;
}

#category-list li.category7 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: -1260px 0px;
}
#category-list li.category7 a:hover {
	background-position: -1260px -155px;
}

#category-list li.category8 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: -1470px 0px;
}
#category-list li.category8 a:hover {
	background-position: -1470px -155px;
}

#category-list li.category9 a {
	background-image: url(../image2/category_box.jpg);
	background-repeat: no-repeat;
	background-position: -1680px 0px;
}
#category-list li.category9 a:hover {
	background-position: -1680px -155px;
}


#capter1-2 {
	width: 660px;
	height: 70px;
	text-indent: -9999px;
	background-image: url(../image2/chapter_1-2.jpg);
	background-repeat: no-repeat;
}

#lesson-list {
	width: 630px;
	background-image: url(../image2/chapter_1-2_middle.gif);
	background-repeat: repeat-y;
	padding: 10px 15px 0;
}

#lesson-list li {
	width: 150px;
	float: left;
	padding: 0 10px 0 0;
}

#lesson-list li a {
	width: 150px;
	height: 157px;
	display: block;
	text-indent: -9999px;
}

#lesson-list li.month-class a {
	background-image: url(../image2/class_box.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#lesson-list li.month-class a:hover {
	background-position: 0px -157px;
}

#lesson-list li.gospel-class a {
	background-image: url(../image2/class_box.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
}
#lesson-list li.gospel-class a:hover {
	background-position: -150px -157px;
}

#lesson-list li.enjoy-class a {
	background-image: url(../image2/class_box.jpg);
	background-repeat: no-repeat;
	background-position: -300px 0px;
}
#lesson-list li.enjoy-class a:hover {
	background-position: -300px -157px;
}

#lesson-list li.pro-class {
	padding-right: 0px;
}
#lesson-list li.pro-class a {
	background-image: url(../image2/class_box.jpg);
	background-repeat: no-repeat;
	background-position: -450px 0px;
}
#lesson-list li.pro-class a:hover {
	background-position: -450px -157px;
}

#lesson-bottom {
	width: 660px;
	height: 19px;
	background-image: url(../image2/chapter_1-2_bottom.gif);
	background-repeat: no-repeat;
}


#capter2 {
	width: 690px;
	height: 87px;
	text-indent: -9999px;
	background-image: url(../image2/chapter_2.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0;
}

#chapter2-block {
	width: 660px;
	background-image: url(../image2/chapter_bg.gif);
	background-repeat: repeat-y;
	padding: 10px 15px 6px;
}

#capter2-1 a {
	display: block;
	width: 660px;
	height: 248px;
	text-indent: -9999px;
	background-image: url(../image2/chapter_2-1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#capter2-1 a:hover {
	background-position: 0px -248px;
}

#teacher-list {
	margin: 0 0 0 10px;
}

#teacher-list li {
	width: 89px;
	float: left;
	margin: 10px 19px 0 0;
}


#capter3 {
	width: 690px;
	height: 87px;
	text-indent: -9999px;
	background-image: url(../image2/chapter_3.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0;
}

#chapter3-block {
	width: 645px;
	background-image: url(../image2/chapter_bg.gif);
	background-repeat: repeat-y;
	padding: 0 21px 6px 24px;
}

#time-list li {
	width: 115px;
	float: left;
	margin: 0 14px 0 0;
}

#time-list li .img {
	display: block;
	width: 115px;
	height: 188px;
	text-indent: -9999px;
}

#time-list li.time1 .img {
	background-image: url(../image2/time_img.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#time-list li.time1 .img:hover {
	background-position: 0px -188px;
}

#time-list li.time2 .img {
	background-image: url(../image2/time_img.jpg);
	background-repeat: no-repeat;
	background-position: -115px 0px;
}
#time-list li.time2 .img:hover {
	background-position: -115px -188px;
}

#time-list li.time3 .img {
	background-image: url(../image2/time_img.jpg);
	background-repeat: no-repeat;
	background-position: -230px 0px;
}
#time-list li.time3 .img:hover {
	background-position: -230px -188px;
}

#time-list li.time4 .img {
	background-image: url(../image2/time_img.jpg);
	background-repeat: no-repeat;
	background-position: -345px 0px;
}
#time-list li.time4 .img:hover {
	background-position: -345px -188px;
}

#time-list li.time5 .img {
	background-image: url(../image2/time_img.jpg);
	background-repeat: no-repeat;
	background-position: -460px 0px;
}
#time-list li.time5 .img:hover {
	background-position: -460px -188px;
}




#side-contents {
	color: #666666;
	width: 250px;
	float: right;
	margin: 24px 0 0;
}

#side-contents .inside {
	width: 231px;
	padding: 11px 9px 0 10px;
}

#chapter4 {
	text-indent: -9999px;
	width: 231px;
	height: 50px;
	background-image: url(../image2/side_chapter_1.gif);
	background-repeat: no-repeat;
}

#side-contents .book {
	width: 227px;
	margin: 9px 0 0 4px;
}

#side-contents .book p {
	width: 154px;
	float: right;
}

#side-contents .book .img {
	width: 64px;
	float: left;
}


#chapter5 {
	text-indent: -9999px;
	width: 231px;
	height: 50px;
	background-image: url(../image2/side_chapter_2.gif);
	background-repeat: no-repeat;
	margin: 30px 0 0;
}

#side-contents .student-list {
	margin: 9px 0 0;
}

#side-contents .student-list a {
	font-weight: bold;
}

#side-contents .student-list li {
	width: 227px;
	margin: 0 3px 14px;
}

#side-contents .student-list p {
	width: 154px;
	float: left;
}

#side-contents .student-list .img {
	width: 66px;
	float: right;
}


#chapter6 {
	text-indent: -9999px;
	width: 231px;
	height: 50px;
	background-image: url(../image2/side_chapter_3.gif);
	background-repeat: no-repeat;
	margin: 30px 0 0;
}

#side-contents .blog {
	width: 227px;
	margin: 9px 0 0 2px;
}

#side-contents .blog p {
	width: 154px;
	float: right;
}

#side-contents .blog .img {
	width: 66px;
	float: left;
}


/* 体験レッスン */
#try-lesson {
	width: 938px;
	height: 333px;
	background: url(../school/image2/try_br_bg.gif) no-repeat 0 0;
	margin: 0 4px;
	padding: 13px 13px 0 10px;
}

#try-lesson .txt a {
	display: block;
	width: 938px;
	height: 114px;
	text-indent: -9999px;
	background-image: url(../school/image2/try_br_txt.gif);
	background-repeat: no-repeat;
}

#try-lesson .voice {
	width: 454px;
	float: left;
	margin: 0 26px 0 3px;
}

#try-lesson .gospel {
	width: 454px;
	float: right;
	margin: 0 1px 0 0;
}


#try-lesson .link a {
	display: block;
	text-indent: -9999px;
	width: 454px;
	height: 198px;
}

#try-lesson .voice a {
	background-image: url(../school/image2/try_br_class.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#try-lesson .voice a:hover {
	background-position: 0px -198px;
}

#try-lesson .gospel a {
	background-image: url(../school/image2/try_br_class.jpg);
	background-repeat: no-repeat;
	background-position: -454px 0px;
}
#try-lesson .gospel a:hover {
	background-position: -454px -198px;
}

#mobile-site {
	display:none;
}