


body {
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;

font-size: 90%; 			
	line-height: 1;
color: #000000;			
margin: 0 0 0 0;			
background: #ffffff;  		}

a { text-decoration: none;}	
a:link { color:#000000; }		
a:hover { color:#3cb371; }		
a:visited { color:#000000; }		
a:active { text-decoration: underline;}		
 

#wrapper {
  align: center;
  text-align: left;	
  margin: 0 auto 0;
  width: 960px;
  background-color: "#ffffff";
}

#title {
  bgcolor="#ffffff"
  padding: 0px;
  margin-bottom: 20px;
}

#link { background-color: "#ffffff";
  text-align: center;
  width: 960px;
  clear: both;}

div.link ul {  list-style-type: none;
  width: 960px;
  font-size: 0;
  letter-spacing: -.4em; }

div.link li {  background-color: "#ffffff";
  display: inline-block;
  font-size: 0px;
  height: 60px;
  padding-left: 30px;
  padding-right: 30px;}

#menu{			
text-align: center;
	
font-size:140%; 
color:#000000 ; 
background-color:#ffdab9; 
border-top: solid 1px #d8bfd8;
padding: 10px 0 10px 0;
}


#menulist{			
text-align: center;
			
font-size:80%; 
color:#000000 ; 
background-color: #ffffff; 
border:solid 1px #d8bfd8;
padding: 0x;  
}


div.menulist ul {
  clear: both;
  list-style-type: none;
  width: 100%;
  font-size: 0;
  margin: 0;
  padding: 0;
}


div.menu li {
  background-color: #ffffff;
  font-size:140%; 
  color:#ffffff ; 
  background-color:#ffec80; 
  border-top: solid 3px #d8bfd8;
  padding: 0px 0px 0px 0px;
}

div.menulist li {
  background-color: #ffffff;
  font-size: 12px;
  border-top: solid 1px #d8bfd8;
  padding: 10px 0 10px 0;
}

div.menulist li 
  a:hover {
  text-decoration: none;
  color: #ffffff;
 }


div.contents {
   display: table;   
   width: 100%;
   background-color: #ffffff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   clear: both;
}

   div.contents div.blocka {
   display: table-cell;
   width: 25%;
   background-color: #ffffff;
   padding: 0px 0px 0px 0px;
}

   div.contents div.blockb {
   display: table-cell;
   width: 5%;
   font-size: 10%;
   background-color: #ffffff;
   padding: 0px 8px 0px 8px;
}

   div.contents div.blockc {
   display: table-cell;
   background-color: #ffffff;
   padding: 10px 30px 10px 30px;
}

   div.contents div.blockbox1 {
    text-align: center;	
font-size:16px; 
color:#000000 ; 
background-color:#ffffff; 
margin: 5px 0px 5px 0px; 
padding: 6px 6px 6px 6px;  
  clear: both;
}


   div.contents div.blockbox {
    text-align: center;			
font-size:16px; 
color:#000000 ; 
background-color:#ffffff; 
border:solid 1px #d8bfd8;
margin: 8px 0px 8px 0px; 
padding: 6px 6px 6px 6px;  
  clear: both;
}



#submenu {
  text-align: center;
  background-color: #ffdab9;
  height: 16px;
  margin: 0px 0px 5px 0px; 
  padding: 10px 0px 10px 0px; 
  clear: both;
}

div.submenu ul {
  clear: both;
  list-style-type: none;
  width: 100%;
  font-size: 0;
  margin: 5 0 5 0;
  padding: 0;
}

div.submenu li {
  background-color: #ffdab9;
  display: inline-block;
  font-size: 12px;
  width: 16%;
}


#footer {
  text-align: left;
  background-color: #ffdab9;
  height: 200px;
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 10px 20px; 
  font-size:120%; 
  clear: both;
}

h1 { 
font-size:100% ; 
font-weight: normal;
margin: 30px 0px 5px 0px;
padding: 6px 6px 6px 6px;
}

h2 { 
font-size:100% ; 
font-weight: normal;
letter-spacing: 0.5em;	
margin:5px; 
padding:0px; }


hr {
border: 0;
border-top: 1px solid #d8bfd8;
margin: 30px 0px 5px 0px;
}



p.box {			
text-align: center;			
font-size:80%; 
color:#000000 ; 
background-color:#ffffff; 
border:solid 1px #d8bfd8;
margin: 5px 2px 5px 2px; 
padding: 6px 6px 6px 6px;  
  clear: both;
}
 
div.leftbox {			
text-align: center;		
font-size: 80%;
color:#FF6347 ; 
background-color:#ffffff; 
border-radius: 10px 10px 10px 10px;
border:solid 1px #d8bfd8;
margin: 5px 2px 5px 2px; 
padding: 6px 6px 6px 6px;  
  clear: both;
} 

.center {
 display: block;
 margin-left: auto;
 margin-right: auto;
} 


p.midashi1 {						
font-size:110%; 
font-weight: bold; 
line-height: 1;
color:#000000 ; 
border-bottom:solid 1px #d8bfd8;
margin: 10px 20px 5px 0px; 
padding: 0px 0px 0px 0px;          	}  

p.midashi3 {						
font-size:100%; 
line-height: 2;
color:#000000 ; 
margin: 10px 20px 5px 0px; 
padding: 0px 0px 0px 0px;          	}  

.grid-container {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, auto);
}

.subgrid-container {
  grid-column: span 3;
  display: grid;
  grid-template-columns: subgrid;
}

.grid-item {
  background: #eee;
  padding: 4px;
}
