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

body      /* --------------------------------------------------------- */
        { margin:2px;   background: #cf9; 
          font-family: "Hiragino Kaku Gothic Pro", 
          "ＭＳ Ｐゴシック", sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
          text-align: center;  }
          
#wrap     /* --------------------------------------------------------- */
       { margin-left: auto; margin-right: auto; padding: 15px;
          width:650px; 
          text-align: center;  
          margin-bottom: 10px;
          background: #fff;  }

#header  /* --------------------------------------------------------- */
        { width: 100%;  background: #fff; }
#header1  /* --------------------------------------------------------- */
 { background: #cff url('aaa.jpg') no-repeat; }


div.nav /* --------------------------------------------------------- */
        {  clear: both;  margin: 10px 0; height: 22px;
          border-bottom: 8px solid green;  }

div.nav a, div.nav span
 { background: #cf9;
   color: black; font-size: 10.5pt;        
   text-align: center; 
   width:5em; line-height: 21px; 
   display: block; border: 1px solid green; 
   text-decoration: none; font-style: normal;
   margin: 0 2px; padding: 0; 
   overflow: hidden; }

div.nav span
 { background: green; color: white; }

div.nav a:hover 
 { background: #cff; }


#content         /* ----------------------------------------------------- */
       {  width: 100%;  margin: 10px 0; }

#content h1,
#content h2,
#content h3
        { margin: 10px 0; padding: 0.1em;  clear: both;
          font-weight:bolder; line-height: 1.5;
          text-align:left;  text-indent: 0.5em;
          border: 1px solid green; background: #cf9; 
        }

#content  h1   {  font-size: 1.5em;  }
#content  h2   {  font-size: 1.3em;  }
#content  h3   {  font-size: 1.1em; margin: 10px;  }


#content h4 /* box */
        { overflow: auto !important;  overflow /**/ : hidden;
          margin: 1em 0; padding: 0 0.5em;  text-align:left;  clear: both;
          font-size: 1em; font-weight: normal; line-height: 1.5; 
          color: black;     
        }

 .box_comt {  background: #eee;  display: block; 
               margin: 10px auto; width: 80%; 
               color: #8010f0; border: 1px solid green; 
               font-size: 1.2em; font-weight: bolder; line-height: 1.5; 
               text-align: left;  padding: 0.2em 0.5em             }

    
 .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;    }
 .tx_rb    { color: red;    font-weight: bolder; }

 .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;              }
 .right_num { float: right; padding: 7px;  }

a          { text-decoration:none;} 
#content a:hover    { background-color:gold; }  
#content a { text-decoration: none; display: block; }
#content .dply0 { display: inline; } /* 全幅を中止 */

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

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

@media screen 
    {   .s_none { display: none;        }
         h6     { margin: 10px; padding: 0;  
                  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,#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; } */