body{
font-size: 14pt;
}

a:link{color: #4169e1;text-decoration:none;} 
a:visited{color: #4169e1;text-decoration: none;}
a:hover {color: #cccc00;text-decoration:none;} 
a:active {color: #ff1111;text-decoration:none;} 

h2{text-shadow:darkgray 3px 3px 3px;text-align:center;color:#363636;}
h3{text-shadow:darkgray 3px 3px 3px; color:#363636;}
.c-green{color:green;}
.text-r{text-align:right; }
.text-c{text-align:center; }
.text-l{text-align:left; }
#photo{
	margin:auto auto;
	background-color:white;
	font-size:12pt; color:#white;
	clear:both;
	text-align:center; 
	//box-shadow: 0px 0px,gray 2px 2px 2px 2px;
	}
#photo2{
	margin:auto auto;
	background-color:white;
	clear:both;
	text-align:center; 
	//box-shadow: 0px 0px,gray 2px 2px 2px 2px;
	}
.frame{
	width:100%;
	height:24px;
	//border:1px solid;
	background-image:url(../bg1.jpg);
	}
.center{
	margin:0px 0px;
	clear:both;
	text-align:center; 
	}

header{
	background-color:#c1e4e1;
	clear:both;
	padding:auto auto;
	margin:auto auto;
	text-align:center;
	text-shadow:#444 2px 2px 2px;
	color:#fff;
	//border:1px solid;
	//border-color:#0099FF;
	}
footer{
	background-color:#c1e4e1;
	clear:both;
	padding:auto auto;
	margin:auto auto;
	text-align:center; 
	//border:1px solid;
	//border-color:#0099FF;
	}
#wrap{
	width:1050px;
	margin:20px auto;
	text-align:center;
	background-color:transparent;
	border:1px solid;
	border-color:#0099FF;
	padding:5px 5px;
	overflow:hidden;
	clear:both;
	}
#wrap1250{
	width:1250px;
	margin:5px auto;
	text-align:center;
	background-color:transparent;
	background-image:url(../bg1.jpg);
	border:1px solid;
	border-color:#0099FF;
	padding:5px 5px;
	overflow:hidden;
	clear:both;
	}
#w2-wrap{
	width:2050px;
	margin:20px auto;
	text-align:center;
	background-color:transparent;
	border:1px solid;
	border-color:#0099FF;
	padding:5px 5px;
	overflow:hidden;
	clear:both;
	}
#w3-wrap{
	width:3050px;
	margin:20px auto;
	text-align:center;
	background-color:transparent;
	border:1px solid;
	border-color:#0099FF;
	padding:5px 5px;
	overflow:hidden;
	clear:both;
	}

#sp_red{
	width:220px;
	margin:auto auto;
	background-color:#f55;
	font-size:12pt; color:#eee;
	clear:both;
	text-align:center; 
	}
#sp_red2{
	width:220px;
	margin:auto auto;
	background-color:#f55;
	font-size:12pt; color:white;
	clear:both;
	text-align:center; 
	box-shadow: 0px 0px,gray 2px 2px 2px 2px; 
	}
#sp_pink{
	width:220px;
	margin:auto auto;
	background-color:pink;
	font-size:12pt; color:white;
	clear:both;
	text-align:center;
	box-shadow: 0px 0px,gray 2px 2px 2px 2px; 
	}
#sp_green{
	width:220px;
	margin:auto auto;
	background-color:green;
	font-size:12pt; color:white;
	clear:both;
	text-align:center; 
	box-shadow: 0px 0px,gray 2px 2px 2px 2px;
	opacity:0.75;
	}
#sp_yellow{
	width:220px;
	margin:auto auto;
	background-color:yellow;
	font-size:12pt;color: #aaaaaa;
	clear:both;
	text-align:center; 
	box-shadow: 0px 0px,gray 2px 2px 2px 2px;
	}
#sp_blue{
	width:220px;
	margin:auto auto;
	background-color:blue;
	font-size:12pt; color:white;
	clear:both;
	text-align:center; 
	box-shadow: 0px 0px,gray 2px 2px 2px 2px;
	opacity:0.75;
	}
#sp_blue2{
	width:220px;
	margin:auto auto;
	background-color:#99ccff;
	font-size:12pt; color:white;
	clear:both;
	text-align:center; 
	box-shadow: 0px 0px,gray 2px 2px 2px 2px;
	}
#sp_blue3{
	width:220px;
	margin:auto auto;
	background-color:#99ccff;
	font-size:12pt;
	clear:both;
	text-align:center; 
	box-shadow: 0px 0px,gray 2px 2px 2px 2px;
	}
