<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">      /* style5_kiiro2 æœ¬æ–‡ç”¨ */


  @charset "utf-8";

  a{text-decoration:none;}
  a:link { color:#000000;}       
  a:visited { color:#9370db; }
  a:hover { color:#ff6699;}
  a:active { color:#5a9175;}
  a.external:link  {color: #000000;}
  a.external.external:visited  {color: #000000;} 
  a.external:hover { color:#000000;} 
  a.external:active { color:#000000;} 



  html{
    scroll-behavior: smooth;
    }


  body {
    font-family: sans-serif;
    background-color: #ffeb59;
    }


  header {
    width: 780px;
    background-color: #f5ffea ;
    padding: 2px 0;
    margin: 0 auto;
    text-align: left;
    }

  div#okaoka {
    width: 100%;
    background-color: #efd217 ;
    padding: 5px 0;
    margin: 0 auto;
    text-align: left;
    display: flex !important;
    justify-content: space-around;
    align-items: flex-end;
    }  

  div#okaoka b {
    color: #fff ;
    font-size : 17px ;
    }

  #okaoka img {
    margin-left: 20px;
    margin-top: 5px;
    matgin-bottom: 5px;
    }

  .logo  {
    border: 2px solid #ccc;
    padding: 4px;
    } 



  #nav {  
    list-style-type: none;
    overflow: hidden;
    background-color: #efd217;
    margin: 0; 
    padding: 0;
    display: flex !important;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    width: 780px ;
    }

  #nav li {

    text-align: center;
    background-color: #efd217;
    float: left;
    height: 25px;
    line-height: 1;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 5px;
    }
 
  #nav li a {
    display: block ;
    padding:  10px 7px;

    text-decoration: none;
    color: #8c811d;
    font-size: 16px;
    font-weight: bold;
    }

  #nav li a:hover {
    background-color: #fffee8;    
    color: #000;
    }


      /* style5_usukiiro2 æœ¬æ–‡ç”¨ */

  div#container {
    background-color: #fffee8 ;
    margin-right: auto;
    margin-left: auto;
    width: 740px ;
    padding: 20px;    
    }


  .title_waku {
    width: 700px;
    padding: 20px 20px;
    margin: 0 auto;
    text-align: center;
    } 

  .title {              /* ã‚¿ã‚¤ãƒˆãƒ« */
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px; 
    width: 700px;
    text-align: center;
    font-family: "ï¼­ï¼³ æ˜Žæœ",sans-sherif;
    font-weight: 700;
    font-size: 30px;
    }     

    .top_photo{              /* TOP å¤§ã€€å†™çœŸæž&nbsp; */
      margin: 10px auto;
      border:3px solid #ffeb59;
      cellPadding:0;
      }



    .photo{              /* å†™çœŸï¼‹èª¬æ˜Žã€€æž&nbsp; */
      text-align: center;      
      margin: 3px auto;
      border: 3px solid #ffeb59;
      cellPadding: 0;
      }

    .photobun{           /* å†™çœŸã®èª¬æ˜Ž */
      text-align:justify;
      text-align:center;
      color:#4e4e07;
      font-weight:700;
      font-size:18px;
      font-family: "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯",sans-sherif;
      }


    .midashi{
          text-align: left;      
      }
      
    .img_eki{           /* é§…ã®å†™çœŸã¨MAPã®æž&nbsp; */
      margin: 10 10;
      }

    .img_photo{
      text-align:center;      
      margin: 5px 5px;
      float: left;
      }
 
    .iframe_mail{
      width: 500px ;
      padding: 10px; 
      word-break: break-all;
      height: 160px;
      }

    .kazari_l{
      text-align:left;
      }

    .kazari_r{
      margin-left: 610px;

      }

    table.kazari{
      width: 100%;
      }
 

/* TOPã¸ */

  .gotop{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 10000;

    }
  .gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
    }
  .gotop:hover{
    opacity: 1;
    }


/* OK */












</pre></body></html>