@charset "utf-8";
/* ==============================================================================================
CSS information

 file name  :style.css
 style info :toppage style
================================================================================================= */

body#top{
	background:url(/images/grandtop_index_back.jpg) repeat-x;
}

.top_bg_box1,.top_bg_box2,.top_bg_box3,.top_bg_box4,.top_bg_box5,.top_bg_box6,.top_bg_box7{
	width:100%;
	margin:0 auto;
	height:500px;
	_height:506px;
	position:absolute;
	top:91px;
	left:0;
	z-index:-9999;
	border-bottom:6px solid #000;
	display:none;
}
.top_bg_box1{
	background:url(/images/top_bgimg02.jpg) center center;
}
.top_bg_box2{
	background:url(/images/top_bgimg03.jpg) center center;
}
.top_bg_box3{
	background:url(/images/top_bgimg04.jpg) center center;
}
.top_bg_box4{
	background:url(/images/top_bgimg05.jpg) center center;
}
.top_bg_box5{
	background:url(/images/top_bgimg01.jpg) center center;
}
.top_bg_box6{
	background:url(/images/top_bgimg06.jpg) center center;
}
.top_bg_box7{
	background:url(/images/top_bgimg07.jpg) center center;
}


.dir1{
	border-bottom:1px solid #000;
}

/*left close box*/

.leftBox1{
	width:273px;
	_width:285px;
	background:#000;
	padding:6px 7px 0px;
	float:left;
	_padding:6px 7px 5px;
	margin-top:120px;
}
.leftBox1 h2{
	position:relative;
}
.leftBox1 h2 span{
	position:absolute;
	left:0;
	top:0;
}
ul#scrollBox{
	margin-top:12px;
	height:302px;
	overflow:auto;
	background:#000;
	color:#fff;
}

ul#scrollBox li:after {
	content:'';
	display:block;
	clear:both;
	}
ul#scrollBox li {
	/zoom:1;
	background:url(/images/grandtop_index_btn_07.gif) 61px 5px no-repeat;
	margin-bottom:10px;
	}
ul#scrollBox li a{
	color:#fff;
}
ul#scrollBox li:hover{
	background:#666 url(/images/grandtop_index_btn_07.gif) 61px 5px no-repeat;
}
ul#scrollBox li span{
	display:block;
	float:left;
	width:75px;
}
ul#scrollBox li img{
	vertical-align:top !important;
}
ul#scrollBox li em{
	float:left;
	font-size:80%;
	line-height:1.8;
	color:#999;
}

/*right close box*/
.rightBox1{
	width:643px;
	float:left;
	margin-left:10px;
	background:#000;
	padding:6px 7px 0px;
	*padding:6px 7px 3px;
	_padding:6px 7px 5px;
	_display:inline;
	margin-top:120px;
}
.rightBox1 h2{
	position:relative;
}
.rightBox1 h2 span{
	position:absolute;
	left:614px;
	top:5px;
}
.rightBox1 h2 span.greenBtn{
	position:absolute;
	left:0px;
	top:0px;
}
ul#scrollBox2{
	margin-top:2px;
	height:302px;
	overflow:auto;
	background:#000;
	color:#ccc;
}
ul#scrollBox2 li a{
	color:#ccc;
}
ul#scrollBox2 li{
	padding:8px 0 7px;
	*padding:9px 0;
}

ul#scrollBox2 li:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
ul#scrollBox2 li {display: inline-block;}
ul#scrollBox2 li {overflow:hidden;}

ul#scrollBox2 li:hover{
	background:#666;
}
ul#scrollBox2 li span{
	display:block;
	float:left;
	width:200px;
	margin-left:15px;
}
ul#scrollBox2 li em{
	display:block;
	font-size:80%;
	line-height:1.8;
	color:#999;
}
ul#scrollBox2 li strong{
	color:#fff;
	font-size:120%;
	display:block;
}

.bannerBox{
	margin:20px 0;
}
.bannerBox ul li{
	margin-bottom:5px;
}
/*----- mainArea ----- */

.mainAreaHead{
	width:954px;
	position:absolute;
	left:0;
	top:100px;
}

.mainAreaCntnt{
	padding-top:460px;
	*padding-top:480px;
	_padding-top:480px;
}
/*leftbox2*/
.leftBox2{
	width:240px;
	float:left;
	margin-left:27px;
	_display:inline;
}
.rightBox2{
	width:630px;
	margin-left:30px;
	float:left;
}
.leftBox2 h3{
	margin-bottom:20px;
}

ul.ulDotarrow li {
	border-bottom:1px dotted #ccc;
	padding-bottom: 5px;
	zoom: 1;
}

