@charset "UTF-8";



body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size:90%;
	line-height:150%;
	color: #545454;
	}

/* ヘッダー画像 */

.rogoimg{width:20%;
	}
.boxB {	text-align:center;
	}

.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}


/* ヘッダー上部の黒背景部分*/
.boxB	{background-color: #000000;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px} 

.boxB p	{color: #ffffff;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;} 


/* 記事 */
.kiji h1 {margin-top: 20px;
	text-align:center;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: solid 2px #000000;
	font-size: 30px;
	}

.kiji h2{margin-top: 0px;
	font-size: 18px;
	font-weight: normal;
	text-align:center;
	background-color: #E08484;
	color:#fff;
	}

.kiji h3 {font-weight: normal;
	padding: 5px;
	background-color:#F2DFD8;
	}

.kiji img {width: 100%;
	height: auto;
	margin-bottom: 0px;
	}

.kiji p {
	font-size: 16px;}

.center{
	text-align:center;
	}



/* 本文 */
.honbun	{line-height:30px;
	}





/* コピーライト */
.copyright p	{margin: 0;
	color: #666666;
	font-size: 14px;
	text-align:center;
}

/* box7の下に罫線 */
.box7 {border-bottom: solid 2px #dddddd
	}


/* BOX5をバーの形にする*/
.box5	{padding-top: 15px;
	padding-bottom: 15px;
	} 

/* BOXBをバーの形にする*/
.boxB	{margin-bottom: 1%;
	} 


/* ボックスの左右 */
.box5, .box7
	{padding-left: 15px;
	padding-right: 15px}

.box6	{padding-top: 15px}

.box6-1, .box6-2, .box6-3
	{padding-bottom: 10px}


/* ########### 359px以下 ########### */
@media (max-width: 359px) {

}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 11px}


/* 記事 */
.kiji h1	{font-size: 20px}

.kiji h2	{font-size: 17px}

.kiji h3	{font-size: 15px;
		line-height:25px}


/* ナビゲーションメニュー（縦並び） */

.menu ul {margin: 0;
	padding: 0;
	list-style: none;
	text-align:center;
	}


.menu li a {display: block;
	padding: 5px;
	font-size: 14px;
	text-decoration: none;
	background-color: #2E8810;
	color:#fff;
	padding:1.5%;
	margin-bottom:2%;
	line-height:10px
	}

.menu li a:hover
	{background-color: #eeeeee}
	}

.box6-2 ol {
	font-size: 16px;}



}



/* ########### 767px以下 ########### */
@media (max-width: 767px) {


}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* liを横に並べる設定 */
.menu ul:after	{content: "";
	display: block;
	clear: both
	}

.menu ul {margin: 0;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:0;
	list-style: none;
	text-align:center;
	}

.menu li {float: left;
	width: 45%;
	background-color: #2E8810;
	padding:1.5%;
	margin:1%;
	line-height:20px;
	font-size: 20px;
	}


.menu li a {text-decoration: none;
	color:#fff;
	
	}



/* BOX6-1、BOX6-2、を横に並べる設定 */
.box6:after {content: "";
	display: block;
	clear: both
	}

.box6-1	{float: left;
	width: 30%;
	margin-right: 2%;
	}

.box6-2	{float: right;
	width: 68%;
	}

}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.box5-inner, .box6, .box7, .boxB-inner
	{width: 1140px;
	margin-left: auto;
	margin-right: auto
	}

}