@charset "utf-8";

/*====================================================================

index.css

====================================================================*/


/*===========================================================================================
	Para1
===========================================================================================*/


/*		X|[c}bT[W??H
=====================================================================*/
#para1{width:730px;}

#para1 .left{
	float:left;
	background:url(../../img/box1.jpg) repeat-y;
	border-top:2px solid #686661;
	border-bottom:2px solid #686661;
	width:415px;
	height:250px;
}
#para1 .left p{margin:10px 15px;}
#para1 .left #sport a{
	display:block;
	margin-left:15px;
	background:url(../../img/bt1.jpg) no-repeat;
	width:302px;
	height:52px;
	text-indent:-9999px;
}
#para1 .left #traffic_accident a{
	display:block;
	margin-left:15px;
	background:url(../../img/bt2.jpg) no-repeat;
	width:302px;
	height:52px;
	text-indent:-9999px;
	margin-top: 5px;
}





/*		News
=====================================================================*/
#news {
	float:right;
	border-bottom:1px solid #e6e6e6;
	background:url(../../img/news_bg.gif) repeat-y;
	width:295px;
	height:227px;
}
div#skroll{
	padding-top:5px;
	width:295px;
	height:186px;
	xposition: relative; /* これはJSで追加する */
	overflow: auto; /* これはJSで追加する */
}
#news table{
	margin-left:15px;
	width:250px;
	font-size:10px;
}
#news table th,
#news table td{
	padding-top: 4px;
	padding-bottom: 4px;
	border:none;
	background:url(../../img/news_border.gif) repeat-x bottom;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
}
#news table th{
	color:#5ebd33;
	font-weight:bold;
}



/*===========================================================================================
	Map
===========================================================================================*/

#map{
	margin-top:25px;
	background:url(../../img/map_2020_0527.png) no-repeat;
	width:730px;
	height:240px;
}
#map li,
#map li a{
	width:220px;
	height:120px;
}
#map li a{ display:block; text-indent:-9999px;}
#map li a:hover{
	background:#FFF;
	opacity:0.3;
	filter: alpha(opacity=30);
}




/*===========================================================================================
	Para2
===========================================================================================*/
#para2{
	margin-top:25px;
	width:730px;
}
#para2 a.right{
	display:block;
	background:url(../../img/banner2.jpg) no-repeat;
	width:415px;
	height:80px;
	text-indent:-9999px;
}
#para2 a.right:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}


/*===========================================================================================
	Banners
===========================================================================================*/
#banners{
	margin-top:25px;
	/*background:url(../../img/banner.gif) no-repeat;*/
	width:730px;
	height:80px;
}
#banners li,
#banners li a{
	width:146px;
	height:80px;
	margin-right: 11px;
}
#banners li{
	display:inline;
	float:left;
}
#banners li a{ display:block;}
#banners li a:hover{
	background:#FFF;
	opacity:0.3;
	filter: alpha(opacity=30);
}