/*--------General settings--------*/
body{
  width:100%;
  background-color: #ddffdd;
  font-family: "Sawarabi Gothic";
  font-family: 'Ubuntu Condensed', sans-serif;
  margin: 0;
}

/*#wrap{
  overflow: hidden;
}
*/
/*------settings for PC's window------*/
/*@media screen and (min-width:1280px){*/

/*-----settings for all pages-----*/

/*----header----*/
  header{
    width: 1260px;
    height: 150px;
    background-color: #f0b070;
    border-bottom-left-radius: 630px 100px;
    border-bottom-right-radius: 630px 100px;
    border-width: 0px 10px 10px 10px;
    border-style: solid;
    border-color: #ffffff;
    position: relative;
    z-index: 2;
  }

  #headerRogo{
    height: 100px;
    position: relative;
    top:  10px;
    left: 100px;
    float: left;
    z-index: 2;
  }

  header>#title{
    position: relative;
    font-size: 30px;
    top: 75px;
    left: 100px;
    color: #ffffff;
    z-index: 2;
  }

  #toMobile{
    position: relative;
    font-size: 1.2em;
    left: 800px;
  }

  .indexHidden{
    display: none;
  }

 #headerList{
   position: relative;
   top: -20px;
   left: -70px;
   display: inline-block;
   list-style: none;
   color: #fff;
   float: right;
 }

 #headerList>li{
   float: left;
   width: 60px;
   margin: 0 10px;
   text-align: center;
 }

  .headerLink>img{
    height: 50px;
    position: relative;
  }

/*----settings for contents----*/

 h3{
   width: 880px;
   color: #505050;
   padding: 10px;
   display: inline-block;
   line-height: 1.3;
   background: #dbf8eb;
   vertical-align: middle;
   border-radius: 25px 0px 0px 25px;
   margin: 10px 0 10px 0;
   }

 h3:before {
   content: '●';
   color: white;
   margin-right: 8px;
}

   h4{
     font-size: 1.2em;
     margin: 0px 0;
     color: #393;
   }

   p{
     height: 300px;
   }

  #PV{
    width: 420px;
    height: 315px;
    float: left;
  }

    #PVshort{
      width: 420px;
      height: 315px;
    }

    #map{
      float: left;
      margin: 0 10px;
    }
 /*----footer----*/
   footer{
     width: 1260px;
     height: 200px;
     color: #fff;
     background-color: #449944;
     position: relative;
     z-index: 3;
   }

   #footerLeft{
     width: 610px;
     height: 160px;
     padding: 0 10px;
     float: left;
   }

   li>a:link{
     color: #fff;
   }

   li>a:visited{
     color: #ddd;
   }

   #footerRight{
     width: 610px;
     height: 160px;
     padding: 0 10px;
     float: right;
   }

   #footerBottom{
     float: left;
     text-align: center;
     width: 1240px;
     height: 20px;
     padding: 10px;
   }




/*-----settings for top page-----*/
  #topBase{
    width 100%;
    width: 1280px;
    height: 2220px;
    margin: auto;
    background-color:#fff48e;
    transition: all 0.1s ease-in;
    position: relative;
    z-index: 0;
  }

/*----top slider----*/
  #slide{
    width: 100%;
    height: 600px;
    background-color: #cceccc;
    position: relative;
    top: -100px;
    z-index: 1;
  }

 .topimg{
   position: relative;
   z-index: 1;
   height: 600px;
   margin: 0 10px;
 }

/*----main contents----*/
  #topMain{
    width: 1260px;
    height: 2120px;
    background-color: #ffffb2;
    border-top-left-radius: 630px 100px;
    border-top-right-radius: 630px 100px;
    border-width: 10px 10px 0px 10px;
    border-style: solid;
    border-color: #ffffff;
    position: relative;
    top: -200px;
    z-index: 2;
  }

