@import "common.css";

#key_flash{
	width: 850px;
	height: 350px;
	margin: 10px auto 0 auto;
	line-height: 0;
	position: relative;
}
	#key_flash object{
		position: absolute;
	}
	.subnav{
		position: absolute;
		list-style: none;
	}
		.subnav li{
			border-bottom: 0px solid #FFFFFF;
			line-height: 0;
			font-size: 0;
		}
		.subnav a{
			line-height:normal;
			display: block;
			width: 169px;
			height: 30px;
			text-indent: -1000px;
			overflow: hidden;
		}
		#sub1_1 a{background-image: url(../img/common/btn1_1.gif);}
		#sub1_2 a{background-image: url(../img/common/btn1_2.gif);}
		#sub1_3 a{background-image: url(../img/common/btn1_3.gif);}
		#sub1_4 a{background-image: url(../img/common/btn1_4.gif);}
		#sub1_5 a{background-image: url(../img/common/btn1_5.gif);}
		#sub1_1 a:hover{background-image: url(../img/common/btn1_1_over.gif);}
		#sub1_2 a:hover{background-image: url(../img/common/btn1_2_over.gif);}
		#sub1_3 a:hover{background-image: url(../img/common/btn1_3_over.gif);}
		#sub1_4 a:hover{background-image: url(../img/common/btn1_4_over.gif);}
		#sub1_5 a:hover{background-image: url(../img/common/btn1_5_over.gif);}
		
		#sub2_1 a{background-image: url(../img/common/btn2_1.gif);}
		#sub2_2 a{background-image: url(../img/common/btn2_2.gif);}
		#sub2_3 a{background-image: url(../img/common/btn2_3.gif);}
		#sub2_4 a{background-image: url(../img/common/btn2_4.gif);}
		#sub2_1 a:hover{background-image: url(../img/common/btn2_1_over.gif);}
		#sub2_2 a:hover{background-image: url(../img/common/btn2_2_over.gif);}
		#sub2_3 a:hover{background-image: url(../img/common/btn2_3_over.gif);}
		#sub2_4 a:hover{background-image: url(../img/common/btn2_4_over.gif);}
		
		#sub3_1 a{background-image: url(../img/common/btn3_1.gif);}
		#sub3_2 a{background-image: url(../img/common/btn3_2.gif);}
		#sub3_3 a{background-image: url(../img/common/btn3_3.gif);}
		#sub3_1 a:hover{background-image: url(../img/common/btn3_1_over.gif);}
		#sub3_2 a:hover{background-image: url(../img/common/btn3_2_over.gif);}
		#sub3_3 a:hover{background-image: url(../img/common/btn3_3_over.gif);}
		
		#sub5_1 a{background-image: url(../img/common/btn5_1.gif);}
		#sub5_2 a{background-image: url(../img/common/btn5_2.gif);}
		#sub5_3 a{background-image: url(../img/common/btn5_3.gif);}
		#sub5_1 a:hover{background-image: url(../img/common/btn5_1_over.gif);}
		#sub5_2 a:hover{background-image: url(../img/common/btn5_2_over.gif);}
		#sub5_3 a:hover{background-image: url(../img/common/btn5_3_over.gif);}
		#gnav_sub1{
			left: 0px;
			top: 200px;
		}
		#gnav_sub2{
			left: 170px;
			top: 260px;
		}
		#gnav_sub3{
			left: 340px;
			top: 260px;
		}
		#gnav_sub5{
			left: 680px;
			top: 260px;
		}

		#news{
			padding: 10px 0 0 0;
			background-image: url(../img/index/news_header.jpg);
			background-repeat: no-repeat;
		}
			#btn_newslist{
				text-align: right;
				padding: 0 10px 0 0;
			}
			#news ul{
				margin: 35px 0 0 0;
			}
			#news li{
				overflow: hidden;
				padding: 12px 10px;
				border-bottom: 1px dotted #999999;
			}
			#news li.stripe{
				background-color: #F8F8F8;
			}
			#news span{
				display: block;
			}
			#news span.newsdate{
				float: left;
				width: 600px;				
				/*font-weight: bold;*/
			}			
			#news span.newsdate img{
				padding: 0 0 0 0;
				vertical-align: middle;
			}
			#news span.newstext{
				float: right;
				width: 400px;
			}
			#news span.newstext img{
				vertical-align: middle;
			}
		#guidance{
			width: 630px;
			padding: 50px 0 0 0;
			margin: 20px 0 0 0;
			background-image: url(../img/index/guidance_header.jpg);
			background-repeat: no-repeat;
			overflow: hidden;
		}
			#guidance ul{
				width: 640px;
				overflow: hidden;
				margin: 0 -10px 0 0px;
			}
			#guidance li{
				float: left;
				width: 309px;
				margin: 0 10px 0 0px;
				padding: 10px 0 0 0;
			}