@charset "UTF-8";


body {
  margin: 0px;
  padding: 0px;
  font-family: "メイリオ", Meiryo, sans-serif;
  background-color: #FFFFFF;
}

#page {
  width: 950px;
  margin: 0 auto; 
  background-color: #FBF8C3;
}


#logo{
  width: 950px;
  height: 125px;
  background-image: url(title.jpg);
  border-top: 15px solid #FFC900;
  border-bottom: 15px solid #FFC900;
}

#top{
  width: 950px;
  height: 280px;
  background-image: url(top.jpg);
  border-bottom: 15px solid #FFC900
}


.bar1{
  clear: both;
  width: 950px;
  height: 30px;
  background-color: #FBF8C3;
}

.bar2{
  clear: both;
  width: 950px;
  height: 15px;
  background-color: #FBF8C3;
}

#menu {
  width: 195px;
  height: 500px;
  background-color: #FBF8C3;
  border-style: none solid;
  border-width: 5px 5px 5px 5px;
  border-color: #FBF8C3;
  font-family: "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  float: left;
}

.box1 {  
  width: 680px;
  height: 40px;
  background-color: #FF7500;
  border-radius: 10px;
  border: 2px solid #da4033;
  float: left;
  margin-left: 30px;
  line-height: 2em;
  text-indent: 1em;  
  font-family: "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  color: #FFFFFF;
}


.line-height {
 line-height: 180px;
}

.absolute{
    position: absolute;
    top: 50%;
    left: 15px;
    margin: -0.5em;
}
	

.box1-1 {
  background-color: #F5EFD8;
  width: 680px;
  height: 20px;
  margin-left: 30px;
  float: left;
}

.box2 {
  width: 680px;
  height: 170px;
  overflow: auto;
  margin-left: 30px;
  background-color: #F5EFD8;
  float: left;
}

.box3 {
  background-color: #FBF8C3;
  width: 680px;
  height: 52px;
  margin-left: 30px;
  float: left;
}

.box4 {
  margin: 0px;
  padding: 0px;
  width: 680px;
  height: 260px;
  margin-left: 30px;
  background-color: #F5EFD8;
  border-right-width: 30px;
  float: left
}

#aisatu1{
	  margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 1000px ;
      background : #F5EFD8 ;
      }

#aisatu2{
      float : left ;
      width : 660px ;
      height : 1000px ;
      background : #F5EFD8 ;
      }

#kaisoku1{
	  margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 3300px ;
      background : #F5EFD8 ;
      }

#kaisoku2{
      float : left ;
      width : 660px ;
      height : 3300px ;
      background : #F5EFD8 ;
      }
#kojinjyouhou1{
    margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 2000px ;
      background : #F5EFD8 ;
      }

#kojinjyouhou2{
      float : left ;
      width : 660px ;
      height : 2000px ;
      background : #F5EFD8 ;
      }
#kouen1{
	  margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 800px ;
      background : #F5EFD8 ;
      }

#kouen2{
      float : left ;
      width : 660px ;
      height : 800px ;
      background : #F5EFD8 ;
      }

#photo1{
	  margin-left: 30px;
      float : left ;
      width : 680px ;
      height : 550px ;
      background : #F5EFD8 ;
      }

#syoumei1{
	  margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 800px ;
      background : #F5EFD8 ;
      }

#syoumei2{
      float : left ;
      width : 660px ;
      height : 800px ;
      background : #F5EFD8 ;
      }

#jyuusyo1{
	  margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 350px ;
      background : #F5EFD8 ;
      }

#jyuusyo2{
      float : left ;
      width : 660px ;
      height : 350px ;
      background : #F5EFD8 ;
      }

#shougaku1{
	  margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 1000px ;
      background : #F5EFD8 ;
      }

#shougaku2{
      float : left ;
      width : 660px ;
      height : 1000px ;
      background : #F5EFD8 ;
      }

#toiawase1{
	  margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 400px ;
      background : #F5EFD8 ;
      }

#toiawase2{
      float : left ;
      width : 660px ;
      height : 400px ;
      background : #F5EFD8 ;
      }

#toiawase2019-1{
    margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 800px ;
      background : #F5EFD8 ;
      }

#toiawase2019-2{
      float : left ;
      width : 660px ;
      height : 800px ;
      background : #F5EFD8 ;
      }

#oshirase01{
    margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 1250px ;
      background : #F5EFD8 ;
      }

#oshirase02{
      float : left ;
      width : 660px ;
      height : 1250px ;
      background : #F5EFD8 ;
      }

