@charset 'utf-8';

* {
  box-sizing: border-box;
}

body {
 font-family: monospace;
}

#shuzoku, #seikaku {
  margin-bottom: 20px;
}

input[type="number"] {
 width: 4em;
}

table {
 border-collapse: collapse;
}

thead {
 font-size: 8pt;
}

#status tbody {
 font-size: 10pt;
}

#seikaku td {
 padding: 2px 5px;
}

#status tbody {
 font-size: 9pt;
}

#status td {
 text-align: right;
 padding: 2px 5px;
}

tbody tr:nth-child(odd) {
 background-color: rgb(242, 238, 243);
}

.selected {
 border: 3px solid #f00;
}

.up {
 color: #f00;
}

.down {
 color: #00f;
}

#status tbody tr:nth-child(odd) .up {
 background-color: #fee;
}

#status tbody tr:nth-child(odd) .down {
 background-color: #eef;
}

#status tbody tr:hover,
#status tbody tr:hover .up,
#status tbody tr:hover .down {
 background-color: #ff0;
}