ul.ulDotarrow li a {
	display: block;
	background:url(/images/grandtop_index_btn_02.gif) 10px 16px no-repeat;
	padding: 2px 0 2px 25px;
}
ul.ulDotarrow li a:hover {
	background:url(/images/grandtop_index_btn_03.gif) 10px 16px no-repeat;
}
ul.ulDotarrow li a span{
	font-size:80%;
	color:#999;
	vertical-align:bottom;
}
ul.ulDotarrow li a span img{
	margin:0 0 2px 5px;
}
ul.ulDotarrow li a span.noIcon{
	margin-top:13px;
	display:block;
}
ul.ulDotarrow4b li span.hit {
	font-size:100%;
	font-weight:bold;
	color:#535353;
}
/* 20100618
editeditediteditediteditediteditediteditediteditediteditedit*/
ul.ulDotarrow1 li {
	font-size:120%;
	line-height:1.3;
	font-weight:bold;
}
ul.ulDotarrow2 li {
	font-weight:bold;
}
ul.ulDotarrow3 li a,ul.ulDotarrow3 li a:visited {
	color:#46b039;
}
ul.ulDotarrow4 li span.hit {
	font-size:100%;
	font-weight:bold;
	color:#000;
}
ul.ulDotarrow4b li span.hit {
	font-size:100%;
	font-weight:bold;
	color:#535353;
}
ul.ulDotarrow4bred li span.hit {
	font-size:100%;
	font-weight:bold;
	color:#bd1e24;
}
ul.ulDotarrow5 li span.hit {
	font-size:120%;
	line-height:1.3;
	font-weight:bold;
	color:#000;
}
ul.ulDotarrow5b li span.hit {
	font-size:120%;
	line-height:1.3;
	font-weight:bold;
	color:#535353;
}
ul.ulDotarrow6 li span.hit {
	font-size:100%;
	font-weight:bold;
	color:#46b039;
}

/*editeditediteditediteditediteditediteditediteditediteditedit*/

/*2column*/

.column2a{
	width: 240px;
}
.column2a ul{
	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}
.column2a ul li {
	width:110px;
	margin-right:10px;
	float:left;
	background:url(/images/grandtop_index_btn_05.gif) 5px 21px no-repeat;
	border-bottom:1px dotted #ccc;
	padding-bottom: 15px;
	padding-top: 15px;
	zoom: 1;
}
.column2a ul li a{
	display:block;
	margin-left:12px;
}


.column2{
	width: 240px;
}
.column2 ul{
	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}
.column2 ul li {
	width:110px;
	margin-right:10px;
	float:left;
	padding-bottom: 10px;
	zoom: 1;
}

/*4column*/

.column4{
	width: 630px;
}
.column4 .column{
	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}
.column4 .column div {
	width:150px;
	margin-right:10px;
	float:left;
	padding-bottom: 10px;
	zoom: 1;
	_margin-right:3px;
}

.rightBox2 h3 span{
	margin-top:15px;
	display:block;
}

.rightBox2 h4{
	margin-top:5px;
}

.rightBox2 h4 a{
	color:#46B035;
	margin-top:7px;
	margin-bottom:0px;
}

.rightBox2 h4 a:visited{
	color:#46B035!important;
}

.rightBox2 .cntnt1{
	overflow:hidden;
}
.rightBox2 .cntnt1 p{
	border-top:1px solid #ccc;
	margin-top:-1px;
	padding-top:5px;
	margin-bottom:6px !important;
}

.rightBox2 .cntnt1 div.fixheight{
	min-height:3em;
	height:auto!important;
	height:3em;
}

.rightBox2 .cntnt1 p.link a{
	padding-right:12px;
	background:url(/images/grandtop_index_btn_02.gif) right center no-repeat;
}

.rightBox2 .cntnt1 p.link a:hover{
	background:url(/images/grandtop_index_btn_03.gif) right center no-repeat;
}










/*3column*/

.column3{
	width: 630px;
}
.column3 .column{
	width:651px; /* edit20100615 for ie and ff 3column down bug!! case of browsing smaller view(ex 25%,50%,75%) */
	margin-right: -3px;
	overflow: hidden;
	_zoom: 1;
}
.column3 .column div h4 {
	margin:0;
}
.column3 .column div {
	width:206px;
	margin-right:3px;
	float:left;
	padding-bottom:0px;
	margin-bottom:5px;
	zoom: 1;
	border:1px solid #ccc;
	
}
.column3 .column div p{
	padding:10px;
    min-height: 110px;
    height: auto !important;
    height: 110px;
}
.column3 .column div p span{
	display:block;
	padding-right:20px;
	font-size:80%;
	background:url(/images/grandtop_index_btn_02.gif) 9.5em .3em no-repeat;
}
.column3 .column div p span a{
	color:#666;
}
.column3 .column div p span a:hover{
	color:#f00;
}

.column3 .column div p a{
	color:#666;
	padding-right:12px;
	background:url(/images/grandtop_index_btn_02.gif) right center no-repeat;
}
.column3 .column div p a:hover{
	color:#46B035;
	background:url(/images/grandtop_index_btn_03.gif) right center no-repeat;
}

/*search*/
.search{   
    background:url(/images/grandtop_index_btn_06.gif) left top no-repeat;
    border:none;
    color:#fff;
    font-size:150%;
    line-height:2.5;
    padding:0 10px;
    width:180px;
    _width:200px;
    height:50px;
}

.fl1a{
	width:200px;
	float:left;
}
.fl1b{
	width:354px;
	float:left;
	margin-top:5px;
	_margin-top:0;
}
.fl1c{
	width:76px;
	float:left;
}
p.heightFix{
	height:auto!important;
	min-height:3em;
	height:3.5em;
}

p.heightFix2{
	height:auto!important;
	min-height:4.5em;
	height:5em;/*ie6*/
}

.h72{height:72px;}