@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
section, article, aside, hgroup ,header, footer, main, nav, figure, topics, h1, h2, h3, li{
  display: block;
}
img {
  display: block;
  border: none;
}
a {
  color: #F59121;
  text-decoration: none;
}
a:hover{
  opacity: 0.7;
}
ul, ol {
  list-style-type: none;
}
body {
  font-size: 15px;
  color: chocolate;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  background-color: #fffae8;
  line-height: 1.7em;
}
header {
  width: 80%;
  min-width: 600px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
#headerLogo {
  width: 45%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  position: relative;
}

#headerInner img {
	width: 100%;
}

#headerLogo::before{
  content: "";
  display: block;
  width: 95%;
  height: 3px;
  background-color: #F59121;
  position: absolute;
  top: 50%;
  left: -100%; 
}

#headerLogo::after{
  content: "";
  display: block;
  width: 95%;
  height: 3px;
  background-color: #F59121;
  position: absolute;
  top: 50%;
  right: -100%;
}
nav {
  font-size: 1.4vw;
  font-weight: bold;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  margin-bottom: 45px;
  overflow: hidden;
}

header ul {
	width:95%;
	position: relative;
    left: 8%;
	text-align: center;
}

header li {
  float:left;
  display:inline;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:5px;
  width:18%;
  text-align: center;
}

nav img {
	margin-left: 35%;
	margin-bottom: 5%;
}

nav img:hover{
  opacity: 0.7;
}

/*     1ページ目      */

main {
  width: 80%;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 45px;
  overflow: hidden;
}



#mainPhoto {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
  background-color: #F59121;
}

#mainPhoto img {
	  width: 100%;
}


#mainMission h2 {
  width: 100%;
  margin-left: 30px;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: left;
}

#mainMission ul {
  font-size: 18px;
  font-weight: normal;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 250px;
}

#mainMission li {
  display: block;
  width: 25%;
  float: left;
  margin-left: auto;
  margin-right: auto;
}

#mainMission li img:hover{
  opacity: 0.7;
}

#mainMission img {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#mainMission p {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

#mainNews {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
	margin-bottom: 1%;
  padding-bottom: 1%;
	padding-top: 1%;
  border-radius: 20px;
  background-color: white;

}

#mainNews h2 {
  width: 100%;
  margin-left: 30px;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: left;
}

#mainNews a {
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-left: 5px;
  margin-right: 20px;;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #F59121;
  color: white;
  border-radius: 10px;
}

#mainNews div {
	width: 90%;
  margin-left: auto;
  margin-right: auto;
	margin-bottom: 5vh;
}

#mainNews table {
    width: 90%;
    margin-top: 40px;
    margin-bottom: 40px;
}

#mainNews td:nth-child(1) {
	width: 10%;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
  padding-right: 20px;
	margin-left: 10px;
  margin-right: 10px;
  color: black;
  border-bottom: 1px thick black;
}

#mainNews td :nth-child(2) {
	width: 5%;
}

#mainNews .new {
    width: 65px;
  	padding-left: 1%;
    padding-right: 1%;
	  padding-top: 2px;
	  padding-bottom: 2px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 2%;
    margin-top: 2%;
    border-radius: 10px;
  	color: white;
    background-color: salmon;
    text-align: center;
    display: block;
}

#mainNews td:nth-child(3) {
	width: 75%;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 20px;
  margin-right: 20px;
  color: black;
}

#blog h2 {
    width: 100%;
    margin-left: 30px;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
}

#blog ul {
  font-size: 18px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  margin-bottom: 45px;
}

#blog li {
      display: block;
      width: 33%;
      float: left;
      margin-left: auto;
      margin-right: auto;
}

#blog li img:hover{
  opacity: 0.7;
}

#blog img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#blog p {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  text-align: left;
}

/*     2ページ目      */

#policy {
	overflow: hidden;
	border-radius: 20px; 
	display: inline-block;
	margin-top: 20px;
    margin-bottom: 20px;
}

#policy h2 {
    width: 100%;
    margin-left: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#policy #title {
    margin: 15px;
	padding: 10px;
    color: black;
}

#policy #text {
	display: block;
	margin: 15px;
	padding: 10px;
  	color: black;
}

#policy #lasttext {
	float: right;
	color: black;
	padding-right: 15px;
}

#policy ul {
	width: 90%;
	display: flex;
	margin-left: auto;
    margin-right: auto;
	background-color: white;
}

