@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sub2,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,main2,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,nav2,main3back,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


.mtcp{margin-top:6px;}
.mgcp{margin:16px 0 26px 0;}
.ftcp{font-size:14px;}
.mmap {font-size:13px;color:#666;}
.bmk {font-size:10px;color:#164651;padding:0 10px;}
.red {color: #ff0000;}
.clear{clear: both;}
/*オンイメージ*/
p.image a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}

.info_box a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}


		div.imagebox {
		   border: 0px dashed #0000cc; /* 枠線 */
		   background-color: #fff;  /* 背景色 */
		   width: 16.6%;             /* 横幅 */
		   float: left;                /* 左に配置 */
		   margin: 0px;                /* 周囲の余白 */
		}
		p.image, p.caption {
		   text-align: center; /* 中央寄せ */
		   margin: 1px;        /* 余白・間隔 */
		}
		p.caption {
		   font-size: 100%;     /* 文字サイズ */
		   color: #333;    /* 文字色 */
		}

		p.exp {
			clear: left;       /* 回り込みを解除 */
		}


		div.imagebox2 {
		   border: 0px dashed #0000cc; /* 枠線 */
		   background-color: #fff;  /* 背景色 */
		   width: 16.6%;             /* 横幅 */
		   float: left;                /* 左に配置 */
		   margin: 0px;                /* 周囲の余白 */
		}
		p.image, p.caption {
		   text-align: center; /* 中央寄せ */
		   margin: 1px;        /* 余白・間隔 */
		}
		p.caption {
		   font-size: 100%;     /* 文字サイズ */
		   color: #333;    /* 文字色 */
		}

		p.exp {
			clear: left;       /* 回り込みを解除 */
		}


.tcenter {
text-align: center;
}

#wrapper {
overflow: hidden;
}

#slimmenudiv {
display: none;overflow: hidden;
}

#slimmenudiv ul li{
padding: 0;
margin: 0;
}



nav2 {
	width:100%;height: 46px;
	background:#fff;
}
nav2:after {
   content:'';
   display:block;
   clear:both;
}

nav2 {
background:#7AAE46;

}



.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0px auto 25px 0;
  padding: 0;

}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;list-style: none;
  width: 12.5%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background:#7AAE46;
  color: #fff;
  font-size:16px;
  line-height: 1;
  text-decoration: none;
height: 20px;line-height: 20px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;

}
.dropmenu li ul li{
  width: 220px;

}
.dropmenu li ul li a{
  padding: 13px 15px;font-size:13px;
  border-top: 1px solid #000;
  background:#164651;
  text-align: left;

}
.dropmenu li:hover > a{
  background:#164651;color:#fff;
height: 20px;line-height: 20px;
}

.dropmenu li ul li > a{
  background:#164651;color:#fff;
height: 13px;line-height: 13px;
}

.dropmenu li ul li:hover > a:hover {
  background:#164651;color:#7AAE46;
height: 13px;line-height: 13px;
}

.dropmenu li.currentmenu a{
  background:#164651;color:#fff;

}
.dropmenu li ul li.currentmenu2 > a{
  background:#164651;color:#7AAE46;

}

.dropmenu li a:hover{
  background:#164651;
}


#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}


#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .4s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}


#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
#flip2 li:hover li{
  transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
  transition-delay: .1s;
}
#flip2 ul li:nth-child(3) {
  transition-delay: .2s;
}
#flip2 ul li:nth-child(4) {
  transition-delay: .3s;
}
#flip2 ul li:nth-child(5) {
  transition-delay: .4s;
}


/* ims */
.info_box {
	background:#fff;
	margin:0 0 30px 0;
	padding:20px 12px 5px 20px;font-size:15px;color:#333;
}
.info_box2 {
	background:#fff;
	margin:0 0 30px 0;
	padding:20px 20px 0px 23px;font-size:15px;color:#333;
}
.info_box3 {
	background:#fff;
	margin:0 0 30px 0;
	padding:20px 20px 5px 20px;font-size:15px;color:#333;
}
.info_box4 {
	background:#EFEFEF;
	margin:-20px 0 30px 0;
	padding:20px 20px 5px 20px;font-size:15px;color:#333;
}


