.mokuji{
  margin:0 auto;
 width: 900px;
  border: solid 1px #000;
  font-size:1.3em;
  text-align: center;
}
table {
  border-collapse: collapse;
  border: solid 1px #000;
} 
td.uta{
  width:200px;
  border: solid 1px #000;
font-size:48px;
}
td.utao{
  width:150px;
  background-color: #fffacd;
  border: solid 1px #000;
text-decoration: none;
}
td.uta1{
  width:400px;
  background-color: #c1ffff;
  border: solid 1px #000;
font-size:48px;
text-decoration: none;  
}
td.uta12{

  background-color: #ffffff;
  border: solid 1px #000;
font-size:48px;
text-decoration: none;  
}
td.uta2{
  width:400px;
  background-color: #f5deb3;
  border: solid 1px #000;
font-size:48px;
text-decoration: none;
}
td.no{
  text-align: right;
  width:50px;
  border: solid 1px #000;
font-size:48px;
text-decoration: none;
}
td.no2{
  text-align: center;
  width:50px;
  background-color: #ffff84;
  border: solid 1px #000;
font-size:48px;
}
td.space{
  width: 10px
}

}
table th, table td {
  border: solid 1px black;
font-size:48px;
  /*実線  黒*/
}
th{
background-color: #eee;
font-size:48px;
}
.head{
  border: solid 1px #000;
  width:220px;
  text-align: center;
font-size:48px;
}
.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
a{
text-decoration: none;
}