@charset "UTF-8";

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


body {
  background-image:url("BusLar/figs/121212.png");
  margin: 0;
}

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: #66CCFF;
    position: absolute;
    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;
}


.for-pc {display:block; }
.for-sp {display:none; }

@media only screen and (max-width :1000px){
  .for-pc {display:none; }
  .for-sp {display:block; }