/* CSS Document */

@import url(navi.css);
@import url(common.css);

	
body {
margin:0;
padding:0;
font-size:12px;
color:#333;
line-height:190%;
background:url(../img/common/back_top.jpg) repeat-x center top;
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
}




#container {
	width:980px;
	margin:0 auto;
	padding:56px 0 0 0;
}

#left {
	width:290px;
	padding:0 0 0 7px;
	float:left;
}

	#left h2 {
		width:277px;
		height:28px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background:url(../img/top/lst1.gif) no-repeat;
		margin:0 0 10px 0;
	}
	
	#left .bnr {
		width:276px;
		text-align:center;
		padding:8px 0;
		background-color:#f8f8f8;
		margin:10px 0 0 0;
		line-height:100%;
	}

#righ {
	width:648px;
	float:right;
}

	#righ h2 {
		width:648px;
		height:36px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		margin:0 0 27px 0;
	}
	
	#righ h2 a {
		width:648px;
		height:36px;
		display:block;
	}
	
		#righ h2#st1 {background:url(../img/top/st1.gif) no-repeat;}
		#righ h2#st2 {background:url(../img/top/st2.gif) no-repeat;}
		
		
		.news {padding:0px 0 20px 20px;}	
			
		.news dl {
			padding:0 23px 0 0px;
			margin:0;
		}

		.news dt {
	 		float:left;  
	 		width:100px;  
	 		padding:0 0 5px 0;  
			 clear:both;
			 color:#0099CC;
		}

		.news dd {  
			 margin-left:100px;  
			 padding:0 0 5px 5px;  
		}
		
		.info {padding:0 0 20px 20px;}
		.info p {margin:0; padding:0;}
		
		.info table {
			width:auto;
			border:5px solid #e6e6e6;
			margin:10px 0;
			background-color:#ccc;
			border-spacing:1px;
		}
		
		.info table td {
			padding:3px 8px;
			background-color:#FFFFFF;
		}
		
		.info table th {
			background-color:#E5F5FC;
			padding:3px 8px;
			font-weight:normal;
		}
		

/* Easy Slider */
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
			
#main_img {
	width:980px;
	height:323px;
	margin:0 auto;
	clear:both;
	padding:40px 0 32px 0;
	background:url(../img/top/shadow.jpg) no-repeat bottom center;
}

	#main_imgin {
		width:980px;
		height:323px;
		position:relative;
	}
	



#slider {
	width:980px;
	height:323px;
}

	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:980px;
		height:323px;
		overflow:hidden; 
		}	
		
		
	#prevBtn { 
		display:block;
		width:33px;
		height:33px;
		position:absolute;
		left:-50px;
		top:140px;
		z-index:1000;
		}
		
	#nextBtn { 
		display:block;
		width:33px;
		height:33px;
		position:absolute;
		left:1000px;
		top:140px;
		z-index:1000;
		}
			
													
	#prevBtn a {  
		display:block;
		position:relative;
		width:33px;
		height:33px;
		background: url(../img/top/prev.gif) no-repeat 0 0;	
		}
		
		
	#nextBtn a {  
		display:block;
		position:relative;
		width:33px;
		height:33px;
		background: url(../img/top/next.gif) no-repeat 0 0;	
		}	

	
/* // Easy Slider */