@charset "UTF-8";
/* CSS Document */



#renewal {
	width:223px;
	height:130px;
	position:fixed;
	right:0;
	bottom:70px;
	z-index:100;
}
#renewal .close {
	cursor:pointer;
}

.home #main {
	position:relative;
}
.home #mainInner {
	position:absolute;
	top:472px;
}

/*-----------------------------------------------------
mainImage
-----------------------------------------------------*/

.mainShadow {
	background:url(../images/header/gnav_shadow.png) repeat-x;
	height:20px;
	width:100%;
	top:72px;
	left:0;
	position:absolute;
}

#mainImage {
	position:absolute;
	top:72px;
	left: 0;
	width:100%;
	overflow:hidden;
}
#mainImageInner {
	width:950px;
	margin:0 auto;
}
#slider9 {
	height:370px;
}
#slider9 a {
	z-index:50;
	position: relative;
	display: block;
}


.bx-pager{
	float:right;
	margin-top:5px;
}
.pager-link{
	background:url(../images/home/pager.gif) no-repeat;
	height:5px;
	width:45px;
	display: block;
	float: left;
	text-indent:-9999px;
	margin-left:2px;
	overflow:hidden;
}
.pager-active{
	background:url(../images/home/pager.gif) no-repeat 0 -5px;
}



#mainImage div.navigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 370px;
}

#mainImage div.navigation ul {
	padding: 0 0 0 950px;
	*padding: 0 0 0 952px;
}


#mainImage div.navigation ul li {
	position: relative;
	float: left;
	width: 50%;
	*width: 50%;
	height: 370px;
	background:url(../images/home/main_bg.png) repeat-x;
	z-index:50;
}
#mainImage li.navigation-prev {
	position: relative;
	left: -950px;
}
#mainImage li.navigation-next {
	position: relative;
}

#mainImage li.navigation-li a {
	position: relative;
	display: block;
	width:23px;
	height:70px;
	z-index: 50;
	text-indent:-9999px;
}
#mainImage li.navigation-prev a {
	position: absolute;
	background:url(../images/home/slide_prev.png) no-repeat;
	top: 50%;
	right: 10px;
	margin: -25px 0 0;
}
#mainImage li.navigation-next a {
	position: absolute;
	background:url(../images/home/slide_next.png) no-repeat;
	top: 50%;
	left: 10px;
	margin: -25px 0 0;
}


/*-----------------------------------------------------
topColumn2
-----------------------------------------------------*/
.topColumn2L {
	width:355px;
	float:left;
}

.topColumn2R {
	width:355px;
	float:right;
}


/*-----------------------------------------------------
topBlock3
-----------------------------------------------------*/
.topBlock3 {
	margin-bottom:10px;
}
.topBlock3 .title {
	border-top:1px solid #00b358;
	padding:8px 0;
	overflow:hidden;
}
.topBlock3 .title h2 {
	float:left;
}
.topBlock3 .title .btn {
	float:right;
}


/*-----------------------------------------------------
topBlock
-----------------------------------------------------*/
.topBlock {
	margin-bottom:10px;
}
.topBlock .title {
	border-top:1px solid #00b358;
	padding:8px 0;
	overflow:hidden;
}
.topBlock .title h2 {
	float:left;
}
.topBlock .title .btn {
	float:right;
}

.newsList {
	width:340px;
}
.newsList li {
	background:url(../images/icon/icon_01.gif) no-repeat 0 11px;
	border-bottom:1px dotted #CCC;
	font-size:12px;
	padding:5px 0 5px 8px;
	overflow:hidden;
}

.newsList li span.time {
	color:#999966;
	width:80px;
	float:left;
}
.newsList li p {
	width:250px;
	float:left;
}
.newsList li a {
	color:#666;
}
.newsList li a:hover {
	color:#999;
}

.topBlock2 {
	background:url(../images/home/bk03_bg.jpg) no-repeat bottom;
	margin-bottom:15px;
	overflow:hidden;
}
.topBlock2 h2 {
	border-top:1px solid #82d445;
	padding:8px 8px 0 8px;
}
.topBlock2 p {
	font-size:12px;
	line-height:140%;
	border-bottom:1px solid #ccc;
	width:260px;
	margin:0 8px 8px 8px;
	padding:8px 0;
}
.topBlock2 ul {
	padding:6px 10px;
	overflow:hidden;
}
.topBlock2 ul li {
	background:url(../images/icon/icon_02.gif) no-repeat 0 4px;
	padding-left:8px;
	margin-bottom:0;
	float:left;
	width:110px;
}

.topBnr {
	margin-bottom:15px;
}
.topBnr img {
	vertical-align:bottom;
}