/*  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: #ffd; }

#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: #b44; 
          text-align: center; }


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

div.nav a, div.nav span
        { float: left; display; inline; background-color: #fff;  
          margin-right: 1em; padding: 3px 5px;
          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-right: 3em; }

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

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

div.nav 
        { color: black;  
          border-width: 1px;
          border-style: solid;  
          border-color: #b44;
          background: #ffd; } 

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

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

 .wk_title /* 枠が2重に */
        { margin:10px 0; padding: 5px 10px; clear: both;
          color: black;  text-align: left;  }

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

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

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

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

 h3  /* 枠なし　左右短い  */
        { margin: 10px 15px; 
          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;  }

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

h1,h2,h3
        { color: black;  
          border-color: #b44;
          background: #ffc; } 

 .wk_title /* 枠が2重に */
        { border: 1px solid  #b44;
          background:   #ffc; }

/* -------------------------------------------------------------------- */
/*  共通の細目・設定項目                                                */
/* -------------------------------------------------------------------- */

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

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

  img       { margin-top: 10px; }

 .left_10w  { float: left;  margin: 0; padding: 0 10px;                 }
 .right_10  { float: right; margin: 0; margin-left:  10px;              }

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


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

 .tx_left   { clear: both; 
              float: left;   margin: 0; width: 49%; text-align: left;   }
 .tx_right  { float: right;  margin: 0; width: 49%; text-align: left;   }

/* wk  center  -------------------------------------------------------- */

 .wk_left   { clear: both; 
              float: left;   margin: 0; width: 49%; text-align: center; }
 .wk_right  { float: right;  margin: 0; width: 49%; text-align: center; }


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

 dl.tb_00
        { margin-left: 50px; padding: 0; float: left;  text-align:left; }
 dl.tb_00 dt
         { margin: 0 5px;  padding: 0;  float: left;  width: 6em;  
           text-align: center;  color:navy;    white-space:nowrap; 
           background-color: #eee;  border-bottom: 1px solid #aaa;  }
 dl.tb_00 dd
         { margin: 1px; padding: 0;   white-space:nowrap;   }
 dl.tb_00 dt.bdr3f
         {  border-bottom: 1px solid #fff;  }

 .m_0      { margin-top: 0; margin-bottom: 0; }

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

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

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