ul.feed01 {
	padding: 0px 0px 25px 0px;
}
ul.feed01 li {
	list-style-type: none;font-size:15px;
	margin: -24px 0px -30px 135px;
}
ul.feed01 li a {
	text-decoration: underline;
	color: #7AAE46;
}
ul.feed01 li a:hover {
	text-decoration:none;
	color: #7AAE46;
}

.ft14{font-size:14px;}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:15px;
	color:#333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
background:#EFEFEF;
}

.inner {
	position:relative;
	width:1170px;
	margin:0 auto;
}


header {
	box-sizing:border-box;
position:relative;
	width:100%;
background:#EFEFEF;
font-size:14px;
}

nav {
	width:100%;
	background:#fff;
	box-shadow:0 1px 2px #d0d8dc;
	?zoom:1;
}
nav:after {
   content:'';
   display:block;
   clear:both;
}

#contents {
	overflow:hidden;
	width:1170px;
	margin:20px auto;
background:#EFEFEF;
}

#main {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:65%;
}

#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:32%;
}

#main2 {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:48.5%;
}

#sub2 {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:48.5%;
}

#main3back {
	width:100%; height:130px;
	background:#164651;
}


#main3 {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:50%;
}

#sub3 {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:50%;
}


footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}

a {
	color:#7AAE46;
	text-decoration:underline;
}
a:hover {
	color:#7AAE46;
	text-decoration:none;
}

h2 {
background: #7aae46 url(../images/title1.png) no-repeat  10px 8px;
	padding:10px 0;
	height:35px;line-height: 39px;
	font-size:21px;
	color:#fff;font-weight:800;text-indent: 58px;
}

h3 {
	color:#fff;
	font-size:16px;
	background:#333;
}

h3.side {
margin:0 0 0px 0;font-size:19px;color:#7aae46;background:#fff;font-weight:bold;
}

h4 {
	margin-bottom:0.25em;
	font-size:15px;
	color:#710000;
	border-bottom:3px solid #710000;
}

h5 {
	position:relative;
	margin-bottom:0.25em;
	padding-left:10px;
	color:#710000;
	font-size:14px;
	font-weight:bold;
}
h5:before {
    content:"";
    margin-top:-7px;
    position:absolute;
    top:50%;
    left:0;
    width:5px;
    height:14px;
    background:#8c0e0e;
}

h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}

p {
	margin:0 0 1em 0;
}

img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dt:before {
	content:"\0025a0";
}
dd {
	margin-bottom:1em;
}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}

.ta1 {
 width: 100%;/*テーブルの幅*/
margin-top:0px;/*テーブルの上にスペース*/
margin-left:0px;/*左にスペース*/
margin-bottom:10px;/*テーブルの下にスペース*/
 }
 

.ta1 td, .ta1 th {
 padding:13px 12px;vertical-align:middle;

 }

.ta1 .backc {
 background-color: #F5F5F5;
 }



dl dt {
display: list-item;
list-style-type: square;overflow: hidden;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
	padding:17px 0px 17px 25px;
}

.summary {
	position:absolute;
	top:0;top:25px;
	right:25px;
	margin:0;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen and (min-width:768px) {

}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {
	font-size:13px;color:#164651;
	margin:0px 0 22px 0;text-indent:0px;
	padding:2px;padding:10px 10px;
	background:#f1f1f1;
border-top:1px solid #dfdede;
border-bottom:1px solid #dfdede;
}

#topicpath a{color:#777;text-decoration: none;}
#topicpath a:hover{color:#164651;text-decoration: none;}

hr {

margin-right:5px;
height: 1px;
background-color: #dfdede;
border: none;
}

/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li a:before {
	
	color:#999;
}
.submenu li a {
	display:block;background:url(../images/marker.png) no-repeat 0px 10px;
	padding:5px 0px 0px 0px;
	color:#666;text-indent:12px;

	text-decoration:none;
}
.submenu li a:hover {
	color:#7AAE46;
}

.bnr {
	overflow:hidden;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	margin:0 0 10px 0;margin:0 0 20px 0;
	padding:0;
	list-style:none;
}
.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}


