@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
*/

body.common #read {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none !important;
    padding: 0 !important;
    position: relative;
}
body.common #read span {
	border: none!important;
    margin-left: 0px!important;
    padding: 0!important;
}


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

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

.outline {
	max-width: 960px;
	margin: 0 auto;
}

.outline:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media screen and (max-width: 980px) {
	.outline {
		margin: 0 auto;
		padding: 0 2%;
		width: 96%;
	}
}


/* PC、SP切り替え */

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


/* Link
======================================*/
body.common a { color: #555; }
body.common a:link	{
	text-decoration: underline;
}
body.common a:active	{
	color: #528200;
	text-decoration: none;
}
body.common a:hover	{
	color: #528200;
	text-decoration: none;
}
/* 広報特集 メガメニュー */
#mega8 a:hover	{
	color: #DF320C;
	text-decoration: none;
}
body.common a:visited	{
	text-decoration: underline;
}



/* Header
======================================*/

#header {
	position: relative;
	z-index: 3;
	background: #fff;
}

#header .fLeft,
#eHeader .fLeft {width: 30%;}

#header .fRight,
#eHeader .fRight {
	font-size: 0.75em;
	text-align: right;
	margin: 20px 0 10px;
	width: 69%;
}

#header .fRight p,
#eHeader .fRight p {
	display: inline;
	margin: 10px;
}

#header .fRight ul,
#eHeader .fRight ul {
	text-align: right;
	margin: 20px 0 5px;
}

#header .fRight li,
#eHeader .fRight li {
	display: inline;
	border-right: solid 1px #ddd;
	line-height: 2em;
}

#header .fRight li:last-child,
#eHeader .fRight li:last-child {border: none;}

#header .fRight li a,
#eHeader .fRight li a {
	padding: 0 10px 0 15px !important;
	background: url(/common/img/sp/arrow.png) 0px center no-repeat;
}

#header .fRight li.no a,
#eHeader .fRight li.no a {
	background: none !important;
/*	padding: 0 10px 0 0 !important;*/
	padding: 0 0 0 0 !important;
}

#header .fRight a.skip,
#eHeader .fRight a.skip {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/skip.png") no-repeat scroll left center / 24px 24px !important;
    line-height: 1.85em;
    padding: 2px 5px 2px 25px!important;
}

#header .fRight li a.supplement,
#eHeader .fRight li a.supplement {
	background: rgba(0, 0, 0, 0) url("/common/img/sp/icon_supplement.png") no-repeat scroll 3px 2px / 21px 17px !important;
    padding: 2px 10px 2px 25px!important;
}




/* tHeader
======================================*/

#logo {
	position: relative;
	z-index: 2;
	margin: 30px 0 20px;
	padding: 0;
	border: none;
	background: none !important;
	float: left;
}



/* Content
======================================*/
body.common #contents {
	margin: 0 auto 20px;
	font-size: 0.875em;
	max-width: 960px;
	word-wrap: break-word;
}

body.common #contents:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

@media screen and (max-width: 980px) {
	body.common #contents {
		margin: 0 auto;
		padding: 0 1%;
		width: 98%;
	}
}

/* メインコンテンツ */
body.common #main {
	float: left;
	width: 72%;
	max-width: 690px;
}

/* サブコンテンツ */
body.common #sub {
	float: right;
	width: 25%;
	max-width: 240px;
	min-height: 600px;
}


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

/* メガフッタ */

#footer #megaFooter {
	padding: 0px 0 10px;
}

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

#footer #megaFooter a:hover {text-decoration: underline!important;}
#footer #megaFooter a:focus {outline: 1px dotted #fff!important;}


#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 20px !important;
	color: #fff;
	border-bottom: 1px solid #A9C180;
}

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

#footer #megaFooter li {
	list-style-type: none;
	background: url(/common/img/sp/icon_arrow_white.png) 0 0.5em no-repeat;
	margin: 0 0 5px;
	padding-left: 12px;
	line-height: 1.75;
	vertical-align: top;
}

/* 著作権 */

#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;}
#footer #copy a:focus {outline: 1px dotted #fff!important;}

#copyright .anre {font-weight:bold;}

/* ページ内リンク */


body.common #topLink:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
body.common #topLink a{
	position: relative;
	top: 1px;
	display: block;
	float: right;
	margin: 0;
	padding: 10px 2em 5px;
	font-size: 0.875em;
	line-height: 1.5;
	color: #fff;
	background: #508200;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-ms-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	behavior:url(/common/js/PIE.htc);
	text-align: center;
	text-decoration: none;
}

body.common #topLink a:hover {text-decoration: underline;}




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

#menu1,
#gNavi_s {display: none;}




/* グーグルカスタムサーチ */

.search,
.search form {display: inline;}