#policy li {
    display: block;
    float: right;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  	margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
	background-color: white;
}

#policy a{
}

#policy p {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

#policy img {
    width: 400px;
	height: 375px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#outline {
	overflow: hidden;
	border-radius: 20px; 
	display: block;
}

#outline h2 {
    width: 100%;
    margin-left: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#summary a {
    height: 100%;
}

#summary table {
  width: 50%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
  margin-bottom: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
}

#outline a {
    display: block;
    float: right;
    width: 40%;
    height: 380px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 7px;
    background-color: white;
}

#summary td:nth-child(1) {
	width: 20%;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 10px;
  margin-right: 10px;
  color: black;
  border-bottom: 1px solid #27237A
}

#summary td:nth-child(2) {
	width: 60%;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: black;
  border-bottom: 1px solid #92561C
}

#support {
	overflow: hidden;
	margin-top: 45px;
    margin-bottom: 45px;
}

#support h2 {
    width: 100%;
    margin-left: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#grow ul {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: white;
}

#support li {
	width: 50%;
	display: inline-block;
}

#grow img {
	display: block;
    float: right;
	width: 100%;
}

#support #image {
    width: 400px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#support #title {
    color: black;
    background-color: white;
}

#support #text {
	display: block;
	margin: 10px;
    color: black;
}

#support p {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

#chart{
	height: 900px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
}


#play {
		display: block;
	position: relative;
	width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#eat {
		display: block;
	position: relative;
    float: left;
}

#eachother {
		display: block;
	position: relative;
    float: right;
}

#line1 {
	display: block;
	position: absolute;
	margin-top: 10%;
	margin-bottom: 10%;
	width: 30%;
	height: 30%;
	float: right;
  background: linear-gradient(45deg, transparent, transparent 50%, orange 49%, orange 51%, transparent 30%, transparent)
}

#line2 {
	display: block;
	position: relative;
	margin-top: -30%;
	width: 200px;
	height: 200px;
	float: left;
	background: linear-gradient(-45deg, transparent, transparent 50%, orange 49%, orange 51%, transparent 30%, transparent)
}

#support a {
    width: 35%;
	margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    color: black;
}

#chart img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}

#support h3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    color: black;
}

#support p {
  width: 75%;
  padding-left: 10px;
  padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
  text-align: center;
  background-color: white;
}

/*     2ページ目test      */

#container {
    width:580px; 
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:11px;
    text-align:center;
    margin:auto;
 }  
#container a {
    display:block;
    color:#000;
    text-decoration:none;
    background-color:#f6f6ff;
 }
#container a:hover {
    color:#900;
    background-color:#f6f6ff;
 }
#no1 {
    width:190px;
    line-height:60px;
    border:1px solid #000;
    margin:auto;
 }
#no1 a {
    height:60px;
 }
#line1 {
    font-size:0;
    width:1px;
    height:20px;
    color:#fff;
    background-color:#000;
    margin:auto;
 } 
#line2 {
    font-size:0;
    width:424px;
    height:1px;
    color:#fff;
    background-color:#000;    
    margin:auto;
 } 
#line3 {
    font-size:0;
    display:inline;
    width:1px;
    height:20px;
    color:#fff;
    background-color:#000;
    margin-left:78px;
    float:left;
 }  
#line4,#line5,#line6 {
    font-size:0;
    display:inline;
    width:1px;
    height:20px;
    color:#fff;
    background-color:#000;
    margin-left:140px;
    float:left;
 }
#no2 {
    display:inline;
    border:1px solid #000;
    clear:both;
    margin-left:35px;
    float:left;
 }
#no2 a,#no4 a,#no8 a {
    width:84px; 
    height:50px;
    padding-top:8px; 
 }  
#no3 {
    display:inline;
    border:1px solid #000;
    margin-left:58px;
    float:left;
 }
#no3 a,#no5 a,#no6 a,#no7 a,#no9 a {
    width:84px; 
    height:42px;
    padding-top:16px;  
 } 
#no4 {
    display:inline;  
    border:1px solid #000;
    margin-left:53px;
    float:left;
 }  
#no5 {
    display:inline;   
    border:1px solid #000;
    margin-left:55px;
    float:left;
 }  
#line7,#line13 {
    font-size:0;
    display:inline;
    width:1px;
    height:38px;
    color:#fff;
    background-color:#000;
    margin-left:219px;
    float:left;
 } 
