#title{
background-color:#CCEECB;
}

h1 span{
background-position:0 -90px;
}

#visual{
}

#graduate-copy{
font-size:1px;
text-indent:-9999px;
width:650px;
height:210px;
position:relative;
}

#graduate-copy img{
position:absolute; top:0; left:0;
}

#graduate-banner{
padding-left:25px;
margin:20px 0 30px 0;
}

	#graduate-banner li,#btn-graduate li{float:left;}
	
		#graduate-banner li a{
		width:300px;
		height:220px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		}
		
		#graduate-banner li#banner-advice a{background-image:url(../../img/graduate/banner-advice.gif);}
		
		#graduate-banner li#banner-manual a{background-image:url(../../img/graduate/banner-manual.gif);}


.course-list ul li,
.course-list ul li strong a,
.course-list ul li span a{
background-image:url(../../img/index/course.gif);
background-repeat:no-repeat;
}
.course-list{
margin:0 0 0 0;
position:relative;
top:;
}

	.course-list ul li{
	width:210px;
	margin:0 0 0 10px;
	padding:0 0 18px 0;
	float:left;
	background-position:0 100%;
	}
	.course-list ul li.freehand{margin-left:0;}
	
		.course-list ul li strong a{
		display:block;
		height:165px;
		text-indent:-9999px;
		}
		
		.course-list ul li.freehand strong a{background-position:0 -34px;}
		.course-list ul li.stencil strong a{background-position:-210px -34px;}
		.course-list ul li.specialist strong a{background-position:-420px -34px;}
		
		.course-list ul li span{
		display:block;
		padding:0 10px 10px 10px;
		font-size:93%;
		color:#444;
		line-height:130%;
		border-left:1px solid #dbdbdb;
		border-right:1px solid #dbdbdb;
		background-color:#fff;
		}
		
			.course-list ul li span a{
			display:block;
			width:182px;
			height:34px;
			margin:10px 0 0 4px;
			padding:0;
			text-indent:-9999px;
			text-decoration:none;
			overflow:hidden;
			background-position:0 0;
			}
			.course-list ul li span a:hover{background-position:-182px 0;}
			
		
	


.forming{
margin:10px 0 30px 0;
}


#main .plan h2,
#main .plan dl,
#main .plan dl dt{
background-image:url(../../img/index/plan.gif);
background-repeat:no-repeat;
}

#main .plan{
margin:0 0 20px 0;
}

	#main .plan h2{
	width:650px;
	height:80px;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background-position:0 0;
	}
	
		#main .plan h2 span{
		display:block;
		height:12px;
		margin:0;
		padding:0;
		font-size:12px;
		text-indent:-9999px;
		background:none;
		}
		
		#main .plan h2 i{
		display:block;
		position:absolute;
		top:50px;
		right:20px;
		font-style:normal;
		}
		
			#main .plan h2 i a{
			font-size:12px;
			}
			
		
	
	
	#main .plan dl{
	padding:0 0 5px 0;
	background-position:0 100%;
	}
	
		#main .plan dl dt,
		#main .plan dl dd{
		border-left:1px solid #EFDFB4;
		border-right:1px solid #EFDFB4;
		background-color:#fff;
		}
		
		#main .plan dl dt{
		padding:5px 20px 5px 40px;
		font-size:123.1%;
		font-weight:bold;
		color:#444;
		background-position:-630px 6px;
		}
		
			#main .plan dl dt i{
			margin-left:10px;
			font-size:12px;
			font-weight:normal;
			font-style:normal;
			color:#c30;
			white-space:nowrap;
			}
			
		
		
		#main .plan dl dd{
		padding:0px 20px 15px 40px;
		font-size:93%;
		color:#444;
		line-height:130%;
		}
		
		#main .plan dl dt.end,
		#main .plan dl dt.end a,
		#main .plan dl dd.end{
		color:#888;
		text-decoration:none;
		cursor:text;
		}