@charset "Shift_JIS";

*{
  margin: 0 ;
}
body{
     background-repeat: repeat;
     background-position: center top;
     background-color: #877c62;
     background-image: none;
     font-family: メイリオ;

}


}
div#ttop{
  background-color: black;
  height: 5px;
}
div#ttop h4{
  visibility: hidden;
}
div#top{
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;
     color: #dfdfdf;
     overflow: hidden;
}
div#top_a{
     margin-top: 0px;
     margin-left: 0%;
     margin-right: 0px;
     margin-bottom: 0px;
     display: block;
     color: #f0f0f0;/*position: absolute;*/

}


div#top_b{

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*position: absolute;*/
}

div#top_a a img{
    box-shadow: 5px 5px 5px rgb(254, 248, 167);
}

div#top_b h4{
  font-size: 14px;
 /*
  font-family: メイリオ;
 */
}
div#top a:hover{
  transform: rotate(5deg);
}
div#menu{
	max-width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
 /*
  border-right-width : 5px;
  border-top-style : none;
  border-right-style : solid;
  border-right-color : white;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : white;
 */

}
div#menu a:hover{
  filter:alpha(opacity=70);
  /* IE透明度 */
       -moz-opacity:0.70;
  /* Firefox・Netscape透明度 */
       opacity:0.70;
/* Opera・Safari透明度 */
}

div#profout{
     background-repeat: repeat-x;
     background-position: left top;
     overflow: hidden;
}


div#prof{
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	max-width: 1000px;
 /*
	font-family: "ＭＳ 明朝";
 */
	color: black;
	clear: right;
	overflow: hidden;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	background-color: #fffadf;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
div#prof_in{
     background-color: #f4e0c5;
     margin-bottom: 10px;
     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-top: 20px;
     padding-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     color: black;
     margin-right: 2%;
     border-width: 1px;
     border-style: solid;
     border-color: black;
     line-height: 1.5;
     margin-left: 2%;
     overflow: hidden;
}
div#prof_in h1{
     padding-top: 0px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 0px;
     color: black;
     background-color: transparent;
     font-size: 28px;
     text-shadow: 2px 2px 2px #fff;
}
div#prof_in h2{
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
}
div#prof p{
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom : 0px;
  font-size: 22px;
  text-shadow: 2px 2px 2px #fff;

}
div#prof_img{
     margin-top: 20px;
     margin-left: 2%;
     background-color: #f4e0c5;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;
     border-width: 1px;
     border-style: solid;
     border-color: black;
     margin-bottom: 20px;
     line-height: 1.5;
     margin-right: 2%;
     padding-top: 10px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 10px;
     display: block;
     text-align: center;
}
div#prof_img h1{
	color: #999900;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	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: 35px;/*
	font-family: メイリオ;
 */
	margin-top: 10px;
	line-height: 1.5;
	text-align: center;
      text-shadow: 2px 2px 2px #fff;
}
div#prof_img h2{
     font-size: 150%;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 15px;
     margin-left: 20%;
     margin-right: 20%;
     margin-bottom: 15px;
     color: black;
     background-color: white;
     text-align: center;
     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
     display: block;
     border-width: 5px;
     border-style: outset;
     border-color: #e8b20d;
     border-top-left-radius: 10px 10px;
     border-top-right-radius: 10px 10px;
     border-bottom-right-radius: 10px 10px;
     border-bottom-left-radius: 10px 10px;

     background: -moz-linear-gradient(top,#fae7c6 0,#e16108 100%);
     background: -webkit-linear-gradient(top,#fae7c6 0,#e16108 100%);
     background: -o-linear-gradient(top,#fae7c6 0,#e16108 100%);
     background: -ms-linear-gradient(top,#fae7c6 0,#e16108 100%);

}
div#prof_img h2 a{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: block;
  text-shadow: 2px 2px 2px #fff;

}
div#prof_img h2 a:visited{
  color: black;
}
div#prof_img h2 a:hover{
  background-color: rgba(0, 128, 255, 0.5);
  background-image: none;
}

div#prof_img a#miki{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	position: static;
}

div#prof_img img{

	border-width: 1px;
	border-style: solid;
	border-color: black;
	width: 80px;
	height: 125px;
	box-shadow: 5px 5px 5px #de9e0d;


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

}
div#prof_img img:hover{

}

div#zen{
     background-color: rgba(0, 0, 0, 0.8);
     background-image: url(images/kawara.gif);
     background-repeat: repeat;
     max-width: 1000px;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
}
div#zen_out{
     overflow: hidden;
     background-color: rgba(238, 238, 238, 0.5);
}
div#zen_in{
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  max-width: 1000px;
  overflow: hidden;
}


div#page{
	max-width: 1000px;
}

div#page img{
	width: 100%;
}

div#page li{
      font-size: 150%;
	list-style-type: none;
	background-image: url(ph6s/achi7.jpg);
	background-repeat: no-repeat;
	background-position: left top;/* 背景画像をhtml要素に表示 */
      background-size: 100%;
      text-shadow: 2px 2px 2px #fff;
}




div#zen_in img{
  border-width: 1px;
  border-style: solid;
  border-color: white;
}

div#fut{
     bottom: 0px;
     z-index: 99;
     padding-top: 10px;
     background-color: rgb(252, 230, 153);
     background-image: none;
     background-repeat: repeat;
     background-position: center top;
     box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
     border-top-width: 1px;
     border-top-style: solid;
     border-top-color: black;
     padding-left: 0%;
     padding-right: 0%;
     padding-bottom: 10px;
     max-width: 1000px;
     margin-left: auto;
     margin-right: auto;
     overflow: hidden;
     font-size: 150%;
}
div#fut p{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	display: block;

	text-shadow: 2px 2px 2px #c3c7c6;
	color: black;
}

div#fut p a{
     color: black;
     display: inline-block;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     text-shadow: 2px 2px 2px #fff;
}

#fut a:visited{
	color: black;
}


div#fut img{
     box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
     margin-right: 5px;
     margin-bottom: 5px;
     vertical-align: middle;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 5px;
     margin-left: 5px;
     border-width: 5px;
     border-style: outset;
     border-color: silver;
     background-color: #eaeaea;
}



.in{
  position: relative;
  max-width: 800px;
  visibility: visible;
}
.in img{

  left:0;
  top:0;
}
.out{
  position: relative;
  max-width: 800px;
  visibility: hidden;
}
.in2{
  visibility: visible;
}
.out2{
  visibility: hidden;
}

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



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

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

#img3.blinking {
    animation-delay: 9s;
    -webkit-animation-delay: 9s;
}

#img4.blinking {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
}

#img5.blinking {
    animation-delay: 15s;
    -webkit-animation-delay: 15s;
}

#img6.blinking {
    animation-delay: 18s;
    -webkit-animation-delay: 18s;
}

#img7.blinking {
    animation-delay: 21s;
    -webkit-animation-delay: 21s;
}





/* ウィンドウ幅が0?799pxの場合に適用するCSS */
@media screen and ( max-width:799px )
{
	#page {

	}

  body{
   background-image: none;
   }

  div#fut img{

  }

}

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



}








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