@charset "utf-8";
/* CSS Document */
/* layout.css */

/* =================================
           ▼全体 
==================================*/
html {  
    overflow-y:scroll;  
}  
/* ▼フォントスタイル */
body,td,th {
	font-size:16px;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*背景*/
body{
	background-image: url("./images/bg.gif");
}
/* スマホ */
@media screen and (max-width:767px){
	body,td,th {
		font-size:14px;
	}
	#left-box[class*='col-'] {
		padding-left:0;
		padding-right:0;
	}
}
header, #main-nav{
	background:#fff;
	padding-bottom:1em;
}
/* ▼marginなし */
.no-margin *{
	margin:0 !important;
}
/* ▼太字フォント */
.font-bold{
	font-weight:bold;
}
/* ▼大文字 */
.font-larger{
	font-size:larger;
}
/*▼PCサイト幅*/
.site-container .container-fluid{
	padding:0;
	max-width:960px;
}
/*PC*/
@media print, screen and (min-width:768px){
	.col-md-8{
	padding-left:0;
	padding-right:0;
	}
	.col-md-4{
		padding-right:0;
	}
}
/*PC(幅960px以下)*/
@media print, screen and (max-width:960px){
	.site-container .container-fluid{
		margin-left:10px;
		margin-right:10px;
	}
}
.site-container .container-fluid .row{
	margin-left:0;
	margin-right:0;
}
/* ▼フッターを下部へ押しやるための、コンテンツのラッパー */
#wrap {
  min-height: 100%;
  height: auto;
}

/* ▼カラム中央揃え */
.row-center{
    text-align:center;
    letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
    display:inline-block;
    letter-spacing:0;
    vertical-align:top;
    float:none !important;
}
.row-center.va-middle > [class*='col-'] {
    vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
    vertical-align:bottom;
} 


/* =================================
       ▼テキスト・リンク装飾
==================================*/
/* ▼リンクテキストに下線 */
a{
	text-decoration:underline;
}
a.btn{
	text-decoration:none;
}
h2{
	font-size:24px;
}
h3{
	font-size:18px;
}
.box-content h3{
	font-size:22px;
}
/*スマホ*/
@media screen and (max-width:767px){
	h2{
		font-size:18px;
	}
	h3{
		font-size:16px;
	}
	.box-content h3{
		font-size:16px;
	}
}
/*=================================
*	クラス名：.btn-catlist
*	説明：更新情報の一覧ボタン
*	使用：トップページ
*
==================================*/
.btn{
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
	transition: 0.4s;
}
.btn:hover{
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
	transition: 0.4s;
}
img[src*='ic_'] a:hover, a:hover img[src*='ic_'],img[src*='ic_']:hover a, a img[src*='ic_']:hover{
	opacity:1;
}
/* ▼リンク先PDFの場合 */
a[href $='.pdf'] {
	background:url(./images/ico_pdf24.png) no-repeat center right !important;
	margin:0;
	padding:2px 24px 2px 0 !important;
	line-height:24px;
}
a[href $='.pdf']:hover {
	text-decoration:none;
}
.event-info a[href$='.pdf'] {
    background: none !important;
    padding: 0 !important;
    line-height:normal;
}
/*▼見出しのマージン*/
/*.h4{
	margin-top:0;
}*/
/* ▼サイドバー内ボタンリンク */
#sidebar a div{
	position:relative;
}
#sidebar a div:after{
	position:absolute;
	right:0.5em;
	bottom:0.1em;
}
/*各種お知らせ*/
#info-box h2{
	margin:1em;
}
#info-box div{
	width:100%;
}
#info-box div a{
	display:block;
	width:100%;
	padding:10px;
	border-top:1px #FFF solid;
	border-bottom:1px #ccc solid;
	color:#FFF;
	text-decoration:none;
}
#info-box div a:hover{
	color:#FFF;
}
#info-box div a img{
	max-height:64px;
	padding-right:10px;
}
#info-box div a:hover img{
	opacity:1;
}
#info-box div a span{
	display:inline-block;
	vertical-align:middle;
}
/*スマホ*/
@media screen and (max-width:767px){
	/*各種お知らせ*/
	#info-box div{
		text-align:center;
	}
}
/* ▼テキスト装飾無し */
.nodec a{
	text-decoration:none !important;
	color:#333;
}
.nodec a:hover{
	text-decoration:none !important;
	color: #337AB7;
}
.nodec{
	text-decoration:none !important;
}
.nodec ul{
	list-style-type:none;
}
/* ▼アイコン（無） */
.noic a[href $='.pdf']{
	background:none;
}
/*▼ボックス影装飾*/
.box-shadow{
	box-shadow:
	0px 1px 2px rgba(0,0,0,0.4),
	0px -1px 2px rgba(255,255,255,0.4);
}
/* ▼テキスト影装飾 */
.txt-shadow{
	text-shadow: 2px 2px 1px #333;	
}
/* ▼テキスト影装飾（縁取り白） */
.txt-shadow2{
	text-shadow:
		1px 1px #FFF,
		1px -1px #FFF,
		-1px 1px #FFF,
		-1px -1px #FFF,
		2px -2px #FFF,
		-2px -2px #FFF,	
		-2px 2px #FFF,
		0 3px 1px #FFF,
		0 -3px 1px #FFF,
		3px 3px 1px #FFF,
		3px -3px 1px #FFF,
		3px 0 1px #FFF,
		-3px 0 1px #FFF,
		-3px 3px 1px #FFF,
		-3px -3px 1px #FFF,
		3px 4px 2px #999,
		-3px 4px 2px #999,
		4px 4px 2px #999,
		-4px 4px 2px #999,
		0px 5px 2px #999		
	;
}
/* ▼テキストインデント */
.txt-indent{
	padding-left:1em;
	text-indent:-1em;
}
.txt-indent2{
	padding-left:2em;
	text-indent:-2em;
}
/* =================================
           ▼ヘッダ部分 
==================================*/
/* ▼ヘッダー */
.header{
	margin-top:5px;
	margin-bottom:0px;
}