#line8,#line14 {
    font-size:0;
    display:inline;
    width:1px;
    height:38px;
    color:#fff;
    background-color:#000;
    margin-left:281px;
    float:left;
 }  
#no6,#no8 {
    display:inline;  
    border:1px solid #000;
    margin-left:107px;
    float:left;
 }
#line9,#line11,#line15,#line17 {
    font-size:0;
    display:inline;
    width:26px;
    height:1px;
    color:#fff;
    background-color:#000;    
    margin-top:29px;
    float:left;
 }  
#line10,#line12,#line16,#line18 {
    font-size:0;
    display:inline;
    width:1px;
    height:60px;
    color:#fff;
    background-color:#000;
    float:left;
 } 
#line16,#line18 {
    height:30px;
 }
#no7,#no9 {
    display:inline; 
    border:1px solid #000;
    margin-left:169px;
    float:left;
 } 
.clear {
    clear:both;
 }                  
/*     2ページ目test end     */

#recruit h2 {
    width: 100%;
    margin-left: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#recruit ul {
    margin-left: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#recruit table {
    width: 70%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
    background-color: white;
}

#recruit th {
    width: 20%;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 10px;
    margin-right: 10px;
    color: black;
    border-bottom: 1px solid #27237A;
}

#recruit td:nth-child(1) {
	  padding-left: 10px;
	  padding-top: 7px;
	  padding-bottom: 7px;
	  margin-left: 10px;
    margin-right: 10px;
    color: black;
    border-bottom: 1px solid #92561C
}

#recruit td:nth-child(2) {
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: black;
  border-bottom: 1px solid #92561C;
}

#recruit td:nth-child(3) {
  width: 50%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: black;
  border-bottom: 1px solid #92561C
}

/*     3ページ目      */

#day_schedule {
  width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#day_schedule h2 {
    width: 100%;
    margin-left: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#day {
	display: block;
}

#mainClock {
	position: relative;
	width: 50%;
	margin-top: 1%;
	padding-top: 10%
}

.clock {
	width: 90%;
	margin-left: 40%;
}

#day_schedule ul{
	width: 100%;
	height: 100vh;
	margin-bottom: 50px;
}

#day_schedule li {
	position: absolute;
	text-align: center;
}

#arrive {
	display: block;
	width: 80%;
	margin-left: -25%;
	margin-top: 30%;
	text-align: center
}

#am {
	display: block;
	width: 80%;
	margin-left: -20%;
	margin-top: 18%;
}

#lunch {
	display: block;
	position: absolute;
	width: 80%;
	margin-left: 2%;
	margin-top: 3%;
}

#pm {
	display: block;
	position: absolute;
	width: 80%;
	margin-left: 18%;
	margin-top: 8%;
}

#leave {
	display: block;
	position: absolute;
	width: 80%;
	margin-left: 28%;
	margin-top: 40%;
}

#club {
	display: block;
	position: absolute;
	width: 80%;
	margin-left: 18%;
	margin-top: 52%;
}

.day_scheduleA {
	width: 10%;
	margin-left: auto;
	margin-right: auto;
}

#year_schedule {
	position: static;
}

#year_scheduleP {
  float: right;
  text-decoration: underline;

}

#year_schedule div {
	position: static;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  margin-bottom: 70px;
}

#year_schedule h2 {
    width: 100%;
    margin-left: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#year_schedule ul {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 300px;
  display: flex;
  justify-content: space-between;
}

.monthA {
  display: block;
  position: relative;
  margin-top: 1px;
  margin-bottom: px;
  color: white;
}

.monthB {
  display: block;
  margin-top: 1px;
  color: white;
}

.monthC {
  display: block;
  margin-top: 1px;
  color: white;
}

.monthX {
  display: block;
  position: absolute;
  margin-top: -20px;
  margin-left: -20px;
  text-align: center;
  width: 50px;
  height: 35px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color:darkgoldenrod;
}

#apr {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #FBDAC8;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#may {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #009854;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#jun {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #BEA2CA;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#jly {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #3FB5D3;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#jly {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #3FB5D3;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#aug {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #FFD900;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#sep {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #EDEE9E;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#oct {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #8F2E14;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#nov {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #8B724A;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#dec {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #EB6101;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#jan {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #E6EAE6;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#feb {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #EA618E;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#mar {
  display: block;
  position: absolute;
  width: 50px;
  height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 40%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  background-color: #F4DDA5;
  text-align: center;
  text-shadow: 1px 1px 1px #808080;
}