/*----link botton----*/
  #linkList{
    position: relative;
    margin: 0 auto;
    width: 1280px;
    height: 250px;
    z-index: 3;
  }

  #mainRogo{
    height: 210px;
    width: 280px;
    position: relative;
    top: 40px;
    left: 0px;
    z-index: 3;
  }

  .btn{
   text-align: center;
   width: 140px;
   height: 140px;
   background: #009900;
   border-radius: 70px;
   color: #ffffff;
   display: block;
   font-weight: bold;
   font-size: 120%;
   position: relative;
   transition: background-color 0.1s ease-in;
   z-index: 2;
  }

  .btn>img{
  padding: 23px 30px 0;
  display:block;
  height: 81px;
  width: 81px;
  position: relative;
  z-index: 2;
}

#about{
   position: relative;
   top: -170px;
   left: 280px;
 }

 #schedule{
   position: relative;
   top: -330px;
   left: 480px;
 }

 #welcome{
   position: relative;
   top: -470px;
   left: 680px;
 }

 #photo{
   position: relative;
   top: -590px;
   left: 880px;
 }

 #link{
     position: relative;
     top: -680px;
     left: 1080px;
 }

 .btn:hover{
   background: #79d072;
   color: #FFF;
 }

/*----content----*/
 #topContents{
   position: relative;
   width: 1260px;
   height: 1670px;
 }

 #topLeft{
   width: 320px;
   height: 1320px;
   padding-top: 50px;
   float: left;
   text-align: center;
   position: relative;
 }

 #topRight{
   width: 897px;
   height: 1670px;
   padding: 0 20px 0;
   float: right;
   border-left-color: #f0b070;
   border-left-style: solid;
   border-left-width: 3px;
 }

 #koukoku{
   float: left;
   height: 300px;
   margin: 0 10px;
 }

  /*----other page settings----*/
  #pageBase{
    width 100%;
    width: 1280px;
    height: 1570px;
    margin: auto;
    background-color:#fff48e;
    transition: all 0.1s ease-in;
    position: relative;
    z-index: 0;
  }

  #pageMain{
      width: 1260px;
      height: 1400px;
      background-color: #ffffb2;
      border-width: 10px 10px 0px 10px;
      border-style: solid;
      border-color: #ffffff;
      position: relative;
      top: -150px;
      padding-top: 150px;
      z-index: 1;
    }

    #pageContents{
      position: relative;
      width: 1260px;
      height: 1200px;
    }

    #pageLeft{
      width: 320px;
      height: 1000px;
      padding-top: 50px;
      float: left;
      text-align: center;
      position: relative;
    }

    #pageRight{
      width: 897px;
      height: 1200px;
      padding: 0 20px 0;
      float: right;
      border-left-color: #f0b070;
      border-left-style: solid;
      border-left-width: 3px;
    }

    /*-----settings for link page-----*/
    #linkBase{
      width 100%;
      width: 1280px;
      height: 450px;
      margin: auto;
      background-color:#fff48e;
      transition: all 0.1s ease-in;
      position: relative;
      z-index: 0;
    }

    #linkMain{
        width: 1260px;
        height: 340px;
        background-color: #ffffb2;
        border-width: 10px 10px 0px 10px;
        border-style: solid;
        border-color: #ffffff;
        position: relative;
        top: -150px;
        padding-top: 150px;
        z-index: 1;
      }

      #linkContents{
        position: relative;
        width: 1260px;
        height: 100px;
      }

      #exLink{
        list-style: none;
        margin: 50px auto;
        font-size: 20px;
      }

      #exLink>li{
        background-color: #d63;
        text-align: center;
        width: 13ex;
        margin: 0 2px;
        float: left;
      }

/*-----settings for photo page-----*/
      .photoSlider{
        width: 100%;
        height: 400px;
        position: relative;
        z-index: 1;
      }

     .photo{
       position: relative;
       z-index: 1;
       height: 400px;
       background-color: #ddd;
       margin: 0 10px;
     }

     #photoList{
       list-style: none;
       margin: 50px auto;
       font-size: 20px;
     }

     #photoList>li{
       text-align: center;
       width: 13ex;
       margin: 0 2px;
       float: left;
     }

     .photoList>a:link{
       color: #393;
     }

     .photoList>a:visited{
       color: #7d7;
     }
/*
}
*/