*{
  text-align: center;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}

div.main{
  width: 1000px;
  margin: auto;
}

img.input{
  width: 120px;
  padding: 10px;
}

img.result{
  width: 60px;
  padding: 0;
}

div.inputArea{
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  width: 600px;
  background-color: #dddddd;
  border: solid 7px gray;
  border-radius: 30px;
}

div#message{
  font-size: 35px;
  font-weight: bold;
}

a{
  font-size: 35px;
  font-weight: bold;
}

div.buttonArea{
  margin: auto;
  padding: 30px;
  width: 750px;
  background-color: #dddddd;
  border: solid 7px gray;
  border-radius: 30px;
}

div.tableArea{
  margin: 50px auto;
  width: 500px;
}

img.button{
  width: 100px;
  padding: 10px;
}

img.buttonB{
  margin: 0 15px;
  width: 150px;
  padding: 10px;
}

img.buttonB{
  width: 150px;
  padding: 10px;
}

img.buttonS{
  margin-top: 10px;
  width: 50px;
}

table.table{
  margin: 20px auto;
  padding: 0 auto;
  border-collapse: collapse;
}

table.table th{
  border: solid 2px darkgray;
  height: 60px;
  color: white;
  background-color: black;
  font-size: 25px;
}

table.table td{
  border: solid 2px darkgray;
  height: 60px;
  color: black;
  background-color: #dddddd;
  font-size: 25px;
}

table.table th:nth-of-type(1){
  width: 300px;
}

table.table th:nth-of-type(2){
  width: 150px;
}

table.table th:nth-of-type(3){
  width: 150px;
}