@charset "UTF-8";

.float{
    float: right;
    margin-right: 0px;
}


body {
  background-color:#FFFFFF;
  margin: 0;
}
body{
    width: 100%;
    margin: 0;
    font-size: 18px;
}
.main{
    width: 600px;
    margin: 50px auto;
}
table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: solid 1px #778ca3;
}
table tr:nth-child(2n+1) {
    background: #e9faf9;
}
table td {
    padding: 10px;
    border-bottom: solid 1px #778ca3;
}


ul {
  display: inline;
  list-style-type: none;
}

header li {
  float: left;
  border: solid 2px #339;
  padding: 5px 8px;
  text-align: center;
}

.answer li {
  width: 180px;
  padding: 5px 8px;
  text-align: center;
  margin: 5px 12px;
}

footer {
  background-color: #CCFFCC;
    bottom: 0;
    width: 100%;
}

header{
  background-color:  #878787
}

.clear {
  clear: both;
}


button{
display:inline-block;
background:#FFFFFF;
padding:10px  50px;
text-align:center;
color:#3366FF;
margin:auto
border:2px solid;
cursor:pointer;
margin: inherit;
margin: initial;
margin: revert;
margin: unset;
vertical-align: top;
}