/*====================================================================================================
  TOPPAGE
====================================================================================================*/

/*** MAINIMG ***********************************************************/
#mainimg {
	position:relative;
	clear:both;
	display:block;
	width:100%;
	z-index:1;
}
#mainimg:after { display:block; clear:both;	content:"";}
#mainimg img { max-width:100%;}
#slick { overflow:hidden; width:100%;}
#slick ul { margin:0 auto; width:1000px;}
#slick ul li{ margin: 0;}
#slick .slick-list { overflow:visible;}

#mainimg .slider-filter-right,
#mainimg .slider-filter-left {
	z-index: 1;
	background: #fff;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
	zoom:1;
	position: absolute;;
	top: 0;
/*	height:380px; */
	text-indent: -9999px;
	width: calc((100vw - 1015px) / 2);
	height:100%;
}
#mainimg .slider-filter-right { left: 0; }
#mainimg .slider-filter-left { right: 0; }

/* @media only screen and (max-width:700px){ */
@media only screen and (max-width:770px){
	#mainimg #slick ul {width:100% !important;}
}


/*** ATTENTION ********************************************************/
.attention {}
.attention h2 { position: relative; margin: auto; max-width: 1000px; padding:25px 0;}
.attention h2::after { /*float_clear*/ display:block; clear:both; content:"";}
.attention h2 b { 
	padding-left: 35px;
	font-size: 125%;
	color: #FF4C2F;
	background:url(../img/icon_attention.png) no-repeat left center;
	background-size: 25px auto;
}
.attention h2 a {
	position: absolute;
	top: 25px;
	right: 0;
	padding-left: 25px;
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	background:url(../img/icon_more1.png) no-repeat left center;
	background-size: 20px auto;
}
.attention h2 a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
.attention .attention_box {
	padding: 15px;
	background: rgba(255,76,47,0.10);
}
.attention .attention_box dl { margin: auto; max-width: 1000px; color: #FF4C2F;}
.attention .attention_box dl::after { /*float_clear*/ display:block; clear:both; content:"";}
.attention .attention_box dt {
	float: left;
/*	width:12%; */
	width:15%;
	background: url(../img/arrow_r.png) no-repeat right center;
	background-size: 15px auto;
}
.attention .attention_box dd { float:right; width:83%;}
.attention .attention_box dd a { color: #FF4C2F;}
.attention .attention_box dd a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}


/*** TOPICS *************************************************************/
#toppage .topics { margin-bottom: 80px;}
#toppage .topics h3 { position: relative; padding:0 0 20px;}
#toppage .topics h3::after { /*float_clear*/ display:block; clear:both; content:"";}
#toppage .topics h3 b { font-size: 138%;}
#toppage .topics h3 a {
	position: absolute;
	top: 5px;
	right: 0;
	padding-left: 25px;
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	background:url(../img/icon_more2.png) no-repeat left center;
	background-size: 20px auto;
}
#toppage .topics h3 a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#toppage .topics .topics_box {}
#toppage .topics .topics_box::after { /*float_clear*/ display:block; clear:both; content:"";}
#toppage .topics .topics_box dl { 
	float:left;
	padding: 20px;
	width: 48.5%;
	border:5px solid #f2f2f2;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
	margin-bottom:20px;
}
/* #toppage .topics .topics_box dl+dl {margin-left: 3%;} */
#toppage .topics .topics_box dl:nth-child(odd) {clear:both;}
#toppage .topics .topics_box dl:nth-child(even) {margin-left: 3%;}
#toppage .topics .topics_box dt {}
#toppage .topics .topics_box dt img { width: 100%; height: auto;}
#toppage .topics .topics_box dd { padding: 20px 0 0;}
#toppage .topics .topics_box dd b { display: block; font-size: 113%;}

#toppage .topics .topics_box dl a { text-decoration: none; }

#toppage .topics .topics_box dd { color:#333;text-decoration: none; }

#toppage .topics .topics_box dd span { color:#06F;text-decoration: underline; }


/*** NEWS **************************************************************/
#toppage .news {}
#toppage .news h3 { position: relative; padding:0 0 20px;}
#toppage .news h3::after { /*float_clear*/ display:block; clear:both; content:"";}
#toppage .news h3 b { font-size: 138%;}
#toppage .news h3 a {
	position: absolute;
	top: 5px;
	right: 0;
	padding-left: 25px;
	color: #606060;
	font-weight: bold;
	text-decoration: none;
	background:url(../img/icon_more2.png) no-repeat left center;
	background-size: 20px auto;
}
#toppage .news h3 a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#toppage .news .news_box {border-top:1px solid #ddd;}
#toppage .news .news_box dl { padding: 15px 20px; border-bottom:1px solid #ddd;}
#toppage .news .news_box dl::after { /*float_clear*/ display:block; clear:both; content:"";}
/* #toppage .news .news_box dl:nth-child(odd) { background-color: #f6f6f6;} */
#toppage .news .news_box a:nth-child(odd) dl { background-color: #f6f6f6;}
#toppage .news .news_box dt {
	float: left;
	width: 18%;
	background:url(../img/arrow_g.png) no-repeat right center;
	background-size: 15px auto;
}
#toppage .news .news_box dd { float: right; width: 80%;}
#toppage .news .news_box a { color:#000;text-decoration: none;}

#toppage .news .news_box a dt{ color:#333;   }
#toppage .news .news_box a dl dd{color:#333; text-decoration: underline;}

#toppage .news .news_box a:hover dl dd{
	color:#06F;
}