@charset "UTF-8";

/*------------------------index------------------------*/
#slider-back {
	background-image: url("../image/background_grade.gif");
	background-position:0 100%;
	background-repeat:repeat-x;
	background-attachment:scroll;
	width:100%;
	padding:0 0 45px;
	}
#slider{
	max-width:1204px;
	width:auto;
	margin:0 auto;
	padding:0;
	}
#slider ul li {
	max-width:100%;
	width: 100%;
	height: auto;
	}
#topics{
	max-width:1204px;
	width:auto;
	margin:0 auto;
	padding:0;
	display:flex;
	justify-content:space-between;
	}
#news{
	width:100%;
	margin:30px 20px 20px 0;
	}
#news h2{
	width:100%;
	margin:0 50px 5px 0;
	padding:3px 0 5px;
	font-size:1em;
	color:#585858;
	text-align:left;
	border-bottom:solid 1px #F00;
	border-left:solid 5px #F00;
	font-family:'Hiragino Mincho ProN', serif;
	}
#news ul{
	width:100%;
	}
#news li{
	border-bottom:dashed 1px #CCC;
	}
#link{
	width:100px;
	margin:30px 0 20px;
	padding:5px;
	display:block;
	border:solid 1px #CCC;
	background-color:#E8FFB0;
	}
#link p{
	color:#333;
	text-align:left;
	margin-left:23px;
	}
.link_title{
	margin:0 0 5px;
	width: 100px;
	border-bottom:1px dotted #009944;
	background-image:url("../image/top_mark_allow.gif");
	background-repeat:no-repeat;
	background-position:0 2px;
	}
.link_box {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	}
.link_box li {
	height:100%;
	background:#fff;
	}
.link_box li img {
	width:100%;
	}
.link_box li a:hover img {
	opacity:0.5;
	transition-duration:0.3s;
	}
@media screen and (max-width:480px) { 
	#topics{
		flex-direction: column;
	}
	#link{
		width:auto;
	}
	.link_title{
		width:100%;
	}
}

#group{
	max-width:1204px;
	width:auto;
	margin:0 auto;
	}
#group img {
	width:100%;
	margin:0 auto;
}