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

#band-header {
	width: 690px;
	height: 255px;
	text-indent: -9999px;
	background-image: url(../school/point/image2/band_header.jpg);
	background-repeat: no-repeat;
}

#page-title {
	width: 690px;
	height: 88px;
	text-indent: -9999px;
	background-image: url(../school/point/image2/band_title.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0;
}

.chapter-title {
	width: 690px;
	height: 52px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#chapter-title1 {
	background-image: url(../school/point/image2/band_chapter_1.jpg);
	margin: 20px 0 0;
}
#chapter-title2 {
	background-image: url(../school/point/image2/band_chapter_2.jpg);
}
#chapter-title3 {
	background-image: url(../school/point/image2/chapter_3.jpg);
}

.chapter-block {
	font-size: 14px;
	line-height: 20px;
	background-image: url(../school/point/image2/chapter_bg.gif);
	background-repeat: repeat-y;
}


#chapter-block1 {
	width: 633px;
	padding: 18px 25px 15px 32px;
}

.chapter-bottom1 {
	width: 690px;
	height: 58px;
	text-indent: -9999px;
	background-image: url(../school/point/image2/chapter_bottom.jpg);
	background-repeat: no-repeat;
}

#chapter-block2 {
	width: 660px;
	padding: 14px 15px 10px;
}

#chapter-block2 .point-title {
	width: 660px;
	height: 45px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 20px 0 0;
}

#point-title1 {
	background-image: url(../school/point/image2/band_point_1.jpg);
}
#point-title2 {
	background-image: url(../school/point/image2/band_point_2.jpg);
}
#point-title3 {
	background-image: url(../school/point/image2/band_point_3.jpg);
}
#point-title4 {
	background-image: url(../school/point/image2/band_point_4.jpg);
}

#chapter-block2 .point-block {
	width: 660px;
	padding: 13px 0 0;
}

#chapter-block2 .txt {
	width: 470px;
	float: left;
	padding: 0 0 0 13px;
}

#chapter-block2 .img {
	width: 120px;
	float: right;
	padding: 0 24px 0 0;
}

#chapter-block3 {
	width: 650px;
	padding: 20px 20px 15px 20px;
}

#chapter-block3 .outside {
	padding: 0 0 15px;
}

#chapter-block3 p {
	color: #ff2079;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	width: 536px;
	height: 20px;
	background-image: url(../school/point/image2/chapter3_hukidasi.gif);
	background-repeat: no-repeat;
	padding: 20px 10px 20px 30px;
	float: right;
}

#chapter-block3 .img {
	width: 60px;
	float: left;
}

#class-list-title {
	width: 650px;
	height: 59px;
	text-indent: -9999px;
	background-image: url(../school/point/image2/band_class_title.jpg);
	background-repeat: no-repeat;
}

#chapter-block3 #class-list {
	width: 610px;
	background-image: url(../school/point/image2/class_bg.gif);
	background-repeat: repeat-y;
	padding: 9px 20px 0;
}

#chapter-block3 #class-list li {
	width: 195px;
	float: left;
	margin: 0 12px 0 0;
}
#chapter-block3 #class-list li.class3 {
	margin-right: 0;
}

#chapter-block3 #class-list li a {
	width: 195px;
	height: 153px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#chapter-block3 #class-list li.class1 a {
	background-image: url(../school/point/image2/band_class.jpg);
	background-position: 0 0;
}
#chapter-block3 #class-list li.class1 a:hover {
	background-position: -195px 0;
}

#chapter-block3 #class-list li.class2 a {
	background-image: url(../school/point/image2/band_class.jpg);
	background-position: 0 -153px;
}
#chapter-block3 #class-list li.class2 a:hover {
	background-position: -195px -153px;
}

#chapter-block3 #class-list li.class3 a {
	background-image: url(../school/point/image2/band_class.jpg);
	background-position: 0 -306px;
}
#chapter-block3 #class-list li.class3 a:hover {
	background-position: -195px -306px;
}

#chapter-block3 .class-list-bottom {
	width: 650px;
	height: 19px;
	background-image: url(../school/point/image2/class_bottom.gif);
	background-repeat: no-repeat;
}

.chapter-bottom2 {
	width: 690px;
	height: 9px;
	background-image: url(../school/point/image2/chapter_bottom2.gif);
	background-repeat: no-repeat;
}