.logo img{
	display: inline-block;
}
/*PC*/
@media print, screen and (min-width:768px){
	.head_list_wrap{
		height:1.5em;
		position:relative;
		margin:1em 0 0.5em 0;
		text-align:right;
	}
	ul.head_list{
		position:absolute;
		bottom:5px;
	}
}
ul.head_list{
	margin:0;
	padding:0;
}
ul.head_list li{
	display: inline-block;
	color: #333;
	padding:0 18px 0 18px;
	background-image: url(./images/arrow_head.gif);
	white-space: nowrap; /* IE6文章途中で折り返さない */
}
ul.head_list li {
  list-style: none;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.5em;
}
ul.head_list li:last-child{
  padding-right:0px;
}
ul.head_list li::before{
	/*font-family: 'Glyphicons Halflings';*/
	/*content:"\e250";*/
	/*content: url(./images/arrow_head.svg);
	display:inline-block;*/
}
/* =================================
    ▼検索結果部分 
==================================*/
#search{
	margin-top:1.5em;
}
.search-inner{
	margin: auto 1.5em;
	color: #666;
	font-size:0.9em;
}
.ret-page a:before{
	font-family: "dashicons";
	content: "\f537";
	color: orange;
}
.ret-page{
	padding:0.5em 0.8em;
	background-color: #feffca;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-shadow: 1px 1px 3px rgba(131,78,0,.4);
}
.ret-page a{
	text-decoration:none;
}
/* =================================
           ▼グローバルナビ
==================================*/
.navbar-default .navbar-nav > li > a {
    color: #333;
}

.navbar{
		margin-bottom:0;
}

.navbar-default{
	background-color: #FFF;
	border: none;
}
.nav-justified {
  position: relative;
}
  