#gSearch {
	display: inline;
	position: relative;
	/*top: -3px;*/
	padding: 2px 3px 2px 25px;
	background: url(/common/img/mod/search.png) 0 -2px no-repeat;
}
#gSearch #searchBox {
	width: 14em;
	height: 2em;
	border: solid 1px #ccc;
	vertical-align: middle;
	box-sizing: border-box;
}
#gSearch #searchBtn,
#gSearch #searchBtnEnglish {
	width: 4em;
	height: 2em;
	color: #fff;
	background: #528200;
	text-align: center;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}
#gSearch #searchBtnEnglish {
	width: 5em;
}

#gSearch .search {
/*	margin: 10px;*/
	margin-bottom: 10px;
	content: none!important;
}

#gSearch .search label {
	margin-right: 5px;
}
#gSearch::after,
.search::after {
	content: none!important;
}


/* グローバルナビゲーション */
#gNavigation {
	background: #fff url(/common/img/sp/gNav_bg.png) repeat-x bottom;
	position: relative;
	z-index: 10;
	padding-top: 15px;
}

#gNavigation:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
} 

#gWrap {
	clear: both;
	position: relative;
	border-top: solid 1px #ccc;
	z-index: 3;
	box-sizing: content-box;
}

#gWrap:after
#eNavigation:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
} 


#eNavigation {
	clear: both;
	position: relative;
	margin: 15px auto 0px;
	border-top: solid 1px #ccc;
	background: url(/common/img/sp/gNav_bg.png) repeat-x bottom;
}


#gNavigation ul,
#eNavigation ul {
	position: relative;
	max-width: 960px;
	margin: -14px auto 0;
}


#gNavigation li,
#eNavigation li {
	position: relative;
	display: inline;
	padding: 0 !important;
}

#eNavigation li span {display: none;}

#gNavigation ul li a,
#eNavigation ul li a {
	display: block;
	border-bottom: 3px solid #d9d9d9;
	float: left;
	text-align: center;
}

#gNavigation ul:after,
#tNavigation ul:after,
#eNavigation ul:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/*　スペシャルコンテンツなし
li#gNav1 a {width: 8%;}
li#gNav2 a {width: 24%;}
li#gNav3 a {width: 10%;}
li#gNav4 a {width: 14%;}
li#gNav5 a {width: 15%;}
li#gNav6 a {width: 15%;}
li#gNav7 a {width: 14%;}
*/

/*　スペシャルコンテンツあり */
li#gNav1 a {width: 11%;}
li#gNav2 a {width: 13%;}
li#gNav3 a {width: 11%;}
li#gNav4 a {width: 14%;}
li#gNav5 a {width: 11%;}
li#gNav6 a {width: 15%;}
li#gNav7 a {width: 14%;}
li#gNav8 a {width: 11%;}

li#gNav1 a:hover,
li#gNav2 a:hover,
li#gNav3 a:hover,
li#gNav4 a:hover,
li#gNav5 a:hover,
li#gNav6 a:hover,
li#gNav7 a:hover,
li#gNav1 a.on,
li#gNav2 a.on,
li#gNav3 a.on,
li#gNav4 a.on,
li#gNav5 a.on,
li#gNav6 a.on,
li#gNav7 a.on {border-bottom: 3px solid #6ba900;}

li#gNav8 a:hover,
li#gNav8 a.on {border-bottom: 3px solid #EB6551;}

li#eNav1 a {width: 25%;}
li#eNav2 a {width: 17%;}
li#eNav3 a {width: 16%;}
li#eNav4 a {width: 19%;}
li#eNav5 a {width: 23%;}

li#eNav1 a:hover,
li#eNav2 a:hover,
li#eNav3 a:hover,
li#eNav4 a:hover,
li#eNav5 a:hover,
li#eNav6 a:hover,
li#eNav1 a.on,
li#eNav2 a.on,
li#eNav3 a.on,
li#eNav4 a.on,
li#eNav5 a.on,
li#eNav6 a.on {border-bottom: 3px solid #6ba900;}

/* メガメニュー */


#megaMenu {
	background: #fff;
	position: absolute;
	width: 100%;
	border-bottom: 3px solid #D9D9D9;
	z-index: 999;
	display: none;
}
.mega_bg{
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	display:none;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#90000000,endcolorstr=#90000000, gradienttype=0);
}

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

#megaMenu .category {
	background: #e7f7c7;
	padding: 5px 0;
}
/* 広報特集 */
#megaMenu #mega8 .category {
	background: #ffecea;
	padding: 5px 0;
}

#megaMenu .category h2 {
	float:left;
	padding: 15px 5px 15px 40px;
	font-weight: bold;
}

#megaMenu .category a {text-decoration: none;}

