/* ./00_top/page.css */

html { font-size: 83%; line-height: 1.3 ;  /* 83.3 % */
           overflow-y: scroll; }

body 
{ margin: 2px auto; text-align: center;
    background:  url(bg_1.gif) center top; 
/*  background: #c6a86a; */
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 
  sans-serif, "ＭＳ Ｐゴシック" , " sans-serif","ＤＦＰ細丸ゴシック体"; 
}

#wrap
 { width:800px; margin:0 auto;  text-align: left; padding: 3px; 
   background: white; /* url(bg_2.gif); */  border:  1px solid maroon; }

/* HEADER ------------------------------ */

#header
 { padding: 0; margin: 0; border-bottom: 5px solid white; 
    border:  1px solid maroon; }

#header h4
 { background: #fda ; margin: 0; padding: 0;
   text-align: left; padding-left: 5px; height: 40px; 
   font-size: 1em; font-weight: normal; }

#header h4 .img
 { vertical-align: middle; 
   border: 3px solid #fda; }

#header h4 span 
 { white-space: nowrap;  float: right;  padding: 0px;  margin: 8px; 
   line-height: 0.8;  border: 2px ridge #e2cc87; }

#header h4 span img
 { margin: 0; padding: 0; display: block; }

#header h4 em
 { color: red;  margin-left: 10px; font-style: normal; font-size: 1.1em; 
  font-weight:bolder; }

/* 2021/12/01 追記  -------------------------------------- */

tt
        { color: red;  font-weight:bolder;  font-size: 1.1em; }

.tx_rb  /* これの方が文字が奇麗  */
        { color: red;  padding: 0;  font-weight: bolder; /* font-size: 1.05em;*/ }


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

#lefta
  { float:left; width: 29%; margin: 0; padding: 0;  overflow: hidden; }
 

#righta
{ float: right; width: 70%;  margin: 0; padding: 0; 
  padding-left: 3px;  border-left: 1px dashed #aaa; }


#lefta h3,
#righta h3
        {  margin: 0; margin-top: 5px; margin-bottom: 5px; 
           padding-left: 5px;
           background: #fda; color: navy; clear: both;
           font-size:1.2em; font-weight:bold; line-height: 1.3; 
           border:  1px solid maroon; }

#lefta h3 a { display: block; text-decoration: none; }


#lefta a {   display: block;   text-decoration: none; width: 50em;
             height: 1.3em; overflow: hidden;  }
      /* --  ここで幅を設定(50em)すると枠外は切れる --- */
          
          

             
a:hover
        { background-color:gold; text-decoration: underline; }

.tx_b
        { color: blue; margin-right: 5px; padding: 0; }
.tx_bb
        { color: blue; margin-right: 5px; padding: 0; font-weight: bolder; }

.tx_g
        { color: green; margin-right: 5px; padding: 0; }
.tx_gb
        { color: green; margin-right: 5px; padding: 0; font-weight: bolder; }

.tx_r
        { color: red;  margin-right: 5px; padding: 0;  }
.tx_rb
        { color: red;  margin-right: 5px; padding: 0;  font-weight: bolder; }

.tx_m
        { color: maroon;  margin-right: 5px; padding: 0; }
.tx_mb
        { color: maroon;  margin-right: 5px; padding: 0; font-weight: bolder; }


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


#righta em,
#foota em
        { font-size: 0.8em;
          font-weight: normal; font-style: normal; }

#righta dl,
#foota dl
        {  clear: both; margin: 0; padding:0;
           background: #fda; }

#righta dl dt,
#foota dl dt
        { float: left; 
          white-space: nowrap; width: 7em; font-weight:bold; 
          color:navy; text-align: center; 
          border-top: 1px solid maroon;  }/* #aaa */

#righta dl dd,
#foota dl dd  
        { margin: 0; padding: 0;  margin-left: 7em;
          background-color: #fff; 
          border-left: 5px solid #fff;  
          border-top: 1px dashed maroon; }

#righta dl dt.b_top_w, #righta dl dd.b_top_w,
#foota dl dt.b_top_w, #foota dl dd.b_top_w
        { border-top: 1px solid #fff;  }

#righta dl dd a,
#foota dl dd a
        { margin: 0; padding: 0;  margin-right: 5px;
          white-space: nowrap;  text-decoration: none; }
         

#righta dl.wht_sp0 dd a   /* 改行なしを中止 */
        { margin: 0; padding: 0;  margin-right: 5px;
          white-space: normal;  text-decoration: none; 
          line-height: 1.2;  background-color: #fff; }

#righta dl.wht_sp0 dd a:hover,
#righta a:hover
        { background-color:gold; text-decoration: underline; }


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

#foota
        { clear: both;  width: 100%;  margin: 0; padding: 0; 
          border-top: 10px solid #fff;  }


#foota h3
        {  margin: 0; margin-bottom: 5px; 
           padding-left: 5px;
           background: #fda; color: navy; clear: both;
           font-size:1.2em; font-weight:bold; line-height: 1.3; 
           border:  1px solid maroon; }

#foota h3 em
        {  font-size:0.8em;
           font-weight: normal; font-style: normal; }


#foota h3 span.count
 { white-space: nowrap;  float: right;  padding: 2px 5px 0 0 ; 
    /* line-height: 0.8; border: 2px ridge #e2cc87; */ }


#foota dl dd a:hover   { background-color:gold; text-decoration: underline; }

a         { text-decoration:none;} 
a:link    { color:black; }
a:hover   { background-color:gold; text-decoration: underline; }
a:visited { font-color:gray; }

@media print 
         {  
/*        .p_print    { display: none;      }
          #righta { width: 100%;  margin: 0; padding: 0; }
          更新記録印刷なし、右側１００％
*/
            body        { background: #fff; }
            #wrap       { border:  2px solid maroon; }
        }

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