.nav-justified > li {
  border-collapse: collapse;
  float: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.nav-justified > li > a {
  vertical-align: middle;
  text-decoration:none;
  display: block;
  width: 100%;
  height: 100%;
}
.dropdown li{
	position:relative;
	z-index:10;
	background-color:#e9fcf1;
}
.dropdown:hover > .dropdown-menu{
  display: block;
  color:#333;
}
.dropdown-menu{
  background-color:#e9fcf1;
}
.dropdown-menu li a{
 text-decoration:none;
 color:#333;
}
.dropdown-menu li a:hover,.dropdown-menu li a:active{
 background-color:#00ada9;
 color:#FFF;
}
/* スマホ */
@media screen and (max-width:767px){
	.navbar-toggle{
		border-radius: 0;
		background-color: #00ada9;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #FFF;
	}
}
/* PC */
@media screen and (min-width:768px){
	.navbar{
		min-height: 80px;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		/*line-height: 20px;*/
		/*min-width:178px;*/
	}
	
	.nav-justified {
		/*display: table;
		table-layout: fixed;*/
		width: 100%;
		letter-spacing: -1em;
	}
	.navbar .nav-justified > li {
		/*display: table-cell;
		width: 100%;*/
		display:inline-block;
		*display: inline;            /* IEに効かせるための小技 */
		zoom: 1;                     /* IEの独自のレイアウト情報を有効にする */
		width: 20%;
		background-color:#FFF;
		letter-spacing: 0em;
	}
	#my-navbar ul li{
		border-right:2px dotted #68481e;
	}
	#my-navbar ul li:first-child{
		border-left:2px dotted #333333;
	}
	#my-navbar ul li ul li{
		border-right: 0;
	}
	#my-navbar ul li ul li:first-child{
		border-left:0;
	}
	.navbar-collapse{
		padding-left:0;
		padding-right:0;
	}
	.menu-item{
		vertical-align:middle;
	}
	.menu-item img{
		max-width:155px !important;
	}
	.menu-icon{
		display:block;
		width:100%;
		height:35px;
		text-align:center;
	}
}
/* スマホ */
@media screen and (max-width:767px){
	.navbar-bland {
		width:75%;
	}
	.navbar-nav {
        margin: 0;
	}
	#my-navbar ul li:not(:last-child){
		border-bottom: 1px #DDD solid;
	}
	#my-navbar ul li > a {
		margin-bottom:0;
		display: table-cell;
	}
	#my-navbar ul li:after{
		content: "\e080";
		display: table-cell;
		color: #ccc;
		height: 100%;
		vertical-align: middle;
		font-family: 'Glyphicons Halflings';
	}
	#my-navbar{
		border-bottom: 1px #eee solid;
	}
	#my-navbar ul li.current_page_ancestor,
	#my-navbar ul li.current_page_ancestor:focus,
	#my-navbar ul li.current_page_item, 
	#my-navbar ul li.current_page_item:focus{
		background-color:  #e2f3fb;
		color: #FFF;
	}
	#my-navbar ul li.current_page_ancestor:after,
	#my-navbar ul li.current_page_item:after{
		color: #fbe2ec;
	}
}
/* =================================
    ▼スライダー部分 
==================================*/
.carousel-control{
	width:8%;
}

.slide_wrap{
	padding-top:5px;
	padding-bottom:5px;
}
.slider img{
		margin:auto;
}
.sp-slides-container{
	position:relative;
}
/*PC*/
@media screen and (min-width:768px){
	.cap-base{
		width:960px;
		margin: 0 auto;
		/*height:350px;*/
	}
	
	/*.cap-base img{
		width:auto;
	}
	*/
}
/*共通*/
.cap-base{
	position:absolute;
	content:"";
	height:100%;
	top: 0;
	right: 0;
	left:0;
	margin: 0 auto;
	text-align: center;
}

.cap-base .slide-cap{
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	z-index:50;
	width:auto;
	height:100%;
}
.cap-base .slide-cap2{
	position:absolute;
	top:50%;
	right:0;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	margin:0;
	padding:0;
	z-index:50;
	width:auto;
	height:100%;
}

