@charset "utf-8";
<style type="text/css">
 /* --- テーブル全体のスタイル指定 --------------- */
.tableArea {
  font-family: "メイリオ","ＭＳ 明朝",serif;
  margin: 20px auto;            /* 自動位置   */
  border-collapse: collapse;         /* 境界線結合 */
  border-spacing : 0;                /* 罫線間余白 */
  font-size      : 12pt;               /* 文字サイズ */
  background     : #ffffff;          /* テーブル全体の背景色 */
  text-align    : center;
  table-layout: fixed; 
  width: 950px;
  height: 420px;
  
  
}
.tableArea h1{
   margin: 20px auto; 
}
	
 /* --- ヘッダーのスタイル指定 ------------------- */
.tableArea th {
  text-align    : center;            /* 文字位置  */
  padding       : 5px;               /* 余白      */
  border        : 1px #666666 solid; /* 罫線      */
  background    : #cccccc;           /* 背景色    */
}
 /* --- 明細のスタイル指定 ----------------------- */
.tableArea td {
  padding       : 5px;               /* 余白      */
  border        : 1px #666666 solid; /* 罫線      */
  cursor        : pointer;           /* カーソル  */
}
 /* --- 明細のｎ行にカーソルが乗ったとき ---------- */
.tableArea tr:hover {
  background    : #acf2ac !important;           /* 背景色    */
}
 /* --- セルにカーソルが乗ったとき --------------- */
.tableArea td:hover {
  background    : #ff7f50 !important;           /* 背景色    */
  color         : #ffffff !important;           /* 文字色    */
}
</style>