@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 0;
	background:url(../images/blog_bg.gif) repeat-y;}
	

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

#courseBox .cont .dicWrap {width:468px; margin:0 auto;}

.cont p.catch {font-size:75%; padding:0 5px 15px;}

.cont ul {margin:0; padding:0; font-size:100%; list-style:none;}
.cont ul li {float:left;}
.cont ul li.odd {padding-left:16px;}
.cont ul li h3 {
	text-align:center; color:#666; padding:13px 0 0; display:block;
	font-size:100%; margin:15px 0 0;width:225px; height:46px; 
	background:url(../images/h3.gif) no-repeat;}
.cont ul li h3 a {
	padding:0 0 0;
	width:225px; height:31px; display:inline-block; text-align:center;
	background:url(../images/h3.gif) no-repeat 0 -13px;}
.cont ul li h3 a:hover {text-decoration:none;}