body {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

th {
  white-space: nowrap;
}

#head {
  background-color: #ffa500;
  margin: 0;
  padding: 5px 15px;
}

h1#title {
  text-align: center;
  clear: both;
}

.remark {
  font-size: 80%;
}

div#result {
  font-size: 80%;
  float: none;
}

.order,.amount,.amount_tmp,.food {
  border-right: 2px ridge #f0f0f0;
  border-bottom: 2px ridge #f0f0f0;
  padding: 4px 6px 2px;
}

table.rank {
  display: table;
  border-collapse: collapse;
}

table.rank th, table.rank td {
  border: 2px ridge #f0f0f0;
}

table.rank th {
  background-color: #f0f8ff;
  vertical-align: middle;
  text-align: center;
  line-height: 100%;
}


td.order {
  background-color: #f0ffe0;
  text-align: center;
}

td.amount,td.amount_tmp {
  text-align: right;
}

td.amount {
  color: black;
}

td.amount_tmp {
  color: blue;
}

td.notice {
  line-height: 110%;
  border-style: none;
}

td.notice ul {
  list-style-type: disc;
  margin: 4px 1.5em;
}