@charset "utf-8";

*{
	margin: 0px;
}

body, html{
  margin: 0;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms;
  font: 16px/1.7 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";

}

.section{
       position: relative;
}
.site_title{
	padding: 15px;
	background : url(back2.png) center center / auto auto repeat scroll padding-box border-box transparent;
        margin-left: 5px;
	margin-right: 5px;
	border-radius: 10px;
	z-index: 1;
	height:auto;
}
.site_title span{
	font-family: "MS Serif", "New York", serif;
	font-size: 42px;
	color: #000000;
}
img{
	border-style: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
#box{
      background-image : url(back.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}

#box0{
      background-image : url(back.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box1{
      background-image : url(back10.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box2{
      background-image : url(back10.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box3{
      background-image : url(back.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box4{
      background-image : url(back10.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box5{
      background-image : url(back.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box6{
      background-image : url(back10.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box7{
      background-image : url(back10.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box8{
      background-image : url(back10.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box9{
      background-image : url(back10.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box10{
      background-image : url(back.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}

#box11{
      background-image : url(back10.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box12{
      background-image : url(back.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}
#box13{
      background-image : url(back.png);
	width: 80%;
       height:auto;
       max-width: 900px;
   	border-radius: 10px;
	padding: 30px;
	z-index: 1;
   position: relative;
      margin: 0 auto 0;
      max-width: 900px;
}

.fp-viewing-0 #box0 {
 animation: fadeIn s ease-in-out 0s 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in-out 0s 1 normal forwards;
}
.fp-viewing-1 #box1 {
 animation: fadeIn 3s ease-in 50ms 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 50ms 1 normal forwards;
}
.fp-viewing-2 #box2 {
 animation: fadeIn 3s ease-in 0s 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 0s 1 normal forwards;
}
.fp-viewing-3 #box3 {
 animation: fadeIn 3s ease-in 25ms 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 25ms 1 normal forwards;
}

.fp-viewing-3 #konoha {
 animation: jello 3s ease-in 800ms 1 normal forwards;
    -webkit-animation: jello 2s ease-in 800ms 1 normal forwards;
}
.fp-viewing-4 #box4 {
 animation: fadeIn 3s ease-in 25ms 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 25ms 1 normal forwards;
}

.fp-viewing-5 #box5 {
 animation: fadeIn 3s ease-in 25ms 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 25ms 1 normal forwards;
}
.fp-viewing-6 #box6 {
 animation: fadeIn s ease-in-out 0s 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in-out 0s 1 normal forwards;
}
.fp-viewing-7 #box7 {
 animation: fadeIn 3s ease-in 50ms 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 50ms 1 normal forwards;
}
.fp-viewing-8 #box8 {
 animation: fadeIn 3s ease-in 0s 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 0s 1 normal forwards;
}
.fp-viewing-9 #box9 {
 animation: fadeIn 3s ease-in 25ms 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 25ms 1 normal forwards;
}
.fp-viewing-10 #box10 {
 animation: fadeIn s ease-in-out 0s 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in-out 0s 1 normal forwards;
}
.fp-viewing-11 #box11 {
 animation: fadeIn 3s ease-in 50ms 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 50ms 1 normal forwards;
}
.fp-viewing-12 #box12 {
 animation: fadeIn 3s ease-in 0s 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 0s 1 normal forwards;
}
.fp-viewing-13 #box13 {
 animation: fadeIn 3s ease-in 25ms 1 normal forwards;
    -webkit-animation: fadeIn 2s ease-in 25ms 1 normal forwards;
}

.box h1{
	font-size: 200%;
	font-weight: normal;
	padding-bottom: 10px;
}
.box p{
	text-align:left;
}
.box a:link{
	color: #000000;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-ms-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}
.box a:visited{
	color: #000000;

.box a:hover {
	color: #646464;
}


@media only screen and (min-width: 1200px) {
.site_title{
	padding: 20px;
}
.site_title span {
	font-size: 43px;
}
.ie8_under #site_title{
	padding: 15px;
}
.ie8_under #site_title span {
	font-size: 38px;
}
#section {
	background-attachment: fixed;
}
}
}