@charset "utf-8";


/* -------------------------------------------------------------------
	topBox
------------------------------------------------------------------- */	
#topBox {
	margin:8px 0 0;
	background:#000; width:677px; height:100%;}

#topBox h1 {margin:0; padding:24px 0 26px 13px;}

#topBox h1,#topBox p {float:left;}
#topBox p {margin:0; padding:28px 0 0 24px; color:#b1b1b1; font-size:65%;}
#topBox p.photo {clear:both; margin:0; padding:0;}

/* -------------------------------------------------------------------
	titleBox
------------------------------------------------------------------- */	



/* -------------------------------------------------------------------
	course
------------------------------------------------------------------- */	
#courseBox {
	width:677px; height:100%; margin:16px 0 0;
	background:url(../images/blog_bg.gif) repeat-y;}

/*--cont--*/	
#courseBox .cont {
	width:480px; padding:0 10px 30px; float:right;}
	
#contents .cont a {color:#676767;}
#contents .cont a:hover {color:#ED2715;}
	
/*--title--*/	
.cont .titleBox {
	height:100%;
	background:url(../images/title_bg.gif) no-repeat #000;}
.cont .titleBox h2 {
	float:left; margin:0; padding:14px 0 0 26px;
	color:#ccc; font-size:85%;height:29px;}

/*--course--*/
.course {width:465px; margin:0; padding:0 7px;}

.course table.blockTable {margin:20px 0 0;}

.course .titleBox {
	padding:8px 17px 7px;
	background:url(../images/h3_bg.gif) no-repeat;}
.course .titleBox h3 {
	margin:0; padding:0; float:left;
	color:#fff; font-size:80%;}
.course .titleBox h3 span {color:#9c9c9c; font-size:90%; padding-left:10px; display:none;}
.course .titleBox p {float:right; margin:0; padding:0; color:#fff; font-weight:bold; font-size:70%;}
body:first-of-type .course .titleBox h3 {font-size:70%;}
body:first-of-type .course .titleBox h3 span {font-size:70%; display:none;}
body:first-of-type .course .titleBox p {font-size:65%;}

.course .titleBox02 {
	border-left:2px solid #000; padding-left:7px;}
.course .titleBox02 p {margin:0; padding:0; font-size:70%; color:#777;}
.course .titleBox02 h3 {margin:0; padding:0; font-size:95%;}

.table-a {
	width:100%; font-size:75%; border-collapse:separate; margin:1em 0 0;
	border-spacing:1px;}
.table-a th {
	padding:6px 10px;
	font-weight:normal; background:#999; color:#fff;
	text-align:left;}
.table-a td {
	padding:6px 10px;
	background:#ccc; color:#676767;}
.textBox {
	padding-bottom:18px;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;}
	
.table-a td.greyBorder {
	margin:20px 0; height:1px; width:100%;
	border-top:1px solid #c2c2c2;}

/*--
.table-a td.none {background:none; padding:0; height:1px;}
<tr>
	<td colspan="2" class="none" height="">&nbsp;</td>
</tr>
--*/