td.rankA{background-color: #f00;}
td.rankB{background-color: #ff0;}
td.rankC{background-color: #bdf;}
.legendA{display: inline-block; margin:0 2px; width: 3rem; text-align: center; background-color: #f00; color: #fff;}
.legendB{display: inline-block; margin:0 2px; width: 3rem; text-align: center; background-color: #ff0;}
.legendC{display: inline-block; margin:0 2px; width: 3rem; text-align: center; background-color: #bdf;}