@media print {
  .tool {
    display: none;
  }
  .rule_book, #rule_book_div {
    font-size: 0;
  }
  form * {
    display: none;
    visibility: hidden;
  }
  input[type=checkbox] {
    display: none;
    visibility: hidden;
  }
  .hyo * {
    display: none;
    visibility: hidden;
  }
  .hi_score * {
    display: none;
    visibility: hidden;
  }
  .rule_tit {
    display: none;
    visibility: hidden;
  }
  #timer {
    font-size: 0;
  }
  #mokuhyo {
    display: none;
  }
}

table.board {
  margin: auto;
  border-collapse: collapse;
  background-color: white;
}

.board tbody {
  border: 3px solid black;
}

.board th {
  font-size: 15px;
  border: 0px;
  padding: 0px;
}

.board thead {
  border: 0px;
}

#game_id {
  cursor: pointer;/*context-menu;*/
}

#title_bar, #timer {
  cursor: pointer;
}


.board td {
  width:  48px;
  height: 48px;
  text-align: center;
  font-family: Verdana;
  font-size: 29px;
  color: black; /* midnightblue; */
  border: 1px dashed black;
  cursor: default;
  background-color: white;
}

.board td.cur_num {
  background-color: linen;
}

.board td.ng_num {
  color: crimson;
}

.board td.hint {
  font-size: 27px;
  font-family: Verdana;
  color: black;
  cursor: not-allowed;
}

.board td.yoko {
  border-right: 2px solid black;
}

.board tr.shita {
  border-bottom: 2px solid black;
}


table.tool {
  margin: auto;
}

.tool td {
  width:  38px;
  height: 38px;
  text-align: center;
  font-size: 25px;
  font-family: Verdana;
  color: silver;
  border: 2px solid silver;
  cursor: pointer;
}

td.tool_sel  {
  color: black;
  border: 2px solid black;
  cursor: not-allowed;
}

td.tool_fill {
  background-color: #eee;
}

div.rule_tit {
  font-family: Arial;
  font-weight: bold;
  margin: auto;
  font-size: 16;
  width: 450px;
  cursor: pointer;
}

div.rule_book {
  font-family: Arial;
  margin: auto;
  padding-top:    0em;
  padding-bottom: 3em;
  font-size: 13px;
  width: 450px;
  display: none;
}

table.hyo {
  margin: auto;
  border-collapse: collapse;
  background-color: white;
}

.hyo td {
  border: 1px solid black;
  text-align: center;
  padding: 1px 8px 1px 8px;
}


div.hi_score {
  padding-top: 20px;
  padding-bottom: 20px;
  margin: auto;
  text-align: center;
  width: 450px;
}

.hi_score button {
  margin: 15px;
  font-size: 10px;
}

.hi_score table {
  margin: auto;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid black;
}

.hi_score td {
  padding-left:  8px;
  padding-right: 8px;
  padding-top:    4px;
  padding-bottom: 4px;
  border: 1px solid black;
  font-size: 12px;
}

.hi_score tr:nth-child(even) td {
  background-color: #eee;
}

.hi_score th {
  padding-left:  8px;
  padding-right: 8px;
  padding-top:    4px;
  padding-bottom: 4px;
  border: 1px solid black;
  font-size: 12px;
  background-color: #444;
  color: white;
}

.tb_th {
  background-color: #444;
  color: white;
  font-weight: bold;
}

.add_pt {
  text-align: right;
}

.add_pt::after {
  content: 'pt';
}

#mokuhyo {
  margin: auto;
  width: 480px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

.cheat_dialog {
  margin: auto;
  width: 400;
}

.cheat_dialog table {
  margin: auto;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid black;
}

.cheat_dialog td {
  margin: auto;
  width:  40px;
  height: 40px;
  font-family: Verdana;
  font-size: 30px;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid black;
}

.this_is_cheat {
  color: red;
  font-weight: bold;
}

.cheat_gray {
  background-color: #eee;
}