#megaMenu #mega2 .category h2 {background: url(../img/sp/icon_about.png) no-repeat 0 50%;}
#megaMenu #mega3 .category h2 {background: url(../img/sp/icon_notice.png) no-repeat 0 50%;}
#megaMenu #mega4 .category h2 {background: url(../img/sp/icon_category.png) no-repeat 0 50%;}
#megaMenu #mega5 .category h2 {background: url(../img/sp/icon_appli.png) no-repeat 0 50%;}
#megaMenu #mega6 .category h2 {background: url(../img/sp/icon_statistics.png) no-repeat 0 50%;}
#megaMenu #mega7 .category h2 {background: url(../img/sp/icon_committee.png) no-repeat 0 50%;}
#megaMenu #mega8 .category h2 {background: url(../img/sp/icon_special.png) no-repeat 0 50%;}

#megaMenu .category p {margin: 0!important;}
#megaMenu .category p a {
	display: block;
	float:right;
	background: url(../img/sp/icon_close.png) no-repeat 0 0.5em;
	padding: 4px 5px 4px 20px;
	margin: 10px 0 0;
}

#megaMenu ul.outline {padding: 20px 0;}

#megaMenu .outline a {text-decoration: none;}
#megaMenu .outline a:hover {text-decoration: underline;}

#megaMenu .outline > li > a,
#megaMenu .outline > li > span {
	display: block;
	border-bottom: 1px solid #ddd;
	background: url(/common/img/sp/icon_hexagon_green.png) 5px 0.5em no-repeat;
	padding: 7px 2px 10px 28px;
	margin: 0px 0 5px !important;
	font-weight: bold;
	font-size:95%;
	color: #444;
}
/* 広報特集 */
#megaMenu #mega8 .outline > li > a,
#megaMenu #mega8 .outline > li > span {
	display: block;
	border-bottom: 1px solid #ddd;
	background: url(/common/img/sp/icon_hexagon_red.png) 5px 0.5em no-repeat;
	padding: 7px 2px 10px 28px;
	margin: 0px 0 5px;
	font-weight: bold;
	font-size:95%;
	color: #444;
}

#megaMenu .outline > li ul {
	margin: 5px 0 10px 10px;
	padding-top: 8px;
	font-size: 90%
}


/* 広報特集 */
#megaMenu #mega8 .outline > li ul li {
	background: url(/common/img/sp/icon_arrow_red.png) 0 0.5em no-repeat !important;
	margin: 0 0 5px;
	padding-left: 15px;
	line-height: 1.75;
	vertical-align: top;
}
#megaMenu .outline > li ul li {
	background: url(/common/img/sp/icon_arrow_green.png) 0 0.5em no-repeat;
	margin: 0 0 5px;
	padding-left: 15px;
	line-height: 1.75;
	vertical-align: top;
}

body.common #megaMenu .outline > li ul li.p2 {padding-left: 15px!important;}


#megaMenu .btn a {
	display: block;
	background: #eee url(../img/sp/icon_close.png) no-repeat 10px 0.7em;
	padding: 5px 10px;
	width: 7em;
	text-align: center;
	font-size: 80%;
	margin: 30px auto;
	border-radius: 2px;
}



/* パンくずナビゲーション */

.breadBg {
	background: #f4fee1;
	padding: 7px 0 9px;
	margin-bottom: 20px;
}

.breadBg:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#gBreadcrumb ul,
#gBreadcrumb2 ul {
	min-height: 15px;
	padding: 5px 0;
	margin: 0 auto 20px;
}

ul#gBreadcrumb,
ul#gBreadcrumb2 {
	min-height: 15px;
	padding: 5px 0;
/*	margin: 0 auto 20px;*/
	margin: 0 auto;
}

/*
#gBreadcrumb li,
#gBreadcrumb2 li,
*/
ul#gBreadcrumb li,
ul#gBreadcrumb2 li {
	display: inline;
	margin-right: 5px;
	line-height: 1.5;
	font-size: 0.750em;
}

/*
#gBreadcrumb li a,
#gBreadcrumb2 li a,
*/
ul#gBreadcrumb li a,
ul#gBreadcrumb2 li a {
	margin-right: 5px;
}


/* パンくずナビゲーション 手動設置用デザインのみ */
/*#gBreadcrumb2 {
	max-width: 960px;
	min-height: 15px;
	padding: 5px 0;
	margin: 0 auto 20px;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
#gBreadcrumb2 ul{}
#gBreadcrumb2 li{
	display: inline;
	margin-right: 5px;
	line-height: 1.5;
	font-size: 0.750em;
}
#gBreadcrumb2 li:first-child {}
#gBreadcrumb2 li a{
	margin-right: 5px;
}*/


