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

body      
    {   margin:2px;    background: #ff8;   
        text-align: center;   line-height: 1.5; 
        font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 
        sans-serif,"ＭＳ Ｐゴシック";
        text-align: center;      }
         /* フォントは、この指定が正解 最後がＰゴシック */

#wrap, #wraper 
 { margin-left: auto; margin-right: auto; width:650px;
   background: #ffffff;  color: black;   padding: 20px 25px;
   text-align: center;
   border-left:   2px solid  #a4a;  border-top:    2px solid  #a4a; 
   border-right:  5px double #a4a;  border-bottom: 5px double #a4a;  }

#wraper { margin-top: 20px; }


div.nav /* --------------------------------------------------------- */
    {   margin: 10px auto;   padding: 10px 80px; clear: both; 
        border:  1px solid #a4a; overflow: hidden;   
        background: #ffa; color: black;  }

div.nav a, div.nav span, div.nav a.m_r
    {   margin-right: 20px; padding: 0 10px; /* width: 8em; */
        display: inline;  float: left;
        background: #cf9;  color: black;  
        font-size: 9pt;  text-align: center; line-height: 1.5;
        text-decoration: none; font-style: normal; 
        overflow: hidden; 
        border-right: 1px solid #555; border-bottom: 1px solid #555;  }

div.nav span
    {   font-style: normal; 
        background: gold; color: black;   }

div.nav a.m_r
    {   font-style: normal; float: right;
        margin-right: 0; }

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

div.content  /* ---------------------------------------------------- */
 {  margin : 10px 0;  padding: 0;    clear: both; text-align: center; 
    background: #ffffff;  color: black;  
    border-left:   0px solid #aaaaaa;  border-top:    1px solid #fff; 
    border-right:  0px solid #555555;  border-bottom: 1px solid #fff; }

 h1
 { margin: 10px 0; padding-left: 1em; text-align:left; clear: both;
   font-size:1.5em; font-weight:bold; line-height: 50px;
   background: #ffe url(r_650.jpg) no-repeat center top; color: black; 
 }

 h1 span
{ float:right; margin: 12px; display: block; border: 2px ridge #ead3c6;
  white-space: nowrap;  }

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

 h2
 { margin: 10px 0; padding-left: 1em; text-align:left; white-space: nowrap; 
   font-size:1.2em; font-weight:bold; line-height: 1.8; clear: both;
   background: #ffe; color: black;  border: 1px solid #c3c; }
 h4
 {  margin: 10px; padding: 0;  text-align:left; 
    font-size: 1em; font-weight: normal; line-height: 1.4;    
    background: #fff; color: black;  }

 tt
 { float: right; text-align: right; margin: 0; padding: 0; 
   font-size: 1em; font-weight: normal; line-height: 1.4;               }

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

 .note     { padding-left: 1em; }
 .bx_sl    { margin-left: 100px;  text-align: left; }
 .box_90   { margin: 0 auto; width: 95%; }

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

 table.tb_11
 { margin:  0 auto; padding: 0;  clear: both;
   font-size: 1em; font-weight: normal;        
   border-collapse: collapse; border: 1px solid #c3c;     }

 table.tb_11 tr td
 { border: 1px solid #c3c;  padding: 0 5px; font-weight: normal; 
   text-align: left; }

 table.tb_11 tr th
 { border: 1px solid #c3c;  padding: 0 5px; font-weight: normal; 
   text-align: center; }

 .tb_line { line-height: 2.2; }
 .tb_lina { line-height: 1; }

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

 .wk_box
        { margin: 10px 0;  margin-left: 10px;   padding: 0; float:left;
          overflow: auto !important; overflow /**/ : hidden;  
          border-left: 1px solid #c3c; clear: both; }

 .wk_box dl
        { margin: 0;  padding: 0; 
          width: 153px; height: 300px;  float: left; 
          border-bottom: 1px solid #c3c;  border-right: 1px solid #c3c;  
          font-size: 0.85em;  line-height: 1.2;                     }

 .wk_box dl dt
        { margin: 0; padding: 0; text-align: center         }

 .wk_box dl dt.t_border
        { border-top: 1px solid #c3c;  }

 .wk_box dl h4
        { border: 2px dotted #c3c; margin: 15px 7px;  padding: 2px;
          font-size: 1.2em; font-weight: bolder;  text-align: center;    }

 .wk_box dl dt img
        { border: 0px solid skyblue; vertical-align: bottom; margin: 10px 0; }

 .wk_box dl dd
        { margin: 0; padding: 0; padding-left: 10px;
          border: 0px solid orange;  text-align: left; }

 .clear_both     { clear: both; }
/* ------------------------------------------------------------------ */

 .tx_b     { color: blue;   font-weight: normal; }
 .tx_b     { color: blue;   }
 .tx_bb    { color: blue;   font-weight: bolder; }
 .tx_g     { color: green;  font-weight: bolder; }
 .tx_m     { color: maroon; font-weight: bolder; }
 .tx_p     { color: purple; font-weight: bolder; }
 .tx_r     { color: red;    font-weight: bolder; }

a:hover    { background-color:gold;  display: block; }
div.pba      { page-break-after:always; }

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

@media screen 
    {   .s_none { display: none;        }
        tt      { display: none; }
        h5      { 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; }
    }

@media print  /* 改頁 表示なし */
    {  .p_none                  { display: none;      }
       body                     { background: #fff;   }
       #wrap,#wraper            { border: 0; margin: 0 auto; 
                                  padding: 0; 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("youji.gif") right top no-repeat; }
    }

/*   {  border: 1px solid red;  }  */