keyword@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 748px;
}
#wrap {
	background: url(../images/bg_muji.jpg) no-repeat center top;
	height: 748px;
}
#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{
	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;
}
.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 {
	height: 88px;
}
.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 {
	padding-top:156px;
	height: 636px;
}
article.keywordheight {
	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;
}
	
/***   210712  項目なしでキーワードは残す　***/
.keyword_0 {
	width: 740px;
	margin: -10px auto 0;
	padding-bottom: 10px;
}
.keyword_0 p {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 23px;
}

.keyword_0 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;
}
/***   210712  項目なしでキーワードは残す　***/

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;
}
/*20200629 */
.keyword_cate1_ dt {
/*	background: #e99a13;*/
	background: linear-gradient(to right, #e99a13 95%, 98%, #fff);
}
.keyword_cate2_ dt {/*
	background: #da5d80*/
	background: linear-gradient(to right, #da5d80 95%, 98%, #fff);
}
.keyword_cate3_ dt {
/*	background: #907aae;*/
	background: linear-gradient(to right, #907aae 95%, 98%, #fff);
}
.keyword_cate4_ dt {
/*	background: #35a458;*/
	background: linear-gradient(to right, #35a458 95%, 98%, #fff);
}
.keyword_cate5_ dt {
/*	background: #1791b8;*/
	background: linear-gradient(to right, #1791b8 95%, 98%, #fff);
}

.keyword ul li {
	font-size: 22px;
	color: #231815;
	list-style: none;
	min-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;
}
.keyword ul li a.pdf_ex {
	display: inline-block;
	padding-left: 120px;
	background: url(../images/icon_pdf.png) no-repeat left center;
}
.keyword ul li a.internal {
	display: inline-block;
	padding-left: 120px;
	background: url(../images/icon_internal.png) no-repeat left center;
}
.search {
	text-align: center;	
	margin-left:190px;
}
.search p {
	padding-top: 50px;
	padding-bottom: 50px;
}
.tab_search_cate1,
.tab_search_cate2,
.tab_search_cate3,
.tab_search_cate4,
.tab_search_cate5 {
	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_english{
	width: 807px;
	margin: auto;
	height: 85px;
	border-bottom: 20px solid #113666;
}
.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.ja50 {
	margin: 0;
	margin-left: 6px;
	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 {
	width: 807px;
	margin: auto;
	padding:20px 0 15px;
	text-align: left;
	background: #fff;
}
.search_english {
	width: 807px;
	margin: auto;
	padding:20px 0 15px;
	text-align: left;
	background: #fff;
}
.search_cate1 h3,
.search_cate2 h3,
.search_cate3 h3,
.search_cate4 h3,
.search_cate5 h3 {
	width: 740px;
	margin: auto;
	font-size: 28px;
	color: #e99a13;
	padding: 15px 0 25px;
}
.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;
}
.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;
}
.search_english_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)";
}



#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;
}
.conf {
	font-size:13px;
}

/*2019.02*/
.tooltips {display: inline-block;}
.tooltips span { 
	display: none;
	font-size:58%;
	padding:2px;
}
.tooltips:hover {
		position:relative;
		}
.tooltips:hover span {
	  display:block;
      position: absolute;
	  width:550px;
      top: 43px;
      left: 100px;
      padding: 2px;
	  border:1px solid;
	  border-color:#a9a9a9;
      border-radius: 3px;
      background: /*#fdf5e6;*/rgba(253,245,230,.9);
      color: #000;
	  font-weight:normal;
	  z-index:100;
	  }
/*2019.12*/
.terms {
	font-size:92%;
}
.termj {
	font-size:78%;
}

/*2020.01*/  
.annot li {
	position : relative;
}
.annot-tooltips {
	display:	none;
	font-size:	60%;
	position:	absolute;
	/*bottom:	-1.8em;*/
	top:	3.7em;
	left:	5em;
	padding:	0.4em 0.5em;
	background-color:	rgba(255,255,255,0.8);
	color:	#000;
	border:	1px solid;
	border-radius:	0.3em;
	line-height:	1.2em;
	z-index:	100;
}
.annot li:hover .annot-tooltips {
	display:	block;
}