/* CSS Document */
@charset "UTF-8";

/*基本設定*/
body,p{
	font-family:'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;
	margin:0;
	padding:0;
	color:#5A3D1B;
	}

h4 {
	padding: 0;
	margin: 5px;}

.red{
	color:#990000;
	}

a:link {
  color:#5f6527;
	font-size:95%;
	line-height:135%;
	border-bottom-color:#5f6527;
}

a:visited {
  color:#5f6527;
	font-size:95%;
	line-height:135%;
  text-decoration:none;
}

a:hover {
  color:#82ae46;
	font-size:95%;
	line-height:135%;
  text-decoration:none;
}

a:active {
	font-size:95%;
	line-height:135%;
  text-decoration:none;
}

.subbox p{
	margin:0 auto;
	padding:0 auto;
	font-size:14px
}

.bold{
	font-weight:bold;
	font-size:98%;
	position:relative;
	margin:0 auto;
	padding:0 auto;
	}

.small{
	font-size:70%;
	margin:0 auto;
	padding:0 auto;
	}

.right{
	float: right;
	}

.left{
	float: left;
	}

.clear{
	clear:both;
	}

/* サイト名 */
.toplogo h1{
	margin:0;
	font-size:22px;
	font-family:'Yu Gothic'
}

.toplogo h1 a{
	text-decoration:none;
	color:#000000
}

.toplogo h1 a:hover{
	opacity:0.6
}

.toplogo img{
  border:none;
	vertical-align:middle
}

.toplogo .text{
	margin-left:30px;
	margin-bottom:5px
}

/* トップメニュー */
.topmenu ul{
  margin:0;
  padding:0;
  list-style:none;
}

.topmenu ul:after{
  content:"";
  display:block;
  clear:both
}

.topmenu li {
	display:inline-block;
	float:left;
	width:auto;
	margin:0;
	list-style-type: none;
	}


.topmenu-t li {
	float:left;
	margin:0px;
	list-style-type: none;
	}

.topmenu li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}

/*各メニューの指定*/
.menu01 a{
	background-image:url(../img/menubar-off.png);
	width:120px;
	height:45px;
	background-position:-25px 0px;
	margin:0;
	}

.menu02 a{
	background-image:url(../img/menubar-off.png);
	width:120px;
	height:45px;
	background-position:-145px 0px;
	margin:0px;
	}

.menu03 a{
	background-image:url(../img/menubar-off.png);
	width:80px;
	height:45px;
	background-position:-265px 0px;
	}

.menu04 a{
	background-image:url(../img/menubar-off.png);
	width:90px;
	height:45px;
	background-position:-345px 0px;
	}

.menu05 a{
	background-image:url(../img/menubar-off.png);
	width:75px;
	height:45px;
	background-position:-435px 0px;
	}

.menu06 a{
	background-image:url(../img/menubar-off.png);
	width:105px;
	height:45px;
	background-position:-510px 0px;
	}

.menu07 a{
	background-image:url(../img/menubar-off.png);
	width:120px;
	height:45px;
	background-position:-615px 0px;
	}

/*各トップメニューのhoverの指定*/
.menu01 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-25px 0px;
	margin:0
	}

.menu02 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-145px 0px;
	width:120px;
	}

.menu03 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-265px 0px;
	width:80px;
	}

.menu04 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-345px 0px;
	width:90px;
	}

.menu05 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-435px 0px;
	width:75px;
	}

.menu06 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-510px 0px;
	width:105px;
	}

.menu07 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-615px 0px;
	width:120px;
	}

/*？メニュー*/
.menu01-t{
	background-image:url(../img/menubar-t.png);
	background-position:-25px 0px;
	margin:0px 0px 0px 25px;
	}

.menu02-t{
	background-image:url(../img/menubar-t.png);
	background-position:-145px 0px;
	width:120px;
	}

.menu03-t{
	background-image:url(../img/menubar-t.png);
	background-position:-265px 0px;
	width:80px;
	}

.menu04-t{
	background-image:url(../img/menubar-t.png);
	background-position:-345px 0px;
	width:90px;
	}

.menu05-t{
	background-image:url(../img/menubar-t.png);
	background-position:-435px 0px;
	width:75px;
	}

.menu06-t{
	background-image:url(../img/menubar-t.png);
	background-position:-510px 0px;
	width:105x;
	}

.menu07-t{
	background-image:url(../img/menubar-t.png);
	background-position:-610px 0px;
	width:120px;
	}

/*
.line_main{
	width:1000px;
	margin:0 auto;
	clear: both;
	}
*/

.line_sub{
	width:744px;
	margin:0 auto;
	}

