@charset "utf-8";

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


/* HEADER ****************************************************************/
div#header {
	width: 800px;
	height: 80px;
}

div#h-top p {
	float: left;
	width: 400px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}
div#h-top p a {
	float: left;
	width: 400px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}


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

div#main h1 {
	width: 580px;
	height: 82px;
	margin-bottom: 37px;
	text-indent: -9999px;
	background: url(../course/images/main_title2.gif) no-repeat;
}

div#nav {
	width: 600px;
	margin-bottom: 39px;
}
ul#c-nav01 li {
	float: left;
	width: 200px;
	text-indent: -9999px;
}
ul#c-nav01 li a{
	display: block;
	height: 25px;
}

li#c-nv101 a { background: url(../course/images/c_nav_tab.gif) no-repeat 0 0;}
li#c-nv102 a { background: url(../course/images/c_nav_tab.gif) no-repeat -200px -25px;}
li#c-nv103 a { background: url(../course/images/c_nav_tab.gif) no-repeat -400px -25px;}

li#c-nv101 a:hover { background-position: 0 0;}
li#c-nv102 a:hover { background-position: -200px 0;}
li#c-nv103 a:hover { background-position: -400px 0;}

div#c-nav02 {
	clear: both;
	border: #00A1E9 solid 1px;
	border-top: #00A1E9 solid 6px;
}
div#c-nav02 li {
	float: left;
	width: 199px;
	text-indent: -9999px;
}
div#c-nav02 li a{
	display: block;
	height: 28px;
}

li#c-nv201 a { background: url(../course/images/c_nav.gif) no-repeat 0 -28px;}
li#c-nv202 a { background: url(../course/images/c_nav.gif) no-repeat -199px 0;}
li#c-nv203 a { background: url(../course/images/c_nav.gif) no-repeat -398px -28px;}

li#c-nv201 a:hover { background-position: 0 0;}
li#c-nv202 a:hover { background-position: -199px 0;}
li#c-nv203 a:hover { background-position: -398px 0;}


div#box01 {
	width: 600px;
	margin-bottom: 33px;
}
div#box01 h2 {
	width: 569px;
	height: 49px;
	margin-bottom: 17px;
	text-indent: -9999px;
	background: url(../course/images/v_box01_h2.gif) no-repeat;
}
div#box01 h3 {
	float: left;
	width: 318px;
	height: 60px;
	margin-bottom: 15px;
	border-right: #B6B6B6 solid 2px;
	text-indent: -9999px;
	background: url(../course/images/v_box01_h3.gif) no-repeat;
}
div#box01 h4 {
	float: left;
	width: 175px;
	height: 60px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background: url(../course/images/v_box01_h4.gif) no-repeat;
}

div#box02 {
	width: 600px;
	margin-bottom: 33px;
	border-bottom: #40B7EC solid 1px;
}
div#box02 h2 {
	width: 569px;
	height: 49px;
	margin-bottom: 17px;
	text-indent: -9999px;
	background: url(../course/images/v_box02_h2.gif) no-repeat;
}
div#box02 h3 {
	float: left;
	width: 318px;
	height: 80px;
	margin-bottom: 15px;
	border-right: #B6B6B6 solid 2px;
	text-indent: -9999px;
	background: url(../course/images/v_box02_h3.gif) no-repeat;
}
div#box02 h4 {
	float: left;
	width: 245px;
	height: 80px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background: url(../course/images/v_box02_h4.gif) no-repeat;
}

div#main p {
	clear: both;
	width: 569px;
	margin-bottom: 22px;	
}


/* FOOTER ****************************************************************/
div#footer {
	height: 3em;
	font-size: 10px;
}
div#footer address {
	padding-top: 0.2em;
	font-size: 10px;
}