/*スマホ*/
@media screen and (max-width:767px){
	/*.cap-base img{
		width:100%;
	}
	*/
	.cap-base{
		width:100%;
	}
}
/* =================================
    ▼カテゴリタイトル部分 
==================================*/
.cat_head{
	position:relative;
}
.cat_text{
	position:absolute;
	top:35%;
	/*margin:auto;*/
	margin-left:1em;
	padding:0.2em;
	width:100%;
	text-align:left;
	/*background:rgba(255,255,255,0.6);*/
}
.cat_text img{
	height:36px;;
}
.cat_base{
	max-width:100%;
}
/*スマホ*/
@media screen and (max-width:767px){
	.cat_head{
		overflow:hidden;
	}
	.cat_text{
		top: 6%;
	}
	.cat_text img{
		height:25px;;
	}
}
/* =================================
    ▼パンくずリスト
==================================*/
#breadcrumb{
	margin: 0.5em 0 0 0;
	padding: 0;
	list-style: none;
}

#breadcrumb li{
  float: left;
  margin: 0 .5em 0 1em;
}
 
#breadcrumb a{
  background: #ddd;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height:38px;
  float: left;
  text-decoration: none;
  color: #999;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  position: relative;
  height:38px;
}
 
#breadcrumb a:hover{
  background: #00ada9;
  color:#FFF;
}
 
#breadcrumb a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.2em;
  border-width: 1.2em 0 1.2em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}
 
#breadcrumb a:hover::before{
  border-color: #00ada9 #00ada9 #00ada9 transparent;
}
 
#breadcrumb a::after{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.2em;
  border-top: 1.2em solid transparent;
  border-bottom: 1.2em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}
 
#breadcrumb a:hover::after{
  border-left-color: #00ada9;
}
 
#breadcrumb .current,
#breadcrumb .current:hover{
  background-color: #00ada9;
  color: #FFF;
}

#breadcrumb .current:before{
	border-top-color: #00ada9;
	border-bottom-color: #00ada9;
}
#breadcrumb .current:after{
	border-left-color: #00ada9;
}

/*スマホ*/
@media screen and (max-width:767px){
	#breadcrumb a{
		height:32px;
		line-height:32px;
		
	}
	#breadcrumb a::before{
		margin-top: -1.15em;
	}
}

