@charset "UTF-8";

*{
     margin: 0;
}

body{
     font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     height: 900px;
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
     background-color: #92b3ba;
     background-image: url(yotto2.gif),url(yotto.gif),url(nami31.gif);
     background-position: center center;
}

div#zentai2{
     display: none;
}

div#oowaku{
     margin-top: 0px;
     width: 1100px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 5px;
     color: white;
     border-top-left-radius: 160px 200px;
     border-top-right-radius: 160px 200px;
     border-bottom-right-radius: 160px 200px;
     border-bottom-left-radius: 160px 200px;
     background-color: rgba(162, 162, 255, 0.2);
     background-image: url(../img/kabe_blog4.jpg);
     background-size: cover;/* 背景画像をhtml要素にフィット */
     background-repeat: no-repeat;
     background-position: center top;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}

div#kumodake{
     position: absolute;
     z-index: -1;
     width: 1200px;
     height: 1200px;
     display: block;
     overflow: hidden;
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     text-align: center;
     top: 0px;
}

div#ttop{
     width: 820px;

     margin-left: auto;
     margin-right: auto;
     border-width: 0px;
     border-style: none;
     background-color: rgba(225, 225, 225, 0);
}

div#ttop_in{
     width: 820px;
     margin-left: auto;
     margin-right: auto;
}

DIV#TTOP_IN A:HOVER{
}

div#logo1{
     position: absolute;
     margin-left: 820px;
     margin-top: 90px;
     width: 100px;
     height: 600px;
     display: none;
     text-align: center;
     padding-top: 0px;
}

div#logo1 p{
     font-size: 14px;
     display: block;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 5px;
     border-style: ridge;
     border-color: black;
     color: black;
     background-color: white;
     writing-mode: tb-rl;
     writing-mode: vertical-rl;
     -moz-writing-mode: vertical-rl;
     -o-writing-mode: vertical-rl;
     -webkit-writing-mode: vertical-rl;
     width: 60px;
     height: 270px;
     text-align: left;
     margin-top: 10px;
     margin-left: 10px;
     margin-right: 10px;
     margin-bottom: 10px;
     line-height: 1.4;
}

div#logo1 p:hover{
     transform: rotate(5deg);
}

div#logo1 p a{
     text-decoration: none;
     border-width: 1px;
     border-style: solid;
     border-color: black;
     margin-top: 2px;
     margin-bottom: 2px;
     padding-top: 5px;
     padding-bottom: 5px;
}

div#logo1 img{
     width: 70px;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}

div#logo1 img:hover{
     width: 85px;
     -webkit-transform: rotateY(10deg);
     -moz-transform: rotateY(10deg);
     transform: rotateX(10deg);
     background-color: white;
     border-width: 3px;
     border-style: solid;
     border-color: red;
}

div#logo2{
     width: 194px;
     height: 240px;
     display: block;
     position: absolute;
     margin-top: 280px;
     margin-left: 300px;
     background-image: url(../img/boat.gif);
     background-repeat: no-repeat;
     z-index: 95;
     border-top-left-radius: 80px 80px;
     border-top-right-radius: 80px 80px;
     border-bottom-right-radius: 80px 80px;
     border-bottom-left-radius: 80px 80px;
     background-position: center bottom;
     text-shadow: 2px 2px 2px blue;
}

div#logo2:hover{
     background-image: url(../img/tori3.gif);
     background-repeat: repeat;
     background-position: center bottom;
}

div#logo2 a{
     width: 144px;
     height: 240px;
     display: block;
     text-decoration: none;
     writing-mode: tb-rl;
     writing-mode: vertical-rl;
     -moz-writing-mode: vertical-rl;
     -o-writing-mode: vertical-rl;
     -webkit-writing-mode: vertical-rl;
     text-align: center;
     color: white;
     padding-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 50px;
}

div#logo3{
     width: 140px;
     height: 160px;
     display: block;
     position: absolute;
     margin-top: 400px;
     margin-left: 100px;
     background-image: url(../img/tubob.gif);
     background-repeat: no-repeat;
     text-shadow: 2px 2px 2px blue;
     z-index: 95;
}

div#logo3 a{
     width: 90px;
     height: 160px;
     display: block;
     text-decoration: none;
     writing-mode: tb-rl;
     writing-mode: vertical-rl;
     -moz-writing-mode: vertical-rl;
     -o-writing-mode: vertical-rl;
     -webkit-writing-mode: vertical-rl;
     text-align: right;
     color: white;
     padding-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 50px;
}

