body{
  font-size: 16px;
  font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color:#333;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.clear{
  clear:both;
}

#header{
  padding: 15px 0;
}

#header img{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

#main h1{
  text-align: center;
}

#main h2{
  background-color: #0971B8;
  border-radius: 5px;
  color: #fff;
  padding: 15px 10px;
  font-size: 20px;
}

.confirm{
  text-align: center;
}

.error{
  margin-bottom: 20px;
}

#footer{
  margin-top: 50px;
}

#footer ul{
  list-style: none;
  margin: 0; padding: 0;
}

#footer ul li{
  float: left;
  padding: 5px 10px;
}

#footer ul li a:link,
#footer ul li a:visited{
  text-decoration: underline;
}

#footer ul li a:hover,
#footer ul li a:active{
  text-decoration: none;
}

#footer .copyrights{
    background-color: #0971B8;
	color: #ffffff;
	text-align:center;
	margin-top: 20px;
	padding: 15px 10px 10px 10px;
}

@media screen and (max-width: 767px){
    .right{
        max-width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 768px) {
    

    
  #footer ul{
    text-align: center;
  }

  #footer ul li{
    float: none;
    display: inline;
  }
}

@media screen and (min-width : 1280px){
    .right{
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
        width: 300px;
    }    

}