body {
	background-color:#FFFFFF;
	font-size:12px;/*基本の文字サイズ*/
	font-family:"游ゴシック","超極細ゴシック体","Meiryo UI","Roboto";
	line-height:170%;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0;
	margin-right:0;
}

h1{
	color:#FFFFFF;
	background-color:#0066CC;
	padding:15px;
	border-radius:20px;
}

h2{
	margin-bottom: 20px;
	padding: 10px;
	font-size:22px;
	font-weight: bold;
	color: #ffffff;
	background-color:#0066FF;
	border-left: #FFFFAA solid 7px;
	border-bottom:#FFFFAA solid 3px;
	margin-left:20px;
}

h3{
	margin-bottom: 10px;
	padding: 5px;
	font-size:18px;
	font-weight: bold;
	color: #ffffff;
	background-color:#0099CC;
	border-bottom: #FFFFAA solid 3px;
	margin-left:20px;
	

}

h4{
	margin-bottom: 20px;
	padding: 5px;
	font-weight: bold;
	font-size:14px;
	color: #111111;
	background-color:#DBFF71;
	border-bottom: #FFFFAA solid 3px;
}

h5{
	font-size:18px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#E9FFA5;
	padding:7px;
	border-radius:10px;
}

div.matome{
	width:100%;
}

#link-box{
	width:90%;
	margin-left:20px;
	
}

td.link1 a{
	border: 1px #000000 solid;
	width: 300px;
	text-align: center;
	background-color:#99CCFF;
	color:#000000;
	padding:20px;
	display: block;
	}

td.link1 a:hover{
	background-color:#99CCFF;
}
	
td.link2 a{
	color:#3f3f3f;
	border: 1px #000000 solid;
	width:auto;
	text-align: center;
	background-color:#FFFF99;
	padding:20px;
	display: block;
}

td.link2 a:hover{
	background-color:#B0E0E6 ;
}

#title{
	width:100%;
}

#manu{
	background-color:#B0E0E6;
	width:auto;
	height:auto;
	clear:none;
	margin-bottom:30px;
}

#main{
	background-color:#B0E0E6;
	width:100%;
	float:left;
	padding: 20px;
	margin-bottom:50px;
}

#saku{
	background-color:#B0E0E6;
	width:80%;
	float:left;
	font-size:20px;
}

#slide{
	float:center;
}

#blog{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:440px;
	height: 250px;
	float: left;
	border-radius:30px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom: 20px;
}
/*-----少し縦に長いブログの枠(山)-----*/
#yblog{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:440px;
	height: 300px;
	float: left;
	border-radius:30px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom: 20px;
}
/*-----少し横と縦に長いブログの枠-----*/
#gablog{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:440px;
	height:520px;
	border-radius:30px;
	margin-left:20px;
	float: left;
	
	margin-right:20px;
	margin-bottom: 20px;
}

/*-----少し縦に長いブログの枠-----*/
#pblog{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:670px;
	height:520px;
	float: left;
	border-radius:30px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom: 20px;
}

div.shita{
	width: auto;
	height: auto;
}

/*----テーブル表組み左のセル--------*/
.table_item{background-color:#f3f3f3; /*----セルの色--------*/
text-align:left;
width:80px; /*----幅の指定--------*/

}

/*--------テーブルの学年欄---------*/
.table_nen{background-color:#f3f3f3; /*----セルの色--------*/
text-align:left;
width:80px; /*----幅の指定--------*/


}

/*----テーブル表組み右のセル--------*/
.table_text{
background-color:#ffffff; /*----セルの色--------*/
text-align:left;
width:80px; /*----幅の指定--------*/
table-layout:fixed; /*----幅を均等--------*/
border:solid 1px;/*-----枠線-----*/

}


  
td{
    background-color:#FFFFFF;
    
}


   
td.waku{
	background:#FFDDFF;
	padding: 20px;
	border-radius:15px;
}

td.waku2{
    background-color:#FFFFFF;
}



