@charset "Shift_JIS";

*{
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
}

body{
     font-family: "ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN", "Hiragino Sans", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "ƒ�ƒCƒŠƒI", "Meiryo", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
     border-top-width: 5px;
     border-top-style: solid;
     border-top-color: #699600;
     /*background-image: url(images/kabe1.png);*/
     background-image: url(images/kabe1.png),url(images/sakura.gif);
     background-repeat: repeat;
     background-position: center top;
}

div#ttop{
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     /*background-image: url(../img/bla6b.gif);*/
     background-repeat: repeat;
     background-color: #359109;
}

div#ttop h1{
     color: white;
     text-align: center;
     padding-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     margin-top: 0px;
     display: block;
     text-shadow: 2px 2px 2px blue;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     border-width: 1px;
     border-style: ridge;
     border-color: green;
     background-color: #68b904;
}

div#top{
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     /*background-image: url(images/b4-26.gif);*/
     background-color: rgba(239, 227, 243, 0.3);
     background-repeat: repeat;
     margin-top: 0px;
     padding-top: 20px;
}

div#top_in{

     text-align: center;
     vertical-align: middle;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     max-width: 800px;
     padding-bottom: 0px;
}

div#logo{
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     text-align: left;
     background-color: white;
     max-width: 800px;
     clear: both;
}

#LOGO IMG{
}

#LOGO A:HOVER{
}

#LOGO P{
}

#top_menu{
     padding-bottom: 30px;
     margin-left: 1%;
     margin-right: 5%;
     padding-left: 1%;
     padding-right: 1%;
}

#TOP_MENU P{
}

#top_menu p a{
     font-size: 150%;
     font-family: ƒ�ƒCƒŠƒI;
     text-align: center;
     text-decoration: none;
     text-shadow: 3px 3px 3px #fff;
     box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
     border-radius: 10px;
     border-width: 7px;
     border-style: outset;
     border-color: gray;
     display: inline-block;
     margin-top: 10px;
     margin-left: 3%;
     margin-right: 3%;
     margin-bottom: 10px;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     width: 260px;
     background: -moz-linear-gradient(top,#fdfdfd 0,#d1d1d1 100%);
     background: -webkit-linear-gradient(top,#fdfdfd 0,#d1d1d1 100%);
     background: -o-linear-gradient(top,#fdfdfd 0,#d1d1d1 100%);
     background: -ms-linear-gradient(top,#fdfdfd 0,#d1d1d1 100%);
}

#top_menu p a.sp{
     display: none;
}

DIV#CONTENT{
}

div#content_in{
     margin-left: auto;
     margin-right: auto;
     margin-top: 0px;
     margin-bottom: 20px;
     max-width: 800px;
     background-color: rgba(239, 227, 243, 0.3);
     padding-bottom: 30px;
     /*background-image: url(images/b4-26.gif);*/
     background-repeat: repeat;
}

div#content_in h1{
     margin-left: 5%;
     margin-right: 5%;
     border-width: 1px;
     border-style: none;
     border-color: black;
     text-align: center;
     /*background-color: white;*/
     padding-top: 5px;
     padding-bottom: 5px;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     font-size: 200%;
     text-shadow: 2px 2px 2px #fff;
}

div#content_in p{
     margin-left: 5%;
     margin-right: 5%;
     font-size: 125%;
     padding-left: 1%;
     padding-right: 1%;
     padding-top: 1%;
     padding-bottom: 1%;
     margin-top: 5px;
     margin-bottom: 0px;
     /*background-color: white;*/
     border-radius: 10px;
     text-shadow: 2px 2px 2px #fff;
}

div#content_in p img{
     max-width: 300px;
     width: 100%;
}

div#footer{
     min-height: 100px;
     text-align: left;
     vertical-align: middle;
     background-color: #81aa2b;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     max-width: 790px;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 1px;
     border-style: ridge;
     border-color: #009900;
     text-shadow: 3px 3px 3px #fff;
}

div#footer a img{
     box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 5px;
     margin-left: 5px;
     margin-right: 5px;
     margin-bottom: 5px;
     border-width: 5px;
     border-style: outset;
     border-color: silver;
}


/* ƒEƒBƒ“ƒhƒE•�‚ª800pxˆÈ�ã‚Ì�ê�‡‚É“K—p‚·‚éCSS */
@media screen and ( min-width:800px )
{

 div#content_in td{
    font-size: 22px;
 }

}

.blinking{
     -webkit-animation: blink 20s ease-in-out infinite normal;
     -moz-animation: blink 20s ease-in-out infinite normal;
     animation: blink 20s ease-in-out infinite normal;
}
@-webkit-keyframes blink{
0% {
opacity:1;
}
10% {
opacity:0;
}
20% {
opacity:0;
}
30% {
opacity:1;
}
}
@-moz-keyframes blink{
0% {
opacity:1;
}
10% {
opacity:0;
}
20% {
opacity:0;
}
30% {
opacity:1;
}
}
@keyframes blink{
0% {
opacity:1;
}
10% {
opacity:0;
}
20% {
opacity:0;
}
30% {
opacity:1;
}
}

#top_menu p a {

    border-width: 1px;

}


#img1.blinking {
     animation-delay: 0s;
     -webkit-animation-delay: 0s;
}

#img2.blinking {
     animation-delay: 10s;
     -webkit-animation-delay: 10s;
}

/* ƒEƒBƒ“ƒhƒE•�‚ª0?799px‚Ì�ê�‡‚É“K—p‚·‚éCSS */
@media screen and ( max-width:799px )
{

  body {
    background-image: none;
  }

  #top_menu p a {

    border-width: 7px;

  }



  #top_menu p a {
    width:200px;
  }

  #top_menu p a.pc{
     display: none;
  }

  #top_menu p a.sp{
     display: inline-block;
     color: #0568f3;
  }


}