@charset "UTF-8";
@media screen and (max-width: 480px);
@media screen and (min-width: 480px) and ( max-width:1024px);

body{
  background-image: url(bg-top1.jpg);
  background-position: center;
  background-attachment: fixed;
  background-repeat:no-repeat;
  margin: 50px auto 0 auto;
  width: 800px;
  height: 800px;
  background-color: #000;
  color: #fff;
  /*border: 1px solid #fff;*/
}
#main{
  width: 750px;
  height: 800px;
  margin: 0 auto 0 auto;
  /*border: 1px solid #fff;*/
}
h3{
  float: left;

}
img{
  overflow: hidden;
  margin: 10px 5px 0 50px;
}
#main p{
  color: #fff;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
}
#sec{
  width: 400px;
  height: 700px;
  /*border: 1px solid #fff;*/
  float: left;
}
#sec01-0{
  width: 320px;
  margin-top: 10px;
  padding: 1px 0 2px 10px;
  background: rgba(248, 248, 255, 0.5);
  border: 1px solid #696969;
}
#sec01-1{
  width: 320px;
  margin-top: 10px;
  padding: 1px 0 2px 10px;
  background: rgba(248, 248, 255, 0.5);
  border: 1px solid #696969;
}
#sec01-2{
  width: 320px;
  margin-top: 10px;
  padding: 1px 0 2px 10px;
  background: rgba(248, 248, 255, 0.5);
  border: 1px solid #696969;
}
#sec01-3{
  width: 320px;
  margin-top: 10px;
  padding: 1px 0 2px 10px;
  background: rgba(248, 248, 255, 0.5);
  border: 1px solid #696969;
}
#sec01-4{
  width: 320px;
  margin-top: 10px;
  padding: 1px 0 2px 10px;
  background: rgba(248, 248, 255, 0.5);
  border: 1px solid #696969;

}
                  /* 更新履歴 */
#sec1{
  float: right;
  width: 320px;
  height: 400px;
  /*border: 3px solid #FF0000;/*赤*/
  /*overflow: hidden;*/
}
#sec1 ul{
  list-style-type: none;
  width: 280px;
  height: 350px;
  margin: 10px auto 0 auto;
  /*border: 1px solid #00FF00;/*緑*/
}
#sec1 ul p{
  margin: 10px auto 3px auto;
  /*border: 1px solid #0000FF;/*青*/
  text-align: center;
  color: #FFD700;
}
ul li{
  font-size: 14px;
  height: 35px;
  background: rgba(248, 248, 255, 0.5);
  padding: 5px 5px 0 10px;
  /*border: 1px solid #fff;*/
  color: #000;
}
              /* 管理人からの挨拶 */
#sec2{
  overflow: hidden;
  width: 750px;
  height: 60px;
  /*border: 1px solid #00FFFF;*/
}
#sec2 h3{
  /*border: 1px solid #fff;*/
}

a{
  text-decoration: none;
  border-bottom: 1px dotted #FF0066;
  color: #F5F5F5;
  font-size: 14.5px;
  background: rgba(51, 51, 0, 0.7);
  padding: 5px 15px;
}
a:hover{
  border-bottom-style: solid;
}

p,h3{
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro',
   'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
footer{
  width: 700px;
  margin: 0 auto 0 auto;
  text-align: center;
  font-size: 13px;
  /*border: 1px solid #fff;*/
  overflow: hidden;
}
footer p{
  margin: 0 auto 0 auto;
}