@charset "utf-8";

/* CONTAINER ****************************************************************/
div#contents div.topback {
	margin: 0 20px 0 0;
}

/* MAIN ****************************************************************/
div#main {
	padding-top: 17px;
}

div#course {
	width: 610px;
	height: 170px;
	margin-bottom: 51px;
	border: #CCC7C6 solid 1px;
	background: url(../images/course_bg.jpg) no-repeat;
}
div#course h2 {
	height: 30px;
	margin-bottom: 3px;
	text-indent: -9999px;
	background: url(../images/main_title01.jpg) no-repeat;
}
div#course ul {
	padding: 0 15px;
	text-indent: -9999px;
}
div#course li {
	width: 580px;
	margin-top: 20px;
}
div#course a {
	display: block;
	height: 100px;
}

li#course01 a{ background:url(../images/course01.gif) no-repeat 0 0;}
li#course02 a { background:url(../images/course02.gif) no-repeat 0 0;}
li#course03 a { background:url(../images/course03.gif) no-repeat 0 0;}

li#course01 a:hover { background-position: 0 -100px;}
li#course02 a:hover { background-position: 0 -100px;}
li#course03 a:hover { background-position: 0 -100px;}

div#news {
	width: 632px;
	margin-bottom: 41px;
}
div#news h3 {
	height: 50px;
	margin-top: 25px;
	text-indent: -9999px;
	background: url(../images/main_title03.gif) no-repeat;
}
div#news dl {
	width: 594px;
	padding: 0 8px;
}
div#news dt {
	float: right;
	padding-top: 4px;
	color: #796BAF;
}
div#news dd {
	padding: 2px 0 2px 72px;
	border-bottom: #9F9FA0 dotted 1px;
	font-size: 116%;
	background: url(../images/list_icon01.gif) no-repeat 0 center;
}

div#event {
	width: 632px;
	margin-bottom: 41px;
}
div#event h3 {
	height: 50px;
	margin-bottom: 8px;
	text-indent: -9999px;
	background: url(../images/main_title03.gif) no-repeat;
}
div#event dl {
	width: 594px;
	margin-bottom: 41px;
	padding: 0 8px;
}
div#event dt {
	float: right;
	padding-top: 4px;
	color: #796BAF;
}
div#event dd {
	padding: 2px 0 2px 72px;
	border-bottom: #9F9FA0 dotted 1px;
	font-size: 116%;
	background: url(../images/list_icon02.gif) no-repeat 0 center;
}

div#topinfo {
	width: 610px;
	height: 80px;
	margin-bottom: 10px;
	border: #CCC7C6 solid 1px;
}

div#topinfo01 {
	width: 610px;
	height: 80px;
	margin-bottom: 10px;
	border: #CCC7C6 solid 1px;
}

div#topinfo2 {
	width: 610px;
	height: 80px;
	margin-bottom: 25px;
	border: #CCC7C6 solid 1px;
}


div#margin01 { margin:18px 0 0 15px;}

div.box5 { float: left;}

p.inbox2 {
	width: 193px;
	height: 100px;
	text-indent: -9999px;
}
p.inbox2 a {
	display: block;
	height: 100px;
}

p#img01 a { background: url(../images/course01.gif) no-repeat 0 0;}
p#img02 a { background: url(../images/course02.gif) no-repeat 0 0;}
p#img03 a { background: url(../images/course03.gif) no-repeat 0 0;}

p#img01 a:hover { background-position: 0 -100px;}
p#img02 a:hover { background-position: 0 -100px;}
p#img03 a:hover { background-position: 0 -100px;}