#sp_blue3h{
	width:150px;
	margin:auto auto;
	background-color:#99ccff;
	font-size:12pt;
	clear:both;
	text-align:center; 
	box-shadow: 0px 0px,gray 2px 2px 2px 2px;
	}	
#hira{
	width:auto;
	margin:1% 1%;
	text-align:center;
	clear:both;
	}
#hira60{
	width:60%;
	margin:1% 1%;
	text-align:left;
	float:left;
	//border:#66a2c8 2px solid;
	}	
#box50l{
	width:48%;
	margin:1% 1%;
	text-align:center;
	float:left;
	//border:#66a2c8 2px solid;
	}
#box50ll{
	width:48%;
	margin:1% 1%;
	text-align:left;
	float:left;
	//border:#66a2c8 2px solid;
	}
#box50r{
	width:48%;
	margin:1% 1%;
	text-align:left;
	float:right;
	//border:#66a2c8 2px solid;
	}

#box65{
	width:61%;
	margin:1% 1%;
	padding:1% 1%;
	text-align:center;
	float:left;
	//border:#66a2c8 2px solid;
	}
#box65l{
	width:61%;
	margin:1% 1%;
	padding:1% 1%;
	text-align:left;
	float:left;
	//border:#66a2c8 2px solid;
	}
#box65r{
	width:61%;
	margin:1% 1%;
	padding:1% 1%;
	text-align:left;
	float:right;
	//border:#66a2c8 2px solid;
	}
#box35{
	width:31%;
	margin:1% 1%;
	padding:1% 1%;
	text-align:left;
	float:right;
	//border:#66a2c8 2px solid;
	}
#box35l{
	width:31%;
	margin:1% 1%;
	padding:1% 1%;
	text-align:center;
	float:left;
	//border:#66a2c8 2px solid;
	}
#box35ll{
	width:31%;
	margin:1% 1%;
	padding:1% 1%;
	text-align:left;
	float:left;
	//border:#66a2c8 2px solid;
	}
#box35c{
	width:31%;
	margin:1% 1%;
	padding:1% 1%;
	text-align:center;
	//border:#66a2c8 2px solid;
	}
#box35r{
	width:31%;
	margin:1% 1%;
	padding:1% 1%;
	text-align:center;
	float:right;
	//border:#66a2c8 2px solid;
	}

#box32c{
	width:31%;
	margin:none;
	padding:1% 1%;
	text-align:center;
	//border:#66a2c8 2px solid;
	float:left;
	}

.multicolumnbox1{
	-moz-column-count: 1;
	-webkit-column-count: 1;
	-moz-column-gap: 15px;
	-webkit-column-gap: 15px;
	column-count:1;
	column-gap: 15px;
	padding:20px 20px;
	text-align:left; 
	clear:both;
	}
.multicolumnbox2{
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-moz-column-gap: 15px;
	-webkit-column-gap: 15px;
	column-count:2;
	column-gap: 15px;
	padding:20px 20px;
	text-align:left; 
	clear:both;
	}
.multicolumnbox3{
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-moz-column-gap: 15px;
	-webkit-column-gap: 15px;
	column-count:3;
	column-gap: 15px;
	padding:20px 20px;
	text-align:left; 
	clear:both;
	}
.multicolumnbox4{
	-moz-column-count: 4;
	-webkit-column-count: 4;
	-moz-column-gap: 15px;
	-webkit-column-gap: 15px;
	column-count:4;
	column-gap: 15px;
	padding:20px 20px;
	text-align:left; 
	clear:both;
	}
.multicolumnbox6{
	-moz-column-count: 6;
	-webkit-column-count: 6;
	-moz-column-gap: 15px;
	-webkit-column-gap: 15px;
	column-count:6;
	column-gap: 15px;
	padding:20px 20px;
	text-align:left; 
	clear:both;
	}
.multicolumnbox7{
	-moz-column-count: 7;
	-webkit-column-count: 7;
	-moz-column-gap: 15px;
	-webkit-column-gap: 15px;
	column-count:7;
	column-gap: 15px;
	padding:4px 4px;
	text-align:left; 
	clear:both;
	}
#column{
	background-image:url(../bg1.jpg);
	}
mark {background-color: powderblue;color: #55d;}
div.guard1{
	 position:relative;
	width:100%;
	height:100%;
}
span.guard2{
	position:absolute;
	display:blok;
	width:100%;
	height:100%;
	background-image:url(../sukashi.gif);
	opacity:0.3;
}

.oneArea {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}
.oneArea .oneBox {
  width: 32%;
  margin-right: 1%;
  border: 1px solid #111;
  background: #fff;
  box-sizing: border-box;
  font-size: 1rem;
  padding: 5px;
  color: #000;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}