/* =================================
    ▼メインコンテンツ部分 
==================================*/
#main_index{
	padding-top:2em;
}
#main{
	padding-top:0.5em;
}
.icon-btn{
	margin:0 5px 5px;
}
.btn-orange{
	border:1ox solid orange;
	background-color:orange;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	padding: 0.3em 1em;
	box-shadow: 0 0 4px gray;
}
.btn-orange:hover,.btn-orange:active{
	
}
.index_box{
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	width:100%;
	border: 2px solid #ffe3ec;
	border-radius: 4px;
	padding:10px;
}
.index_img{
	width:100%;
}
.index_label{
	position: absolute;
	top:-20px;
	left:0;
}
.info-wrap{
	margin:auto;
	width:80%;
}
ul.info-menu{
	margin-top:10px;
	list-style-type:none;
	padding-left:10px;
}
ul.info-menu li a:before{
	content: url(images/arrow_v2.gif);
	padding-right:0.5em;
}
ul.info-menu li a{
	text-decoration:none;
	color:#333;
	font-size:12px;
}
ul.info-menu li a:hover{
	text-decoration:underline;
}
info-wrap ul{
	display:inline-block;
	width:50%;
	padding-left:1em;
}
.info-menu ul.list2{
	margin:0;
	padding:0;
	list-style-type:none;
}
.info-menu.list2 li{
	display:inline-block;
	/* width:150px;幅を指定したい場合はここへ*/
	white-space: nowrap; /* IE6文章途中で折り返さない */
}
/*PC*/
@media screen and (min-width:992px){
	.index_box{
		height: 320px;
	}
}
/* タブレット・スマホ */
@media screen and (max-width:991px){
	.list2{
		max-width:280px;
	}
	#main_index{
		padding-top:0;
	}
}
/*panel*/
.panel-mycolor{
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.panel-mycolor > .panel-heading {
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.panel-mycolor > .panel-body{
	border-radius:0 0 10px 10px / 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px /0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;
}
/*テーブルセル*/
.table-left{
	display:table;
	padding-left:1em;
}
.cell-left{
	display:table-cell;
	white-space: nowrap;
}
.cell-right{
	display:table-cell;
	padding-left:0.8em;
	white-space: nowrap;
}
/*角丸のボックス*/
.box-radius{
	position:relative;
	-moz-border-radius: 5px;    /* 古いFirefox */
	-webkit-border-radius: 5px; /* 古いSafari,Chrome */
	border-radius: 5px;         /* CSS3 */
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:15px;
}
/*角丸のボックス*/
.box-radius2{
	-moz-border-radius: 5px;    /* 古いFirefox */
	-webkit-border-radius: 5px; /* 古いSafari,Chrome */
	border-radius: 5px;         /* CSS3 */
	border: 1px solid;     /* 枠線の装飾 */
	margin-bottom:10px;
}
.box-radius2 a{
	display:block;
	height:100%;
	width: 100%;
	-moz-border-radius: 5px;    /* 古いFirefox */
	-webkit-border-radius: 5px; /* 古いSafari,Chrome */
	border-radius: 5px;         /* CSS3 */
	padding: 0.8em;
}
#maincontent h2{
 margin-top:0.2em;
}

/* ▼コンテンツボックス */
.box-content{
	font-size:16px;
	border:1px #CCC solid;
	-moz-border-radius: 3px;    /* 古いFirefox */
	-webkit-border-radius: 3px; /* 古いSafari,Chrome */
	border-radius: 3px;         /* CSS3 */
	padding: 1.2em 1.5em;
	margin-bottom:2em;
	box-shadow:
	0px 2px 3px rgba(0,0,0,0.4),
	0px -1px 2px rgba(255,255,255,0.4);
	background: #FFF;
}
#maincontent .box-content{
  min-height:600px;
}
/*メインコンテンツの字間*/
.box-content p, .box-content ul, .box-content ol{
	margin: 0 1em 1em;
	letter-spacing:0.1em;
	text-align:justify;
	/*word-break: break-all;*/
	word-break: normal;
	line-height:1.5em;
}
/*スマホ*/
@media screen and (max-width:767px){
	.box-content{
		font-size:15.4px;
		padding: 0.8em 1em;
	}
	/*ul olの左余白*/
	#maincontent .box-content ul, #maincontent .box-content ol{
		padding-left:15px;
		margin-left:10px;
	}
	/*メインコンテンツの余白*/
	.box-content p, .box-content ul, .box-content ol{
		margin: 0 0.5em 0.5em 0.5em;
		line-height:1.5em;
	}
}
#font16{
	font-size:16px;
}
/* △コンテンツボックス */

/* ▼タブ */
/*=================================
*	クラス名：.my-tab
*	説明：タブ
*	使用：トップページ
*			info1:すべて
*			info2:ＪＡ
*			info3:連合会
*			info4:メディア
*			info5:その他
==================================*/
.my-tab{
	position:relative;
	margin: 1em 0 0 !important;
}
.my-tab li{
	width:18%;
	text-align:center;
}
.my-tab li a{
	text-decoration:none;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
	/*border-bottom:none;*/
}
/*タブ直下のボックス*/
.newshead{
	display:inline-block;
}
.newshead:first-letter {
  color: #e0327a;
}

