@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;

}
header{
  color: #fff;
}
#main{
  /*text-align: center;*/
  margin: 0 auto 0 auto;
  border: 1px solid #fff;
  background-color: #fff;
  background-image: url(back-yama02.JPG);
  background-repeat:no-repeat;
  background-position:right bottom;
  background-attachment:fixed}
}
#main p{
  color: #fff;
  text-align: left;
  font-size: 14.5px;
}
footer 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;
}
img{
  border: 1px solid #000;
}
p{
  margin: 10px;
}
a:hover{
  border-bottom-style: solid;
}
h1{
  font-size: 14.5px;
  padding-left: 5px;
  border-left: 10px solid #5F9723;
  border-bottom: 1px solid #5F9723;
}
              /*  画像サイズを変更 */
header p.resizeimage{
  max-width: 600px;
  main-width:240px;
}
p.resizeimage {
  max-width: 567px; /*　最大幅 */
  min-width: 240px; /*　最小幅 */
}

p.resizeimage img{
  width: 100%;
  height: auto;
}
footer{
  background-image: url(../bg00.JPG);
  text-align: center;
  color: #000;
  font-size: 14.5px;
  padding-top: 10px;
  padding-bottom: 3px;

  /*border: 1px solid #fff;*/
}