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

/*
display
visibility
overflow
position
top / right / bottom / left /
z-index
float
clear
width ( min-width / max-width )
height ( min-height / max-height )
margin ( margin-top / margin-right / margin-bottom / margin-left )
padding ( padding-top / padding-right / padding-bottom / padding-left )
border ( border-width / border-color / border-style )
background ( background-color / background-image / background-repeat / background-attachment / background-position )
list-style ( list-style-type / list-style-image / list-style-position )
color
font ( font-family / font-style / font-variant / font-weight / font-size )
line-height
text-indent
text-decoration
text-align
vertical-align
*/


/* Outline
======================================*/


body {-webkit-text-size-adjust: 100%;}

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}


/* PC、SP切り替え */

.pc {display: none;}
.sp {display: block;}

/* header
======================================*/


#header,
#eHeader {
	padding: 15px 0 0;
	width: 100%;
	position: relative;
}


#header .outline,
#eHeader .outline {
	width: 100%;
	padding: 0;
}


#header .fRight {
	font-size: 0.8em;
}


#header .fRight p {
    margin: 10px 0px 15px;
}

#logo {
	margin: 0 0 0 10px!important;
	clear: none!important;
}

#logo img {
	vertical-align: baseline;
	width: 200px;
	height: auto;
}

#header .fLeft,
#header .fRight,
#eHeader .fLeft,
#eHeader .fRight {
	float: none;
	display: inline;
	margin: 10px 0;
}

#header .fRight ul,
#eHeader .fRight ul {
	text-align: left;
	margin: 5px 5px 15px;
}

#header #gSearch,
#eHeader #gSearch {
	display: block;
	clear: both;
	background: #EBEBEB;
	padding: 10px;
	margin: 0px 0px 10px!important;
}

#header .fRight a.skip,
#eHeader .fRight a.skip {
    padding: 1px 10px 1px 25px!important;
	float: right;
	margin-top: 30px;
}



/* Content
======================================*/


/* メインコンテンツ */
body.common #main,
body.common #sub {
	float: none;
	width: 100%;
	max-width: 100%;
}

/* footer
======================================*/

#footer {
	margin: 0 auto;
	padding: 20px 0 0;
	background: #528200;
	color: #fff;
}

/* メガフッタ */


#footer #megaFooter .grid_1_4:nth-child(odd) {
	clear: both;
	float: left;
	margin-left: 0!important;
}

#footer #megaFooter .grid_1_4 {
	width: 49.0%;
}

#footer #megaFooter a {
	color: #fff;
	text-decoration: none;
}

#footer #megaFooter a:hover {text-decoration: underline;}

#footer #megaFooter h2 {
	clear: both;
	background: url(/common/img/sp/icon_hexagon_white.png) 5px 0.5em no-repeat;
	padding: 7px 2px 7px 30px;
	margin: 0px 0 15px !important;
	color: #fff;
	border-bottom: 1px solid #A9C180;
}

#footer #megaFooter ul {
	margin: 15px 0px 20px 10px;
	font-size: 85%;
}

#footer #megaFooter li {
	background-image: none;
	position: relative;
}


#footer #megaFooter li:before {
    border-left: 6px solid #fff;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: url('') none;
    border-radius: 0;
    content: "";
    display: block;
    height: 0;
    left: 0px;
    margin-top: 0.5em;
    position: absolute;
    top: 0;
    width: 0;
}

/* 著作権 */

#footer #copy {
	padding: 10px 0 3px;
	background: #3E3835;
	font-size: 80%;
}

#footer #copy ul,
#footer #copy p {
	margin: 3px 0 0;
	text-align: center;
}


#footer #copy li {
	display: inline;
	color: #fff;
	padding: 0 12px 0 8px!important;
	line-height: 1em!important;
	border-right: 1px solid #fff;
}

#footer #copy li:last-child {border: none;}

#footer #copy a {
	color: #fff;
	text-decoration: none;
}

#footer #copy a:hover {text-decoration: underline;}

/* ページ内リンク */
body.common #topLink:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

body.common #topLink a{
	padding: 15px 1.5em 10px;
}




/* Navigations
======================================*/


#gNavigation,
#eNavigation {display: none;}


#eNavigation ul {
    margin: 0px auto;
}

#gNavi_s {
	display: block;
	clear: both;
	padding-top: 10px;
}
/*アコーディオン下のclose*/
#megaMenu .bttnsp {
	display: block;
	clear: both;
	padding-top: 0;
}

#gNavi_s a {
	font-size: 115%;
	display:block;
	text-decoration: none;
	padding: 15px 10px;
	font-weight: bold;
}
/*アコーディオン下のclose*/
#megaMenu .bttnsp a {
	font-size: 100%!important;
	display:block;
	text-decoration: none;
	padding: 15px 10px;
	font-weight: bold;
}

