@charset "utf-8";
/* CSS Document */
div#box01 {
	width:100%;
	padding: 100px 20px 50px 20px;
	box-sizing: border-box;
	background: url(../images/news/newstitle.png) no-repeat, #fff;
	background-position: left 20px top 20px;
}
	/* タイトル*/
	div#box01 div.titlebox { display: none; }
	/* 記事 */
	div#box01 a:hover { opacity:0.7; }
	div#box01 a.news {
		display:block;
		width: 205px;
		text-decoration: none;
		float:left;
		margin-right: 25px;
		margin-bottom: 20px;
	}
	div#box01 a.news:nth-of-type(3n) { margin-right: 0;} 
		div#box01 a.news p.date {
			height:20px;
			color: #333;
			font-size: 12px;
			line-height: 20px;
			margin: 0;
		}
		div#box01 a.news div.imgbox {
			display:block;
			width: 100%;
			height: 160px;
		}
		div#box01 a.news div.info {
			margin: 5px auto 0 auto;
		}
			div#box01 a.news div.info p.title {
				height:60px;
				font-size: 14px;
				color: #9EBF34;
				line-height: 20px;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 3;
				margin: 0;
			}
	div#box01 p.noData {
		font-size: 14px;
		color:#333;
		line-height: 100px;
		text-align: center;
	}
	/* 前後ボタン */
	div#box01 div.pagebox {
		height:20px;
		margin: 80px auto 0 auto;
	}
		div#box01 div.pagebox a {
			display: inline-block;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			color: #8CBB19;
		}
		div#box01 div.pagebox a:hover { opacity: 0.7; }
		div#box01 div.pagebox a.prev { float: left;}
		div#box01 div.pagebox a.next { float: right;}