body  {
  margin: 0px;
  */-- background-color:rgb(249, 225, 255); --/
}

#main {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: stretch;
  width: 1024px;
  margin: auto;
  background-color:#ffffff;
  border:solid 0px #CCCC99;
}

#main-window {
  width: 720px;
  padding: 20px;
  border:solid 0px #CCCC99;
  background-color:rgb(255, 255, 255);
}

#top-bunner{
  text-align: center;
  font-size:1.0em;
  padding-bottom: 20px;
}

#main-visual{
  text-align: center;
  font-size:1.0em;
  color:#CCCC99;
  font-weight:0;
  border:solid 0px #CCCC99;
}

#update-info{
  text-align:left;
  font-size:1.0em;
  margin:0px 0;
  color:#000000;
  font-weight:0;
  background-color:#ffffff;
  border-style:solid;
  border-width:10px;
  border-color:#badcdc;
  padding: 20px;
}

ul.update-list{
    margin:1em 0 0 0;
    padding:0;
    line-height:1.8em;
    width:100%;
    list-style:none;
}
ul.update-list span{
    display:block;
    position:absolute;
    text-align:right;
    top:0;
    left:0;
    width:9em;
    margin:0;
    padding:0;
}
ul.update-list li{
    position:relative;
    margin:0;
    padding:0 0 0 10.5em;
    border-bottom:1px dotted #ccc;
}


#left-window {
  text-align: center;
  font-size:1.0em;
  margin:0px 0; /* 上下の余白を0に設定 */
  font-weight:0;
  width: 220px;
  /*-- background-color:rgb(249, 225, 255); --*/
  /*-- border:solid 0px #badcdc; --*/
  border-left: solid 0px #badcdc;
  border-right: solid 0px #badcdc;
  padding: 0 20px 20px 20px; /* 上側の内側の余白を0に設定 */
  margin-bottom: 0; /* 下側の余白を0に設定 */
}
#info01  {
  text-align: center;
  margin:0px 0;
  padding-bottom: 1.0em;
  border:solid 0px #badcdc;
}

.list1 a {
  display: block;
  text-align:center;
  text-decoration: none;
  font-weight: none;
  margin: 5px;
  padding: 5px 10px;
  border: solid 1px #204460;
  border-radius: 5px;/*隗偵・荳ク縺ソ*/
  color: #fff !important;
  background: #204460;
}
.list1 a:hover {
  color: #204460 !important;
  background: #fff;
}

#aisatsu {
  top: 10px;
  text-align: left;
  padding : 2.0em 0;
  border:solid 0px #badcdc;
  background-image : url(image_bottom/aisatuc3.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}

#info02 {
  text-align: left;
  padding-top: 1.0em;
  padding-bottom: 1.0em;
  border:solid 0px #badcdc;
}

#info03 {
  text-align: left;
  padding-top: 1.0em;
  padding-bottom: 1.0em;
  border:solid 0px #badcdc;
}

.oshirase {
  display: block;
  text-align:center;
  text-decoration: none;
  font-weight: none;
  margin: 5px;
  padding: 5px 10px;
  border: solid 1px #204460;
  border-radius: 5px;/*隗偵・荳ク縺ソ*/
  color: #fff !important;
  background: #204460;
}

.info-img {
  text-align: center;
  padding-top: 1.0em;
  padding-bottom: 1.0em;
}

#footer{
  text-align:center;
  font-size:0.8em;
  margin:0px 0;
  font-weight:0;
  background-color:#eeeede;
  border:solid 0px #CCCC99;
  padding: 20px;
}

#copyright {
  position: relative;
  text-align: right;
  top: 0px;
  width: 430px;
  margin: auto;
}

#copyright img {
  margin-left: 10px;
}

#copyright p {
  position: absolute;
  top: 10px;
  left: 10px;
  text-align:left;
  line-height: 1.6em;
}

/* 新しいCSSクラスを追加 */
#notice {
  font-family: 'Times New Roman', Georgia, serif; /* 古風なフォントを設定 */
  font-size: 1.5em;
  color: #ff0000;
  text-align: center;
  background-image: url('image/yukiani07.gif');
  background-size: cover;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* ふちをぼやかす */
}
#notice font[color="#3333ff"] {
  color: #3333ff;
}