/***********************************
 
高速道路ANNIVERSARY

***********************************/
section{
	font-size: 1.1em;
	margin-top:25px;
}

h1#anniversary{
	display:block;
	overflow:hidden;
	text-align:center;
	width:min(100%,1000px);
	margin:0 auto 25px;
}

h1#anniversary img{
	width:100%;
	height:auto;
}



#main_menu{
	display:block;
	overflow:hidden;
	text-align:center;
	width:min(100%,1000px);
	margin: 0 auto;
}

#main_menu > img{
	float:left;
	width:min(100%,300px);
	height:auto;
	margin:0 10px;
}

#main_menu ul{
	display:block;
	overflow:hidden;
	width:650px;
	position:relative;
}
#main_menu ul > li{
	display:inline-block;
	overflow:hidden;
	float: left;
	width:325px;
	padding:15px 0px;
}

#main_menu ul > li a{
	display:inline-block;
	overflow:hidden;
}

#main_menu ul > li a > img{
	width:min(100%,303px);
	height:auto;
}


/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#main_menu > img{
		float:none;
		margin:0 10px;
	}

	#main_menu ul{
		width:100%;
	}
	#main_menu ul > li{
		display:block;
		float: none;
		width:100%;
		padding:10px 0px;
	}

}




#news{
	display:block;
	overflow:hidden;
	width:min(100%,900px);
	font-size:1.2em;
	line-height:155%;
	margin:20px auto 30px auto;
}

#news h2{
	display:inline-block;
	overflow:hidden;
	float:left;
	width:10em;
	text-align:center;
	color:#FFFFFF;
	padding:0.5em 1em;
	background:#1c93cf;
	font-weight:normal;
	margin-left:30px;
}

#news dl{
	display:block;
	overflow:hidden;
	position:relative;
}

#news dl dt{
	display:block;
	overflow:hidden;
	width:6em;
	padding:0.5em 10px;
	float:left;
	clear:both;
}

#news dl dd{
	display:block;
	overflow:hidden;
	width: calc(100% - 6em);
	padding:0.5em 0;
	line-height:1.25em;
	float:left;
}

#news dl dd a{
	text-decoration:underline;
	color:#005580;
}

/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#news{
		display:block;
		overflow:hidden;
		width:min(100%,900px);
		font-size:1.2em;
		line-height:155%;
		margin:20px auto 30px auto;
	}

	#news h2{
		display:inline-block;
		overflow:hidden;
		float:none;
		width:10em;
		text-align:center;
		color:#FFFFFF;
		padding:0.5em 1em;
		background:#1c93cf;
		font-weight:normal;
		margin-left:30px;
	}

	#news dl{
		display:block;
		overflow:hidden;
		position:relative;
		padding-left:30px;
	}

	#news dl dt{
		width:100%;
		padding:0 10px;
		float:none;
	}

	#news dl dd{
		width:100%;
		padding:0em 0;
		float:none;
	}

	#news dl dd a{
		text-decoration:underline;
		color:#005580;
	}


}



#footer_image{
	display:block;
	overflow:hidden;
	width:min(100%,900px);
	margin:0 auto;
	padding: 30px 0;
	text-align:right;
	line-height:100%;
}

#footer_image a{
	display:inline-block;
	overflow:hidden;
}

#footer_image a img{
	width: min(100%,134px);
	height:auto;
}

/* for Sp --------------------*/
@media screen and ( max-width:768px) {

	#footer_image{
		display:block;
		padding: 30px 10px;
		text-align:left;
	}

	#footer_image a{
		width: min(100%,80px);
	}

}

