html
        {  font-size: 83.3%;  line-height: 1.5; color: black;  
           overflow-y: scroll; }

body
        { margin: 2px; 
          font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 
          "ＭＳ Ｐゴシック",sans-serif;   
          text-align: center;  
          background: beige; }

#wrapper
        { margin-left: auto; margin-right: auto; 
          width:650px; padding: 15px 25px;
          background: #fff;  color: black; 
          border-width:   1px 2px 1px 2px; 
          border-style:   solid;  
          border-color: #ffb100; }

div.nav /* --------------------------------------------------------- */
        { margin: 10px 0;  padding: 10px;  overflow: hidden;   
          border-width:   1px;   border-style:   solid;  }

div.nav a, div.nav span
        { float: left; display; inline; background-color: #fff;  
          margin-left: 0.5em; padding: 0.2em 0.4em;
          font-size: 10pt;  text-align: center; line-height: 1;
          text-decoration: none;  overflow: hidden; 
          border-right: 1px solid #b44; border-bottom: 1px solid #b44;  }

div.nav a.m_r
        {   margin: 0 2em; }

div.nav a:hover     { background-color:gold;  
        border-right: 0px solid #800; border-bottom: 0px solid #800;  
        border-left: 1px solid #800; border-top: 1px solid #800;  }

div.nav a.gld  /* hover:none;  */
        { background: gold; color: black;  
          pointer-events: none; cursor: default;  }   /* firefox OK */


/* border backgroud color 設定  ------------------------------------- */

div.nav, 
h1, h2, h3
        { color: black;  
          border-width: 1px;
          border-style: solid;  
          border-color: #ffb100; /* 山吹き色 */
          background: beige; } 

/* ------------------------------------------------------------------ */

div.content 
        { margin : 10px 0; padding: 0;       
          clear: both; text-align: center; 
          background: #fff;  color: black;  
          border:   1px solid #fff;   }

h1
        { margin: 10px 0; padding-left: 10px; text-align:left;
          font-size:1.5em; font-weight:bold; line-height: 1.8; }

h1 span  
        { float:right; margin: 5px; display: block; 
          border: 2px ridge #ead3c6;
          white-space: nowrap;  line-height: 0.8; padding: 0; }

h1 span img
        { display: block; margin: 0; padding: 0; }

h2
        { margin: 10px 0; padding-left: 10px; text-align:left;
          font-size:1.2em; font-weight:bold; line-height: 1.8; }

h3 
        { margin: 1.5em 15px; 
          padding-left: 15px; text-align:left;
          font-size:1.1em; font-weight: bold; line-height: 1.8; }

h4
        { clear: both;  margin: 1em 1em; padding: 1px; text-align:left;  
          overflow: auto !important; overflow /**/ : hidden;
          font-size: 1em; font-weight: normal; line-height: 1.5;   
          background: #fff; color: black;                 }
/* box ---------------------------------------------------------------- */

 .wk_box
    {   display: inline-block;  float: none; 
        vertical-align: top; 
        border: 0px solid #fff; 
         }

 .wk_box.t_l
    {   text-align:left;  color: black; }
 .wk_box.t_c
    {   text-align:center;  color: black; overflow: hidden; }

 .wk_box.w300
    {  width: 300px; padding: 0 2px;  }

/* img tx ------------------------------------------------------------- */

 .left_0    { float: left;  margin: 0; margin-right: 0;                 }
 .left_5    { float: left;  margin: 0; margin-right: 5px;               }
 .left_10   { float: left;  margin: 0; margin-right: 10px;              }
 .left_10w  { float: left;  margin: 0; padding: 0 10px;                 }

 .right_0   { float: right; margin: 0; margin-left:  0;                 }
 .right_5   { float: right; margin: 0; margin-left:  5px;               }
 .right_10  { float: right; margin: 0; margin-left:  10px;              }

 
 dl.tb_00
         { margin: 0; margin-left: 50px; padding: 0; 
           float: left; text-align:left; width: 90%; }
 dl.tb_00 dt
         { margin: 0; padding: 0;   float: left;  white-space:nowrap; 
           background-color: #eee;  color:navy; text-align: center; 
           width: 8em;  margin-right: 5px;   }
 dl.tb_00 dd
         { margin: 1px; padding: 0;  /* white-space:nowrap; */        }
 
 .m_0     { margin-top: 0; margin-bottom: 0; }
 .m_top   { margin-top: 0.5em;               }
 
/* text-color -------------------------------------------------------- */

 .tx_b     { color: blue;   font-weight: normal; }
 .tx_bb    { color: blue;   font-weight: bolder; }
 .tx_r     { color: red;    font-weight: normal; }
 .tx_rb    { color: red;    font-weight: bolder; }


/* ------------------------------------------------------------------ */

a          { text-decoration:none; }
a:link     { color:black; }
a:hover    { background-color:gold; } 


div.pba      { page-break-after:always; }


/* ---------------------------------------------------------------- */
@media screen 
    {   .s_none { display: none;        }
        h6      { margin:  0; padding: 0;  width: 100%;
                  text-align: right; height: 15px; clear: both;  
                  background: url("ya_top.gif") right top no-repeat; 
                  display: block;              }
        a h6:hover    { background-color:gold; } 
    }

@media print  /* 改頁 表示なし */
    {  .p_none                  { display: none;      }
       body                     { background: #fff;   }
       #wrap,#wrapper           { border: 0; }
       div.content h1 span img  { display:    none;   }
       h6      { margin:  0; padding: 0;  width: 100%;
                 text-align: right; height: 20px; clear: both;  
                 background: url("denko.gif") right top no-repeat; }
    }

/*       { border: 1px solid red; }