@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.courses_mtitle {
	background: url(../images/courses/index/courses_mtitle.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 35px 0 0 0;
	width: 630px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}

.courses_mlead {
	background: url(../images/courses/index/courses_mimage.jpg) no-repeat;
	margin: 0;
	padding: 243px 0 0 0;
	width: 630px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:243px;/* for ie5.x */
	}

.courses_navi {
	background: url(../images/courses/index/courses_naviback.jpg) no-repeat;
	margin:0 0 30px 0;
	padding:0 0 0 12px;
	height:85px;
	list-style-type: none
	}
	
.courses_navi li {
	margin:0;
	width:152px;
	height:84px;
	float:left;
	}	
	
.courses_navi li a {
	margin: 0;
	padding: 84px 0 0 0;
	width: 152px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:84px;/* for ie5.x */
	}
	
.courses_navi li.courses_navi1 a {
	background: url(../images/courses/index/courses_navi1.jpg) no-repeat;
	}
	
.courses_navi li.courses_navi2 a {
	background: url(../images/courses/index/courses_navi2.jpg) no-repeat;
	}
	
.courses_navi li.courses_navi3 a {
	background: url(../images/courses/index/courses_navi3.jpg) no-repeat;
	}
	
.courses_navi li.courses_navi4 a {
	background: url(../images/courses/index/courses_navi4.jpg) no-repeat;
	}

.courses_navi li a:hover {
	background-position: 0 -84px;
	}
	



#courses_stitle1 {
	background: url(../images/courses/index/courses_stitle1.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 25px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}

.courses_area1 {
	background: url(../images/courses/index/courses_area1.jpg) no-repeat;
	margin:0 0 10px 0;
	width:630px;
	height:560px;
	position: relative;
	}

.courses_area1title1,
.courses_area1title2,
.courses_area1title3,
.courses_area1title4 {
	margin: 0;
	padding: 82px 0 0 0;
	width: 122px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:82px;/* for ie5.x */
	}

.courses_area1title1 {
	position: absolute;
	top:20px;
	left:2px;
	background: url(../images/courses/index/courses_area1title1.jpg) no-repeat;
	}

.courses_area1title2 {
	position: absolute;
	top:129px;
	left:2px;
	background: url(../images/courses/index/courses_area1title2.jpg) no-repeat;
	}

.courses_area1title3 {
	position: absolute;
	top:252px;
	left:2px;
	background: url(../images/courses/index/courses_area1title3.jpg) no-repeat;
	}

.courses_area1title4 {
	position: absolute;
	top:426px;
	left:2px;
	background: url(../images/courses/index/courses_area1title4.jpg) no-repeat;
	}

.courses_area1box1 {
	position: absolute;
	top:20px;
	left:124px;
	background: url(../images/courses/index/courses_area1box1.jpg) no-repeat;
	width:454px;
	height:99px;
	}

.line1 {
	margin:0 0 5px 0;
	padding:12px 0 3px 15px;
	line-height:1.0;
	height:22px;
	color:#008BFF;
	font-size:1.4em;
	font-weight: bold;
	}
	
.courses_area1box2 {
	position: absolute;
	top:129px;
	left:124px;
	background: url(../images/courses/index/courses_area1box2.jpg) no-repeat;
	padding:10px 0 0 132px;
	width:322px;
	height:106px;
	font-size:1.2em;
	line-height:1.8;
	}
	
.courses_area1box2 b {
	color:#008BFF;
	font-weight: bold;
	font-size:1.2em;
	}
	
.courses_area1box3 {
	position: absolute;
	top:252px;
	left:124px;
	background: url(../images/courses/index/courses_area1box3.jpg) no-repeat;
	width:454px;
	height:160px;
	}
	
.line2 {
	margin:0 0 5px 0;
	padding:12px 0 3px 15px;
	line-height:1.0;
	height:22px;
	font-size:1.4em;
	}
	
.line3 {
	margin:0 0 5px 0;
	padding:12px 0 3px 15px;
	line-height:1.3;
	height:40px;
	font-size:1.4em;
	}
	
.line2 b,
.line3 b {
	color:#008BFF;
	font-weight: bold;
	}
	
.courses_area1box4 {
	position: absolute;
	top:426px;
	left:124px;
	background: url(../images/courses/index/courses_area1box4.jpg) no-repeat;
	padding:15px;
	width:424px;
	height:93px;
	font-size:1.4em;
	line-height:1.4;
	}

.courses_area1box4 b {
	color:#008BFF;
	font-weight: bold;
	}



.courses_area2 {
	background: url(../images/courses/index/courses_area2image1.jpg) no-repeat;
	background-position: right 0;
	margin:0 0 15px 0;
	padding:0;
	width:605px;
	height:210px;
	}

#courses_stitle2 {
	background: url(../images/courses/index/courses_stitle2.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 28px 0 0 0;
	width: 209px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:28px;/* for ie5.x */
	}

.courses_area2ex {
	margin:0;
	width:200px;
	font-size:1.4em;
	}
	
#courses_stitle3,
#courses_stitle4{
	background: url(../images/courses/index/courses_stitle3.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 28px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:58px;/* for ie5.x */
	}
	
#courses_stitle4 {
	background: url(../images/courses/index/courses_stitle4.jpg) no-repeat;
	}





