@charset "utf-8";



body {
font-size:12px;
font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','メイリオ','ＭＳ Ｐゴシック', sans-serif;
}

table th{ font-size: 12px; }


table{
  width:250px
  }


table th{/*thに対して*/
  color: white;
  }

table th{
background-color:#4682b4;  /* テーブル見出しの背景色 */
text-align: center;

}

table td{
background-color:#ffffff  /* テーブルtdの背景色 */

}

table { background-image: album(back.gif); }
<!--
A:link { color: #333333; text-decoration: none; font-family: "Times New Roman,times,serif";  }
A:visited{ color: #333333; text-decoration: none; font-family: "Times New Roman,times,serif";  }
A:hover { color: #0066ff; text-decoration: none; font-family: "Times New Roman,times,serif"; }
A:active{ color: #ff0000;  text-decoration: none; font-family: "Times New Roman,times,serif";  }
a:focus { color: #ff0000; text-decoration: none; font-family: "Times New Roman,times,serif"; }
-->

<!--

  a.widelink { display: block; }

a:hover {
 position: relative;
 top: 2px;
 left: 4px;
 text-decoration: none;
 } 


 -->
.table-design th{     /* thテキストをセンター寄せ */
text-align: center;
}



table a {
   display: block;       /* リンクをブロックレベル化して表示 */
   padding: 0.2em 0.0em;   /* 内側の余白量を上下に0.2文字分＆左右に0.0文字分にする */

}
table th {/*table内のthに対して*/

  padding: 3px 30px;/*上下2pxで左右30px*/  
}
table td{
   display: block;       /* リンクをブロックレベル化して表示 */
   padding: 0.2em 0.0em;   /* 内側の余白量を上下に0.2文字分＆左右に0文字分にする */
}


table td:hover {
background-color:#e3e3e3;  /* マウスオーバー時のセルの背景色 */
}
a:focus{
background-color:#ffffff;  /* フォーカス時のリンク、セルの背景色 */
}
   div.ctable {
      text-align: center; /* IEでセンタリングさせる方法 */
   }
   div.ctable table {
      margin: auto;     /* 標準のセンタリング方法 */
      text-align: left; /* IE用方法の弊害対策用 */
   }