/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
}

.footmenu {
	width:100%;
	padding:20px 0 5px 0;
	overflow:hidden;
	background:#efede9;
}
.footmenu ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
	padding:0;
}
.footmenu li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 12px;
	font-size:13px;
	text-align:center;
}
.footmenu a {
	color:#164651;
	text-decoration:none;
}
.footmenu a:hover {
	color:#164651;
	text-decoration:underline;
}

#copyback {
	width:100%; height:42px;
	background:#164651;
}

.owner {
	clear:both;
	padding:33px 0 0px 20px;
	font-size:14px;
	text-align:left;
	color:#efede9;
	background:#164651;
}

.copyright {
	clear:both;
	padding:10px 0 0px 0px;
	font-size:12px;
	text-align:center;
	color:#efede9;
	background:#164651;border-top: 1px solid #2e5963;
}

.socialbtn {
	clear:both;
	padding:40px 0 10px 0;
	font-size:11px;
	text-align:center;
	color:#efede9;
	background:#164651;
}
.socialbtn ul {



	margin:0;
	padding:0;
}
.socialbtn li {
	
display: inline-block;


	list-style:none;
	margin:0;
	padding:0 15px;padding:0 5px;
	font-size:12px;
	text-align:center;
}
.socialbtn a {
	color:#333;
	text-decoration:none;
}
.socialbtn a:hover {
	color:#333;
	text-decoration:underline;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;

}
.totop a {
	display:block;
	text-decoration:none;

}
.totop img {
	background:#710000;background:#7AAE46;
}
.totop img:hover {
	background:#900000;background:#6F9D40;
}

/*================================================
 *  クラス
 ================================================*/
.list {
	padding:0 0 0 0.5em;
}
.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(../images/check.png) 0 5px no-repeat;
}

.info dt {
	border-bottom:none;
}
.info dd {
	padding-bottom:1em;
	border-bottom:1px solid #ddd;
}

.col_two_one {
	overflow:hidden;
}

.col_two_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one li img {
	width:100%;
	margin-bottom:2.5%;
}


/*================================================
 *  1170px拡大
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:1170px) {
#slimmenudiv {
  display: none;
}

	.inner {
		width:100%;
	}

.bnr img {
	width:100%;
        height: auto;
}
    img {
        max-width: 100%;
        height: auto;
    }

	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}

	footer {
		width:100%;
	}
}


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {

#slimmenudiv {
  display: none;
}

	.inner {
		width:100%;
	}

	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}

	footer {
		width:100%;
	}
}

/*================================================
 *  ims
 ================================================*/
@media (min-width: 480px) and (max-width: 767px) {
#slimmenudiv {
    display:block;
}
}



@media (max-width: 480px) {
ul.feed01 li {
	list-style-type: none;
	margin: 0px 0px -30px 0px;

}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

#topicpath {
	margin:0px 0 18px 0;
	background:#f6f6f6;

}

#slimmenudiv ul{
display: none;
}
#slimmenudiv {
    display:block;padding:0;margin:0px;width:100%;
}

	header {

		
		top:0px;
		left:0;
		width:100%;
		padding:10px 10px;margin-bottom:-15px;
	}

    header img {
        max-width: 90%;
        height: auto;
    }

	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}


.copyright {
	font-size:11px;
}

.owner {
	padding:20px 0 0px 15px;

}

#main3back {
	height:210px;

}




#slimmenudiv {
    display:block;padding:0;margin:0px;width:100%;
}
  nav2{
    display: none;
  }

	#contents {
		padding:0 0px;
	}

  .totop{
    visibility:hidden;
  }



	.lock {
		overflow:hidden;
	}



	#main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:100%;
	}

	#main2 {
		float:none;
		width:100%;
	}

	#sub2 {
		float:none;
		width:100%;
	}


	#main3 {
		float:none;
		width:100%;
	}

	#sub3 {
		float:none;
		width:100%;
	}
	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}
}