/*  css_grn_w.css   -------------------------------------------- */

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: #fda; }

#wrap, #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: #fa0; 
          text-align: center; }


/* ================================================================== */
/* NAV    ____                                  __  __  __  __  __    */
/*       |home|                                |p1||p2||p3||p4||p5|   */
/*       ----------------------------------------------------------   */
/*       float:left;                            text-align: right;    */
/* ================================================================== */



div.nav /* --------------------------------------------------------- */
    {   clear: both;  font-weight: bolder; text-align: right;
        margin-top: 10px; margin-bottom: 10px; 
        border-bottom: 10px solid #fa0; }

div.nav a
    {   margin-left: 0.2em;  display: inline;   background: #fec;  
        color: black;  font-size: 10pt;  text-decoration: none;  
        line-height: 1em;  padding: 0 2px; 
        border-left: 1px solid #fa0; 
        border-top:  1px solid #fa0; 
        border-right: 1px solid #fa0; }

div.nav a.f_left
    {   float: left;   margin-left: 0; 
        line-height: 1.5em;  padding: 0 2px; }

div.nav a:hover  { background-color: gold; color: black;} 

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


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

div.content
        { margin: 20px 0;    text-align: center; }

 .wk_title /* 枠が2重に */
        { margin:10px 0; padding: 5px 10px; clear: both;
          color: black;  text-align: left;  
          border:   1px solid #fa0;
          background:   #fec; }

 h1
        { margin: 0; padding-left: 10px; text-align:left;
          font-size:1.3em; font-weight:bold; line-height: 1.5; 
          color: black;  clear: both;
          border-left-width: 12px;
          border-left-style: solid;  border-color: #fa0;
          background: #fec; }

 h1 span
        { float:right; margin-top: 2px; display: block; }

 h2
        { margin: 0; padding-left: 10px; text-align:left;
          font-size:1.2em; font-weight:bold; line-height: 1.4; 
          color: black;  clear: both;
          border-left-width: 6px;
          border-left-style: solid;  border-color: #fa0;
          background: #fec; }

 h3  /* 枠なし　左右短い  */
        { margin: 10px 5px; 
          padding-left: 15px; text-align:left;
          font-size:1.1em; font-weight: normal; line-height: 1.5; 
          color: black;  clear: both;
          border-width: 1px;
          border-style: solid;  border-color: #fa0;
          background: #fec; }

 p  { margin: 0; padding: 0; margin-top: 1em; }


/*  img {vertical-align: bottom; margin-top: 0.5em; } */
/* -------------------------------------------------------------------- */
/*  共通の細目・設定項目                                                */
/* -------------------------------------------------------------------- */

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

 .dply0 { display: inline; } /* 全幅を中止 */
 .m_0   { margin-top: 0; margin-bottom: 0; }
 .m_05  { margin-top: 0.5em; margin-bottom: 0.5em; }

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

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

 .tx_box    { clear: both; margin: 0 8em; text-align: left;  
              padding-top: 0.5em; padding-bottom: 1.5em; }

/* text-color -------------------------------------------------------- */

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


/* dl dt 横並び   --------------------------------------------------  */

 dl.tb_00
         { margin: 0; padding: 0; float: left; text-align:left; width: 98%; }
 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; */        }

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

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

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


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

@media screen 
    {   .s_none { display: none;               }
        a 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; } */