@charset "UTF-8"


/* clearfix */
.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}


/* ---------------------------------------------------------------------------------
 News
--------------------------------------------------------------------------------- */

#news-area {
	position: absolute;
	left: -9999px;
	z-index: 10;
	width: 600px;
	height: 482px;
	background: url(../images/news_bg.gif) repeat;
	overflow: hidden;
}

#newsTxtArea { 
  position: absolute; 
  width: 600px;
  height: 435px;
		margin-top: 35px;
}

#news-fadeInOut {
	width: 600px;
	height: 482px;
	background: url(../images/news_bg.gif) repeat;
}

.news-title {
	width: 574px;
	height: 20px;
	background: #FFF;
	margin: 0;
	position: absolute;
	z-index: 2;
}

/* close btn */
#news-close {
	width: 18px;
	height: 12px;
	padding: 4px;
	left: 574px;
	position: absolute;
	background: #FFF;
}
#news-close a {
	width: 11px;
	height: 11px;
 display: block;
 background: url(../images/bt_close_on.gif) 0 0 no-repeat;
}
#news-close a:hover {
	background-color: #FFF;
}
#news-close a:hover img {
	visibility: hidden;
}


.news-class {
	width: 555px;
	margin-bottom: 12px;
	clear: both;
	background: #FFF;
	padding: 10px 10px 10px 0;
	font-size: 10px;
 line-height: 1.5em;
}

.news-th {
	background: url(../images/news_dot.gif) 0 0 no-repeat;
	width: 165px;
	height: 115px;
	float: left;
	margin-right: 15px;
	padding: 3px;
}

.news-th a:hover img {
	background: url(../images/news_dot_on.gif) 0 0 no-repeat;
	float: left;
	margin: -3px;
	padding: 3px;
	position: relative;
}

.news-txt {
	width: 369px;
	float: left;
}