@charset "UTF-8";

.wideslider { margin-bottom: 50px; }
.wideslider img { display: block; width: 100%; margin: 0 auto; }
@media screen and (max-width:768px){
	.wideslider { margin-bottom: 35px; }
}

#news {  }
#news .article img { display: block; width: 100%; margin: 0 auto 10px; }

#news.column3 .article { float: left; width: 90%;}
#news.column3 .article:nth-of-type(3+1) { margin: 0; }
@media screen and (max-width:768px){
	#news.column3 .article { float: none; width: 100%; margin: 0; text-align: center; }
}

#news.column2 .article { float: left; width: 48%; margin: 0 0 0 2%; }
#news.column2 .article:nth-of-type(2n+1) { margin: 0; }
#news.column2 .article dl { margin-bottom: 10px; }
#news.column2 .article dl dt { float: left; width: 6em; }
@media screen and (max-width:768px){
	#news.column2 .article dl dt { float: none; width: 100%; margin: 0; }
	#news.column2 .article dl dd { padding-left: 0; padding-bottom: 2em;}
}

#news.column2 .article dl dd { padding-left: 8em; width: 100%;}
@media screen and (max-width:768px){
#news.column2 .article dl dd { padding-left: 0; padding-bottom: 0.5em;}
}
#news.column2 .article nav a {  }
#news.column2 .article nav a { position: relative; display: inline-block; padding: 0 0 0 12px; color: #231815; vertical-align: middle; text-decoration: none; font-size: 15px; margin-bottom: 40px;}
#news.column2 .article nav a::before,
#news.column2 .article nav a::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
#news.column2 .article nav a::before { left: 0px; box-sizing: border-box; width: 5px; height: 5px; border: 5px solid transparent; border-left: 5px solid #231815; }
@media screen and (max-width:768px){
	#news.column2 .article { float: none; width: 100%; margin: 0; }
	#news.column2 .article:first-of-type { margin-bottom: 35px; }
}

#modelCourse {  }
#modelCourse .article { float: left; width: 23%; margin: 0 2.6% 30px 0px; }
#modelCourse .article a { display: block; text-decoration: none; }
#modelCourse .article img { display: block; width: 100%; margin: 0 auto 10px; }
#modelCourse .article p { margin: 0; font-size:14px;}
/*#modelCourse .article:nth-of-type(1) { width: 48%; margin: 0 0 30px; }*/
/*#modelCourse .article:nth-of-type(2) { width: 48%; margin: 0 0 30px 4%; }*/
/*#modelCourse .article:nth-of-type(3) { clear: both; margin: 0 0 30px; }*/
#modelCourse .article:nth-of-type(4) { margin: 0; }
@media screen and (max-width:480px){
#modelCourse .article { float: left; width: 100%; margin:0px; }
}




#pickUp {  }
#pickUp .article { float: left; width: 23%; margin: 0 2.6% 30px 0px; }
#pickUp .article a { display: block; text-decoration: none; }
#pickUp .article img { display: block; width: 100%; margin: 0 auto 10px; }
#pickUp .article p { margin: 0; font-size: 14px;}
/*#pickUp .article:nth-of-type(1) { width: 48%; margin: 0 0 30px; }*/
/*#pickUp .article:nth-of-type(2) { width: 48%; margin: 0 0 30px 4%; }*/
/*#pickUp .article:nth-of-type(3) { clear: both; margin: 0 0 30px; }*/
#pickUp .article:nth-of-type(4) { margin: 0; }

@media screen and (max-width:480px){
#pickUp .article { float: left; width: 100%; margin:0px; }
}



#know {  }
#know .article { float: left; width: 31%; margin: 0 0 30px 3.5%; }
#know .article a { display: block; text-decoration: none; }
#know .article img { display: block; width: 100%; margin: 0 auto 10px; }
#know .article p { margin: 0; }
#know .article:nth-of-type(3n+1) { margin: 0 0 30px; }



#video .article { float: left; width: 23%; margin: 0 2.6% 30px 0px;}
#video .article:nth-of-type(4) { margin: 0; }

#video iframe{border: 1px solid #ccc;}
#video .article a { display: block; text-decoration: none; }
#video .article img { display: block; width: 100%; margin: 0 auto 10px; }
#video .article p { margin: 0 0 20px; }
/*#video .article:nth-of-type(2n+1) { margin: 0 0 30px; }*/
#video .article nav { text-align: left; }
#video .article nav a {  }
#video .article nav a { position: relative; display: inline-block; padding: 0 0 0 12px; color: #231815; vertical-align: middle; text-decoration: none; font-size: 15px; }
#video .article nav a::before,
#video .article nav a::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; }
#video .article nav a::before { left: 0px; box-sizing: border-box; width: 5px; height: 5px; border: 5px solid transparent; border-left: 5px solid #231815; }
@media screen and (max-width:768px){
	#video .article { float: none; width: 100%; margin: 0 0 30px; }
}

p#adad{
    margin-top: -20px;
    text-align: right;
    padding-right: 20px;
}

/* div#site-information1{padding-bottom: 60px;} */

div#site-information1 ul {
    float: right;
}
div#site-information1 ul li {
    background: url("../images/footer_icon.gif") no-repeat scroll left center transparent;
    display: inline;
    margin-right: 20px;
    padding: 5px 0 5px 10px;
}