#year_schedule li.spring{
      display: block;
      width: 245px;
      height: 245px;
      float: left;
      margin-left: 20px;
      margin-right: 20px;
      margin-top: 20px;
      background-color:darkgoldenrod;
}

#year_schedule img {
   width: 245px;
   height: 245px;
}


#activity {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  margin-bottom: 70px;
}

#activity h2 {
    width: 100%;
    margin-left: 30px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#activity h3 {
	display: block;
	position: absolute;
	width: 250px;
	margin-top: 5px;
  text-align: center;
	color: #514E4F;
}

#activity ul {
    font-size: 15px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
	display: flex;
    justify-content: space-between;
}

#activity li {
      display: block;
      width: 260px;
      height: 330px;
      margin-top: 20px;
      background-color:#f9da3e;
	  box-shadow: 6px 6px 6px 2px #0000;
}

#activity li:hover {
	  box-shadow: 6px 6px 6px 2px grey;
}

.class {
	display: block;
	width: 250px;
	height: 290px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#activity p {
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	line-height: 1.5;
}

#activity a {
	margin-bottom: 50px;
}

#activity span {
	display: block;
	width: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	color: white;
	background-color: darkgoldenrod;
}

#activity span:hover {
	text-decoration: underline;
	background-color: darkorange;
}

#activity img {
   width: 220px;
   height: 180px;
   margin-top: 35px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 15px;
}


/*     4ページ目      */

#contact h2 {
    width: 100%;
    margin-left: 20px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#contact p {
  color: black;
  margin-left: 50px;
}
form {
	background-color: white;
}

#contact table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

#contact tr {
}

#contact th {
  text-align: left;
  border-bottom: 1px solid #AAA5A5;
}

#contact td {
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #AAA5A5;
}

.thbd {
  line-height: 1.0;
}

.tdbd {
  line-height: 0.8;
}


#gender {
	line-height: 1.0;
}

#contact li {
  display: block;
  float: left;
}

.divbutton {
  display: block;
  text-align: center;
  background-color: white;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.button {
  background-color: orange;
  width: 150px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: white;
  border-color: orange;
}

.button:hover {
	background-color: darkorange;
}

#tel h2 {
    width: 100%;
    margin-left: 20px;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#tel ul {
	width: 100%;
}

#tel img {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.circle1 {
		width: 110px;
		height: 110px;
		line-height: 110px;
	  	text-align: center;
		display: flex;
		position: absolute;
	  	border-radius: 50%;
		text-shadow: 1px 1px 1px #808080;
		box-shadow: 2px 2px 2px 2px gray;
		background-color: #536DFE;
	    color: white;
	  	margin-top: -24%;
  		margin-left: 55%;
}

.circle2 {
		width: 100px;
		height: 100px;
		line-height: 100px;
	  	text-align: center;
		display: flex;
		position: absolute;
	  	border-radius: 50%;
		text-shadow: 1px 1px 1px #808080;
		box-shadow: 2px 2px 2px 2px gray;
		background-color: #4CAF50;
	    color: white;
	  	margin-top: -16%;
  		margin-left: 58.5%;
}

#banner {
	position: relative;
	width: 100%;
}

#katalog {
	display: block;
  	position: absolute;
	width: 100%;
	color: white;
}

#enter {
	display: block;
  	position: absolute;
	width: 100%;
	color: white;
}

#telNoId {
	display: block;
  	position: absolute;
	width: 35%;
  	margin-top: -15.5%;
  	margin-left: 34%;
	text-shadow: 1px 1px 1px #808080;
	text-decoration: bold;
	font-family: "Arial Black", Gadget, "sans-serif";
	color: white;
}



/*     5ページ目      */




/*     6ページ目      */

	
footer {
  width: 70%;
  min-width: 1000px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  border-top: 3px solid #F59121;
}

#footerInner div {
	width: 110%;
	margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
	

#footerLogo img {
    width: 25%;
    float: left;
    margin-top: 2%;
	padding-left: 5%;
	padding-right: 5%;
    position: relative;
}


#footer ul {
	float: left;
	width: 900px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
    margin-bottom: 20px;
}

footer ul li ul {
	float: left;
}

footer ul li {
	float: left;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}


footer p {
	float: left;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
    margin-bottom: 2%;
	padding-top: 0%;
	padding-bottom: 0%;
    text-align: center;
}

