@import url("basic.css");

/*---------------------------------------------------------------------------------
BODY BACKGROUND
---------------------------------------------------------------------------------*/

body{background:#ffffff url("img/bg_body_index.jpg") 50% 0 repeat-x;}

/*---------------------------------------------------------------------------------
EYECATCH
---------------------------------------------------------------------------------*/

#eyecatch{
width:1100px;
height:390px;
margin:0 auto;
border:none;
text-align:left;
background:url("img/bg_eyecatch.jpg") 0 0 no-repeat;}

	#eyecatch p{
	width:400px;
	padding-top:130px;
	margin-left:50px;
	padding-bottom:20px;}

	#bn_eyecatch{
	width:400px;
	height:80px;
	line-height:80px;
	margin-left:50px;
	text-indent:-99999px;
	background:url("img/bn_eyecatch.jpg") 0 0 no-repeat;}

		#bn_eyecatch a{
		display:block;
		width:400px;
		height:80px;
		line-height:80px;}

		#bn_eyecatch a:hover{
		background:url("img/bg_hover.png");}
		
		
/*---------------------------------------------------------------------------------
BANNER
---------------------------------------------------------------------------------*/

#bn_about,#bn_history{
width:400px;
height:100px;
line-height:100px;
text-indent:-99999px;}

#bn_about{
float:left;
background:url("img/bn_about.jpg") 0 0 no-repeat;}

#bn_history{
float:right;
background:url("img/bn_history.jpg") 0 0 no-repeat;}

	#bn_about a,#bn_history a{
	display:block;
	width:400px;
	height:100px;
	line-height:100px;}
	
	#bn_about a:hover,#bn_history a:hover{
	background:url("img/bg_hover.png");}

/*---------------------------------------------------------------------------------
NEWS LIST
---------------------------------------------------------------------------------*/

ul.list_news{
list-style:none;}

	ul.list_news li{
	height:30px;
	line-height:30px;
	padding:0 10px;
	background:#e6e6e6;
	margin-bottom:1px;
	color:#277F00;}

		ul.list_news li span{
		color:#bbbbbb;
		margin-right:20px;}