.courses_area3box {
	margin:0 0 15px 0;
	width:600px;
	}

.courses_area3title1,
.courses_area3title2,
.courses_area3title3,
.courses_area3title4 {
	float:left;
	margin: 0;
	padding: 95px 0 0 0;
	width: 160px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:95px;/* for ie5.x */
	}

.courses_area3title1 {
	background: url(../images/courses/index/courses_area3stagetitle1.jpg) no-repeat;
	}
	
.courses_area3title2 {
	background: url(../images/courses/index/courses_area3stagetitle2.jpg) no-repeat;
	}
	
.courses_area3title3 {
	background: url(../images/courses/index/courses_area3stagetitle3.jpg) no-repeat;
	}
	
.courses_area3title4 {
	background: url(../images/courses/index/courses_area3stagetitle4.jpg) no-repeat;
	}
	
.courses_area3box1,
.courses_area3box2,
.courses_area3box3,
.courses_area3box4 {
	float:right;
	margin:0;
	padding:45px 0 0 10px;
	width:420px;
	height:55px;	
	font-size:1.4em;
	line-height:1.5;
	}
	
.courses_area3box1 {
	background: url(../images/courses/index/courses_area3stagebox1.jpg) no-repeat;
	}

.courses_area3box2 {
	background: url(../images/courses/index/courses_area3stagebox2.jpg) no-repeat;
	}
	
.courses_area3box3 {
	background: url(../images/courses/index/courses_area3stagebox3.jpg) no-repeat;
	}
	
.courses_area3box4 {
	background: url(../images/courses/index/courses_area3stagebox4.jpg) no-repeat;
	}


.courses_area4box {
	background: url(../images/courses/index/courses_area4box.jpg) no-repeat;
	margin:0 0 10px 0;
	width:610px;
	height:155px;
	position: relative;
	}
	
.courses_area4box.b30 {
	margin:0 0 30px 0;
	}
	
.courses_area4image {
	position: absolute;
	top:20px;
	left:20px;
	
	}
	
.courses_area4title1,
.courses_area4title2,
.courses_area4title3 {
	position: absolute;
	top:20px;
	left:190px;
	margin: 0;
	padding: 21px 0 0 0;
	width: 372px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:21px;/* for ie5.x */
	}
	
.courses_area4title1 {
	background: url(../images/courses/index/courses_area4title1.jpg) no-repeat;
	}
	
.courses_area4title2 {
	background: url(../images/courses/index/courses_area4title2.jpg) no-repeat;
	}
	
.courses_area4title3 {
	background: url(../images/courses/index/courses_area4title3.jpg) no-repeat;
	}
	
.courses_area4ex {
	position: absolute;
	top:45px;
	left:190px;
	font-size:1.4em;
	width:385px;
	}


