@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 30px; color:#ccc; font-size:65%;}
#topBox p.photo {clear:both; margin:0; padding:0;}

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



/* -------------------------------------------------------------------
	course
------------------------------------------------------------------- */	
#courseBox {
	width:677px; height:100%; margin:16px 0 30px;
	background:url(../images/blog_bg.gif) repeat-y;}
	
.table-a {
	width:100%; font-size:70%; color:#505050; font-size:75%;
	border-collapse:separate; margin:1.8em 0 0;
	border-top:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;}
.table-a th {
	padding:8px 4px;
	font-weight:normal; text-align:center;
	border-bottom:1px solid #bcbcbc;
	border-right:1px solid #fff;}

.table-a td {
	padding:8px 4px; text-align:center;
	border-right:1px solid #fff;}
.table-a tr.odd td {
	background:#dedede;}

/*--cont--*/	
#courseBox .cont {
	width:655px; margin:0 auto 30px;}
	
/*--title--*/	
.cont .titleBox {
	height:100%;
	background:url(../images/title_bg.gif) no-repeat;}
.cont .titleBox h2 {
	float:left; margin:0; padding:15px 0 0 26px;
	color:#ccc; font-size:85%;height:29px;}
body:first-of-type .cont .titleBox h2 {padding:12px 0 0 26px;}

#courseBox .cont .dataBox {width:634px; margin:0 auto;}
#courseBox .cont .dataBox h3 {font-size:100%; color:#666; margin:1.5em 0 0;}
#courseBox .cont .dataBox h3 span.date {font-size:65%; font-weight:normal;} 

#courseBox p.caution {font-size:70%; margin:0.5em 0 0; color:#666;}

#courseBox .leftBox {width:280px; margin-right:20px; margin-bottom:10px;}
#courseBox .leftBox h4 {font-size:80%; color:#666;}

#courseBox .leftBox p {margin:0.8em 0 0; font-size:75%; line-height:1.6em; color:#666;}