div#logo3:hover{
     background-image: url(../img/tubo.gif);
}

div#menu{
     width: 800px;
     height: 22px;
     margin-left: auto;
     margin-right: auto;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     opacity: 0.8;
     overflow: hidden;
     position: absolute;
     z-index: 98;
     background-repeat: repeat-x;
     background-position: center bottom;
     background-image: url(../img/kumo2.png);
     padding-top: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     text-align: center;
     display: none;
}

div#musi{
     margin-left: 60px;
     display: block;
     position: absolute;
     margin-top: 120px;
     margin-right: 0px;
     margin-bottom: 0px;
     text-align: center;

     z-index: 18;
     background-color: transparent;

     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
}

div#musi a{
     display: block;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     font-size: 24px;
     font-family: メイリオ;
     text-decoration: none;
}

div#musi img{
     vertical-align: middle;
}

div#menu h2{
     font-size: 30px;
     color: olive;


     border-width: 3px;
     border-style: none;
     border-color: black;

     margin-top: 37px;
     margin-left: 17px;
     margin-right: 17px;
     margin-bottom: 5px;

     background-color: transparent;
     background-repeat: no-repeat;
     background-attachment: scroll;
     background-size: auto auto;
     background-origin: padding-box;
     background-clip: border-box;
     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%);

     padding-right: 0px;
     padding-left: 40px;
     padding-top: 2px;
     padding-bottom: 2px;

     overflow: hidden;
     display: block;
     border-top-left-radius: 0px 0px;
     border-top-right-radius: 0px 0px;
     border-bottom-right-radius: 0px 0px;
     border-bottom-left-radius: 0px 0px;
}

div#menu h2 span{
     font-size: 16px;
     color: red;
     text-shadow: 1px 1px 3px #999999;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
}

#yajirushi{
     margin-top: -38px;
     position: absolute;
     margin-left: 440px;
}

div#menu h2 img.yubi{
     width: 32px;
     height: 32px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     vertical-align: middle;
}

div#menu h2:hover{
     background-image: url(../img/line.gif);
     background-repeat: no-repeat;
     background-position: right center;
     background: #f4f4f4;
     background: #fdfdfd;
     background: -moz-linear-gradient(top,#fdfdfd 0,#d1d1d1 100%);
     background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#d1d1d1));
     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%);
     background: linear-gradient(top,#fdfdfd 0,#d1d1d1 100%);
     background: linear-gradient(top,#fdfdfd 0,#d1d1d1 100%);
}

div#menu:hover{
     height: 420px;
     opacity: 1;
     background-image: url(../img/b4-26.gif);
     background-repeat: repeat;
     box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

div#menuin{

     background-repeat: repeat;
     display: block;
     margin-left: 25px;
     margin-right: 25px;
     margin-top: 10px;
     padding-bottom: 15px;
     border-radius: 10px;
}

div#menuin a{
     width: 150px;
     display: inline-block;
     margin-left: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     margin-right: 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;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     border-width: 5px;
     border-style: outset;
     border-color: #389724;
     color: black;
     background-color: #46bf2d;
     text-decoration: none;
     box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
}

div#menu img:hover{

}

div#gnavi{
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     width: 800px;
     position: relative;
     height: 33px;
     z-index: 99;/*
  background-color: #333333;
  border-top-left-radius: 0px 0px;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 20px 20px;
  border-bottom-left-radius: 20px 20px;
 */
     padding-left: 20px;
     padding-right: 20px;
     background-image: url(../img/bana_suu.png);
     background-repeat: no-repeat;
     background-position: right center;
     visibility: hidden;
}

div#zentai{
     margin-top: 25px;
     margin-right: auto;
     margin-bottom: 5px;
     margin-left: auto;
     width: 820px;
     background-repeat: no-repeat;
     background-position: right top;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     color: white;

     background-image: url(kaeruss.gif);

/*
	box-shadow: 0px 0px 20px #7d7dff inset, 0px 0px 20px #7d7dff inset, 0px 0px 20px #7d7dff inset, 0px 0px 20px #7d7dff inset;
 */
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}

div#zentai:hover{

     /*background-image: url(../img/niji.png);*/
     /*background-position: center top;*/
     /*background-repeat: no-repeat;*/

}

