@charset "utf-8";

#courseTop .contentWrap {
	background:url(/course_vocal/images/index_bg01.jpg) no-repeat 0 0;
}

.mainContainer {
	width:703px;
}

.promoImg {
	height:445px;
}

.textRed {
	color:#d0111b;
}


/* ------------------------------------------
 find
------------------------------------------- */
.find {
	width:665px;
	padding:0 0 20px 27px;
}

.find h2 {
	padding-bottom:15px;
}

.find .textItem {
	width:400px;
	padding-left:10px;
}

.find ul li {
	padding-right:7px;
	float:left;
}



/* ------------------------------------------
 after lesson
------------------------------------------- */
.afterLesson {
	clear:both;
	width:665px;
	margin-left:8px;
	padding:0 0 40px 30px;
}

.afterLesson h2 {
	padding-bottom:15px;
}

.afterLesson .textItem {
	width:390px;
	padding-left:10px;
	float:left;
}

.afterLesson .image {
	float:right;
}



/* ------------------------------------------
 point
------------------------------------------- */
.poinBox {
	clear:both;
	width:695px;
	margin:0 0 30px 8px;
	background:url(/course_instrument/images/index_bg01.gif) repeat-y 0 0;
}

.poinBox .inner {
	padding-bottom:10px;
	background:url(/course_instrument/images/index_bg02.gif) no-repeat left bottom;
}

.poinBox .inner .bgbox {
	padding:30px 30px 20px;
	background:url(/course_instrument/images/index_bg03.gif) no-repeat 0 0;
}

.poinBox h3 {
	padding-bottom:15px;
	font-weight:bold;
	color:#876d00;
}

.wbox {
	clear:both;
	width:635px;
	margin-right:auto;
	margin-left:auto;
	background:url(/about/point01/images/point01_bg_01.png) no-repeat left bottom;
}


/* ------------------------------------------
 point 1
------------------------------------------- */
#point1 .textItem {
	width:408px;
	float:right;
}

#point1 .image {
	float:left;
}


/* ------------------------------------------
 point 2
------------------------------------------- */
#point2 h3 {
	padding-bottom:0;
}

#point2 .wbox {
	padding-bottom:20px;
}

#point2 .textItem {
	padding-left:15px;
}

#point2 .textItem p {
	float:left;
}


/* ------------------------------------------
 point 3
------------------------------------------- */
#point3 .textItem {
	width:390px;
	float:left;
}

#point3 .image {
	float:right;
}


/* ------------------------------------------
 vocal list
------------------------------------------- */
ul.vocalList {
	padding-left:17px;
}

ul.vocalList li {
	position:relative;
	width:291px;
	display:inline-block;
	padding-right:14px;
	padding-bottom:11px;
	vertical-align:top;
}

* html ul.vocalList li {
	display:inline;
	zoom:1;
}

ul.vocalList li span {
	position:absolute;
	font-size:108%;
	font-weight:bold;
	left:82px;
}

ul.vocalList li a {
	display:block;
	width:291px;
	cursor:pointer;
}

ul.vocalList li a:hover span {
	text-decoration:underline;
}