@charset "utf-8";
      body {
        background-color: #f2f2f2;
        font-size: 75%;
        -webkit-text-size-adjust: 100%; /* for iOS */
        line-height: 137%;
        font-family: Arial, Helvetica, sans-serif;
        word-break: normal; 
      }
      body.text {
        background-color: #fafafa;
        font-size: 75%;
        line-height: 137%;
        font-family: Arial, Helvetica, sans-serif;
        word-break: normal;
        padding: 0px;
        margin: 0px;
      }
      body.text p, div.text p, section.contentBox p {
        font-family: 'Times New Roman', Times, serif;
        text-indent: 1em;
        text-align: justify;
        text-justify: inter-ideograph;  /* Edge IE */
      }
      body.text p.rt { text-align: right; }
      body.text p.i0 { text-indent: 0; }
      body.text p.i2 { text-indent: 2em; }
      body.text p.i3 { text-indent: 3em; }
      .mainContainer { width: 750px; margin: auto; }
      .contentHeadBox {
        background: linear-gradient(#ddd, #fff);
        width: 710px;
        padding: 10px 20px 0px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        box-shadow: 5px 5px 5px #ccc;
        text-align: left;
        margin-top: 15px;
        margin-bottom: 10px;
      }
      h1 {
        padding: 10px 10px 10px;
        font-size: 166%;
        font-weight: bold;
        margin-bottom: 10px;
        color: #88ff88;
      }
      h2, summary {
        font-size: 122%;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 0px;
      }
      h3 {
        font-size: 100%;
        font-weight: bold;
        margin-top: 20px;
        line-height: 0;
      }
    
      summary {
        cursor: pointer;
        outline: none;
      }

      .sideWrap { float: right; } 
      .sideBox {
        background-color: #fafafa;
        width: 190px; 
        padding: 5px 0;
        box-shadow: 5px 5px 5px #ccc;
        text-align: left;
        font-size: 100%;
        margin-bottom: 10px;   
      }
      .sideBox summary { font-size: 100%; }
      .sideLinkBox {
        background-image: url(./images/rainbowtrout52.jpg);
        background-size: cover;
        padding: 5px 0;
        box-shadow: 5px 5px 5px #ccc;
        text-align: left;
        font-size: 100%;
        margin-bottom: 10px;   
      }
      .sideLinkBox li {color: lightgray; }
      .sideFootBox {
        background-color: #fafafa;
        width: 190px; 
        padding: 1px 0px 1px 0px;
        box-shadow: 5px 5px 5px #ccc;
        border-bottom-right-radius: 10px;
        text-align: center;
        font-size: 100%;
        margin-bottom: 10px;
        font-style: #fafafa;
      }
      
      .contentBox {
        float: left; 
        background-color: #fafafa;
        width: 520px;
        padding: 0px 15px;
        box-shadow: 5px 5px 5px #ccc;
        text-align: left;
        margin-bottom: 10px;
        font-size: 100%;
      }
      section.contentHead {
        float: left; 
        background-image: url(./images/contentHead.jpg);
        background-size: 550px 40px;
        background-repeat: no-repeat;
        width: 520px;
        padding: 0 15px;
        box-shadow: 5px 5px 5px #ccc;
        text-align: left;
        margin-bottom: 10px;
        font-size: 100%;
      }
      section.contentHead h1 { margin: 0; }
      section#091 { height: 80px; }
      .formBox {
        float: left;
        background-color: #fafafa;
        width: 750px;
        padding: 10px 0 10px 0;
        box-shadow: 5px 5px 5px #ccc;
        border-bottom-right-radius: 10px;
        text-align: left;
        margin-bottom: 10px;
        font-size: 100%
      }
      iframe {
        border: none;
        width: 100%;
      }
      iframe.form {
        height: 465px;
        width: 550px;
        margin-left: -15px;
      } 
      textarea {
        resize: vertical;
        overflow: auto;
        font-size: 140%;
        font-family: inherit;
        width: 490px;
      }
      ul { padding-left: 10px; list-style: none; }
      .contentFootBox {
        float: left;
        background: linear-gradient(#fff, #ddd);
        width: 510px;
        padding: 10px 20px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 5px 5px 5px #ccc;
        font-size: 90%;
        text-align: right;
        margin-bottom: 20px;
      }
      address { font-style: normal; font-size: 90%; }
      em { font-weight: bold; font-style: normal; }
      em.d { color: darkblue; } 
      em.e { color: red; }
      blockquote.ja {   /* 縦書き */
        margin: 0;
        margin-left: 5em;
        border: solid 1px lightgray;
        writing-mode: vertical-rl;  /*  Firefox Chrome Edge */
        writing-mode: tb-rl;        /* IE */
        -webkit-writing-mode: vertical-rl;  /* Safari */
        background-color: #fffff4;
        padding: 2em 1em 2em 1em;
      }
      blockquote.ja p {
        text-align: justify;
        text-justify: inter-ideograph;  /* Edge IE */
        background-color: #fffff4;
      }
      blockquote.en {  /* 英文 */
        margin: 0;
        margin-left: 5em;
        padding: 1em 3em 1em 3em;
        border: solid 1px lightgray;
        background-color: #fffff4;
      }
      blockquote.en p {
        text-align: justify;
        text-justify: inter-ideograph;  /* Edge IE */
        background-color: #fffff4;
        text-indent: 4em;
      }
      blockquote.waku {
        margin:0;
        padding: 0 10px 0 10px;
        border: solid 1px lightgray;
        background-color: #fffff4;
      }
      blockquote.ja2 {
        margin: 0;
        margin-left: 3em; height: 16em;
        border: solid 1px lightgray;
        writing-mode: vertical-rl;  /*  Firefox Chrome Edge */
        writing-mode: tb-rl;        /* IE */
        -webkit-writing-mode: vertical-rl;  /* Safari */
        background-color: #fffff4;
        padding: 3em 2em 2em 2em; 
      }
      blockquote.ja2 p {
        text-indent: -2em;
        text-align: justify;
        text-justify: inter-ideograph;  /* Edge IE */
      }
      blockquote.en2 {  /* 英文 */
        margin: 0;
        margin-left: 2em;
        margin-right: 2em;
        padding: 1em 3em 1em 3em;
        border: solid 1px lightgray;
        background-color: #fffff4;
      }
      blockquote.en2 p {
        text-align: justify;
        text-justify: inter-ideograph;  /* Edge IE */
        background-color: #fffff4;
        text-indent: 2em;
      }
      blockquote.en2 p.ce {
        text-indent: -1em; 
        text-align: center; 
      }
      blockquote.en3 { 
        margin: 0;
        margin-left: 3em;
        margin-right: 3em;
        padding: 0 2em;
        border: solid 1px lightgray;
        background-color: #fffff4;
      }
      blockquote.en3 p { text-indent: 1em; }
      blockquote.en3 p.m2 { margin-left:1em; text-indent:1; }
      blockquote.waku3 {
        margin:0 3em;
        padding: 0em 2em 0.5em 5em;
        border: solid 1px lightgray;
        background-color: #fffff4;
      }
      blockquote.waku3 h3 { padding-left: 2em;}
      blockquote.waku3 p.b { text-indent: -3em; }
      u {
        text-decoration-line: none;
        color: blue;
        text-decoration: none;
        text-decoration-style: none;
      }
      hr { border: none; height: 0.1px; border-top: dotted 1px; }
      
      nav span, address span {
        margin-left: 10px;
        margin-right: 5px;
        padding: 2px 0px 2px 5px;
        border-left: 2px solid;
        border-color: #3d9ccc;
      }

      .declose {
        float: right;
        text-align: right;
        font-size: 70%;
      }

      .backtop {
        float: right;
        text-align: right;
        font-size: 70%;
      }
      .tag { text-align: right; }
      
      a { text-decoration: none; }
      a:link { color: darkblue; }
      a:visited { color: darkblue; }
      a:hover { color: limegreen; }
      a:active { color: blue; }
      
      .center { text-align: center; }
      .left { text-align: left; }
      .right { text-align: right; }
      .copyrights { margin-right: 8px; }
      div.childform { padding-left: 5px; }
      div#clock { margin: 10px; }
      div.counter {
        margin: auto;
        text-align: center;
        color: white;
        width: 50px;
      }
      div.e40 {
        width : 500px;
        height: 400px;
        margin: 100px auto;
        padding-left: 50px;
        color: darkblue;
      }
      div.e40 p { font-size: 150%; line-height: 150%; }

      .contentFootBox a:link { color: black; }
      .contentFootBox a:visited { color: black; }
      .contentFootBox a:hover { color: black; }
      .contentFootBox a:active { color: black; } 
      
      video {
        width: 500px;
        margin-left: 10px;
      }
      img.video {
        width: 500px;
        margin-left: 10px;
      }            
      img.photo {
        width:300px;
        margin-left:100px;
      }
      img.photo-100-left {
        width: 110px;
        float: left;
        margin-right: 1em;
        margin-bottom: 1em;
      }
      figure { margin-left: 0; }
      figcaption {
        margin-left: 100px;
        font-family: 'Times New Roman', Times, serif;
      }
      table {
        border-spacing: 0;
        margin: auto;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
        font-family: 'Times New Roman', Times, serif;
      } 
      table caption { font-style: italic; }
      table.fish tr td { color: black; }
      table.fish th:first-child { border-radius: 5px 0 0 0; }
      table.fish th:last-child { border-radius: 0 5px 0 0; }
      table th { background-color: #88ff88; } 
      table.fish tr:last-child td:first-child { border-radius:0 0 0 5px; }
      table.fish tr:last-child td:last-child { border-radius: 0 0 5px 0; } 
      table tr:nth-child(2n) td { background-color: #ccffcc; }
      table tr td { border-left: 1px solid #88ff88; }
      table tr td:last-child { border-right: 1px solid #88ff88; }
      table tr:last-child td { border-bottom: 1px solid #88ff88; }
      
      cite { font-style: normal; }
      cite:before { content: "『"; font-size: 100%; }
      cite:after { content:  "』"; font-size: 100%; }
      q { font-style: normal; }
      q:before { content: "「"; font-size: 100%; }
      q:after { content: "」"; font-size: 100%; }
      
      h1.cl {
        margin-bottom: 0; 
        padding: 0;
        color: darkseagreen;
      }
      p.cl { line-height: 0; color: darkseagreen; }

      table.cal {
        margin-top: 10px;
        border-spacing: 0;
        margin: auto;
        box-shadow: none;
        font-family: Arial, Helvetica, sans-serif;
      }
      table.cal caption {
        font-style: normal; 
        background-color: darkolivegreen;
        color: #fafafa;
      }
      table.cal th {
        border-radius: 0 0 0 0;
        background-color: darkcyan;
        border-color: cyan;
      }
      table.cal tr td {
        padding: 4px 4px 4px 4px;
        border-radius: 0 0 0 0; 
        border-color: lightblue; 
      }
      table.cal th { color: #fafafa; }
      table.cal tr th:nth-child(1), td:nth-child(1) { color: red; }
      table.cal tr th:nth-child(7), td:nth-child(7) { color: blue; }
      table.cal tr td.holiday { color: red; }
      table.cal tr td.today { background-color: cyan; }
      table.cal tr td.gray { color: #ccc; }

      table.hol {
        border-spacing: 0;
        margin: auto;
        margin-bottom: 10px;
        padding: 0 0 0 0;
        box-shadow: none;
        font-family: Arial, Helvetica, sans-serif;
      }
      table.hol caption { font-style: normal; }
      table.hol tr td {
        border-radius: 0 0 0 0; 
        border-color: #fafafa;
      }
      table.hol tr:nth-child(2n) td { background-color: #fafafa; }
      
      table.emp thead tr th { 
        color: #333;
        border-color: #b0ffff;
        background-color: #b0ffff;
        padding: 5px;
      }       
      table.emp tr td {
        border-color: #b0ffff;
        color: #333;
        padding: 5px;
      }
      table.emp tr:nth-child(2n-1) td { background-color: #f5f5f5; } 
      table.emp tr:nth-child(2n) td { background-color: #e5e5e5; } 

      table.ja {
        border: none;
        box-shadow: none;
        margin: 0;
        padding: 0;
        margin-top: 2em;
      }
      table.ja tr td {
        color: black;
        border: none;
        margin: 0;
        padding: 0;
      }