@charset "UTF-8";

body{
  font-family:Verdana,'Arial Black',メイリオ,sans-serif;
  background:#e7e7eb;
  /* background-image:url(../img/sora.jpg); */
}

#myCanvas{
  background-color:#b98c46;
  border-radius:5px;
  border:1px solid #17184b;
}

#pagebody{
  max-Width:1000px;
  /* min-height:1150px; */
  min-height:1800px;
  margin:0 auto;
  text-align:left;
  line-height:220%;
  border-style:groove;
  background:white;
  /* background-image:url(../img/sora.jpg); */
}

#header{
  width:100%;
}
/* #header{
  height:150px;
  width:1000;
  background:center/cover url(../img/header1.jpg);
  border-style:outset;
  /* background-repeat:no-repeat; */
/*}*/

/* 要素セレクターはここだけ */
#pagebody a{
  text-decoration:none;
  display:block;
}

ul{
  margin-left:8px;
  padding:0px;
}
/* ---------- */

/* ul.menu{
  margin:0 auto;
  margin-top:20px;
  list-style:none;
  width:800px;
}

ul.menu li{
  float:left;
  width:160px;
}

ul.menu a{
  background-color:#87ceeb;
  color:white;
  display:block;
  text-align:center;
  padding:5px;
  border:1px solid blue;
}

ul.menu a:hover{
  background-color:#1E90FF;
} */

/* 見出しの装飾 */
.headline{
  font-size:95%;
  border-left:5px solid skyblue;
  background:#f0f8ff;
  border-bottom:solid 2px #6c9bd2;
}

/* ulリストの装飾 */
.ulist_deco li{
  font-size:95%;
  margin-bottom:3px;
  background:#e0ffff;
  border-left:3px solid #387d39;
  list-style-type:none;
}

.ulist_deco a:hover{
  transition-duration:1s;
  background-color:#69821b;
}

/* 左側のコンテンツ装飾 */
#submenu{
  width:200px;
  margin-right:68px;
  margin-top:20px;
  border-radius:5px;
  border:1px solid gray;
  /* background-color:white; */
  background-color:#bed3ca;
  float:left;
  /* clear:both; */
}

/* 中央のお知らせ */
#news{
  width:730px;
  margin-top:20px;
  float:left;
  /* clear:both; */
}

/* いずれインラインフレームに変更 */
/* ul.infobox{
  height:150px;
  overflow:scroll;
  border:black 2px groove;
  background-color:#FFFFFF;
  text-align:left;
} */

/* #frame1{
  padding:0px;
  margin:0px;

} */

/* 記事更新履歴 */
/* ul.his_info{
  height:200px;
  overflow:scroll;
  border:black 2px groove;
  background-color:#FFFFFF;
  text-align:left;
} */

#history{
  font-size:95%;
  background:#dcd3b2;
  border-left:5px solid #715c1f;
  border-bottom:solid 2px #d0af4c;
}

/* お知らせ見出しの装飾 */
#announce{
  font-size:95%;
  background:#dcd3b2;
  border-left:5px solid #715c1f;
  border-bottom:solid 2px #d0af4c;
}

/* 右側コンテンツの装飾 */
/* #rightside{
  width:198px;
  margin-top:20px;
  background:#bed3ca;
  border-radius:5px;
  border:1px solid gray;
  font-size:90%;
  float:left;

}

#rightside h3{
  font-size:90%;
  border-bottom:solid 1px #65ab31;
  background:#bed3ca;
} */

.usagi{
  width:199px;
  height:266px;
  /* background:center/cover url(../img/usagi.png); */
  background-image:url(../img/usagi.png);
}
/* #rightside li {
  position:relative;
  border-left:solid 3px #387d39;
  background:#f1f8ff;
  margin-bottom:3px;
  line-height:1.5;
  list-style-type: none!important;
} */

/* #rightside li a{
  padding:8px;
} */

#bottom{
  text-align:center;
  border:dashed 2px #000000;
  margin-top:50px;
  height:245px;
  clear:both;
}

/* #bottom ::before{
  content:"AD";
  font-weight: bold;
  color:black;
} */

/* #bottom .AD{
  width:82px;
  margin-top:15px;
  height: 120px;
  margin-left:188px;
  float:left;
}

#dltop{
  width:468px;
  margin:0 auto;
  margin-top:10px;
} */


/* #open {
  display:none;
} */

@media screen and (max-width: 979px){
  #pagebody{
    width:100%;
  }
}

@media screen and (max-width: 767px) {
  #pagebody{
    width:100%;
  }
}

@media screen and (max-width: 479px) {
  #pagebody{
    width:100%;
  }
}