body {
  border-top: 10px solid #4752C2;
  background: url(../../common/style/images/bodyBack.png) repeat-x left top #F3F4FF;
}
#dropmenu li a {
  background:url(images/gNavi.png) no-repeat;
}
li#gNavi1 {width: 185px;}
li#gNavi2 {width: 185px;}
li#gNavi3 {width: 185px;}
li#gNavi4 {width: 185px;}
li#gNavi5 {width: 210px;}

li#gNavi1 a {background-position:0px 0px;}
li#gNavi1 a:hover {background-position:0px -50px;}
li#gNavi2 a {background-position:-185px 0px;}
li#gNavi2 a:hover {background-position:-185px -50px;}
li#gNavi3 a {background-position:-370px 0px;}
li#gNavi3 a:hover {background-position:-370px -50px;}
li#gNavi4 a {background-position:-555px 0px;}
li#gNavi4 a:hover {background-position:-555px -50px;}
li#gNavi5 a {background-position:-740px 0px;}
li#gNavi5 a:hover {background-position:-740px -50px;}

li#gNavi1 a.active {background-position:0 -50px;}
li#gNavi2 a.active {background-position:-185px -50px;}
li#gNavi3 a.active {background-position:-370px -50px;}
li#gNavi4 a.active {background-position:-555px -50px;}
li#gNavi5 a.active {background-position:-740px -50px;}


#dropmenu {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:left;
}
#dropmenu li {
	float: left;
	padding: 0;
	position: relative;
}
#dropmenu a {
	height: 50px;
	padding: 0;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}
#dropmenu li:hover > a {
	color: #000;
}
*html #dropmenu li a:hover /* IE6 */ {
	color: #000;
}
#dropmenu li:hover > ul {
	display: block;
}
/* Sub-menu */

#dropmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 47px;
	left: 0;
	z-index: 99999;
  border: 1px solid #CCC;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:  2px 2px 6px 0px #666;
	box-shadow:  2px 2px 6px 0px #666;
}
#dropmenu ul li {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
  border-bottom: 1px solid #CCC;
}
#dropmenu ul li:last-child {
  border-bottom: none;
}
#gNavi ul#dropmenu ul li a {
	min-width:185px;
	padding: 11px 18px;
	height:  auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	background: #F6F7FD;
}
*html #dropmenu ul a /* IE6 */ {
	height: 10px;
	width: 150px;
}
*:first-child+html #dropmenu ul a /* IE7 */ {
	height: 10px;
	width: 150px;
}
#gNavi ul#dropmenu ul li a:hover {
	background: #DEDFF3;
}
#dropmenu ul li:first-child a {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#dropmenu ul li:first-child a:after {
	content: '';
	position: absolute;
	left: 50px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #F6F7FD;
}
#dropmenu ul li:first-child a:hover:after {
	border-bottom-color: #DEDFF3;
}
#dropmenu ul li:last-child a {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

#topics h2 {
  color: #4752C2;
  background: url(images/topicsBack.png) no-repeat left center;
  padding: 20px 0 20px 80px;
  font-size: 18px;
}
#news h2 {
  color: #4752C2;
  background: url(images/newsBack.png) no-repeat left center;
  padding: 20px 0 20px 60px;
  font-size: 18px;
}

#gakkoSeikatsu section,
#kyushoku section {
  border: 4px solid #C4C9FD;
}

#kyoikuiinkai h2 {
  color: #4752C2;
  font-size: 22px;
  background: url(images/kyoikuiinkaiBack.png) no-repeat left center;
  padding: 0px 0 15px 15px;
}

footer {
  border-top: 4px solid #4752C2;
}
#copyright {
  color: #FFF;
  background: #4752C2;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  background-color: #4752C2 !important;
  border: 1px solid #999 !important;
}

#contents h1 {
	color: #4752C2;
}

#contents h2 {
  background: #F3F4FF;
}
#contents h3 {
  border-left: 5px solid #4990E2;
}