@charset "utf-8";
/* CSS Document */
#site-box {
          width : 1000px;
		  height : auto;
		  margin-right:auto;
		  margin-left:auto;
		  background-color:#EEEEFF;
		
}

/* 以下header領域 */

#header { height:140px;
		  width:100%
	
}

#logo { 
	      height : 100px;
		  background-color:#FFF;
		  margin:0px;
}

/* Headerのうち以下メニュー */

#menu{
  list-style-type: none;
  width: 100%;
  height: 35px;
  margin-top:0;
  padding: 0;
  background: #FFF;
  border-top: 1px solid #AAAAFF;
  border-bottom: 4px solid #AAAAFF;
  border-left: 1px solid #AAAAFF;
  /*
  border-radius: 10px 10px 0px 0px;
  */
}
#menu li{
  position: relative;
  width: 20.00%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 8px 0 8px;
  color: #AAF;
  border-right: 1px solid #AAF;
  font-size: 15px;
  font-weight: bold;
  font-family:メイリオ;
  text-decoration: none;
}
#menu li:hover > a{
  background: #AAf;
  color: #ffffff;
}
/*
#menu > li:hover > a{
  border-radius: 10px 10px 0px 0px;
}
*/
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  /* 角丸め
  border-radius: 10px 10px 0px 0px;
  */
  z-index:10;
}
#menu li ul li{
  overflow: hidden;
  width: 200px;
  height: 0;
  color: #fff;
}
#menu li ul li a{
  padding: 7px 10px;
  background: #FFF;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  border-top: 1px solid #AAA
}
#menu li:hover ul li{
  overflow: hidden;
  
  height: 34px;
  border-bottom: 1px solid #ffffff;
}
/*
#menu li:hover ul li:last-child a{
  border-radius: 0px 0px 20px 20px;
}
*/

/* 以下 TopIMG 領域  */

#top-img-title {
		position: relative;
		  height:300px;
		  width:1000px;
		  background-color:#FFFF00;
}

#top-img {
		
		  height:300px;
		  width:1000px;
}

#HP-title {
	position: absolute;
	padding:30px;
	font-size:42px;
	font-weight: bold;
	font-family:メイリオ;
	color:#FFF;
	bottom:0;
	text-shadow: 0px 0px 3px #000;
}

/* 以下main領域 */

/* 以下sub-img領域 */
#sub-img {
		width:700px;
		height:150px;
		background-image:url(kyoiku/sub-img.jpg);
		position:relative;
		z-index:1;
	}
/* 以下sub-title領域 */
#sub-title {
	margin:10px;
		  padding:5px;
		  width:675px;
		  position:absolute;
		  bottom:0;
		  background-color:rgba(0,0,0,0.3);
		  border-bottom:solid 1px #33F;
		  border-left:solid 5px #33F;
		  font-family:Shin Go DeBold;
		  font-size:18px;
		  color:#FFF;
		  text-shadow:3px 3px 2px #000;
}

/* 以下Main Text領域 */

#main-text {
          float: left;
          width: 700px;
		  height:auto;
		  background-color:#FFFFFF;
		  margin:20px 10px 20px 20px;
		  box-shadow: 5px 5px 5px rgba(0,0,0,0.4); 
		  font-family:Shin Go Regular;
		  
}

#text-title{
		  margin:10px;
		  padding:5px;
		  background-color:#DDDDFF;
		  border-bottom:solid 1px #3333FF;
		  border-left:solid 5px #33F;
		  font-family:Shin Go DeBold;
		  font-size:18px;
}

#text{
		  margin:30px;
		  font-size:16px;
		  
}

#mini-topic {
		width:260px;
		margin:30px;
		padding:20px;
		border:solid 2px #AAF;
		background-color:#FFF;
		border-top-left-radius: 10px; 
   		border-top-right-radius: 10px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
}

/* 以下Side領域 */

#side {
          float: right;
          width: 240px;
		  height:auto;
		  background-color:#FFF;
		  margin:20px 20px 20px 10px;
		  box-shadow: 5px 5px 5px rgba(0,0,0,0.4); 
}

#side-menu {
		  margin:10px;
}

#side-menu-title{
		  width:auto;
		  padding:5px 10px 5px 30px;
		  background-color:#88FF88;
		  border-top-left-radius: 10px; 
   		  border-top-right-radius: 10px;
		  font-size: 22px;
  		  font-weight: bold;
		  font-family:Arial;
		  color:#FFFFFF;
		 
}

#side-menu-title a{
		  color:#FFFFFF;
		  text-decoration: none;
}

/*#side-menu-title:hover > a{
  background: #AAf;
  color: #ffffff;
}
*/

#side-menu-text{
		  padding: 10px 30px;
  		  background: #FFF;
		  color:#0D0;
  		  text-align: left;
  		  font-size: 16px;
 		  font-weight: normal;
		  font-family:メイリオ;
		  text-decoration: none;
		  border-right:1px solid #88FF88;
		  border-left:1px solid #8F8;
  		  border-bottom: 1px solid #AAA;
  		  width:auto;
}

#side-menu-text a {
  		  color:#0D0;
		  text-decoration: none;
}

#side-menu-text:hover{
		  background-color:#8F8;
		  text-decoration: none;
}

#side-menu-text:hover > a{
  		  color:#FFF;
		  text-decoration: none;
}

#side-menu-end {
		  width:auto;
		  background-color:#8F8;
		  padding:5px;
		  border-bottom-left-radius: 10px; 
   		  border-bottom-right-radius: 10px;
}





/* 以下footer領域 */

#footer {
		  clear:left;
		  background-color:#FFF;
		  height:auto;
		  margin:0px;
	    }

#footer-menu {
		  padding:10px;
		  font-size:14px;
		  font-weight:bold;
		  font-family:メイリオ;
		  color:#000;
		  text-decoration:none;
}

#footer-menu a{
		  padding:10px;
		  color:#000;
		  text-decoration:none;
}

#footer-info {
		  height:100px;
		  border-top: solid 2px #55FF55;
		  border-bottom: solid 2px #55FF55;
		  
}

#footer-logo {
		  float: left;
		  width: 300px;
}

#school-info {
		  float: left;
		  width: 470px;
		  padding-top:5px;
		  padding-left:30px;
		  font-family:Shin Go regular;
		  font-size:14px;
}

#footer-img {
		  float: right;
		  width: 200px;
}

#copylight {
		  clear:left;
		  padding:10px;
		  font-family:メイリオ;
		  font-size:12px;
}