@charset "UTF-8";
/* youtube動画サイズ設定
==================================================
*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}


/* オリジナル見出しスタイル
==================================================
*/
div.topic1{
	font-size: 20px;
	line-height: 50px;
	background:#fafcf9;/*背景色*/
	padding: 5px 5px 5px 15px;
	border-left: 20px solid #819e33;
	border-bottom: 3px solid #819e33;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

/* オリジナル見出しスタイル2
==================================================
*/
div.topic2 {
  padding: 5px 5px 5px 15px;/*文字周りの余白*/
  font-size: 20px;
  color: #010101;/*文字色*/
  background: #fafcf9;/*背景色*/
  border-top: solid 6px #b3c484;/*下線*/
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

/* オリジナル見出しスタイル3
==================================================
*/
div.topic3 {
  padding: 5px 5px 5px 15px;/*文字の上下 左右の余白*/
  font-size: 20px;
  color: #494949;/*文字色*/
  background: #fafcf9;/*背景色*/
  border-left: solid 10px #819e33;/*左線*/
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}


/* オリジナル見出しスタイル4
==================================================
*/
div.topic4 {
  padding: 5px 5px 5px 15px;/*文字周りの余白*/
  font-size: 20px;
  color: #010101;/*文字色*/
  background: #f9f5ef;/*背景色*/
  border-radius: 20px;/*角の丸み*/
}




/* ページ下部メニューリスト非表示
==================================================
*/
#menu {
display:none;
}

/* トップ
==================================================
*/
#top {
  background-color: #f4f4f4;;
  border-bottom: 1px solid #ddd;
  display: table;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}
#top .inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  height: 45px;
  padding: 8px;
  width: 100%;
}
#top h1 {
  color: #666968;
  font-size: 7px;
  font-weight: normal;
  line-height: 1.6;
  margin: 0;
}
#top h2 {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  margin: 0;
}
#top h2 a {
  color: #333f14;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
	#top {
		background-image: linear-gradient(#f7fbff, #fff, #fff);
		border-top: 5px solid #819e33;
		border-bottom: 1px solid #bbbbbb;
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14), 0 0 5px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14), 0 0 5px rgba(0, 0, 0, 0.15);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14), 0 0 5px rgba(0, 0, 0, 0.15);
		position: relative;
		z-index: 1;
	}
	#top::before {
		background-image: url('data:image/png	+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI	+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
		background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
		bottom: 0;
		content: '';
		height: 39%;
		left: 0;
		position: absolute;
		right: 0;
		z-index: -1;
	}
	#top::after {
		background-image: url('data:image/png+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkYWRhZCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZDZkNmQ2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
		background-size: 100%;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #adadad), color-stop(20%, #d6d6d6), color-stop(100%, #ffffff));
		background-image: -moz-linear-gradient(top, #adadad 0%, #d6d6d6 20%, #ffffff 100%);
		background-image: -webkit-linear-gradient(top, #adadad 0%, #d6d6d6 20%, #ffffff 100%);
		background-image: linear-gradient(to bottom, #adadad 0%, #d6d6d6 20%, #ffffff 100%);
		content: '';
		height: 4px;
		left: 0;
		position: absolute;
		right: 0;
		top: 1px;
		z-index: -1;
	}
  #top .inner {
	display: block;
	height: auto;
	padding: 12px 290px 12px 10px;
  }
  #top h1 {
	font-size: 14px;
  }
  #top h2 {
	font-size: 22px;
	line-height: 1.5;
  }
}
@media screen and (min-width: 1000px) {
  #top .inner {
	left: 50%;
	margin-left: -500px;
	padding: 24px 0;
	position: relative;
	width: 668px;
  }
}

/* お知らせ
==================================================
*/
div.box_srcollbar {
        overflow:auto;
        width:300px;
        height:80px;
        padding:5px;
        border:1px solid #000;
        background-color:#F9F9F9;
        color:#000;
        font-size:12px;
    }
div.box_title{
        border:0px solid #191f0a;
        padding:10px;
        font-weight:bold;
        font-size:14px;
        background-color:#191f0a;
        color:#fff;
}
div.box{
    height: 300px;
    overflow: auto;
}
div.box dt{
    float: left;
    width: 120px;
}
div.box dd{
    margin: 0 0 10px 0;
    padding: 0 0 10px 120px;
    border-bottom: 1px dotted #aaa;
}

/* topmenu背景色
==================================================
*/
  #topmenu {
	background-color: #c5db8a;
  }


/* topmenuマウスオーバー色
==================================================
*/
  #topmenu ul a:hover {
	color: #000;
  }


/* header背景色
==================================================
*/
@media screen and (min-width: 768px) {
  #headerbox {
	background-color: #fcfdf9;
	padding: 10px;
  }
}