@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: 430px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}
div#h-top p a {
	float: left;
	width: 430px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}


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

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 0;}
li#c-nv202 a { background: url(../course/images/c_nav.gif) no-repeat -199px -28px;}
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: 602px;
	margin-bottom: 32px;
	padding-bottom: 5px;
	border-bottom: #9E9E9F solid 1px;
}
div#box01 h1 {
	width: 580px;
	height: 64px;
	text-indent: -9999px;
	background: url(../course/images/main_title.gif) no-repeat;
}
div#box01 p {
	width: 580px;
	height: 696px;
	margin-bottom: 16px;
	text-indent: -9999px;
	background: url(../course/images/box01_img.jpg) no-repeat;
}
div#box01 dl {
	width: 602px;
}
div#box01 dt {
	width: 130px;
	height: 15px;
	margin-bottom: 7px;
	text-indent: -9999px;
}
div#box01 dd {
	margin-bottom: 18px;
	padding-left: 5px;
}

dt#box01-title1 { background: url(../course/images/box01_title1.gif) no-repeat;}
dt#box01-title2 { background: url(../course/images/box01_title2.gif) no-repeat;}

div#box02 {
	width: 600px;
	margin-bottom: 80px;
}

div#box02 div#qa {
	width: 600px;
	height: 201px;
	background: url(../course/images/qa_bg.jpg) no-repeat;
}
div#box02 div#qa h2 {
	text-indent: -9999px;
}
div#box02 div#qa p {
	width: 248px;
	margin: 17px 0 0 10px;
	font-size: 116%;
}

div#box02 dl {
	width: 540px;
	padding: 20px;
}
div#box02 dt {
	width: 540px;
	height: 20px;
	margin-bottom: 7px;
	text-indent: -9999px;
}
div#box02 dd {
	margin-bottom: 20px;
	padding: 0 20px;
}

dt#box02-title1 { background: url(../course/images/box02_title1.gif) no-repeat;}
dt#box02-title2 { background: url(../course/images/box02_title2.gif) no-repeat;}
dt#box02-title3 { background: url(../course/images/box02_title3.gif) no-repeat;}
dt#box02-title4 { background: url(../course/images/box02_title4.gif) no-repeat;}
dt#box02-title5 { background: url(../course/images/box02_title5.gif) no-repeat;}


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