#gNavi_s a.open {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #6ba900;
	background: #fff url(../img/sp/search_btn.png) no-repeat;
	background-position: right 10px center;
	background-size: 23px;
}

#gNavi_s a.close,
#megaMenu .bttnsp a.close {
	border-top: 3px solid #7D7C7C;
	border-bottom: 3px solid #7D7C7C;
	background: #7D7C7C;
	color: #fff;
}

#gNavi_s img,
#megaMenu .bttnsp img {
	width: 23px;
	height: 23px;
	margin-right: 10px;
}

#megaMenu {
	display: block;
	opacity: 1;
	border-bottom: none;
}

#megaMenu .btn {display: none;}

/* メガメニュー */

#megaMenu .outline {
	padding: 0;
	width: 100%;
}

#megaMenu .outline a {
	text-decoration: none!important;
}

#megaMenu .category {
	background: #fff;
	padding: 0;
}
/* 広報特集 */
#megaMenu #mega8 .category {
	background: #fff;
	padding: 0;
}

#megaMenu .category h2 {
	float:none;
	padding: 0px;
}
/* 広報特集 */
#megaMenu #mega8 .category h2 {
	float:none;
	padding: 0px;
}

#megaMenu .category h2 a {
	display: block;
	padding: 15px 5px 15px 45px;
	border-bottom: 1px solid #ccc;
}


#megaMenu .category h2 a.on {
	color: #fff;
	border-bottom: 1px solid #6ba900;
}
/* 広報特集 */
#megaMenu #mega8 .category h2 a.on {
	color: #fff;
	border-bottom: 1px solid #EB6551;
}


#megaMenu #mega1.category h2 a {background: #fff url(../img/sp/icon_home.png) no-repeat 5px 50%!important;border-top: 1px solid #ccc;}
#megaMenu #mega2 .category h2 a {background: #fff url(../img/sp/icon_about.png) no-repeat 5px 50%!important;}
#megaMenu #mega3 .category h2 a {background: #fff url(../img/sp/icon_notice.png) no-repeat 5px 50%!important;}
#megaMenu #mega4 .category h2 a {background: #fff url(../img/sp/icon_category.png) no-repeat 5px 50%!important;}
#megaMenu #mega5 .category h2 a {background: #fff url(../img/sp/icon_appli.png) no-repeat 5px 50%!important;}
#megaMenu #mega6 .category h2 a {background: #fff url(../img/sp/icon_statistics.png) no-repeat 5px 50%!important;}
#megaMenu #mega7 .category h2 a {background: #fff url(../img/sp/icon_committee.png) no-repeat 5px 50%!important;}
#megaMenu #mega8 .category h2 a {background: #fff url(../img/sp/icon_special.png) no-repeat 5px 50%!important;}

#megaMenu #mega1.category h2 a.on {background: #528200 url(../img/sp/icon_home_on.png) no-repeat 5px 50%!important;border-top: 1px solid #6ba900;}
#megaMenu #mega2 .category h2 a.on {background: #528200 url(../img/sp/icon_about_on.png) no-repeat 5px 50%!important;}
#megaMenu #mega3 .category h2 a.on {background: #528200 url(../img/sp/icon_notice_on.png) no-repeat 5px 50%!important;}
#megaMenu #mega4 .category h2 a.on {background: #528200 url(../img/sp/icon_category_on.png) no-repeat 5px 50%!important;}
#megaMenu #mega5 .category h2 a.on {background: #528200 url(../img/sp/icon_appli_on.png) no-repeat 5px 50%!important;}
#megaMenu #mega6 .category h2 a.on {background: #528200 url(../img/sp/icon_statistics_on.png) no-repeat 5px 50%!important;}
#megaMenu #mega7 .category h2 a.on {background: #528200 url(../img/sp/icon_committee_on.png) no-repeat 5px 50%!important;}
#megaMenu #mega8 .category h2 a.on {background: #D93637 url(../img/sp/icon_special_on.png) no-repeat 5px 50%!important;}

#megaMenu .category p {display: none;}

#megaMenu ul.outline {padding: 0!important;}

#megaMenu ul.outline .grid_1_4,
#megaMenu ul.outline .grid_1_2 {
	float: none;
	width: 100%;
	margin: 0!important;
}

/* 広報特集 */
#megaMenu #mega8 ul.outline .grid_1_2 ul {
	margin: 0!important;
	border-bottom: 1px solid #EB6551!important;
}

#megaMenu ul.outline .grid_1_4 ul {
	margin: 0!important;
	border-bottom: 1px solid #bede88;
}
#megaMenu ul.outline .grid_1_4 > a {
	padding: 10px 5px 10px 26px;
	font-weight: normal;
	border-bottom: 1px solid #bede88;
	margin: 0!important;
	font-size: 90%;
	position: relative;
	background-image: none;
	background-color: #F4FEE1;
}