/* 背景画像 */
/*ヘッダー画像*/
.top{
	position: relative;
	top:0;
	left:0;
	max-width:100%;
	margin:0;
}

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

/*重ねる画像*/
.message{
	background-color:rgba(255,255,255,0.5);
	position: absolute;
	top:10px;
	left:0;
	margin:10px;
	padding:10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

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

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

/*活動内容*/

.katudou a{
	position:relative;
  display:block;
  color:#ffffff;
  text-align:center;
  text-decoration:none
}

.katudou img{
	width:100%;
	height:auto;
	border:none;
	vertical-align:bottom
}

.katudou .text{
	position:absolute;
	padding:10px 10px;
	font-size:15px;
	background-color:rgba(0,0,0,0.5);
	bottom:0;
	left:0;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.katudou a:hover{
  opacity:0.8
}


/*
.katudou .fa-database{
  background-color:#bfdb13
}

.katudou .fa-bar-chart-o{
  background-color:#c58839
}

.katudou .fa-envelope{
  background-color:#859f46
}
*/

/*
#wrapper-bottom{
	width:auto;
	margin:0;
	padding:0;
	background-image:url(../img/wrapper-bottom.gif);
	background-repeat:repeat-x;
}
*/

/*最新記事*/
.news{
  padding:10px;
  border:double 5px #dddddd
}

.news h1{
  margin-top:0;
  margin-bottom:0;
  font-size:18px;
  color:#666666
}

.news ul{
  margin:0;
  padding:0;
  list-style:none
}

.news li a{
  display:block;
  padding:5px;
  border-bottom:dotted 1px #000000;
  color:#000000;
  font-size:14px;
  text-decoration:none
}

.news li a:hover{
  background-color:rgba(220,220,220,0.7)
}

.news time{
  color:#5d627b;
  font-weight:bold
}

.news a:after{
  content:"";
  display:block;
  clear:both
}

.news time{
  float:left;
  width:60px
}

.news .text{
  float:none;
  width:auto;
  margin-left:60px
}

/*SNSメニュー*/
.follow ul{
  margin:0;
  padding:0;
  list-style:none
}

.follow li a{
  display:block;
  margin-bottom:10px;
  padding:10px;
  border-radius:4px;
  color:#ffffff;
  font-size:14px;
  text-decoration:none
}

.follow li a:hover{
  opacity:0.8
}

.follow-tw{
  background-color:#63bafb
}
.follow-fb{
  background-color:#5288f7
}
.follow-lt{
  background-color:#89f64a
}

.follow i{
  margin-right:10px;
  font-size:24px;
  vertical-align:middle
}


/*関連記事*/
.kanren-info{
	width:80%;
	font-weight:bold;
	position: relative;
	margin-top:0;
	margin-bottom:10px;
	padding:10px;
	background: #f0e68c;
	font-size:14px;
	text-align:center;
	border-radius: 10px;
	border:1px solid #5A3D1B
}

.kanren-info:after, .kanren-info:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.kanren-info:after {
	border-color: rgba(240, 230, 140, 0);
	border-top-color: #f0e68c;
	border-width: 15px;
	margin-left: -15px;
}
.kanren-info:before {
	border-color: rgba(90, 61, 27, 0);
	border-top-color: #5A3D1B;
	border-width: 16px;
	margin-left: -16px;
}

.kanren{
  margin-top:0;
	margin-bottom:20px;
  padding:20px;
}

.kanren ul{
  margin:0;
  padding:0;
  list-style:none
}

.kanren li a{
  display:block;
  padding:5px;
  color:#000000;
  font-size:14px;
  text-decoration:none
}

.kanren li a:hover{
  opacity:0.8;
	text-decoration:underline
}

.kanren ul:after{
  content:"";
  display:block;
  clear:both
}

.kanren li{
  float:left;
  width:25%
}

.kanren img{
  max-width:100%;
  height:auto;
  border:none;
	padding-top:10px;
	padding-bottom:10px
}


/* メイン部分 */
.submenu_box{
	width:300px;
	margin:0 auto;
	padding:10px;
	float: left;
	}

.subtitle{
	width:200px;
	color: #5A3D1B;
	background-color:#FFF;
	height: 24px;
	font-weight: bold;
	border-left: 15px #9e3d3f solid;
	border-bottom: 1px #CCC solid;
	padding: 3px 0 0 10px;
	margin: 15px 0 15px 0;
	}

/* 本体部（下） */

#bottom{
	width:950px;
	margin:0 auto;
	padding:20px 10px 0px 10px;
	}

.box{
	width:550px;
	float:left;
	}

.subbox{
	margin:0 auto;
	padding:0 10px 10px 20px;
	background-color:#FFF;
	float:left;
	}

.newsbox{
	width:400px;
	float:right;
	background-color:#FFFFFF;
	}

.updatebox{
	width:500px;
	background-color:#FFF;
	font-size: 80%;
	border-left: 10px #990000 solid;
	border-bottom: 1px #CCC solid;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	}



/* BOX2をバーの形にする+BOX2の下にソリッドを入れる*/
.box2{
	padding:0.5em 1.0em;
	margin-bottom:20px;
	color: #5d627b;
	background: #D2B48C	;
	border-top: solid 5px #5d627b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

/*
.box3{
	border-top:dotted 5px #dddddd
}
*/

.box3:after{
	content:"";
	display:block;
	clear:both
}

.box6-1{
	background: rgba(219, 224, 186, 0.4);
}

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

/*ボックスの上下*/
.box4{
	padding-top:20px;
}

.box4-1,.box4-2,.box4-3{
	padding-bottom:20px
}

.box5{
  padding-top:20px;
  padding-bottom:0px
}

.box5-1{
  padding-bottom:20px
}

.box7{
	padding-top:20px;
}



/*上に線をいれる*/
.box7{
	border-top:dotted 5px #dddddd
}


/*######### 599px以下 ##########*/
/*各メニューの指定*/
@media(max-width:599px){

/*トップロゴ*/
.toplogo h1{
	font-size:16px;
}

.toplogo img{
	width:120px;
	height:auto
}

/*トップメニュー*/
.topmenu li {
	padding:0
}

.menu01 a{
	background-image:url(../img/menubar-off.png);
	background-size:cover;
	width:50px;
	height:20px;
	background-position:-10px 0px;
	margin:0px 0px 0px 0px;
	}

.menu02 a{
	background-image:url(../img/menubar-off.png);
	background-size:cover;
	width:52px;
	height:20px;
	background-position:-60px 0px;
	margin:0px;
	}

.menu03 a{
	background-image:url(../img/menubar-off.png);
	background-size:cover;
	width:40px;
	height:20px;
	background-position:-112px 0px;
	}

.menu04 a{
	background-image:url(../img/menubar-off.png);
	background-size:cover;
	width:40px;
	height:20px;
	background-position:-152px 0px;
	}

.menu05 a{
	background-image:url(../img/menubar-off.png);
	background-size:cover;
	width:30px;
	height:20px;
	background-position:-192px 0px;
	}

.menu06 a{
	background-image:url(../img/menubar-off.png);
	background-size:cover;
	width:40px;
	height:20px;
	background-position:-222px 0px;
	}

.menu07 a{
	background-image:url(../img/menubar-off.png);
	background-size:cover;
	width:50px;
	height:20px;
	background-position:-262px 0px;
	}

/*各トップメニューのhoverの指定*/
.menu01 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-10px 0px;
	margin:0px 0px 0px 0px;
	}

.menu02 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-60px 0px;
	width:50px;
	}

.menu03 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-112px 0px;
	width:40px;
	}

.menu04 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-152px 0px;
	width:40px;
	}