.tab-innerbox{
	/*padding:1em;*/
	padding-top:0;
}
/*.tab-innerbox .title{*/
.title{
	display:block;
	padding:0.5em 0 0.5em 0;
}
.title a{
	text-decoration: underline;
}
/*タブ直下のボックス内*/
.tab-content{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	min-height:180px;
	padding:1.2em 0.5em;
	background-color:#FFF;
	z-index:1;
}
.tab-innerline{
	width:100%;
	font-size:0.9em;
	padding: 1em 1em 0 1em;
}
/*.tab-content .date{*/
.date{
	display:inline-block;
	color:#666;
	font-size: smaller;
	margin-right:1em;
}
/*タブボタン基本形*/
.nav-tabs > li > a{
	-moz-border-radius: 0;    /* 古いFirefox */
	-webkit-border-radius: 0;
	border-radius:0;
	margin:0;
}
/*タブがアクティブな時*/
.my-tab li a:hover, .my-tab a:focus, .my-tab li a:active, .my-tab li.active a{
	top:8px;
	overflow:hidden;
}

/*スマホ*/
@media screen and (max-width:767px){
	.sp-no-padding{
		padding-left:0px;
		padding-right:0px;
	}
	.my-tab li{
		width:50%;
	}
	/*タブがアクティブな時*/
	.my-tab li a:hover, .my-tab a:focus, .my-tab li a:active, .my-tab li.active a{
		top:0px;
	}
}

/*イベント情報*/
.event-info{
	border:1px solid #ccc;
	max-width:180px;
	padding: 10px 25px;
	min-height: 200px !important;
}
.event-info a{
	text-decoration:none;
}
.event-info a .date{
	display:block;
}
.event-info img{
	margin-bottom:5px;
	max-width:100%;
}
.event-info a .lbl-market{
	display:block;
	color:#333;
	font-size:0.8em;
}
.event-info a p{
	text-decoration:underline;
	margin:0px;
	padding:0px;
}
/*スマホ*/
@media screen and (max-width:767px){
	#event-space{
		overflow:hidden;
	}
}

/*▼バナー*/
/*大バナー*/
.list-bnr_lg li{
	margin:5px auto;
	/*width:230px;*/
	max-height:80px;
	max-width:250px;
}
.list-bnr_lg li img{
	border:1px #ccc solid;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.list-bnr_lg li a{
	background:none;
	padding-right:0px;
	margin-right:0px;
}
/*小バナー*/
.list-bnr_sm li{
	margin:0 auto 5px auto;
	width:230px;
	height:80px;
	border:1px #ccc solid;
}
.list-bnr_sm li img{
	border:1px #ccc solid;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.list-bnr_sm li a{
	background:none;
	padding-right:0px;
	margin-right:0px;
}
/*バナー格納Div*/
.bnr-container{
	margin:1em 0;
}
/*スマホ*/
@media screen and (max-width:767px){
	.bnr-container{
		text-align:center;
	}
}
/*▼ページ見出し*/
.head-base{
	background-color: #FFF;
	margin-top: 10px;
}
.header-box h2{
	font-size:1.6em;
	padding:1.5em 2em;
	margin-bottom:15px;
}

