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

#topbanner{
	position:relative;
}
#topimg{
	height:453px;
	text-align:center;
	overflow: hidden;
}
#topimg div.inner{
	height: 453px;
	text-align: center;
	width: 100%;
}

#topimg div.inner div{
	width:100%;
	height: 453px;
	text-align: center;
}
#topimg01{
	background:url(../images/topimg_1_bg.jpg) 50% 0% no-repeat;
}
#topimg02{
	background:url(../images/topimg_2_bg.jpg) 50% 0% no-repeat;
}
#topimg03{
	background:url(../images/topimg_3_bg.jpg) 50% 0% no-repeat;
}
#topimg04{
	background:url(../images/topimg_4_bg.jpg) 50% 0% no-repeat;
}
#topimg05{
	background:url(../images/topimg_5_bg.jpg) 50% 0% no-repeat;
}
#topimg06{
	background:url(../images/topimg_6_bg.jpg) 50% 0% no-repeat;
}
#topimg07{
	background:url(../images/topimg_7_bg.jpg) 50% 0% no-repeat;
}

#topthumb{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:120px;
	background-color:rgba(188,197,160,0.5);
	margin:0;
}

#topthumb div.inner{
	width:950px;
	margin:0 auto;
	padding:10px 0;
}


#topthumb div.inner div{
	width:150px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background-color:#FFF;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	text-align:center;
}

#topthumb div.inner div.last{
	margin:0 0px 0 0;
}

#topthumb div.inner div:hover{
	position:relative;
	top:-5px;
	box-shadow:1px 3px 6px rgba(0,0,0,0.1);
}

#topbottom{
	background-color:#ebebeb;
	height:500px;
}
#topbottom div.inner{
	width:950px;
	margin:0 auto;
	padding:10px 0s;
}



#topbottom div.about{
	float: left;
	width: 700px;
}
#topbottom div.about div.inner{
	width: auto;
	padding: 10px;
}



#topbottom div.topics{
	float: right;
	width: 300px;
	height:500px;
	background-color: #d4e196;
}
#topbottom div.topics div.inner{
	padding:10px 20px;
	width: auto;
}

#topbottom div.banner{
	float: right;
	width: 240px;
	height:500px;
	background-color: #e2e9bf;
}
#topbottom div.banner div.inner{
	padding:10px;
	width: auto;
}


























/**/