div#zentai p#gaide{
     position: absolute;
     z-index: 96;
     margin-top: 55px;
     display: none;
}
/*
div#zentai div#msg1{
  position: absolute;
  width: 480px;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-left: 280px;
  margin-top: 15px;
  border-top-left-radius: 60px 40px;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 60px 40px;
  border-bottom-left-radius: 50px 50px;
  line-height: 1.3;
  text-align: center;
  color: white;
  border-width: 5px;
  border-style: none;
  border-color: maroon;
  background-color: rgba(0, 255, 0, 0.8);
  box-shadow: 0px 0px 20px #b9ffb9 inset, 0px 0px 20px #b9ffb9 inset, 0px 0px 20px #b9ffb9 inset, 0px 0px 20px #b9ffb9 inset;
}
div#zentai div#msg1 h2{
  font-size: 17px;
  text-align: left;
}
div#zentai div#msg1 p{
  text-align: left;
  font-size: 15px;

}
div#close{
  position: absolute;
  margin-left: 470px;
  margin-top: -20px;
}
*/

div#oowaku div#msg2{
     position: absolute;
     width: 150px;
     height: 600px;
     display:  block;
     z-index: 99;
     border-left-width: 10px;
     border-left-style: ridge;
     border-left-color: green;
     border-top-width: 5px;
     border-top-style: ridge;
     border-top-color: green;
     margin-top: 10px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
}

div#oowaku div#msg2 a{
     font-size: 100%;
     text-decoration: none;
     color: #181818;
     background-color: #f9f9f9;
     width: 120px;
     display: block;
     text-align: center;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     margin-top: 5px;
     margin-left: 5px;
     margin-right: 5px;
     margin-bottom: 5px;
     border-width: 1px;
     border-style: solid;
     border-color: black;

     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;

}

div#oowaku div#msg2 a:hover{
     background-color: #5cd244;
     width: 150px;
     font-size: 150%;
     padding-top: 1px;
     padding-left: 1px;
     padding-right: 1px;
     padding-bottom: 1px;
     border-radius: 5px 0px 25px 5px / 15px 0px 15px 5px;
}




div#oowaku div#msg2 img{

}

div#oowaku div#msg2 img:hover{

}

div#zentai p#aisatu{
     position: absolute;
     overflow: hidden;
     margin-right: 0px;
     margin-left: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 5px;
     z-index: 96;opacity: 0.8

	-webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     margin-top: 10px;
     display: none;
}

div#zentai p#aisatu:hover{
     overflow: visible;
     opacity: 1;
     z-index: 99;
}

div#zentai p#aisatu a{
     text-decoration: none;
     color: black;
     padding-top: 5px;
     padding-bottom: 1px;
     margin-left: 20px;
     margin-right: 10px;
}

div#zentai p#aisatu a:hover{
     /*
  background-image : url(../img/line.gif);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: black;
  color: white;
*/
}

div#zentai p#aisatu a img{
     vertical-align: -10px;
}

div#zentai p#aisatu span{
     width: 760px;
     font-size: 0px;
     display: block;
     text-align: left;
     padding-top: 30px;
     padding-left: 30px;
     padding-right: 30px;
     padding-bottom: 30px;
     line-height: 2;
     text-shadow: 3px 3px 10px #1d00f7;
     background-image: url(../img/tori4.gif);
     background-repeat: no-repeat;
     background-position: right top;
     margin-left: 0px;
     margin-top: 10px;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     color: #fafafa;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     position: absolute;
     visibility: hidden;
}

div#zentai p#aisatu:hover span{
     font-size: 20px;
     width: 500px;
     margin-left: 100px;
     margin-top: -30px;
     background-color: rgba(0, 0, 66, 0.8);
     visibility: visible;
}
/*
div#zentai h1{
  color: white;
  font-size: 30px;

  position: relative;
  bottom: -40px;
  right: -35px;
  height: 0px;
  z-index: 1;
  line-height: 2;
  text-shadow: 3px 3px 5px black;
  text-align: left;
}
*/

#gaide a{
     /*width: 370px;*/
     /*height: 170px;*/
     text-decoration: none;
     padding-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     position: relative;
     opacity: 0.99;
     display: block;
     font-size: 16px;
     border-width: 1px;
     border-style: solid;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     z-index: -1;
     background-color: rgba(255, 255, 255, 0.5);
     margin-top: 0px;
     margin-left: 20px;
     margin-right: 0px;
     margin-bottom: 0px;
}