.header-box{
	border:1px solid #ccc;
	color: #6e4730;
	width:100%;
	text-align:left;
	vertical-align: middle;
	background: url("images/pagehead01.jpg") no-repeat;
	background-position : right center;
	background-size: contain;
	/*フォント系*/
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
.header-box img{
	max-height:70px;
}
.page-caption{
	display:block;
	font-size:70%;
	font-family: "Mv Boli";
}
/*スマホ*/
@media screen and (max-width:767px){
	.header-box h2{
		font-size:1em;
		padding: 0.2em 1em;
		margin:0;
	}
}

/* =================================
           ▼サイドバー部分 
==================================*/
.map-top{
	border:1px #999 solid;
	margin-bottom:1em;
}
#sidebar .box-content .h4{
	margin-top:20px;
}
/*Facebook*/
#icon_fb{
	margin-right:10px;
}
/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 300px;
	}
}
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 300px;
	}
}
/*サイドバー見出し*/
.side_haed{
	position: relative;
	padding-bottom: .8em;
	width:100%;
	display:block;
}
.side_haed:after{
	content: '';
	position:absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height:7px;
	background: repeating-linear-gradient(-45deg, #33b7a5, #33b7a5 4px, white 4px, white 8px);
}
/*矢印*/
.arrow-box{
	margin:8px 0 8px 0;
	position: relative;
	display: inline-block;
	padding: 0 0 0 1.1em;
	color: #333;
	vertical-align: middle;
	text-decoration: none;
	font-size: 1.1em;
	
	/*フォント系*/
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

.arrow-box::before,
.arrow-box::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.arrow-box::before{
	width: 0.9em;
	height: 0.9em;
	-webkit-border-radius: 25%;
	border-radius: 25%;
	background: #00B050;
}
.arrow-box::after{
	left: 5px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}
/*ローカルナビのスタイル*/
ul.local-navi{
	list-style:none;
	margin:0;
	padding:0;
}
.side-bnr img{
	margin:auto;
}
ul.local-navi > li a:before{
	font-family: 'Glyphicons Halflings';
    content: "\e157";
	padding-left:1em;
	padding-right:10px;
	margin-left:-10px;
}
ul.local-navi > li[class*='current'] a:before,
 ul.local-navi > li:hover a:before{
	font-family: 'Glyphicons Halflings';
    content: "\e067";
}
ul.local-navi li{
	border-bottom:1px #33b7a5 solid;
	border-left:1px #33b7a5 solid;
	border-right:1px #33b7a5 solid;
	background:#FFF;
}
ul.local-navi li:first-child{
	border-top:1px #33b7a5 solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul.local-navi li a{
	background:none;
	display:block;
	padding:10px;
	color: #333;
	text-decoration:none;
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
	transition: 0.4s;
}
ul.local-navi li a:hover,
ul.local-navi > li[class*='current']{
    background-color: rgba(121,249,231,.6);
}
ul.local-navi li:first-child a:hover{
	background-color:#009c87;
}
ul.local-navi li:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
/*ローカルナビ親ページ*/
ul.local-navi > li#parent{
    color:#FFF;
    background-color:#33b7a5;
}
ul.local-navi > li#parent a:before{
	content: "";
	padding-left:0;
	padding-right:0;
	margin-left:0;
}
ul.local-navi li#parent a{
	color:#FFF;
	text-align:center;
}

.box-content div div>ul.list-unstyled li a:before{
	font-family: 'Glyphicons Halflings';
    content: "\e080";
	padding-left:1em;
	padding-right:10px;
	margin-left:-10px;
}
/*サイドナビのスタイルここまで*/
ul.side-sub{
	margin:0;
}
p.txt-logo{
	margin-left:0;
	margin:0;
	letter-spacing:0;
}
p.txt-tel{
	margin:0;
	letter-spacing:0;
}
.box-content .sidebar-content{
	margin: -0.5em;
}
/*各種お知らせ*/
.box-content .side-info img{
    height:70px;
}
.box-content .side-info{
   margin:10px auto;
}
#info-box .side-info{
   padding:0;
   margin:0;
}
.side-info a{
	background:none;
	padding-right:0px;
	margin-right:0px;
}
/*PC*/
@media screen and (min-width:768px){
	.box-content .side-info{
		padding:10px 5px;
   }
	#info-box .side-info #info1{
	    width:7em;
	}
	#info-box .side-info #info2{
	    width:8em;
	}
	.box-content .side-info{
	    width:50%;
	    float:left;
	}
}
/*関連サイトバナーリンク*/
ul.bnr_link{
	padding:0;
	margin:0;
	list-style:none;
}
ul.bnr_link li{
	display:inline-block;
	height:70px;
	margin:auto 10px;
	overflow:hidden;
}

/* =================================
           ▼フッター部分 
==================================*/
/*関連組織*/
#kanren{
	width:100%;
	margin:auto;
	text-align: center;
	padding:0.7em 0;
}
/* ▼フッターの高さを指定 */
#footer {
	padding-top:10px;
	padding-bottom:10px;
}

#footer ul{
	margin:0;
	padding-left:0;
	list-style:none;
}

