/* NEWS*/
ul#newsList{
	margin:0 0 15px;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul#newsList li{
	font-size: 14px;
	line-height: 24px;
	margin:0;
	padding:5px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	list-style-type:none;
}
ul#newsList li div{
	padding: 0 0 6px 0
}
ul#newsList li:after {
  content: "";
  clear: both;
  display: block;
}
ul#newsList li .up_ymd{
	width: 10em;
	float: left;
}
ul#newsList li .title{
    width : 70% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 10em) ;
    width : calc(100% - 10em) ;
	float: right;
}
@media screen and (max-width: 768px) {
	ul#newsList li div{
		padding: 0;
	}
	ul#newsList li .up_ymd{
		width: 100%;
		float: none;
	}
	ul#newsList li .title{
		width: 100%;
		float: none;
	}
}

ul#newsList li div a{color: #202020; text-decoration: none;}
ul#newsList li a:hover{color: #8bb32c;}
/*
	.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
*/
.newMark{
	display:inline-block;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	background-color:#e9f2ec;
	color:#295f3a;
	border-radius:2px;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}