/*=====cssの文字コードはutf8====*/
/*=======body============*/
    body {
      text-align:center;   /*=== ページを中央に===*/
      margin:5px;       /*===ページ全体のmargin===*/
      padding:0px;      /*===ページ全体のpadding===*/
      font-family:Arial, Tahoma,"Times New Roman", "Meiryo UI",  "ＭＳ Ｐゴシック","MS UI Gothic" ; 
      background-color:#f0f0f0;
      }

/*========ID===========*/
   #main {
      margin-left:auto;    /*=== 中央寄せ ===*/
      margin-right:auto;   /*=== 中央寄せ ===*/
      margin-top:10px;
      margin-bottom:120px;
      text-align:left;     /*===テキストを左側表示===*/
      width:810px;      /*===幅を決定===*/
      }

/*===ID による設定はclassによる設定とほとんど同じ方法。
IDでは、名称の前に「#」
classでは、名称の前に「.」（ピリオド）
（IDの例）[div id="main"]
（classの例）[span class="link1"]
ただし、ID は、１つの HTML 文書内（ページ）では１回しか使ってはいけないという決まりがある===*/

/*========タイトル===========*/
    h1 { margin:0;  font-size: 14pt; color:#E0FFFF; LINE-HEIGHT: 160%; text-align:center; 
    background-color: blue;  border:#81BEF7 2px solid;
    background-image: url(img/grad-navy.gif); }   
    /*===   画像グラデーションを背景
    行間を狭くするためにマージンをゼロ    ===*/
    h2 { margin:0; font-size: 11pt; FONT-WEIGHT: NORMAL; LINE-HEIGHT: 150%;text-align:center;
     background-color:#eefaff;color:;}
    h3 { margin:0; font-size:11.5pt; color: black; line-height:135%; text-align:center; }

    

/*========各項目タイトル（class）===========*/
   .TITLE1 { background-color: #F5D0A9; background-image:url(img/grad-red.gif); }
   .TITLE2 { background-color: #BEF781; background-image:url(img/grad-green.gif);}
   .TITLE3 { background-color: #c4daff; background-image:url(img/grad-yellow.gif);}
   .news { margin:0; font-size: 11pt; FONT-WEIGHT: NORMAL; LINE-HEIGHT: 150%;text-align:center;
     background-color:#eefaff;color:;}
   .color1 { color:green; BACKGROUND-COLOR:; padding:0px; font-weight:bold; font-size:11pt;}

/*======フォントのclass============*/
     .red60 {font-size: 60%;color:red; } 
     .red70 {font-size: 70%;color:red; } 
     .red80 {font-size: 80%;color:red; } 
     .red90 {font-size: 90%;color:red; } 
     .size70 {font-size: 70%; } 
     .size75 {font-size: 75%; } 
     .size80 {font-size: 80%;} 
     .size85 {font-size: 85%;} 
     .size90 {font-size: 90%;} 
     .size95 {font-size: 95%;} 
     .normal {font-size: 9pt; FONT-WEIGHT: NORMAL; color:#424242; line-height: 120%; }
     .msuig {font-family: "MS UI Gothic"}
     
/*======区切り線のclass===========
行幅20%の行間に灰色点線の区切り線。 記入は、
[span class="lineh20"] (点線を記入)[span] [br]
=======*/
     .lineh20 { line-height:20%;color:gray;}


/*=======テーブル============*/
    td { font-size: 11pt;  line-height: 132%; vertical-align:top; text-align:left; background-color: white; padding:0px; margin:0px; }

/*=======リンク============*/
    a { text-decoration: none; }  /*===下線等削除===*/
    a:hover { text-decoration: underline; background-color: #ffcccc;}  /*===マウスON===*/
    a:link { color: #0000CD; }  /*===未訪問===*/
    a:visited {color: #0000CD;}   /*===訪問済===*/ 
    
    span.linknews {background-color:; border-bottom:solid 1px red; }  /*===ニュース===赤線*/ 

/*=======テーブル内のリンクの文字位置=====
linkのデータ領域は下記の2つのdivで書式を設定=====*/
    div{}   
      .sec1{text-indent:-5pt; padding-left: 8pt;}     /*===indentとpaddingで左空白。見出しあるとき===*/
      .sec2{text-indent:0pt; padding-left: 3pt;}      /*===indentとpaddingで左空白。見出し無いとき===*/