/*******************************************************************************

    スタイルシート
        2018/07/09:作成
        2019/02/18:更新

*******************************************************************************/

/*******************************************************************************
    通常リンク
*******************************************************************************/
a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a:hover {
  color: magenta;
}

a:active {
  color: magenta;
}

a.yougo {
  color: darkgreen;
}

a.trend {
  color: darkgreen;
}

/*******************************************************************************
    画像メニュー
*******************************************************************************/
div.div_img_menu {
  padding: 10px 10px;
  display: flex;
  flex-wrap: wrap;
}

div.div_img_menu figure {
  flex: none;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin: 5px;
  text-align: center;
}

div.div_img_menu p {
  flex: 1;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
}

/*******************************************************************************
    文字列メニュー、年別メニュー
*******************************************************************************/
section.sec_select button {
  margin: 2px;
  width: 80px;
  height: 30px;
  border-style: solid;
  border-width: thin;
  border-color: orange;
  background-color: antiquewhite;
}

p.p_select button {
  margin: 2px;
  width: 80px;
  height: 30px;
  border-style: solid;
  border-width: thin;
  border-color: orange;
  background-color: antiquewhite;
}

/*******************************************************************************
    害虫候補メニュー
*******************************************************************************/
section.sec_select2 button {
  margin: 2px;
  width: 150px;
  height: 30px;
  border-style: solid;
  border-width: thin;
  border-color: orange;
  background-color: antiquewhite;
}

/*******************************************************************************
    年代候補メニュー
*******************************************************************************/
section.sec_select3 button {
  margin: 2px;
  width: 120px;
  height: 30px;
  border-style: solid;
  border-width: thin;
  border-color: orange;
  background-color: antiquewhite;
}

/*******************************************************************************
    フローチャート
*******************************************************************************/
#div_flowchart {
  margin: 10px;
  text-align: center;
}

/*******************************************************************************
    図鑑画像
*******************************************************************************/
div.div_zukan_img0 {
  margin-top: 10px;
}

div.div_zukan_img1 {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  max-width: 250px;
  text-align: center;
}

div.div_zukan_img1 img {
  max-width: 250px;
}

/*******************************************************************************
    図鑑動画
*******************************************************************************/
div.div_zukan_vid0 {
  margin-top: 10px;
}

div.div_zukan_vid1 {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  max-width: 320px;
  text-align: center;
}

div.div_zukan_vid1 video {
  max-width: 320px;
}

/*******************************************************************************
    用語集
*******************************************************************************/
ul.ul_yougo {
  margin: 10px 40px;
  font-size: 1.1em;
}

ul.ul_yougo li {
  margin-top: 2px;
  padding-left: 1em;
  text-indent: -1em;
}

/*******************************************************************************
    論文、論文他
*******************************************************************************/
ol.ol_ronbun {
  margin: 10px 40px;
  font-size: 1.1em;
  list-style-type: decimal;
}

ol.ol_ronbun li {
  margin-top: 10px;
  padding-left: 0.5em;
}

span.s_title:before {
  content: '「';
}

span.s_title:after {
  content: '」';
}

p.p_abst {
  display: none;
  padding-left: 2em;
  text-indent: -2em;
}

p.p_abst:before {
  content: '【要約】';
}

/*******************************************************************************
    リンク集
*******************************************************************************/
ul.ul_link {
  margin: 20px 40px;
  font-size: 1.1em;
}

ul.ul_link li {
  margin-top: 20px;
  padding-left: 1em;
  text-indent: -1em;
}

ul.ul_link p {
  margin: 5px;
}

p.p_abbr, p.p_what {
  text-indent: 0;
}

/*******************************************************************************
    ニュース＆コラム
*******************************************************************************/
ul.ul_news_column {
  margin: 10px 40px;
  font-size: 1.1em;
}

ul.ul_news_column li {
  margin-top: 5px;
  padding-left: 6em;
  text-indent: -6em;
}

li.li_news:before {
  content: 'ニュース－';
}

li.li_column:before {
  content: 'コラム－－';
}

ul.ul_news_column span.s_video:before {
  content: '　';
}

ol.ol_rank {
  counter-reset: rank;
  list-style-type: none;
  padding-left: 50px;
}

ol.ol_rank li:before {
  counter-increment: rank;
  content: counter(rank)'位：';
}

/*******************************************************************************
    クイズ
*******************************************************************************/
div.div_quiz_menu {
  margin: 10px;
  padding-left: 100px;
}

div.div_quiz_menu p {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin: 5px;
  padding: 10px;
  text-align: center;
}

div.div_quiz_menu button {
  width: 120px;
  height: 40px;
  border-style: solid;
  border-width: thin;
  border-color: orange;
  background-color: antiquewhite;
}

#b_start {
  margin: 1em;
  width: 6em;
  height: 2em;
  border-style: solid;
  border-width: thin;
  border-color: orange;
  background-color: antiquewhite;
}

ol.ol_quiz {
  margin: 10px 40px;
  font-size: 1em;
  list-style-type: decimal;
}

ol.ol_quiz span.s_question {
  font-weight: bold;
}

ol.ol_quiz span.s_author:before {
  content: '（';
}

ol.ol_quiz span.s_author:after {
  content: '）';
}

ol.ol_quiz li {
  padding-left: 1em;
  list-style-type: decimal;
}

p.p_choice {
  padding-left: 3em;
}

p.p_choice button {
  margin-right: 1em;
  width: 2em;
  height: 2em;
  border-style: solid;
  border-width: thin;
  border-color: orange;
  background-color: antiquewhite;
}

p.p_comment {
  display: none;
}

/*******************************************************************************
    過去の質問
*******************************************************************************/
#ol_faq {
  margin: 10px;
  font-size: 1em;
  list-style-type: decimal;
}

#ol_faq p.p_question {
  font-weight: bold;
}

#ol_faq p.p_answer {
  display: none;
}

#ol_faq p.p_answer a.a_block {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin: 5px;
  padding: 5px;
  text-align: center;
}

#ol_faq p.p_reference {
  display: none;
}

/*******************************************************************************
    ビデオ集
*******************************************************************************/
ul.ul_video {
  margin: 10px 40px;
}

ul.ul_video li {
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
}

ul.ul_video span.s_title:after {
  content: '';
}

ul.ul_video span.s_type:before {
  content: '（ファイル形式：';
}

ul.ul_video span.s_time:before {
  content: '，時間：';
}

ul.ul_video span.s_time:after {
  content: '）';
}

ul.ul_video span.s_html:before {
  content: ' in ';
}

/*******************************************************************************
    アクセスランキング
*******************************************************************************/
div.div_2tables {
  margin: 10px;
}

div.div_2tables table {
  display: inline-block;
  vertical-align: top;
  margin: 0px 10px;
  width: 300px;
}

caption {
  font-size: 1.1em;
  font-weight: bold;
}

th.th_1 {
  width: 50px;
  background-color: antiquewhite;
}

th.th_2 {
  width: 70px;
  background-color: antiquewhite;
}

th.th_3 {
  width: 180px;
  background-color: antiquewhite;
}

td.td_1, td.td_2 {
  text-align: center;
  border-bottom: solid 1px;
}

td.td_3 {
  border-bottom: solid 1px;
}