@charset "UTF-8";

body{
  background-color: #E5ECFF ;
  /*background-image: url(bg00.jpg);*/
  background-attachment: fixed;
  background-repeat:repeat;
}
header{
  width: auto;
  padding: 10px;
  color:#fff;
}
header a{
  border: 1px solid #FF4B23 ;
  background-color: #EAF9EA ;
  padding:5px;
  color: #000;
}
header p{
  margin-top: 10px;
  padding-top: 5px;
  color: #000;
}
header p.resizeimage {
  max-width: 680px;
  min-width: 240px;
}
#main{
  width: auto;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #000;
  padding: 10px;
}
p.resizeimage {
  max-width: 567px; /*　最大幅 */
  min-width: 240px; /*　最小幅 */
}
p.resizeimage img{
  width: 100%;
  height: auto;
}
p{
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro',
   'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14.5px;
  color: #000;
  margin: 5px auto 5px auto; /*画像を真ん中へ*/
  /*border: 1px solid #fff;*/
}
h3{
  font-size: 14px;
  padding-left: 0.5em;
  border-left: 8px solid #333300;
  border-bottom: 1px solid #333300;
  color: #333300;
}
h4{
  font-size: 13.5px;
  color: #3333ff;
  /*border: 1px solid #fff;*/
  margin: 5px;
}
#gu{
  background-color: #fff;
  padding: 5px;
  border: 1px solid #ff3300;
}
a{
  text-decoration: none;
  color: #333300;
}
a:hover{
  opacity: 0.5;
}
footer{
  width: auto;
  background-image: url(../bg00.jpg);
  text-align: center;
  padding: 5px;
}
footer p{
  color: #663300;
}