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

/*html {
	height: 100%;
}
body {
	height: 100%;
}*/
html {
	overflow-y: scroll;
}
body {
	font-family:'Lucida Grande',
	'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
	Meiryo, メイリオ, sans-serif;
}

#home {
	background: #346633;
}
/*#wrapper {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	background: url(../images/bg_woodboard.jpg) no-repeat center top 900px;
}
#wrap {
	background: url(../images/bg_muji.jpg) no-repeat center top;
	height: 900px;
}*/
#wrapper {
	width: 1000px;
	height: 1000px;
	margin: 0 auto;
	background: url(../images/bg_woodboard.jpg) no-repeat center top 900px;
}
#wrap {
	background: url(../images/bg_muji.jpg) no-repeat center top;
	height: 900px;
}
#wrapper_keyword {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}
#wrap_keyword {
	background: url(../images/bg_muji.jpg) no-repeat center top;
	height: auto;
}
/*ヘッダ*/
header {
	width:1000px;
	height: 152px;	
	background: url(../images/bg_header.png) no-repeat center top;
	position: fixed;
	z-index: 10;
}
header h1{
	position: absolute;
	width: 130px;
	height: 75px;
	top: 0;
	left: 0;
}
header h2{
	position: absolute;
	width: 129px;
	height: 59px;
	top: 93px;
	left: 0;
}
header > div{ /*202408*/
	position: absolute;
	width: 810px;
	height: 129px;
	top: 0;
	left:190px;
}
.navi_backbtn {
	position: absolute;
	width: 82px;
	height: 58px;
	top: 45px;
	left:904px;
}
ul.navi_target {
	width: 810px;
	height: 35px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, ul.navi_target {
	font-size: 1px; letter-spacing: -1px; word-spacing: -1px;
  }
}
ul.navi_target li{
	margin: 0;
	padding: 0;
}
ul.navi_target li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.navi_breadcrumb ol {
	width: 810px;
	height: 94px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
ol.navi_breadcrumb_student {
	background: url(../images/navi_breadcrumb_bg01.png) no-repeat top;
}
ol.navi_breadcrumb_public {
	background: url(../images/navi_breadcrumb_bg02.png) no-repeat top;
}
ol.navi_breadcrumb_teacher {
	background: url(../images/navi_breadcrumb_bg03.png) no-repeat top;
}
ol.navi_breadcrumb_farmer {
	background: url(../images/navi_breadcrumb_bg04.png) no-repeat top;
}
ol.navi_breadcrumb_keyword {
	background: url(../images/navi_breadcrumb_bg05.png) no-repeat top;
}
ol.navi_breadcrumb_faq {
	background: url(../images/navi_breadcrumb_bg06.png) no-repeat top;
}
.navi_breadcrumb ol li{
	margin: 0;
	padding: 0;
	font-size: 22px;
}
.navi_breadcrumb ol li.breadcrumb_genre {
	color: #336633;
	/*line-height: 78px;*/
}
.navi_breadcrumb ol li:before {
	content: url(../images/navi_breadcrumb_arrow.png);
}
.navi_breadcrumb ol li:first-child:before {
	content:"";
}

/*フッター*/
.footer {
	height: 112px;
	background: url(../images/bg_footer.jpg) no-repeat center bottom;
	text-align: center;
	color: #dedede;
}
.footer div { /*202408*/
	height: auto;
}
.footer >ul {
	height: 64px;
	font-size: 0;
}
.footer >ul li {
	font-size: 17px;
	line-height: 88px;
	color: #d2d2d3;
	padding-right: 0;
	padding-left: 0;
}
.footer >ul li a {
	color: #d2d2d3;
}
.footer >ul li:before {
	content: "｜";
	padding-right: 20px;
	padding-left: 20px;
}
.footer >ul li:first-child:before {
	content:"";
}
address {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #fff;
}

/*コンテンツ*/
article {
	height: 636px;
}
article.keywordheight {
	padding-top:156px;
	height: auto;
	min-height: 636px
}
.category {
	text-align: center;
}
.category p {
	padding-top: 130px;
	padding-bottom: 33px;
}
.category ul {
	height: 158px;
	font-size: 0;
}
.category li {
	padding-right: 16px;
	padding-left: 16px;
}
.genre {
	text-align: center;
}
.genre p {
	padding-top: 130px;
	padding-bottom: 33px;
}
.genre ul {
	height: 159px;
	font-size: 0;
}
.genre li {
	padding-right: 10px;
	padding-left: 10px;
}
.category ul li a:hover img,
.genre ul li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.keyword {
	width: 740px;
	margin: -10px auto 0;
	padding-bottom: 10px;
}
.keyword p {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 23px;
}

.keyword dt{
	display:block;
	width: 740px;
	color: #fff;
	height: 56px;
	margin: 0;
	/*margin-bottom: 10px;*/
	margin-top: 10px;
	padding:5px 0.5em;
	font-size: 24px;
	line-height:0.8em;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	position: relative;
	cursor:pointer;
	font-weight: normal;
}

span.line_adjust{
	position:relative;
	top:20px;
}


.keyword dd{
	background:#fff;
	width: 700px;
	margin-left: 20px;
	display:none;
	padding: 30px;
	/*margin-top: -10px;*/
	margin-bottom: 10px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
}
.keyword dt::before {
	content: "";
	display: inline-block;
	border: 14px solid transparent;
	border-top-color: #fff;
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -8px;
}
.keyword dt.open::before {
	content: "";
	display: inline-block;
	border: 14px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	right: 18px;
	top: 10px;
	margin-top: -8px;
}
.keyword_student dt {
	background: #d79f9a;
}
.keyword_public dt {
	background: #a9bd5d;
}
.keyword_teacher dt {
	background: #7cc0c0;
}
.keyword_farmer dt {
	background: #e6c04e;
}
/*HTH 20150508_add */
.keyword_cate1 dt {
	background: #e99a13;
}
.keyword_cate2 dt {
	background: #da5d80;
}
.keyword_cate3 dt {
	background: #907aae;
}
.keyword_cate4 dt {
	background: #35a458;
}
.keyword_cate5 dt {
	background: #1791b8;
}
.keyword ul {
}
.keyword ul li {
	font-size: 22px;
	color: #231815;
	list-style: none;
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}
.keyword ul li:last-child {
	margin-bottom: 0;
}
.keyword ul li a {
	color: #231815;
}
.keyword ul li a:hover {
}
.keyword ul li a.external {
	display: inline-block;
	padding-left: 120px;
	background: url(../images/icon_external.png) no-repeat left center;
}
.keyword ul li a.pdf {
	display: inline-block;
	padding-left: 120px;
	background: url(../images/icon_pdf.png) no-repeat left center;
}
.search {
	text-align: center;
	margin-left:120px;
}
.search>p {
	padding-top: 50px;
	padding-bottom: 50px;
}
.tab_search_cate1,
.tab_search_cate2,
.tab_search_cate3,
.tab_search_cate4,
.tab_search_cate5
.tab_faq {
	width: 807px;
	margin: auto;
	height: 83px;
}
.tab_search_cate1 {
	border-bottom: 18px solid #e99a13;
}
.tab_search_cate2 {
	border-bottom: 18px solid #da5680;
}
.tab_search_cate3 {
	border-bottom: 18px solid #907aae;
}
.tab_search_cate4 {
	border-bottom: 18px solid #35a458;
}
.tab_search_cate5 {
	border-bottom: 18px solid #1791b8;
}
.tab_search_syllabary {
	width: 807px;
	margin: auto;
	height: 85px;
	border-bottom: 20px solid #fff;
}
.tab_search {
	margin: 0;
	padding: 0;
	font-size: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, ul.tab_search {
	font-size: 1px; letter-spacing: -1px; word-spacing: -1px;
  }
}
.tab_search li {
	margin: 0;
	margin-right: 9px;
	padding: 0;
}
.tab_search li:last-child {
	margin-right: 0;
	margin-left: 30px;
}
.tab_search li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.search_cate1,
.search_cate2,
.search_cate3,
.search_cate4,
.search_cate5,
.search_syllabary, 
.faq_zone {
	width: 807px;
	margin-left:70px;
	margin-bottom:20px;
	padding:10px 0 70px;
	text-align: left;
	background: #fff;
}
/*2019.07.09 add (for news.html)*/
.topic_zone {
	width: 807px;
	height:  600px;
	margin-left:70px;
	overflow-y: scroll;
	margin-bottom:20px;
	padding:20px 0 70px;
	text-align: left;
	background: #fff;
}
.search_cate1 h3,
.search_cate2 h3,
.search_cate3 h3,
.search_cate4 h3,
.search_cate5 h3,
.faq_zone h3 {
	width: 740px;
	margin: auto;
	font-size: 24px;
	color: #e99a13;
	padding: 15px 0 15px;
	line-height:160%;
}
.search_cate1 h3 {
	color: #e99a13;
}
.search_cate2 h3 {
	color: #da5680;
}
.search_cate3 h3 {
	color: #907aae;
}
.search_cate4 h3 {
	color: #35a458;
}
.search_cate5 h3 {
	color: #1791b8;
}
.faq_zone h3 {
	color: #003567;
}
.search_syllabary_list {
	width: 764px;
	margin: 0 auto 44px;
	background: #d2d2d3;
	padding: 17px 47px 11px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
/*.list-syllabary-ja {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 215px;
}*/
/*.list-syllabary-ja li {
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	padding-right: 29px;
	list-style: none;
}*/
.list-syllabary-ja {
	margin: 0;
	padding: 0;
	width: 670px;
	font-size: 0;
}
.list-syllabary-ja li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-syllabary-ja > li {
	float: left;
	margin: 0 15px;
}
.list-syllabary-ja li ul li {
	margin-bottom: 6px;
}
.list-syllabary-ja li ul li a {
	display: block;
	height: 37px;
	width: 37px;
}
.list-syllabary-ja li ul li.next-kana-empty {
	margin-bottom: 49px;
}
.list-syllabary-ja li a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.keyword_faq {
	width: 740px;
	margin: -10px auto 0;
	padding-bottom: 10px;
}
.keyword_faq p {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 23px;
}
.keyword_faq dt{
	display:block;
	width: 740px;
	color: #fff;
	height: 70px;
	margin: 0;
	/*margin-bottom: 10px;*/
	margin-top: 0px;
	padding: 10px;
	padding-left: 17px;
	font-size: 16px;
	line-height: 25px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	display: inline-block;
	position: relative;
	cursor:pointer;
	font-weight: normal;
}
.keyword_faq dd{
	background:#fff;
	width: 700px;
	margin-left: 20px;
	display:none;
	padding: 30px;
	/*margin-top: -10px;*/
	margin-bottom: 10px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
}
.keyword_faq dt::before {
	content: "";
	display: inline-block;
	border: 14px solid transparent;
	border-top-color: #fff;
	position: absolute;
	right: 18px;
	top: 50%;
	margin-top: -8px;
}
.keyword_faq dt.open::before {
	content: "";
	display: inline-block;
	border: 14px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	right: 18px;
	top: 10px;
	margin-top: -8px;
}
.keyword_faq ul {
}
.keyword_faq ul li {
	font-size: 14px;
	color: #003567;
	list-style: none;
	line-height: 180%;
	margin-bottom: 20px;
}
.keyword_faq ul li:last-child {
	margin-bottom: 0;
}
.keyword_faq ul li a {
	color: #231815;
}
.keyword_faq ul li a:hover {
}
.keyword_faq ul li a.external {
	display: inline-block;
	padding-left: 120px;
	background: url(../images/icon_external.png) no-repeat left center;
}
.keyword_faq ul li a.pdf {
	display: inline-block;
	padding-left: 120px;
	background: url(../images/icon_pdf.png) no-repeat left center;
}
.faq dt {
	background: #003567;
}

#tmenu {
	z-index:5;
	float:right;
	width: 130px;
	position: fixed;
	margin: 10px 0;
	}
.amenu {
	background-color: #CCFFCC;
	color: #006600;
	font-weight: 900;
	display: block;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	}

.btn {
	width:130px;
	height:40px;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 4px;
	color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .7);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .4);
	font-size:13px;
	margin-bottom:10px;
	padding:10px 5px ;
	font-weight:bold;
}
.btn:hover {
	background-color: rgba(255, 255, 255, .3);
	color:#fff;
}
.bt_link{
	float: right;
	padding-right:30px;
}
img.linkhover:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}
.aboutsite{
	padding:15px 30px;
	line-height:160%;
	color:#247204;
}
.midashi_about{
	font-size:24px;
	line-height:200%;
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
/*2019.07.09 add (for news.html)*/
.topicsite{
	padding:11px 30px 50px;
	line-height:160%;
	color:#247204;
}
.topid {
		font-size: 85%;
}
dl.topic {
		font-size: 95%;
}
dl.topic dt {
		margin-top: 9px;
}
dl.topic dd {
		font-size: 90%;
		padding-left: 2em;
		text-indent: -1em;
		/*margin-bottom: 9px;*/
}
/*2020.09.17 add (for database.html)*/
.turl {
		font-size: 80%;
		/*padding-left: 1.5em;*/
		margin-left: 0.5em;
}
/*2020.11.9 add (for database.html)*/
.intr {
		font-weight: normal;
		font-size: 95%;
		/*padding-left: 1.5em;*/
		margin-left: 1em;
}
