@charset "UTF-8";
@import "school_com.css";
@import "school_lesson_com.css";

#lesson-header {
	width: 690px;
	height: 325px;
	background-image: url(../school/vocal/image2/lsn_header.jpg);
	background-repeat: no-repeat;
}

#lesson-header h1,
#lesson-header p {
	text-indent: -9999px;
}

.chapter-title {
	width: 690px;
	height: 82px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
}

.chapter-block {
	font-size: 14px;
	line-height: 20px;
	width: 660px;
	background-image: url(../school/vocal/image2/chapter_bg.gif);
	background-repeat: repeat-y;
	padding: 26px 15px 13px;
}

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

#chapter-title1 {
	background-image: url(../school/vocal/image2/lsn_chapter_1.jpg);
	background-repeat: no-repeat;
}

.class-block {
	width: 660px;
	background-image: url(../school/vocal/image2/chapter_line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
#class-block4 {
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.class-block .left {
	width: 210px;
	float: left;
}

.class-block .right {
	width: 440px;
	float: right;
}

.class-block .name {
	margin: 0 0 10px;
}

.class-block .name a {
	display: block;
	width: 440px;
	height: 39px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.class-block #class-name1 a {
	background-image: url(../school/vocal/image2/lsn_class.jpg);
	background-position: 0 0;
}
.class-block #class-name1 a:hover {
	background-position: -440px 0;
}
.class-block #class-name2 a {
	background-image: url(../school/vocal/image2/lsn_class.jpg);
	background-position: 0 -39px;
}
.class-block #class-name2 a:hover {
	background-position: -440px -39px;
}
.class-block #class-name3 a {
	background-image: url(../school/vocal/image2/lsn_class.jpg);
	background-position: 0 -78px;
}
.class-block #class-name3 a:hover {
	background-position: -440px -78px;
}
.class-block #class-name4 a {
	background-image: url(../school/vocal/image2/lsn_class.jpg);
	background-position: 0 -117px;
}
.class-block #class-name4 a:hover {
	background-position: -440px -117px;
}

.class-block .right p {
	padding: 0 0 0 10px;
}

.class-block .right .inside {
	height: 115px;
}

#container-outside {
	margin-bottom: 25px;
}