@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;}
	
/*--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;}

/*--course--*/
.course {width:225px; height:102px; float:left; margin:22px 7px 0;}
*html .course {margin:15px 6px 0;}
.course h3 {
	font-size:65%; text-align:center;padding:0; margin:0; font-weight:normal;}
.course h3 a {
	display:block;width:225px; height:102px; padding:4px 0;}
.course a:hover {text-decoration:none;}

#courseBox #aus h3 a {
	background:url(../images/course/aus.jpg) no-repeat 0 0;}
#courseBox #aus h3 a:hover {
	background:url(../images/course/aus.jpg) no-repeat -225px 0;}
#courseBox #malay h3 a {
	background:url(../images/course/malay.jpg) no-repeat 0 0;}
#courseBox #malay h3 a:hover {
	background:url(../images/course/malay.jpg) no-repeat -225px 0;}
#courseBox #china h3 a {
	background:url(../images/course/china.jpg) no-repeat 0 0;}
#courseBox #china h3 a:hover {
	background:url(../images/course/china.jpg) no-repeat -225px 0;}
#courseBox #bahrain h3 a {
	background:url(../images/course/bahrain.jpg) no-repeat 0 0;}
#courseBox #bahrain h3 a:hover {
	background:url(../images/course/bahrain.jpg) no-repeat -225px 0;}
#courseBox #spain h3 a {
	background:url(../images/course/spain.jpg) no-repeat 0 0;}
#courseBox #spain h3 a:hover {
	background:url(../images/course/spain.jpg) no-repeat -225px 0;}
#courseBox #monaco h3 a {
	background:url(../images/course/monaco.jpg) no-repeat 0 0;}
#courseBox #monaco h3 a:hover {
	background:url(../images/course/monaco.jpg) no-repeat -225px 0;}
#courseBox #turkey h3 a {
	background:url(../images/course/turkey.jpg) no-repeat 0 0;}
#courseBox #turkey h3 a:hover {
	background:url(../images/course/turkey.jpg) no-repeat -225px 0;}
#courseBox #eng h3 a {
	background:url(../images/course/eng.jpg) no-repeat 0 0;}
#courseBox #eng h3 a:hover {
	background:url(../images/course/eng.jpg) no-repeat -225px 0;}	
#courseBox #germ h3 a {
	background:url(../images/course/germ.jpg) no-repeat 0 0;}
#courseBox #germ h3 a:hover {
	background:url(../images/course/germ.jpg) no-repeat -225px 0;}
#courseBox #hungary h3 a {
	background:url(../images/course/hungary.jpg) no-repeat 0 0;}
#courseBox #hungary h3 a:hover {
	background:url(../images/course/hungary.jpg) no-repeat -225px 0;}	
#courseBox #eu h3 a {
	background:url(../images/course/eu.jpg) no-repeat 0 0;}
#courseBox #eu h3 a:hover {
	background:url(../images/course/eu.jpg) no-repeat -225px 0;}
#courseBox #belg h3 a {
	background:url(../images/course/belg.jpg) no-repeat 0 0;}
#courseBox #belg h3 a:hover {
	background:url(../images/course/belg.jpg) no-repeat -225px 0;}
#courseBox #italia h3 a {
	background:url(../images/course/italia.jpg) no-repeat 0 0;}
#courseBox #italia h3 a:hover {
	background:url(../images/course/italia.jpg) no-repeat -225px 0;}
#courseBox #sing h3 a {
	background:url(../images/course/sing.jpg) no-repeat 0 0;}
#courseBox #sing h3 a:hover {
	background:url(../images/course/sing.jpg) no-repeat -225px 0;}
#courseBox #japan h3 a {
	background:url(../images/course/japan.jpg) no-repeat 0 0;}
#courseBox #japan h3 a:hover {
	background:url(../images/course/japan.jpg) no-repeat -225px 0;}
#courseBox #brasil h3 a {
	background:url(../images/course/brasil.jpg) no-repeat 0 0;}
#courseBox #brasil h3 a:hover {
	background:url(../images/course/brasil.jpg) no-repeat -225px 0;}
#courseBox #abu h3 a {
	background:url(../images/course/abu.jpg) no-repeat 0 0;}
#courseBox #abu h3 a:hover {
	background:url(../images/course/abu.jpg) no-repeat -225px 0;}