@charset "utf-8";
/* ---------------------------------------------------------------
 
    top contents
 
--------------------------------------------------------------- */

ul.news-index:after{
  content:"";
  display:block;
  clear:both;
}

ul.news-index{
	margin-top:20px;
}

ul.news-index li{
	position:relative;
	float:left;
	width:32%;
	margin-right:2%;
	display:block;
	background-color:#F2F2F2;
}

ul.news-index li:nth-child(3n){
	margin-right:0;
}

ul.news-index li:nth-child(n+4){
	margin-top:2%;
}

ul.news-index li a{
	text-decoration:none;
}

ul.news-index li a img{
	display: block;
	margin: auto;
	max-width: 100%;
	height:180px;
}



ul.news-index li span{
	display:block;
	padding:10px 10px 0 10px;
	font-size:12px;
	color:#555555;
}

ul.news-index li p{
	display:block;
	padding:5px 10px 10px 10px;
}