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

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

body
        { margin: 2px; 
          font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro", 
          sans-serif; "‚l‚r ‚oƒSƒVƒbƒN";
          text-align: center;  background: #f8f8f8; }

#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: #888; 
          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 #888; border-bottom: 1px solid #888;  }

div.nav a.m_r
        {   margin-right: 5em; }

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: #888;
          background: #f8f8f8; } 

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


/* ------------------------------------------------------------------ */
/* div.content_s �F ˜g‚P�d�Adiv.content_w �F ˜g‚Q�d                   */
/* ------------------------------------------------------------------ */
div.content_s, 
div.content_w
        { margin : 10px 0; padding: 0;       
          clear: both; text-align: center; 
          background: #fff;  color: black;  
          border:   1px solid #fff;   }

div.content_w .wk_title /* ˜g‚ª2�d‚É */
        { margin:10px 0; padding: 5px 10px; 
          color: black;  text-align: left;  
          border-width:   1px; 
          border-style:   solid;  }

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

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

div.content_s h1 span img,
div.content_w h1 span img
        { display: block; margin: 0; padding: 0; }

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

div.content_s h1
        { margin: 10px 0; padding-left: 10px; text-align:left;
          font-size:1.3em; font-weight:bold; line-height: 2; 
          color: black;  
          border-width: 1px;
          border-style: solid;  }

div.content_s h2
        { margin: 10px 0; padding-left: 10px; text-align:left;
          font-size:1.2em; font-weight:bold; line-height: 1.8; 
          color: black;  
          border-width: 1px;
          border-style: solid;  }

div.content_s h3, 
div.content_w h3  /* ˜g‚È‚µ�@�¶‰E’Z‚¢  */
        { margin: 10px 15px; 
          padding-left: 15px; text-align:left;
          font-size:1.1em; font-weight: normal; line-height: 2; 
          color: black;  
          border-width: 1px;
          border-style: solid;  }

div.content_w .wk_title
        { border-color: #888;
          background:   #f4f4f4  }

div.content_w h1, div.content_w h2, div.content_w h3,
div.content_s h1, div.content_s h2, div.content_s h3,
 .tx_box
        { border-color: #888;
          background: #f8f8f8;    }

/* -------------------------------------------------------------------- */
/*  ‹¤’Ê‚Ì�×–Ú�E�Ý’è�€–Ú                                                */
/* -------------------------------------------------------------------- */

 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; } /* ‘S•�‚𒆎~ */
 .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; }


/* 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: 295px;   padding: 0 2px;   }

 .wk_box.w400
    {  width: 400px; }

 .wk_box.w500
    {  width: 500px; }



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