#oshirase03{
    margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 850px ;
      background : #F5EFD8 ;
      }

#oshirase04{
      float : left ;
      width : 660px ;
      height : 850px ;
      background : #F5EFD8 ;
      }

#oshirase05{
    margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 1050px ;
      background : #F5EFD8 ;
      }

#oshirase06{
      float : left ;
      width : 660px ;
      height : 1050px ;
      background : #F5EFD8 ;
      }

#oshirase07{
    margin-left: 30px;
      float : left ;
      width : 20px ;
      height : 2300px ;
      background : #F5EFD8 ;
      }

#oshirase08{
      float : left ;
      width : 660px ;
      height : 2300px ;
      background : #F5EFD8 ;
      }

.left-box-1{
	  margin-left: 30px;
      float : left ;
      width : 30px ;
      height : 200px ;
      background : #F5EFD8 ;
      }

.left-box-2{
      float : left ;
      width : 50px ;
      height : 200px ;
      background : #F5EFD8 ;
      }

.left-box-3{
	  padding-left: 15px;
      float : left ;
      width : 585px ;
      height : 200px ;
      background : #F5EFD8 ;
      }

.left-box-4{
	  margin-left: 30px;
      float : left ;
      width : 30px ;
      height : 60px ;
      background : #F5EFD8 ;
      }

.left-box-5{
      float : left ;
      width : 50px ;
      height : 60px ;
      background : #F5EFD8 ;
      }

.left-box-6{
	  padding-left: 15px;
      float : left ;
      width : 585px ;
      height : 60px ;
      background : #F5EFD8 ;
      }

.left-box-7{
	  margin-left: 30px;
      float : left ;
      width : 30px ;
      height : 330px ;
      background : #F5EFD8 ;
      }

.left-box-8{
      float : left ;
      width : 50px ;
      height : 330px ;
      background : #F5EFD8 ;
      }

.left-box-9-1{	  
	  padding-left: 15px;
      float : left ;
      width : 300px ;
      height : 330px ;
      background : #F5EFD8 ;
      }

.left-box-9-2{
	  padding-left: 5px;
      float : left ;
      width : 280px ;
      height : 330px ;
      background : #F5EFD8 ;
      }

.left-box-10{
	  margin-left: 235px;
      float : left ;
      width : 30px ;
      height : 150px ;
      background : #F5EFD8 ;
      }

.left-box-11{
      float : left ;
      width : 50px ;
      height : 150px ;
      background : #F5EFD8 ;
      }

.left-box-12{
	  padding-left: 15px;
      float : left ;
      width : 585px ;
      height : 150px ;
      background : #F5EFD8 ;
      }


.number{
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
	background-color: #fff0f0;
	float: right
}




footer {
  margin-right: auto;
  margin-left : auto;
  clear: both;
  border-top: 15px solid #FFC900
}

footer section1 {
	margin-left: 80px;
	float: left;
}

footer #center {
	margin: 0 45px;	
}

footer section2 {
	margin-left: 30px;
	float: left;
}

#adress{
  width: 950px;
  height: 50px;
  background-color: #FBF8C3;
  font-family: "メイリオ", Meiryo, sans-serif;
  font-size: 15px;
  color: #000000; 
  border-top: 15px solid #FFC900;
}


.footer-sample {
	clear:both;
    background-color:#FF7500;
	width:950px;
    height:30px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.copyright-text {
	clear:both;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.2em; 
}


#comment {
  font-size: 12px;
  color: #000099;
  font-family: Arial,serif;
}

h1 {
  font-size: 20px;
  color: #FFFFFF; 
}

h2 {
  font-size: 16px;
  color: #0A2F94; 
  line-height: 140%
}

h3 {
  font-size: 18px;
  color: #0A2F94; 
}

h5 {
  font-size: 16px;
  color: #FF0004; 
}


#menu ul {
  margin: 0px;
  padding:0px;
  list-style-type:none;
}

#menu li{
  width: 100%;
  margin-bottom: 4px;
  background-color: #FFC900;
  line-height: 2em;
  text-indent: 1em;
  border-left: 8px solid #F15E02;
}

#menu a {
  display:block;
  text-decoration: none;
  color: #000000;
}

#menu a:hover {
  background-color: #FCA369;
}

div.table-cell{
  display: table-cell;    
  vertical-align: middle;
    }

.largeImage{
border: solid 1px #ccc;
width: 620px;
height: 400px;
padding: 2px;
}

.thumbs img{
border: solid 1px #ccc;
width: 115px;
height: 100px;
padding: 2px;
}

.thumbs img:hover{
border-color: #FF9900;
}