.menu05 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-192px 0px;
	width:30px;
	}

.menu06 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-222px 0px;
	width:40px;
	}

.menu07 a:hover{
	background-image:url(../img/menubar-on.png);
	background-position:-262px 0px;
	width:50px;
	}

.img1{
	width:40%;
	height:auto;
	vertical-align:bottom;
}

.img2{
	width:40%;
	height:auto;
	vertical-align:bottom;
}

/*関連記事*/
.kanren-info{
	font-size:11px
}

.kanren li{
  width:50%
}

.kanren li a{
  padding:10px 3px;
  font-size:11px
}

/*ボックスの上下の間隔*/
.box1{
  padding-top:4px;
  padding-bottom:4px;
}

}


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

/*Box4-1～Box4-4を横に並べる*/
.box4:after{
	content:"";
	display:block;
	clear:both
}

.box4-1{
	float:left;
	width:25%;
	padding-right:5px
}

.box4-2{
	float:left;
	width:25%;
	padding-left:5px;
	padding-right:5px
}

.box4-3{
	float:left;
	width:25%;
	padding-left:5px;
	padding-right:5px
}

.box4-4{
	float:left;
	width:25%;
	padding-left:5px
}

.box4-1, .box4-2, .box4-3, .box4-4{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

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

.box5-1{
  float:left;
  width:70%;
  padding-right:35px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}

.box5-2{
  float:left;
  width:30%
}

}

@media (min-width:1040px){

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




<!--[if IE]>
<script type="text/javascript" src="iepngfix.js" charset="utf-8"></script>
<style type="text/css">
.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}
</style>
<!--[endif]-->