/* 広報特集 */
#megaMenu #mega8 ul.outline .grid_1_2 > a {
	padding: 10px 5px 10px 26px;
	font-weight: normal;
	border-bottom: 1px solid #EB6551;
	margin: 0!important;
	font-size: 90%;
	position: relative;
	background-image: none;
	background-color: #ffecea;
}

#megaMenu ul.outline .grid_1_4 > a:before {
	display: block;
    content: "";
    position: absolute;
    top: 14px;
    left: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
	background-image: none;
    background: #528200;
}

/* 広報特集 */
#megaMenu #mega8 ul.outline .grid_1_2 > a:before {
	display: block;
    content: "";
    position: absolute;
    top: 14px;
    left: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
	background-image: none;
    background: #DF320C;
}

#megaMenu ul.outline .grid_1_4 > a:after,
#megaMenu ul.outline .grid_1_2 > a:after {
	display: block;
	content: "";
	position: absolute;
	top: 20px;
	left: 8px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #fff;
}

#megaMenu ul.outline .grid_1_4 > a.on:after,
#megaMenu ul.outline .grid_1_2 > a.on:after {
	top: 18px;
	left: 11px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}

#megaMenu .outline > li ul li {
  background-image: none;
  position: relative;
	margin: 0 0 5px 15px;
}

#megaMenu .outline > li ul li:before {
    border-left: 6px solid #528200;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: url('') none;
    border-radius: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-top: 0.5em;
    position: absolute;
    top: 0;
    width: 0;
}
/* 広報特集 */
/*
#megaMenu #mega8 .outline > li ul li:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #DF320C;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-top: 0.5em;
    position: absolute;
    top: 0;
    width: 0;
}
*/


#megaMenu .outline > li ul li a {display: block;}

#mega1,
#mega2,
#mega3,
#mega4,
#mega5,
#mega6,
#mega7,
#mega8 {
    display: block;
}

#megaMenu,
#megaMenu ul,
#header #gSearch,
#header ul,
#eHeader #gSearch,
#eHeader ul {display: none;}
	


/*english*/

#eNavigation {border-top: none;}

#eNavigation li span {display: inline;}
#eNavigation li img {display: none;}

#eNavigation ul li a {
	padding: 15px 5px 15px 35px!important;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	float: none;
	width: 100%!important;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/sp/icon_hexagon_green.png) no-repeat 10px 1.2em;
	background-size: 14px 16px;
}

#eNavigation ul li:first-child a {
	border-top: 1px solid #ccc;
}

#eNavigation li a.on {
	color: #fff;
	border-bottom: 1px solid #528200;
	background: #528200 url(../img/sp/icon_hexagon_white.png) no-repeat 10px 1.2em;
}

#eNavigation li a:hover {
	border-bottom: 1px solid #ccc!important;
}


/*english サイドナビゲーション*/

body.common.english #contents .acMenu dt a,
body.common.english #contents .acMenu dt.aAccordion a {
    position: relative;
	background-image: none!important;
}

body.common.english #contents .acMenu dt a:before,
body.common.english #contents .acMenu dt.aAccordion a:before {
    border-left: 6px solid #528200;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: url('') none;
    border-radius: 0;
    content: "";
    display: block;
    height: 0;
    left: 5px;
    margin-top: 1em;
    position: absolute;
    top: 0;
    width: 0;
}

body.common.english #contents .acMenu dt.aAccordion a:before {
    border-color: transparent transparent transparent #fff;
}

body.common #sub {
    min-height: auto;
}

/* カテゴリナビゲーション */
body.common #cNavigation {
	max-width: 100%;
	border-top: dotted 1px #ccc;
	border-left: solid 2px #528200;
	border-bottom: none;
}
body.common #cNavigation li a, body.common #cNavigationEn li a {
	float: none;
}

body.common #cNavigation li a {
	padding: 7px 26px 7px 26px;
	width: 100%!important;
	border-left: none;
	border-bottom: dotted 1px #ccc;
	text-align: left;
}

/* 新着情報系 スクロールボックス */
body.common .scrollBox dl {margin: 0 0 8px 0;}
body.common .scrollBox dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
body.common .scrollBox dt{
 vertical-align: top;
	width: auto;
	font-weight: bold;
}
body.common .scrollBox dd{
	clear: both;
	border-bottom: dotted 1px #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

/* Share
======================================*/
#pdfBox p {
 font-size: 85%;
 text-align: left !important;
 margin-left: 5px;
 }

/* banner
==================================*/
#banner ul {margin: 30px 5px;}
#banner li {
	float: left;
	margin: 0 15px 15px 0!important;
}