#gaide a:hover{
     color: black;
     background-repeat: no-repeat;

     display: block;
     opacity: 1;
     overflow: visible;
     transform: rotate(1.5deg);
     background-size: cover;
     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
     background-color: white;
}

div#taitol{
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: 0px;
     width: 820px;
     height: 90px;
     background-image: url(../img/logo_suu.png);
     background-repeat: no-repeat;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
     clear: both;
     text-align: right;
     text-decoration: none;
}

div#taitol:hover{
     transform: skewX(-25deg);
     -moz-transform: skewX(-25deg);
     -webkit-transform: skewX(-25deg);
}

div#ttop_in #taitol img{
     margin-top: 10px;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
     vertical-align: middle;
}

div#ttop_in #taitol img:hover{
     width: 80px;
     height: 80px;
     transform: rotate(360deg);
}

div#ttop_in #taitol a{
     color: black;
     background-color: white;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
}

div#ttop_in #taitol #sumaho{
     background-color: transparent;
}

div#top{
     margin-top: 15px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     width: 800px;
     height: 500px;
     z-index: 1;
     position: relative;
     text-align: right;
     background-repeat: no-repeat;/*
  background-color : rgba(46, 46, 46, 0.81);
  */
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     color: white;
}

div#top img{
     opacity: 0.8;
     width: 100px;
     height: 100px;
     margin-right: 300px;
     -webkit-transition: all 3s;
     -moz-transition: all 3s;
     -ms-transition: all 3s;
     -o-transition: all 3s;
     transition: all 3s;
     margin-top: 0px;
}

div#top img:hover{
     opacity: 1;
     width: 150px;
     height: 150px;
     margin-right: 300px;
}

div#top p{
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
}

div#info{
     margin-top: 0px;
     width: 800px;
     height: 150px;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     margin-left: auto;
     margin-right: auto;
     color: white;/*
  background-color: rgba(0, 0, 0, 0.5);
*/
     background-repeat: no-repeat;
     background-position: right bottom;
     -webkit-transition: all 3s;
     -moz-transition: all 3s;
     -ms-transition: all 3s;
     -o-transition: all 3s;
     transition: all 3s;
     background-image: url(../img/kumo.png);
}

div#info:hover{
     background-repeat: no-repeat;
     background-position: left top;
}

div#info1{
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     width: 400px;
     height: 150px;
     float: left;
     font-size: 12px;
     color: #5d5d5d;/*
  background-color : rgba(46, 46, 46, 0.81);
  */
     overflow: hidden;
     background-image : url(kaerus.png);
     background-repeat: no-repeat;
     background-position: left bottom;
     -webkit-transition: all 5s;
     -moz-transition: all 5s;
     -ms-transition: all 5s;
     -o-transition: all 5s;
     transition: all 5s;
}

div#info1:hover{
     background-position: right bottom;
     background-color: rgba(255, 255, 255, 0.5);
}

div#info1 p{
     font-size: 12px;
     padding-top: 5px;
     padding-left: 5px;
     padding-right: 5px;
     padding-bottom: 5px;
     visibility: visible;
     display: block;
     width: 380px;
     height: 30px;
     overflow: hidden;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}

div#info1 p:hover{
     height: 100px;
     visibility: visible;
     background-color: #f7f7f7;
}

div#info1 h3{
     border-width: 2px;
     border-color: navy;
     border-style: solid;
     font-size: 12px;
     padding-left: 5px;
}

div#info1 h4{
     font-size: 12px;
     padding-left: 5px;
}

div#info2{
     margin-top: 0px;
     margin-right: auto;
     margin-bottom: 0px;
     margin-left: auto;
     width: 400px;
     height: 150px;
     float: left;
     font-size: 12px;
     color: #6d6d6d;
     background-image : url(tamamimini2.gif);
     background-repeat: no-repeat;
     background-position: right bottom;
     -webkit-transition: all 2s;
     -moz-transition: all 2s;
     -ms-transition: all 2s;
     -o-transition: all 2s;
     transition: all 2s;
}

div#info2:hover{
     background-image : url(tamamimini.gif);
     background-position: left bottom;
}

#pcm{
     display: none;
}

ul.pureCssMenu ul{
     display: none;
}

ul.pureCssMenu li:hover >ul{
     display: block;
}

ul.pureCssMenu ul{
     position: absolute;
     left: -1px;
     top: 98%;
}

ul.pureCssMenu ul ul{
     position: absolute;
     left: 98%;
     top: -2px;
}