#footer-link > ul > li{
	list-style:none;
	padding-left:0;
	padding-right:0.2em;
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}
#footer-link > ul > li > ul > li{
	font-size:0.9em;
}
/*PC*/
@media screen and (min-width:768px){
	#footer-link > ul > li{
		max-width:190px;
	}
}

#footer-link>ul>li>a{
	text-decoration:none;
	font-weight:bold;
}
#footer-link>ul>li>a:hover{
	text-decoration:underline;
}
#footer-link>ul>li>ul{
	display:block;
	/*margin-left:1em;*/
}
#footer-link>ul>li>ul>li>a{
	text-decoration:none;
}
#footer-link>ul>li>ul>li>a:hover{
	text-decoration:underline;
}
/* ▼フッターサイトマップ */
.foot-nav ul[class*="foot-nav"]{
	width:100%;
}
.foot-nav ul[class*="foot-nav"]>li{
	float:left;
	padding-right:1.2em;
}
.foot-nav ul[class*="foot-nav"]>li:nth-child(2){
	width:35%;
}
/*サイトマップ*/
.sub-menu{
	font-size:14px;
	padding-left:0;
}
.sub-menu li:before{
	content:"\00226b";
	padding-right:3px;
}
.sub-menu li a{
	text-decoration:none;
}
.foot-nav ul[class*="foot-nav"]>li:nth-child(2)>ul>li{
/*.sub-menu > li > ul{*/
	float:left;
	width:50%;
}
.foot-nav ul[class*="foot-nav"]>li:nth-child(2)>ul>li:before{
	content:"▼";
	padding-right:3px;
}
.sub-menu > li > ul>li>a{
	clear:both;
}
/* ▼フッターリンク */
.foot-box{
 width:100%;
 background-color:#e7e0ce;
}
ul.foot-link{
 padding:0;
 margin: 10px auto;
 letter-spacing:-.4em;
 text-align:center;
}
ul.foot-link li{
 display:inline-block;
 letter-spacing:0;
}
ul.foot-link li a{
 padding:.2em .5em;
 color:#333;
 text-decoration:none;
}
ul.foot-link li:first-child:before,ul.foot-link li:after{
 content:"|";
}
/*スマホ*/
@media screen and (max-width:767px){
	ul.policy-list{
		margin-left:10px;
	}
}
/* ▼著作権表示 */
.copyright{
    text-align:center;
    display:block;
	padding:0.5em;
}
/* ▼アドレス */
address{
	margin-top:10px;
	margin-bottom:10px;
	font-size: 0.9em;
    font-weight: bold;
}
/*==============================================================
	　　上へ戻るボタン
================================================================*/
/*ページトップ*/
.page-top{
	position:relative;
	width:100%;
	height:56px;
	overflow:hidden;
	padding-top:6px;
	margin-top:1.8em;
}
.page-top a{
	position:absolute;
	right:2em;
}


/*スマホ*/
@media screen and (max-width:767px){
	.page-top a{
		right:10px;
	}
}
/*JAニュース一覧*/
.arcive-box{
	margin: 10px -1em;
}
ul.category-list{
	list-style-type:none;
	padding-left:0;
	margin: auto !important;
	width:95%;
}
ul.category-list li{
	padding:1em 1em 0.4em 1em;
}
ul.category-list li:not(:first-child){
	border-top:1px dashed #CCC;
}
ul.category-list li .title{
	padding: 0.5em 0 0 0;
}
ul.archive-month li{
	margin:1em;
}
ul.archive-month li{
	margin-left:0px;
}
/*スマホ*/
@media screen and (max-width:767px){
	ul.archive-month li{
		margin:0.5em;
	}
	ul.category-list{
		margin:auto !important;
		padding-left: 0 !important;
	}
	ul.category-list li{
		padding: 0.5em 0.5em 0.2em 0.5em;
	}
}

/*==============================================================
	　　三角マーク付きリスト
================================================================*/
ul.list-tri{
	list-style:none;
	padding-left:0;
}
.list-tri li:before{
	font-family: 'Glyphicons Halflings';
	content: "\e250";
	color: orange;
}