table{
    height:300px;
	margin-left:60px;
}

table.
{
	height:220px;
	margin-bottom:20px;
}

table.sita2{
    height:30px;
    margin-bottom:30px;
}


table.form{
    background-color:#ee827c;
    
}


    
form{
	margin-bottom:30px;
}

input.hidari{
	margin-left:30px;
}

strong.ttl{
	margin-left:30px;
}

#komon{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:750px;
	float: left;
    border-radius:30px;
	margin-left:20px;

	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
}



#snenzone{

	width:90%;
	float:left;
}

#nnenzone{
	
	width:90%;
	float:left;

}

#inenzone{
	
	width:90%;
	float:left;
}

#snen{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:200px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	border-radius:30px;
	margin-left:20px;
	
}

#basnen{
	padding:8px;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
}	
	
#nnen{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:200px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	border-radius:30px;
	margin-left:20px;
	border-radius:30px;
	margin-left:20px;
	
}

#inen{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:200px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	border-radius:30px;
	margin-left:20px;
}

#znen{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:350px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	border-radius:30px;
	margin-left:20px;
}



#hobzone{
	background-color:#B0E0E6;
	width:90%;
	float:left;
}

#jobzone{
	background-color:#B0E0E6;
	width:90%;
	float:left;
}

#robzone{
	background-color:#B0E0E6;
	width:90%;
	float:left;
	
	
}

#hob{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:200px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	border-radius:30px;
	margin-left:20px;
	
}

#job{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:200px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	border-radius:30px;
	margin-left:20px;
	
}

#basyozone{
	background-color:#B0E0E6;
	width:90%;
	float:left;
}

#basyo{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:200px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	margin-left:20px;
}

#senzone{
	background-color:#B0E0E6;
	width:90%;
	float:left;

	
}

#sen{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:200px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	border-radius:30px;
	margin-left:20px;
	
}
/*----地図の大きさ--------*/
.tizu{
width:500px;
height:450px;
float:right;
}


#rob{
	padding:5px;
	background-color:#ffffff;
	font-size:18px;
	width:360px;
	height:200px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
	border-radius:30px;
	margin-left:20px;
	
}

#atogaki{
	background-color:#ffffff;
	font-size:18px;
	width:750px;
	float: left;
	margin-top: 20px;
	margin-right:30px;
	margin-bottom: 20px;
}

div.kousin{
	color:#000000;
	background-color:#FFDDFF;
	width:40% ;
	float:left;
	margin-top:20px;
	margin-left:50px;
	margin-bottom:50px;	
	padding: 20px;
	border-radius:20px;
	font-size: 18;
}

div.oshirase{
	background-color:#FFDDFF;
	width: 60%;
	float:left;
	margin-top:20px;
	margin-left:50px;
	margin-bottom:50px;	
	padding: 20px;
	border-radius:20px;
	font-size: 18;

}


#owari{
	color: #ffffff;
	clear: both;
	background-color:#0099CC;
	padding: 5;
}

a { 
text-decoration: none; 
}

a:link{
color:#000000;
}

a:visited{
color:#000000;
}

a:hover{
color:#000000;
}

a:active{
color:#000000;
}

a.button{
	color:#000000;
	font-size:15px;
	width:200px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	border:8px solid;
	border-color:#0066CC;
	display: table-cell;
	background:#FFFFFF;
}
a.button:hover{
	color:#ffffff;
	background:#0099FF;
}

a.gaibu{
	font-size:15px;
	width:200px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	border:8px solid;
	border-color:#FF0000 #FF0000 #FF0000 #FF0000;
	display: table-cell;
	background:#FFD5EC;
}
a.gaibu:hover{
	background:#A7F1FF;
}



#pageTop {

  position: fixed;
  bottom: 20px;
  right: 20px;
}

 

#pageTop a {
  display: block;
  z-index: 999;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;

  border-radius: 30px;
  width: 100px;
  height: 30px;
  background-color:#66CCFF;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}