ul.pureCssMenu,ul.pureCssMenu ul{
     margin: 0px;
     list-style: none;
     padding: 0px 2px 2px 0px;
     background-color: #333333;
     background-repeat: repeat;
     border-color: #cccccc #111111 #111111 #cccccc;
     border-width: 1px;
     border-style: solid;
}

ul.pureCssMenu table{
     border-collapse: collapse;
}

ul.pureCssMenu{
     display: block;
     zoom: 1;
     float: left;
}

ul.pureCssMenu ul{
     width: 220.5px;
}

ul.pureCssMenu li{
     display: block;
     margin: 2px 0px 0px 2px;
     font-size: 0px;
}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus{
     outline-style: none;
}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover{
     display: block;
     vertical-align: middle;
     background-color: #333333;
     border-width: 1px;/*
  border-color:#333333;
*/
     border-style: solid;
     text-align: left;
     text-decoration: none;
     padding: 2px 5px 2px 10px;
     _padding-left: 0;
     font: 16px Trebuchet MS;
     color: #cccccc;
     text-decoration: none;/*
  cursor:default;
*/
}

ul.pureCssMenu span{
     overflow: hidden;
}

ul.pureCssMenu li{
     float: left;
}

ul.pureCssMenu ul li{
     float: none;
}

ul.pureCssMenu ul a{
     text-align: left;
     white-space: nowrap;
}

ul.pureCssMenu li.sep{
     text-align: left;
     padding: 0px;
     line-height: 0;
     height: 100%;
}

ul.pureCssMenu li.sep span{
     float: none;
     padding-right: 0;
     width: 3px;
     height: 100%;
     display: inline-block;
     background-color: #cccccc #111111 #111111 #cccccc;
     background-image: none;
}

ul.pureCssMenu ul li.sep span{
     width: 100%;
     height: 3px;
}

ul.pureCssMenu li:hover{
     position: relative;
}

ul.pureCssMenu li:hover >a{
     background-color: #377D9F;
     border-color: #377D9F;
     border-style: solid;
     font: 16px Trebuchet MS;
     color: #FFFFFF;
     text-decoration: none;
}

ul.pureCssMenu li a:hover{
     position: relative;
     background-color: #377D9F;
     border-color: #377D9F;
     border-style: solid;
     font: 16px Trebuchet MS;
     color: #FFFFFF;
     text-decoration: none;
}

ul.pureCssMenu li.dis a{
     color: #666 !important;
}

ul.pureCssMenu img{
     border: none;
     float: left;
     _float: none;
     margin-right: 2px;
     width: 16px;
     height: 16px;
}

ul.pureCssMenu ul img{
     width: 16px;
     height: 16px;
}

ul.pureCssMenu img.over{
     display: none;
}

ul.pureCssMenu li.dis a:hover img.over{
     display: none !important;
}

ul.pureCssMenu li.dis a:hover img.def{
     display: inline !important;
}

ul.pureCssMenu li:hover > a img.def{
     display: none;
}

ul.pureCssMenu li:hover > a img.over{
     display: inline;
}

ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{
     display: inline;
}

ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{
     display: none;
}

ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{
     display: block;
}

ul.pureCssMenu a:hover ul ul{
     display: none;
}

ul.pureCssMenu span{
     display: block;
     background-image: url(arr_white.gif);
     background-position: right center;
     background-repeat: no-repeat;
     padding-right: 12px;
}

ul.pureCssMenu li:hover >a >span{
     background-image: url(arrv_white.gif);
}

ul.pureCssMenu a:hover span{
     _background-image: url(./images/arrv_white.gif);
}

ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{
     background-image: url(arr_white.gif);
}

div#fut{
     min-height: 100px;
     border-width: 0px;
     overflow: auto;
     clear: both;
}

div#fut_in{
     width: 800px;
     margin-left: auto;
     margin-right: auto;
}

div#copy{
     text-align: left;
}

.on{
     visibility: visible;
}

.off{
     /*visibility: hidden;*/
}

.on2{
     display: block;
}

.off2{
     display: none;
}

div#ailine{
     width: 100px;
     height: 100px;
     position: fixed;
     top: 10px;
     right: 10px;
     z-index: 99;
     text-align: center;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}

div#ailine:hover{
     width: 150px;
     height: 150px;
}

div#ailine img{
     width: 64px;
     height: 64px;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}

div#ailine img:hover{
     width: 150px;
     height: 150px;
     transform: rotate(360deg);
}

