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: goldenrod; }

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

div.nav, 
h1, h2, h3
        { color: black;  
          border-width: 1px;
          border-style: solid;  
          border-color: goldenrod;
          background: beige; }

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;  padding: 0.2em 0.4em;
          margin-left:0.2em; text-decoration:none; line-height: 1;
          font-size: 10pt;  overflow:  hidden;  background: #fff; 
          border-right: 1px solid #b44; border-bottom: 1px solid #b44; }

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

div.nav a.f_r
        {  float: right; }

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 */


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

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 goldenrod;
          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;  }

 .wk_box.w300
    {  width: 300px; }

 .wk_box.w300p
    {  width: 300px; border-left: 2px solid white;}

 .wk_box.w400
    {  width: 400px; }

 .wk_box.w500
    {  width: 500px; }

 
 dl.tb_00
         { margin: 0; padding: 0; /*  margin-left: 50px; */
           float: left; text-align:left;  width: 350px;   }
 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; border-bottom: 1px solid #ccc;  }
 dl.tb_00 dd
         { margin: 1px; padding: 0;  white-space:nowrap;       }

/* table 形式  <div class=tb_cl> border あり　なし　----------------- */

 table.tb_cl        
           { margin: 1em auto; border-collapse: collapse; 
             border: 1px solid goldenrod; }
 table.tb_cl tr     
           { vertical-align: top; font-weight: normal;  }
 table.tb_cl tr th  
           { text-align: center;  font-weight: normal; padding: 0 5px;
             border: 1px solid goldenrod; }
 table.tb_cl tr td  
           { text-align: left;   vertical-align: top; padding: 0 5px;
             border: 1px solid goldenrod; }

/* 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;              }
 
 .img_ct { margin-left: auto;  margin-right: auto; vertical-align: bottom;  }
 
 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: 10px 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: 10px 0; padding: 0;  width: 100%;
                 text-align: right; height: 20px; clear: both;  
                 background: url("denko.gif") right top no-repeat; }
    }

/*       { border: 1px solid red; }