body{
  background: #d3d3d3;
  font-size: 15px;
  font-family: Arial, sans-serif;
}

.set_color{
  display:inline-block;
}
.clear{
  clear:both;
}
.container{
  padding:20px;
  width:950px;
  margin:auto;
  background: white;
  border-radius: 10px; 
}
.footer{
  width:950px;
  margin: 50px auto;
  bottom: 0;
  height :50px
}

#mgc,
#oku,
#kata,
#nensu,
#hihukunensu,
#inp_huho,
#inp_hihuku,
#inp_kiken, 
#inp_hihukuzai
{
  font-size:16px;
  color:black;
  box-sizing: border-box;
  padding:5px;
  border-radius: 10px;
  border:1px;
  margin: 5px;
  width:85px;
  border: solid;
  border-color: #094;
}
#inp_huho,
#nensu,
#hihukunensu,
#inp_hihuku ,#inp_kiken 
{
  width:70px;
}
#inp_hihukuzai{
  width:220px;
}
#btn{
  cursor:pointer;
  display:inline-block;
  box-sizing:border-box;
  width:80px;
  height:40px;
  padding:10px;
  background: #3897fd;
  border-radius:10px;
  font-size:16px;
  text-align:center;
  color: #fff;
}
.input-area{
  font-size:10;
  margin-bottom:10px;
}
.result-area{
  font-size:0;
  font-size:20px;
}

table.aaa {
  border-collapse: collapse;
  border-spacing: 1;
  border-radius: 10px;
  border: 2px  solid;
}

table.aaa td{
  padding:5px 15px;
  border:2px  solid;
  background:white;
}
table.aaa th{
  background:#CCFFCC;
  border:2px  solid;
}

.top2{
  position: relative;
  padding: 0.5rem;
  border-bottom: 6px solid #094;
  font-size:18px;
  font-weight: bold;
  text-align:left;
  color:green;
}
.top2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #00cc5b;
}
#top{
  margin-top:10px;
  display:inline-block;
  box-sizing:border-box;
  width:950px;
  height:50px;
  padding-top:7px;
  background:  green;
  border-radius:10px;
  font-size:24px;
  text-align:center;
  color:#fdfdfd;
  letter-spacing: 14px;
}