/* カテゴリナビゲーション */
body.common #cNavigation {
	width: 100%;
	max-width: 690px;
	margin-bottom: 15px;
	border-right: dotted 1px #ccc;
	border-bottom: solid 2px #528200;
}
body.common #cNavigation:after, body.common #cNavigationEn:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
body.common #cNavigation li, body.common #cNavigationEn li {
	display:inline;
}
body.common #cNavigation li a {
	display: block;
	float: left;
	padding: 7px 0px;
	text-align: center;
	color: #555;
	background: #fff;
	border-left: dotted 1px #ccc;
	text-decoration: none;
	box-sizing: border-box;
}

body.common #cNavigation li:nth-child(1) a {width: 30%;}
body.common #cNavigation li:nth-child(2) a {width: 30%;}
body.common #cNavigation li:nth-child(3) a {width: 20%;}
body.common #cNavigation li:nth-child(4) a {width: 20%;}

body.common #cNavigation li a:hover, body.common #cNavigationEn li a:hover {
	background: #f5f5f5;
	color: #000;
}
/* English */
body.common #cNavigationEn {
	width: 690px;
	margin-bottom: 15px;
	border-right: dotted 1px #ccc;
}
body.common #cNavigationEn li a {
	display: block;
	padding: 7px 28px;
	color: #555;
	background: #fff;
	border-left: dotted 1px #ccc;
	border-bottom: solid 2px #528200;
	text-decoration: none;
}

/* サイドナビゲーション */
body.common #sNavigation {}

body.common #sNavigation h2 {
    background: #fff!important;
	border: none!important;
	font-size: 100%!important;
    margin: 0!important;
    padding: 0!important;
	position: relative;
}

body.common #sNavigation h2 a {
	display: block;
	margin: 0;
	padding: 16px 5px 12px 45px;
	border-bottom: 2px solid #508200;
}



body.common #sNavigation h2.special a {background: url(../img/sp/icon_special.png) no-repeat 7px 0.7em!important;}
body.common #sNavigation h2.about a {background: url(../img/sp/icon_about.png) no-repeat 7px 0.7em!important;}
body.common #sNavigation h2.notice a {background: url(../img/sp/icon_notice.png) no-repeat 7px 0.7em!important;}
body.common #sNavigation h2.category a {background: url(../img/sp/icon_category.png) no-repeat 7px 0.7em!important;}
body.common #sNavigation h2.appli a {background: url(../img/sp/icon_appli.png) no-repeat 7px 0.7em!important;}
body.common #sNavigation h2.statistics a {background: url(../img/sp/icon_statistics.png) no-repeat 7px 0.7em!important;}
body.common #sNavigation h2.committee a {background: url(../img/sp/icon_committee.png) no-repeat 7px 0.7em!important;}

body.common #sNavigation li {
	margin-bottom: 0;
}

body.common #sNavigation .aAccordion a:focus {outline: 1px dotted #fff!important;}


/*english*/

body.common.english #sNavigation h2 a {
	padding: 16px 5px 12px 35px;
	background: url(../img/sp/icon_hexagon_green.png) no-repeat 8px 1em;
}

body.common.english #contents .acMenu dt a {
    margin-left: 0px!important;
    padding: 7px 4px 7px 18px!important;
	background: url(../img/sp/icon_arrow_green.png) no-repeat 5px 1em!important;

}
body.common.english #contents .acMenu dt.aAccordion a {
    background: rgba(0, 0, 0, 0) url("../img/sp/icon_arrow_white.png") no-repeat scroll 5px 1em !important;
}

/*Provisional*/
body.common #update { color: #00f; }
body.common #links {
	margin-bottom: 10px;
}
body.common .hover {
	line-height: 1em;
	width: 270px;
	margin: 2px 0px;
	border-bottom: solid 1px #0197d1;
}
body.common .hover a:hover { text-decoration: none; }
body.common .active {
	line-height: 1em;
	width: 270px;
	margin: 5px 0px 2px;
	border-bottom: solid 1px #0197d1;
}
body.common .active a:hover { text-decoration: none; }

body.common .p10 {
	display: block;
	padding: 10px;
}
body.common .eee {
	color: #bbb;
	font-weight: bold;
	background: #eee;
}



/* WhatsNew新着情報系 スクロールボックス */
body.common .scrollBox {
	position: relative;
	z-index: 2;
	top: -22px;
	height: 200px;
	overflow: auto !important;
	margin-bottom: -10px !important;
	padding: 10px 0 10px 10px;
	border: solid 1px #6ba900;
	background: #fff;
}
body.common .scrollBox dl {
	overflow:hidden !important;
	clear:both;
	margin-bottom:5px !important;
}
body.common .scrollBox  dt{
	font-weight: bold;
	width: 10em !important;
	padding:0 10px 0 0 !important;
	float: left !important;
}
body.common .scrollBox  dd{
	margin-left: 11em;
}
/* english */
body.english .scrollBox  dt{
	width: 250px !important;
}
body.english .scrollBox  dd{
	width: 670px !important;
}

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

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