@charset "utf-8";
/** ----------------------------------------------------------------------------

	@ Style Name    : style.css

---------------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------------
 *	Frame
---------------------------------------------------------------------------- **/
#slideshow {
	position:relative;
	margin:0 0 10px 0;
	height:240px;
	background:url(../imgs/bg_mainimg.gif) 0 0 repeat-x;
}
#slideshow .main {
	position:relative;
	margin:0 auto;
	width:900px;
}
#slideshow .main img {
	position:absolute;
	top:0;
	left:0;
}
#leftColumns {
	float:left;
	width:520px;
}
#rightColumns {
	float:right;
	width:340px;
}

/** ----------------------------------------------------------------------------
 *	Layout
---------------------------------------------------------------------------- **/
/**
 *	#navCourse
---------------------------------------------------------------------------- **/
#navCourse {
	width:100%;
	height:114px;
	background:url(../imgs/bg_nav_course.gif) 0 bottom repeat-x;
}
#navCourse .inner {
	margin:0 auto;
	width:880px;
}
#navCourse .inner ul {
	margin:0 0 0 -20px;
	_margin:0 0 0 -40px;
	zoom:1;
}
#navCourse .inner ul li {
	float:left;
	margin:0 0 0 12px;	
}
#navCourse .inner ul li a{
	text-decoration:none !important;
	font-size:13px;
	text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
	display:block;
	width:164px;
	height:106px;
	border:#fff solid 2px;
	background:#ccc;
	}
#navCourse .inner ul li.navCourse1 a{background:url(../imgs/img_nav_course01.jpg) no-repeat;}
#navCourse .inner ul li.navCourse2 a{background:url(../imgs/img_nav_course02.jpg) no-repeat;}
#navCourse .inner ul li.navCourse3 a{background:url(../imgs/img_nav_course03.jpg) no-repeat;}
#navCourse .inner ul li.navCourse4 a{background:url(../imgs/img_nav_course04.jpg) no-repeat;}

#navCourse .inner ul li a span{
	display:block;
	padding:80px 0 5px 10px;
	}
/*
#navCourse .inner ul li.navCourse3 a span{
	padding:60px 0 5px 10px;
	}
*/
#navCourse .inner ul li a:hover{
	border-bottom:#ffcb33 solid 2px;
	}

/**
 *	#leftColumns
---------------------------------------------------------------------------- **/
/* .btnArchive */
#leftColumns .btnArchive {
	margin:-30px 10px 10px 0;
	text-align:right;
}

/* dl */
#leftColumns dl {
	padding:5px 9px 5px 9px;
	background:#fff;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
}
#leftColumns dl dt {
	clear:left;
	float:left;
	padding:5px 0;
	width:8em;
}
#leftColumns dl dd {
	padding:5px 0 5px 9em;
	border-bottom:1px dotted #ccc;
}
#leftColumns dl dd a {text-decoration:none;}
#leftColumns dl dd a:hover {text-decoration:underline;}
#leftColumns dl .last {border-bottom:none;}

/* .newsArea */
#leftColumns .newsArea {margin:0 0 20px 0;}
#leftColumns .newsArea dl dd a {text-decoration:underline;}

/* .eventArea */
#leftColumns .eventArea {margin:0 0 20px 0;}
#leftColumns .eventArea dl dd a {text-decoration:underline;}

/**
 *	#rightColumns
---------------------------------------------------------------------------- **/
/* .sliderArea */
#rightColumns .sliderArea {
	margin:0 0 20px 0;
}

/* .bnrArea */
#rightColumns .bnrArea {
	margin:0 0 0 -20px;
	_margin:0 0 0 -40px;
	_zoom:1;
}
#rightColumns .bnrArea li {
	float:left;
	margin:0 0 20px 20px;
}

/** ----------------------------------------------------------------------------
 *	@@. Clearfix
---------------------------------------------------------------------------- **/
#navCourse:after,
#rightColumns .bnrArea:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:" ";
	height:0;
	font-size:0;
}
* html #navCourse,
* html #rightColumns .bnrArea {zoom:1; /* IE6 */}
*:first-child+html #navCourse,
*:first-child+html #rightColumns .bnrArea {zoom:1; /* IE7 */}