#menu11{
     position: fixed;
     top: 120px;
     writing-mode: tb-rl;
     writing-mode: vertical-rl;
     -moz-writing-mode: vertical-rl;
     -o-writing-mode: vertical-rl;
     -webkit-writing-mode: vertical-rl;
     display: none;
     width: 35px;
     height: 35px;
     overflow: hidden;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     right: 0px;
     z-index: 99;
}

#menu11:hover{
     height: 220px;
     overflow: auto;
     width: 360px;
}

#menu11 h1{
     text-align: left;
     font-size: 23px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     border-width: 5px;
     border-style: ridge;
     border-color: black;
     background-repeat: no-repeat;
     background-position: right top;
     background-color: black;
     color: white;
     display: block;
}

#menu11 h1 a{
     color: black;
     background-color: white;
     text-decoration: none;
     display: block;
     padding-top: 10px;
     z-index: 99;
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}

#menu11 h1 a:hover{
     background-color: white;
     font-size: 23px;
     transform: rotate(2deg);
     border-width: 5px;
     border-style: solid;
     border-color: white;
     margin-top: -10px;
     border-width: 0px;
     color: blue;
}

.blinking{
     -webkit-animation: blink 2s ease-in-out 1 alternate;
     -moz-animation: blink 2s ease-in-out 1 alternate;
     animation: blink 2s ease-in-out 1 alternate;
}
@-webkit-keyframes blink{
  0% {
  opacity:0;
}
50% {
  opacity:0;
}
100% {
  opacity:1;
}
}
@-moz-keyframes blink{
  0% {
  opacity:0;
}
50% {
  opacity:0;
}
100% {
  opacity:1;
}
}
@keyframes blink{
  0% {
  opacity:0;
}
50% {
  opacity:0;
}
100% {
  opacity:1;
}
}

.kakudai{
     -webkit-animation: kakuda 20s infinite alternate ;
     -moz-animation: kakuda 20s infinite alternate ;
     animation: kakuda 20s infinite alternate ;
}
@-webkit-keyframes kakuda{
  0% {
    margin-top: 280px;
    margin-left: 400px;
}
100% {
    margin-top: 260px;
    margin-left: 200px;
}
}
@-moz-keyframes kakuda{
  0% {
    margin-top: 280px;
    margin-left: 400px;
}
100% {
    margin-top: 260px;
    margin-left: 200px;
}
}
@keyframes kakuda{
  0% {
    margin-top: 280px;
    margin-left: 400px;
}
100% {
    margin-top: 260px;
    margin-left: 200px;
}
}
@keyframes bgAnime {
  0% {
    background-color: #00b3ca;
  }
  25% {
    background-color: #7dd0b6;
  }
  50% {
    background-color: #f69256;
  }
  75% {
    background-color: #ead98b;
  }
  100% {
    background-color: #00b3ca;
  }
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.sayuu{
     -webkit-animation: sayu 3s infinite alternate ;
     -moz-animation: sayu 3s infinite alternate ;
     animation: sayu 3s infinite alternate ;
}
@-webkit-keyframes sayu{
 0% {
	margin-left: -20px;
 }
 100% {
	margin-left: -10px;
  transform: rotate(2deg);
 }
 }
@-moz-keyframes sayu{
 0% {
	margin-left: -20px;
 }
 100% {
	margin-left: -10px;
  transform: rotate(2deg);
 }
 }
@keyframes sayu{
 0% {
	margin-left: -20px;
 }
 100% {
	margin-left: -10px;
  transform: rotate(2deg);
 }
 }

.sayuu2 {
     -webkit-animation: sayu2 3s infinite alternate ;
     -moz-animation: sayu2 3s infinite alternate ;
     animation: sayu2 3s infinite alternate ;
}
@-webkit-keyframes sayu2{
 0% {
    margin-left: 820px;

 }
 100% {
    margin-left: 840px;
  transform: rotate(-5deg);
 }
 }
@-moz-keyframes sayu2{
 0% {
    margin-left: 820px;

 }
 100% {
    margin-left: 840px;
  transform: rotate(-5deg);
 }
 }
@keyframes sayu2{
 0% {
    margin-left: 820px;

 }
 100% {
    margin-left: 840px;
  transform: rotate(-5deg);
 }
 }



/* ウィンドウ幅が800px以上の場合に適用するCSS */
@media screen and ( min-width:800px )
{

 div#oowaku{
    	display: block;
 }

}