@charset "UTF-8";
/*
@media screen and (max-width: 480px);
@media screen and (min-width: 480px) and ( max-width:1024px);
*/
body{
  background-color: #000;
  /*width: 680px;*/
  width:auto;
  margin: 0 auto 0 auto;
  padding: 10px;
  border: 1px solid #fff;

}
#main{
  text-align: center;
  margin: 0 auto 0 auto;
  border: 1px solid #fff;
}
#main p{
  color: #fff;
  text-align: left;
  font-size: 14.5px;
}
header{
  width: auto;
  font-size: 14.5px;
  padding: 10px;
  /*background: rgba(87, 87, 87, 0.6);*/
  /*border: 1px solid #fff;*/
  margin-bottom: 10px;
  color: #fff;
}
a{
  text-align: center;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 5px 5px 5px;
  border-bottom:1.5px dotted #FF4500;
  color: #fff;
}
p{
  margin: 10px;
}
a:hover{
  border-bottom-style: solid;
}
              /*  画像サイズを変更 */
p.resizeimage {
  max-width: 560px; /*　最大幅 */
  min-width: 240px; /*　最小幅 */
}
p.resizeimage img{
  width: 100%;
  height: auto;
}
h3{
  font-size: 16px;
  padding-left: 0.5em;
  border-left: 8px solid #FF4F02;
  border-bottom: 1px solid #FF4F02;
  color: #fff;
}
footer{
  background-image: url(bg00.jpg);
  text-align: center;
  color: #000;
  font-size: 14.5px;
  padding-top: 10px;
  /*border: 1px solid #fff;*/
}