#frame {
  position:relative;
  /*width:600px;;*/
  /*height:600px;;*/
}

table {
  border-collapse: collapse;
  border: 2px groove #000060;
  /* table-layout: fixed; */
}

#LH table tr, #RH table tr {
  background-color: #cccccc;
}

td {
  border: 1px solid #000080;
  white-space: nowrap;
}

#LH {
  position:absolute; overflow:hidden;
  top:0px;  left:0px;  width:150px;  height:30px;
}

#LD {
  position:absolute; overflow:hidden;
  top:30px;  left:0px;  width:150px;  height:120px;
}

#RH {
  position:absolute; overflow:hidden;
  top:0px;  left:150px;  width:500px;  height:30px;
}

/*
 * 右下部。幅と高さは、上部、左部よりもスクロールバーの
 * 幅の分だけ大きくしておくこと(ここでは+15pxしている)
 */
#RD {
  position:absolute; overflow:scroll;
  top:30px;  left:150px;  width:515px;  height:135px;
}

.div_left  table td:nth-child(1) { min-width: 50px; }
.div_left  table td:nth-child(2) { min-width: 95px; }

.div_right table td:nth-child(1) { min-width: 40px; }
.div_right table td:nth-child(2) { min-width: 300px; }
.div_right table td:nth-child(3) { min-width: 80px; }
.div_right table td:nth-child(4) { min-width: 120px; }
.div_right table td:nth-child(5) { min-width: 120px; }
.div_right table td:nth-child(6) { min-width: 120px; }
.div_right table td:nth-child(7) { min-width: 120px; }
/* end. */