body {
	padding:0;
	margin:0 auto;
	font: 14px/1.5 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	color: #333;
	width: 100%;
	max-width: 1000px;
	font-family: "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#header {
	background:#94D280;
	font-size:12px;
	color:#FFF;
	font-family: "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#header2 {
	background:#ffffff;
	font-size:14px;
	color:#111;
}
#header2 .top-img {
	margin-right: 12px;
}
#header2 p {
    overflow: auto;
}
@media only screen and (max-width: 640px) {
#header2 p {
    overflow: visible;
}
}
@media only screen and (max-width: 375px) {
#header2 p {
    clear: both;
}
}
/*リンクをオンクリックで透過*/
a:hover {
	opacity: 0.5;
	font-family: "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}

#contents{
	background: #f8f8f8;
	padding:20px 20px;
}
#contents::after {
  content: "";
  display: block;
  clear: both;
}
section {
	padding-bottom: 40px;
}
section2 {
	padding-bottom: 1px;
}
h1 {
	font-size: 30px;
	padding-bottom: 9px;
	margin: 0 0 20px;
	border-bottom: 1px solid #DDD;
}
h2 {
	font-size: 20px;
	margin: 0px;
}
h3 {
	font-size: 15px;
	color: #2B5B22;
	margin-left: 12px;
	margin-bottom: 0px;
}

.container {
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
@media only screen and (max-width: 979px) {
	.container {
		width: auto;
	}
}
/*1カラム--main1*/
#main1{
	float:auto;
	width:100%;
}
/*2カラム--main*/
#main{
	float:right;
	width:69%;
}
/*2カラム--左メニュー*/
#side{
	float:left;
	width:27%;
	margin-right:18px;
	
}
#side .menuList{
	background:#E0F0CC;
	padding:0;
	border-top:solid 1px #DDD;
	font-weight: bold;
}
#side .menuList li{
	list-style-type:none;
}
#side .menuList li a{
	display:block;
	padding:22px 12px;
	border-bottom:solid 1px #DDD;
	color:#225522;
	text-decoration:none;
}
#side .menuList li a:hover{
	background-color:rgba(255,255,255,0.3);
}
#side .menuList2{
	background:#F0F0CC;
	padding:0;
	border-bottom:solid 1px #DDD;
	font-weight: bold;
}
#side .menuList2 li{
	list-style-type:none;
}
#side .menuList2 li a{
	display:block;
	padding:16px 12px;
	border-top:solid 1px #DDD;
	color:#333;
	text-decoration:none;
}
#side .menuList2 li a:hover{
	background-color:rgba(255,255,255,0.3);
}
@media only screen and (max-width: 979px) {
	#main,#side{
		float:none;
		width:auto;
	}
	#side{
		margin-top:0;
		margin-bottom:40px;
	}
	#side .menuList{
		margin-left:-15px;
		margin-right:-15px;
	}
	#side .menuList2{
		margin-left:-15px;
		margin-right:-15px;
	}
}

#footer{
	background:#999;
	color:#FFF;
	text-align:center;
	padding:10px;
}

/*.width100 {
	width:100%;
	max-width:280px;
	height:auto;
}*/
/*新着*/
@media only screen and (max-width: 780px) {
table, tbody, tr, th, td {
display: block;
max-width:600px;
table-layout: fixed;
}
}
@media only screen and (max-width: 640px) {
table, tbody, tr, th, td {
display: block;
max-width:310px;
table-layout: fixed;
}
}
/*ブロック全体の設定*/
dl, dt, dd {
  margin : 0;
  padding : 0;
  font: 13px/1.2 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#new dl{
	/*background-color : #F9F9F9;*/
	padding-left: 1px;
	margin-left: 18px;
	margin-right: 1px;
	margin-bottom: 18px;
	height: 394px;	/*高さ*/
	overflow: auto;	/*高さの設定を超えるとスクロールが自動で出る。全部表示させるならこの行と上の行を削除。*/
	width  : 93%;
	font-family: "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
/*日付設定*/
#new dt {
	margin-bottom: 1px;
	margin-right: 5px;
    width: 72px;
	float: left;
	clear: both;
}
/*#new dt .img {
	margin: 10px;
}*/
/*記事設定*/
#new dd {
	height: 51px;
	width: 99%;
	border-bottom: 1px dotted #999;
	margin-bottom: 1px;
}

img,
fieldset
{
	border: 0;
}
img
{
	border:0;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}
/*イベント等*/
li
{
	list-style-type: none;
}
input[type="submit"],button,label,select{
	cursor:pointer;
}
.grid-items {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
@media only screen and (min-width: 1024px){
	.grid-items {
		width:1000px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.grid-items {
		width:720px;
	}
}
@media only screen and (min-width: 512px) and (max-width: 767px) {
	.grid-items {
		width:480px;
	}
}
@media only screen and (max-width: 511px) {
	.grid-items {
		width:276px;
	}
}
.grid-items li {
	margin: 14px;
	width: 276px;
	background:#FFF;
	box-shadow: #CCC 0px 1px 2px;
}
.grid-items li img{
	max-width:100%;
}
.grid-items li p{
	padding:15px;
	
}
/*ドナドナ*/
.grid-dona {
	margin-right: auto;
	margin-left: auto;
}
@media only screen and (min-width: 1024px){
	.grid-dona {
		width:1000px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.grid-dona {
		width:720px;
	}
}
@media only screen and (min-width: 512px) and (max-width: 767px) {
	.grid-dona {
		width:480px;
	}
}
@media only screen and (max-width: 511px) {
	.grid-dona {
		width:350px;
	}
}
.grid-dona li {
	margin: 3px;
	width: 233px;
	background:#FFF;
	box-shadow: #CCC 0px 1px 1px;
}
.grid-dona li img{
	margin: 4px;
	max-width:100%;
}
.grid-dona li p{
	padding:5px;
	
}

.img_block img{
    display: block;
    margin: 0px auto;
	text-align: center;
}