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

  TOPPAGE

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

#toppage {
	margin: 0;
	padding: 0;
}
/*** MAINIMG *******************************************************************/
.mainimg { text-align:center; }
.mainimg img { width:100%; }

/*** CONTENT *******************************************************************/
.cont { clear:both; max-width:1000px; margin:80px auto 105px; }
.cont::after { clear:both; content:""; display:block; }

/*NEWS*/
.cont .news { width:486px; float:left; position:relative; }
.cont .news h2 { color:#0E2333; margin-bottom:35px; }
.cont .news h2 b { font-size:300%; margin-right:20px; font-weight: normal; }
.cont .news h2 small { font-size:88%; font-weight:normal; vertical-align:super; }
.cont .news .news_box { height: 600px; overflow: auto;}
.cont .news .news_box dl {clear:both;margin-bottom:10px; padding:4% 2%;}
.cont .news .news_box dl::after { clear:both; content:""; display:block; }
.cont .news .news_box dl:nth-child(odd) { background:rgba(158,145,103,.05); }
.cont .news .news_box dl dt{ margin: 0 2%; letter-spacing:0.1em; font-size: 88%;}
.cont .news .news_box dl dt span { margin: 20px; color:#42B9D0;}
.cont .news .news_box dl dd { overflow: hidden;}
.cont .news .news_box dl dd .file,
.cont .news .news_box dl dd .link,
.cont .news .news_box dl dd .photo-r,
.cont .news .news_box dl dd .photo_box { display: none;}
.cont .news .news_box dl dd .come { margin: 0 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cont .news .news_box dl dd .come br { display: none;}

.cont .news .b_more { position:absolute; right:0; top:0; width:145px;}
.cont .news .b_more a {
	display: block;
	padding:10px 20px;
	color:#0E2333; 
	font-weight:normal;
	text-decoration: none;
	border:1px solid #0E2333;
	background: url(../../image/news_arrow.png) no-repeat center right; 
	border-radius:5px; 
}
.cont .news .b_more a:hover { background-color: #eee;}


/*SIDE BANNER*/
.cont ul.side_bana { width:475px; float:right; }
.cont ul.side_bana li+li { margin-top:10px; }
.cont ul.side_bana li a img { width:100%; }

/*** TRAINING *******************************************************************/
.training { 
	background:url(../../image/bg.jpg) no-repeat center; 
	background-size:cover; 
	text-align:center; 
	color:#fff; 
	padding:7% 0;
}
.training h3 { font-size:157%; padding-bottom:20px; position:relative; }
.training h3::after { 
	content:""; 
	position:absolute; 
	border-bottom:1px solid; 
	width:705px; 
	height:1px; 
	margin:auto; 
	right:0; 
	left:0; 
	bottom:0; 
}
.training .come { font-size:124%; margin:20px auto 25px; }
.training .come small { font-size:86%; }
.training .b_more { margin:auto; width:230px;}
.training .b_more a {
	display: block;
	padding:10px 0; 	
	background:rgba(186,229,203,.3); 
	border:1px solid rgba(255,255,255,.5); 
	border-radius:5px;
}
.training p.b_more a { text-decoration:none; color:#fff; font-size:100%; padding:10px 50px; }


/*** BANNER *******************************************************************/
ul.bana { margin:50px auto 44px; max-width:1000px; clear:both; }
ul.bana::after { clear:both; content:""; display:block; }
ul.bana li { float:left; margin:1%; width:23%; }
ul.bana li:nth-child(1), ul.bana li:nth-child(5) { margin-left:0; }
ul.bana li a img { width:100%; }