/* #
--------- --------- --------- --------- --------- */
.other_mtitle {
	background: url(../images/courses/more/more_mtitle.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 35px 0 0 0;
	width: 630px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}

.other_mlead {
	background: url(../images/courses/more/more_mimage1.jpg) no-repeat;
	margin: 0;
	padding: 261px 0 0 0;
	width: 630px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:261px;/* for ie5.x */
	}

.other_area1 {
	background: url(../images/courses/more/more_area1.jpg) no-repeat;
	background-position: right 0;
	margin:0 0 15px 0;
	padding:16px 0 0 0;
	height:189px;
	}

.other_stitle1 {
	background: url(../images/courses/more/more_area1title.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 25px 0 0 0;
	width: 355px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}
	
.other_area1lead {
	background: url(../images/courses/more/more_area1lead.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 40px 0 0 0;
	width: 380px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}
	
.other_area1ex {
	margin:0;
	font-size:1.4em;
	}
	
.other_area1-1 {
	background: url(../images/courses/more/more_area1image1.jpg) no-repeat;
	margin: 0 0 35px 0;
	padding: 185px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:185px;/* for ie5.x */
	}


.other_area1-2 {
	background: url(../images/courses/more/more_area1image2.jpg) no-repeat;
	margin:0 0 10px 0;
	padding:45px 0 0 15px;
	width:585px;
	height:55px;
	font-size:1.4em;
	}



.to_top.b40 {
	margin-bottom:40px;
	}
	

.other_stitle2 {
	background: url(../images/courses/more/more_stitle1.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 25px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}

.other_area2 {
	margin:0 30px 20px 0;
	font-size:1.4em;
	}

.course1title {
	background: url(../images/courses/more/more_area3title1.jpg) no-repeat;
	margin: 0;
	padding: 56px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:56px;/* for ie5.x */
	}

.course2title,
.course3title,
.course4title,
.course5title,
.course6title
 {
	margin: 0;
	padding: 50px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:50px;/* for ie5.x */
	}
	
.course2title {
	background: url(../images/courses/more/more_area3title2.jpg) no-repeat;
	}
	
.course3title {
	background: url(../images/courses/more/more_area3title3.jpg) no-repeat;
	}
	
.course4title {
	background: url(../images/courses/more/more_area3title4.jpg) no-repeat;
	}
	
.course5title {
	background: url(../images/courses/more/more_area3title6.jpg) no-repeat;
	}
	
.course6title {
	background: url(../images/courses/more/more_area3title5.jpg) no-repeat;
	}
	
.course1box {
	background: url(../images/courses/more/more_area3image1.jpg) no-repeat;
	background-position: right 0;
	margin:0 30px 20px 0;
	padding:0 275px 0 10px;
	font-size:1.4em;
	height:172px;
	}
	
.course2box {
	background: url(../images/courses/more/more_area3image2.jpg) no-repeat;
	background-position: right 0;
	margin:0 30px 20px 0;
	padding:0 275px 0 10px;
	font-size:1.4em;
	height:172px;
	}
	
.course3box {
	background: url(../images/courses/more/more_area3image3.jpg) no-repeat;
	background-position: right 0;
	margin:0 30px 20px 0;
	padding:0 275px 0 10px;
	font-size:1.4em;
	height:172px;
	}
	
.course4box {
	background: url(../images/courses/more/more_area3image4.jpg) no-repeat;
	background-position: right 0;
	margin:0 30px 80px 0;
	padding:0 275px 0 10px;
	font-size:1.4em;
	height:172px;
	}

.course5box {
	background: url(../images/courses/more/more_area3image6.jpg) no-repeat;
	background-position: right 0;
	margin:0 30px 80px 0;
	padding:0 275px 0 10px;
	font-size:1.4em;
	height:172px;
	}

.course6box {
	background: url(../images/courses/more/more_area3image5.jpg) no-repeat;
	background-position: right 0;
	margin:0 30px 80px 0;
	padding:0 275px 0 10px;
	font-size:1.4em;
	height:172px;
	}

/* #
--------- --------- --------- --------- --------- */
.voices_mtitle {
	background: url(../images/courses/voices/voice_mtitle.jpg) no-repeat;
	margin: 0 0 20px 0;
	padding: 35px 0 0 0;
	width: 630px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}

.voices_lead {
	background: url(../images/courses/voices/voice_lead.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 25px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}
	
.voices_stitle {
	background: url(../images/courses/voices/voice_stitle.jpg) no-repeat;
	margin: 0 0 8px 0;
	padding: 25px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}
	
.voices_ex {
	margin:0 0 50px 0;
	font-size:1.4em;
	}

.voice1title,
.voice2title {
	background: url(../images/courses/voices/voices_title2.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding:140px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:140px;/* for ie5.x */
	}

.voice2title {
	background: url(../images/courses/voices/voices_title1.jpg) no-repeat;
	}

.voice_ex2 {
	margin:0 0 15px 0;
	padding:0 40px 30px 25px;
	font-size:1.4em;
	line-height:30px;
	}


.voice_ex2 .font01 {
	font-size:18px;
	color:#008aff;
}

.to_top.b20 {
	margin-bottom:20px;
	line-height:40px;
	}

/* #
--------- --------- --------- --------- --------- */
.teachers_mtitle {
	background: url(../images/courses/teachers/teachers_mtitle.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 35px 0 0 0;
	width: 630px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}
	
.teachers_lead {
	background: url(../images/courses/teachers/teachers_lead.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 25px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}	

.teacher1title,
.teacher2title {
	background: url(../images/courses/teachers/teachers_title2.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding:145px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:145px;/* for ie5.x */
	}

.teacher2title {
	background: url(../images/courses/teachers/teachers_title1.jpg) no-repeat;
	}

.teachers_ex {
	margin:0 0 15px 0;
	padding:0 40px 70px 25px;
	font-size:1.4em;
	line-height:30px;
	}

.teachers_ex .font01 {
	font-size:18px;
	color:#008aff;
}