@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#main h1 {
	width: 580px;
	height: 82px;
	margin-bottom: 37px;
	text-indent: -9999px;
	background: url(../course/images/main_title3.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 -28px;}
li#c-nv203 a { background: url(../course/images/c_nav.gif) no-repeat -398px 0px;}

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: 50px;
}
div#box01 h2 {
	width: 600px;
	height: 20px;
	text-indent: -9999px;
	background: url(../course/images/m_box01_title.gif) no-repeat;
}

div#inbox01 {
	width: 542px;
	padding: 14px 22px 6px 34px;
	border: #7A8BB7 solid 1px;
	background: #EAEEF8 url(../course/images/m_box01_bg.gif) repeat-x;
}
div#inbox01 dl {
	float: right;
	width: 406px;
}
div#inbox01 dt {
	width: 406px;
	height: 41px;
	margin-top: 37px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background: url(../course/images/m_inbox01_title1.gif) no-repeat;
}
div#inbox01 dd#box01-title {
	width: 406px;
	height: 12px;
	margin-top: 14px;
	text-indent: -9999px;
	background: url(../course/images/m_inbox01_title2.gif) no-repeat;
}
div#inbox01 p#box01-photo {
	float: left;
	width: 120px;
	margin-bottom: 13px;
}
div#inbox01 p#box01-sent {
	clear: both;
	margin-bottom: 6px;
}



div#box02 {
	width: 600px;
	margin-bottom: 50px;
}
div#box02 h2 {
	width: 600px;
	height: 20px;
	text-indent: -9999px;
	background: url(../course/images/m_box01_title.gif) no-repeat;
}

div#inbox02 {
	width: 542px;
	padding: 14px 22px 6px 34px;
	border: #7A8BB7 solid 1px;
	background: #EAEEF8 url(../course/images/m_box01_bg.gif) repeat-x;
}
div#inbox02 dl {
	float: right;
	width: 406px;
}
div#inbox02 dt {
	width: 406px;
	height: 41px;
	margin-top: 37px;
	margin-bottom: 5px;
	text-indent: -9999px;
	background: url(../course/images/m_inbox01_title3.gif) no-repeat;
}
div#inbox02 dd#box02-title {
	width: 406px;
	height: 12px;
	margin-top: 14px;
	text-indent: -9999px;
	background: url(../course/images/m_inbox01_title4.gif) no-repeat;
}
div#inbox02 p#box02-photo {
	float: left;
	width: 120px;
	margin-bottom: 13px;
}
div#inbox02 p#box02-sent {
	clear: both;
	margin-bottom: 6px;
}


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