/* ----- スクロールテーブル ----- */
div.ScrollHead {		/* タイトル部分（スクロールしない） */
  overflow: hidden;
  width: 100%;
}
div.ScrollBody {		/* データ部分（スクロールする） */
  overflow: auto;		/* Mozilla */
  overflow-y: auto;	/* IE */
  height: 500px;
  width: 100%;
}
div.ScrollHead table,
div.ScrollBody table {		/* スクロールテーブルはセルのボーダーを重ねる */
  border-collapse:collapse;
  table-layout: fixed;
}

div.ScrollHead table thead th, 	/* タイトル部分のヘッド */
div.ScrollHead table thead td, 	/* タイトル部分のヘッド */
div.ScrollBody table tbody td {	/* データ部分のボディ */
  border: solid 1px gray;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.ScrollBody table thead th,	/* データ部分のヘッド */
div.ScrollBody table thead td {	/* データ部分のヘッド */
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  border-top: hidden;
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
div.ScrollHead table thead td.spacer { 	/* タイトル部分下のスペース */
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  border-bottom: none;
  padding-top: 0px;
  background-color:transparent;
}