@charset "utf-8";
/* CSS Document */




/* Share
-----------------------------------------------------------------
----------------------------------------------------------------- */
.contentsLeft .seniorColorNav{background:#0B318F;}
.contentsLeft .juniorColorNav{background:#FF689D;}
.contentsLeft .joshoColorNav{background:#414C9E;}

.cameltable td,
.cameltable th {
  border:1px solid #000;
}



/* PC
-----------------------------------------------------------------
----------------------------------------------------------------- */
@media screen and (min-width:769px) {
header#sp{display:none;}

#page-top {
	position: fixed;
	bottom: 16px;
	right: 16px;
	font-size: 77%;
	z-index:9999;
}
#page-top a {
	width:89px;
	height:89px;
	display: block;
	background:url(../images/page_top.png) no-repeat !important;
}
#page-top a:hover {
	text-decoration: none;
}





/* header
------------------------------------------------ */
header{
	width:1180px;
	height:auto;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	overflow:hidden;
}
	header .logo{
		width:35%;
		float:left;
	}
	
	/* Grand Top page Header
	------------------------------------------ */
	header .headerRightTop{
		width:65%;
		float:right;
	}
		.headerRightTop .searchBox{
			width:230px;
			height:30px !important;
			float:right;
		}
		.headerRightTop .sitemap{
			display:none;
			width:120px;
			height:auto;
			margin-right:10px;
			float:right;
		}
			.sitemap a{
				display:block;
				background:#414c9e;
				color:#fff;
				padding:7px 0px;
				text-align:center;
				font-size:93%;
			}
				.sitemap a:hover{text-decoration:none;}
				.sitemap a img{
					margin-right:3px;
					height:12px;
					width:auto;
				}
		.headerRightTop .request{
			width:150px;
			height:auto;
			margin-right:10px;
			float:right;
		}
			.request a{
				display:block;
				background:#1b79bd;
				color:#fff;
				padding:7px 0px;
				text-align:center;
				font-size:93%;
			}
				.request a:hover{text-decoration:none;}
				.request a img{
					margin-right:3px;
					height:12px;
					width:auto;
				}
		.headerRightTop .access{
			width:90px;
			height:auto;
			margin-right:10px;
			float:right;
		}
			.access a{
				display:block;
				background:#414c9e;
				color:#fff;
				padding:7px 0px;
				text-align:center;
				font-size:93%;
			}
				.access a:hover{text-decoration:none;}
				.access a img{
					margin-right:3px;
					height:12px;
					width:auto;
				}
		.headerRightTop .guidance{
			width:100px;
			height:auto;
			margin-right:10px;
			float:right;
		}
			.guidance a{
				display:block;
				background:#1b79bd;
				color:#fff;
				padding:7px 0px;
				text-align:center;
				font-size:93%;
			}
				.guidance a:hover{text-decoration:none;}
				.guidance a img{
					margin-right:3px;
					height:12px;
					width:auto;
				}
				
				
		.searchBox form.gsc-search-box{
			margin: 0 !important;
		}
		.searchBox form.gsc-search-box .gsc-search-box{
			border: 1px solid #414c9e !important;
			border-right: none !important;
			color: #333 !important;
			background: #fff !important;
			-webkit-box-sizing: border-box !important;
			box-sizing: border-box !important;
		}
		.searchBox form.gsc-search-box .gsc-search-box .gsc-input{
			width:180px !important;
			margin: 0 !important;
			padding: 5px !important;
			font-size: 13px !important;
			line-height: 20px !important;
			-webkit-box-sizing: border-box !important;
			box-sizing: border-box !important;
		}
		.searchBox form.gsc-search-box .gsc-search-box .gsc-input *{
			padding: 0 !important;
			border: none !important;
		}
		.searchBox form.gsc-search-box .gsc-search-box .gsc-input .gsib_b{
			display: none !important;
		}
		.searchBox form.gsc-search-box .gsc-search-box .gsc-search-button{
			margin: 0 !important;
			padding: 0 !important;
		}
		.searchBox form.gsc-search-box .gsc-search-box .gsc-search-button{
			width: 33px !important;
			height: 31px !important;
			border: none !important;
			background: #414c9e !important;
		}
	
	
		.searchBox input#srchInput{
			width:180px !important;
		}
		.searchBox input#srchBtn{
			width:33px;
			height:32px;
			text-indent:-9999px;
			background:#414c9e url(../images/icon_search.png) center center no-repeat;	
		}
		.searchBox p#srchLogo{display:none;}
		
		
		ul.headerLink{
			clear:both;
			padding:8px 0px 12px 0px;
			overflow:hidden;
		}
			ul.headerLink li{
				display:block;
				float:right;
				padding:0px 0px 0px 12px;
			}
				ul.headerLink img{
					margin-right:4px;
				}
				
				
	
	/* inPage Navigation
	------------------------------------------ */
	nav#pc{
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4bfc5+7,899299+100 */
		background: #b4bfc5;
		background: -moz-linear-gradient(top,  #b4bfc5 7%, #899299 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #b4bfc5 7%,#899299 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #b4bfc5 7%,#899299 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4bfc5', endColorstr='#899299',GradientType=0 ); /* IE6-9 */

		
		
		
	}
		nav#pc ul{
			display:block;
			width:1180px;
			height:auto;
			margin:0px auto;
			padding:0px 0px 0px 0px;
			overflow:hidden;
		}
			nav#pc ul li{
				display:block;
				width:16.66%;
				height:auto;
				float:left;
			}
				nav#pc ul li a{
					display:block;
					padding:20px 0px;
					color:#fff;
					font-size:118%;
					text-align:center;
					text-shadow:1px 1px 1px #333;
				}
					nav#pc ul li a:hover{
						text-decoration:none;
						
						/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#899299+0,8e9799+100 */
background: #899299; /* Old browsers */
background: -moz-linear-gradient(top,  #899299 0%, #8e9799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #899299 0%,#8e9799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #899299 0%,#8e9799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#899299', endColorstr='#8e9799',GradientType=0 ); /* IE6-9 */

						
						
					}
					nav#pc ul li a.active{
						/*background:#505ec4 url(../images/nav_active_bar.jpg) center 95.5% no-repeat;*/
						/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#899299+0,8e9799+100 */
background: #899299; /* Old browsers */
background: -moz-linear-gradient(top,  #899299 0%, #8e9799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #899299 0%,#8e9799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #899299 0%,#8e9799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#899299', endColorstr='#8e9799',GradientType=0 ); /* IE6-9 */

					}



/* pan
----------------------------------------------- */
p.pan{text-align:right; font-size:93%;}


/* Contents
------------------------------------------------ */
.contents{
	width:1180px;
	height:auto;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	overflow:hidden;
}
	.contentsLeft{
		width:253px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;	
	}
		.contentsLeft .navBox{
			width:100%;
			height:auto;
			margin:0px auto;
			padding:0px 0px 20px 0px;
		}
		
		
			.contentsLeft .navBox p.navTitle{
				font-size:118%;
				color:#fff;
				text-align:center;
				padding:15px 0px 10px 0px;	
			}
				.navBox ul{
					display:block;
					width:94%;
					height:auto;
					margin:0px auto;
					padding:0px 0px 0px 0px;	
				}
					.navBox ul li{
						padding-bottom:4px;
					}
						.navBox ul li a{
							display:block;
							padding:8px 8px 8px 8px;
							background:#fff;
						}
							.navBox ul li a img{
								margin-right:3px;
							}
		.contentsLeft .pageBanner{
			padding:25px 0px 0px 0px;	
		}
			.pageBanner ul li{
				padding:0px 0px 0px 0px;	
			}

	
	.contentsRight{
		width:888px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:right;
		overflow:hidden;
	}






/* footer
------------------------------------------------ */
footer{
	width:100%;
	height:auto;
}
	footer .footerLink{
		text-align:center;	
		padding:15px 0px 15px 0px
	}
		.footerLink a{color:#0e5bab;}

	footer address{
		width:100%;
		height:auto;
		padding:26px 0px;
		background:#0e5bab;	
		text-align:center;
		color:#fff;
	}
		footer address p.schoolName{
			font-size:112%;
			padding:0px 0px 10px;	
		}
		footer p.address a{color:#fff;}

	footer .schoolLink{
		text-align:center;	
		padding:15px 0px 15px 0px
	}
		.schoolLink a{color:#7d5b20;}
	footer .otherLink{
		width:1180px;
		height:auto;
		margin:0px auto;
	}
		footer ul.otherLink{
			display:none;
			overflow:hidden;
		}
			footer ul.otherLink li{
				display:block;
				width:12%;
				height:auto;
				float:left;
				margin:0px 0.25%;	
			}
				footer ul.otherLink li a{
					display:block;
					padding:5px 0px;
					text-align:center;
					background:#f5f5f5;
					font-size:87%;
					border:2px solid #ebebeb;
				}
					footer ul.otherLink li a img{
						width:8px;
						height:auto;
						margin-right:3px;
						vertical-align:baseline;
					}
					footer ul.otherLink li a:hover{
						text-decoration:none;
						background:#ebebeb;
					}
		footer p.copyright{
			text-align:center;
			padding:0px 0px 30px 0px;
			font-size:87%;
		}
		
		footer br.sp{
			display:none;
		}
		


}





/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */
@media screen and (max-width: 768px){
nav#pc{display:none;}


#page-top {
	position: fixed;
	bottom:5px;
	right:5px;
	font-size: 77%;
	z-index:9999;
}
#page-top a {
	width:60px;
	height:60px;
	display: block;
	background:url(../images/page_top.png) no-repeat !important;
	background-size:50px auto !important;
}
#page-top a:hover {
	text-decoration: none;
}



/* header
------------------------------------------------ */
header{display:none;}
header#sp{display:block;}

header#sp{
	width:100%;
	height:auto;
	padding:12px 0px 0px 0px;
	overflow:hidden;
}
	header#sp .logoSp{
		width:62.81%;
		padding:0px 0px 0px 2%;
		float:left;	
	}
		header#sp .logoSp img{
			width:100%;
			height:auto;
		}
	header#sp .navBtn{
		width:17.18%;
		height:auto;	
		padding:0px 2% 10px 0px;
		float:right;
	}
		header#sp .navBtn img{
			width:100%;
			height:auto;
		}
		
		
	header#sp nav#sp{
		display:none;
		clear:both;
		width:100%;
		height:auto;
		padding:12px 0px 18px 2%;
		background:#e1e1e1;
		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
		nav#sp ul{
			display:block;
			width:100%;
			height:auto;
		}
			nav#sp ul li{
				display:block;
				width:100%;
				height:auto;
				margin:0px 0px 7px 0px;
				
			}
				nav#sp ul li a{
					display:block;	
					width:100%;
					height:auto;
					margin:0px 0px 0px 0px;
					padding:10px 0px 10px 10px;
					border-bottom:2px solid #414c9e !important;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
				}
					nav#sp ul li a{
						background:#fff url(../images/sp/nav_icon_link.jpg) 98% center no-repeat;	
						background-size:8px auto;
					}
					nav#sp ul li a.open{
						background:#fff url(../images/sp/nav_icon_btm.jpg) 98% center no-repeat;	
						background-size:8px auto;
					}
					nav#sp ul li a.close{
						background:#fff url(../images/sp/nav_icon_top.jpg) 98% center no-repeat;	
						background-size:8px auto;
					}
					nav#sp ul li a:hover{
						text-decoration:none;
					}
					
				nav#sp ul li ul{
					display:none;
					padding:8px 0px 0px 20px;	
				}
					nav#sp ul li ul li{
						display:block;
						width:100%;
						height:auto;
						margin:0px 0px 7px 0px;
						
					}
						nav#sp ul li ul li a{
							display:block;	
							width:100%;
							height:auto;
							margin:0px 0px 0px 0px;
							padding:10px 0px 10px 21px;
							background:#fff url(../images/sp/nav_sp_icon_blue.jpg) 10px center no-repeat;
							border-bottom:none !important;
							background-size:8px auto;
							
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							-o-box-sizing: border-box;
							-ms-box-sizing: border-box;	
						}

/* pan
----------------------------------------------- */
p.pan{
	display:none;
}



/* Contents
------------------------------------------------ */
.contents{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:10px 0px 10px 0px;
	overflow:hidden;
}
	.contentsLeft{
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;	
	}
		.contentsLeft .navBox{
			width:100%;
			height:auto;
			margin:0px auto;
			padding:0px 0px 20px 0px;
		}
		
			.contentsLeft .navBox p.navTitle{
				font-size:118%;
				color:#fff;
				text-align:center;
				padding:15px 0px 10px 0px;	
			}
				.navBox ul{
					display:block;
					width:94%;
					height:auto;
					margin:0px auto;
					padding:0px 0px 0px 0px;	
				}
					.navBox ul li{
						padding-bottom:4px;
					}
						.navBox ul li a{
							display:block;
							padding:8px;
							background:#fff;
						}
							.navBox ul li a img{
								margin-right:3px;
							}
		.contentsLeft .pageBanner{
			display:block;
			width:98%;
			margin:0px auto;
			padding:18px 0px 0px 0px;
			overflow:hidden;	
		}
			.pageBanner ul li{
				display:block;
				width:50%;
				height:auto;
				margin:0px 0px 3px 0px;
				padding:0px 5px;	
				float:left;
				
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;	
			}
				.pageBanner ul li img{
					width:100%;
					height:auto;
				}

	
	.contentsRight{
		width:96%;
		height:auto;
		margin:0px auto;
		padding:0px 0px 0px 0px;
		overflow:hidden;
	}


/* footer
------------------------------------------------ */
footer{
	width:100%;
	height:auto;
}
	footer .footerLink{
		text-align:center;	
		padding:10px 0px 10px 0px;
		line-height:1.75em;
	}
		.footerLink a{color:#0e5bab;}

	footer address{
		width:100%;
		height:auto;
		padding:10px 0px;
		background:#0e5bab;	
		text-align:center;
		color:#fff;
	}
		footer address p.schoolName{
			font-size:100%;
			padding:0px 0px 10px;	
		}
		footer p.address a{color:#fff;}

	footer .schoolLink{
		display:block;
		text-align:center;	
		padding:15px 0px 15px 10px
	}
		.schoolLink a{color:#7d5b20;}
		
	footer .otherLink{
		display:none;
		width:100%;
		height:auto;
		margin:0px auto;
	}
		footer ul.otherLink{
			display:none;
			overflow:hidden;
		}
			footer ul.otherLink li{
				display:none;
				width:48%;
				height:30px;
				float:left;
				margin:0px 1% 6px 1%;	
			}
				footer ul.otherLink li a{
					display:none;
					padding:5px 0px;
					text-align:center;
					background:#f5f5f5;
					font-size:87%;
					border:2px solid #ebebeb;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;	
				}
					footer ul.otherLink li a img{
						width:5px;
						height:auto;
						margin-right:3px;
						vertical-align:baseline;
					}
					footer ul.otherLink li a:hover{
						text-decoration:none;
						background:#ebebeb;
					}
		footer p.copyright{
			text-align:center;
			padding:0px 0px 10px 0px;
			font-size:75%;
		}
		









		

}





/* PC
-----------------------------------------------------------------
----------------------------------------------------------------- */
@media print {
header#sp{display:none;}

#page-top {
	display:none;
}
#page-top a {
	width:89px;
	height:89px;
	display: block;
	background:url(../images/page_top.png) no-repeat !important;
}
#page-top a:hover {
	text-decoration: none;
}



body{
	zoom:85%;
}



header#sp{display:none;}

#page-top {
	position: fixed;
	bottom: 16px;
	right: 16px;
	font-size: 77%;
	z-index:9999;
}
#page-top a {
	width:89px;
	height:89px;
	display: block;
	background:url(../images/page_top.png) no-repeat !important;
}
#page-top a:hover {
	text-decoration: none;
}





/* header
------------------------------------------------ */
header{
	width:1180px;
	height:auto;
	margin:0px auto;
	padding:20px 0px 0px 0px;
	overflow:hidden;
}
	header .logo{
		width:35%;
		float:left;
	}
	
	/* Grand Top page Header
	------------------------------------------ */
	header .headerRightTop{
		width:65%;
		float:right;
	}
		.headerRightTop .searchBox{
			width:230px;
			height:30px !important;
			float:right;
		}
		.headerRightTop .sitemap{
			display:none;
			width:120px;
			height:auto;
			margin-right:10px;
			float:right;
		}
			.sitemap a{
				display:block;
				background:#414c9e;
				color:#fff;
				padding:6px 0px;
				text-align:center;
				font-size:93%;
			}
				.sitemap a:hover{text-decoration:none;}
				.sitemap a img{
					margin-right:3px;
					height:12px;
					width:auto;
				}
		.headerRightTop .request{
			width:150px;
			height:auto;
			margin-right:10px;
			float:right;
		}
			.request a{
				display:block;
				background:#1b79bd;
				color:#fff;
				padding:6px 0px;
				text-align:center;
				font-size:93%;
			}
				.request a:hover{text-decoration:none;}
				.request a img{
					margin-right:3px;
					height:12px;
					width:auto;
				}
		.headerRightTop .access{
			width:90px;
			height:auto;
			margin-right:10px;
			float:right;
		}
			.access a{
				display:block;
				background:#414c9e;
				color:#fff;
				padding:6px 0px;
				text-align:center;
				font-size:93%;
			}
				.access a:hover{text-decoration:none;}
				.access a img{
					margin-right:3px;
					height:12px;
					width:auto;
				}
		.headerRightTop .guidance{
			width:100px;
			height:auto;
			margin-right:10px;
			float:right;
		}
			.guidance a{
				display:block;
				background:#1b79bd;
				color:#fff;
				padding:6px 0px;
				text-align:center;
				font-size:93%;
			}
				.guidance a:hover{text-decoration:none;}
				.guidance a img{
					margin-right:3px;
					height:12px;
					width:auto;
				}
				
				
		.searchBox input#srchInput{
			width:180px !important;
		}
		.searchBox input#srchBtn{
			width:33px;
			height:32px;
			text-indent:-9999px;
			background:#414c9e url(../images/icon_search.png) center center no-repeat;	
		}
		.searchBox p#srchLogo{display:none;}
		
		
		ul.headerLink{
			clear:both;
			padding:8px 0px 12px 0px;
			overflow:hidden;
		}
			ul.headerLink li{
				display:block;
				float:right;
				padding:0px 0px 0px 12px;
			}
				ul.headerLink img{
					margin-right:4px;
				}
				
				
	
	/* inPage Navigation
	------------------------------------------ */
	nav#pc{
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4bfc5+7,899299+100 */
		background: #b4bfc5;
		background: -moz-linear-gradient(top,  #b4bfc5 7%, #899299 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #b4bfc5 7%,#899299 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #b4bfc5 7%,#899299 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4bfc5', endColorstr='#899299',GradientType=0 ); /* IE6-9 */

		
		
		
	}
		nav#pc ul{
			display:block;
			width:1180px;
			height:auto;
			margin:0px auto;
			padding:0px 0px 0px 0px;
			overflow:hidden;
		}
			nav#pc ul li{
				display:block;
				width:16.66%;
				height:auto;
				float:left;
			}
				nav#pc ul li a{
					display:block;
					padding:20px 0px;
					color:#fff;
					font-size:118%;
					text-align:center;
					text-shadow:1px 1px 1px #333;
				}
					nav#pc ul li a:hover{
						text-decoration:none;
						
						/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#899299+0,8e9799+100 */
background: #899299; /* Old browsers */
background: -moz-linear-gradient(top,  #899299 0%, #8e9799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #899299 0%,#8e9799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #899299 0%,#8e9799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#899299', endColorstr='#8e9799',GradientType=0 ); /* IE6-9 */

						
						
					}
					nav#pc ul li a.active{
						/*background:#505ec4 url(../images/nav_active_bar.jpg) center 95.5% no-repeat;*/
						/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#899299+0,8e9799+100 */
background: #899299; /* Old browsers */
background: -moz-linear-gradient(top,  #899299 0%, #8e9799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #899299 0%,#8e9799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #899299 0%,#8e9799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#899299', endColorstr='#8e9799',GradientType=0 ); /* IE6-9 */

					}



/* pan
----------------------------------------------- */
p.pan{text-align:right; font-size:93%;}


/* Contents
------------------------------------------------ */
.contents{
	width:1180px;
	height:auto;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	overflow:hidden;
}
	.contentsLeft{
		width:253px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;	
	}
		.contentsLeft .navBox{
			width:100%;
			height:auto;
			margin:0px auto;
			padding:0px 0px 20px 0px;
		}
		
		
			.contentsLeft .navBox p.navTitle{
				font-size:118%;
				color:#fff;
				text-align:center;
				padding:15px 0px 10px 0px;	
			}
				.navBox ul{
					display:block;
					width:94%;
					height:auto;
					margin:0px auto;
					padding:0px 0px 0px 0px;	
				}
					.navBox ul li{
						padding-bottom:4px;
					}
						.navBox ul li a{
							display:block;
							padding:8px 8px 8px 8px;
							background:#fff;
						}
							.navBox ul li a img{
								margin-right:3px;
							}
		.contentsLeft .pageBanner{
			padding:25px 0px 0px 0px;	
		}
			.pageBanner ul li{
				padding:0px 0px 0px 0px;	
			}

	
	.contentsRight{
		width:888px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:right;
		overflow:hidden;
	}






/* footer
------------------------------------------------ */
footer{
	width:100%;
	height:auto;
	clear:both;
}
	footer .footerLink{
		text-align:center;	
		padding:15px 0px 15px 0px
	}
		.footerLink a{color:#0e5bab;}

	footer address{
		width:100%;
		height:auto;
		padding:26px 0px;
		background:#0e5bab;	
		text-align:center;
		color:#fff;
	}
		footer address p.schoolName{
			font-size:112%;
			padding:0px 0px 10px;	
		}
		footer p.address a{color:#fff;}

	footer .schoolLink{
		text-align:center;	
		padding:15px 0px 15px 0px
	}
		.schoolLink a{color:#7d5b20;}
	footer .otherLink{
		width:1180px;
		height:auto;
		margin:0px auto;
	}
		footer ul.otherLink{
			display:none;
			overflow:hidden;
		}
			footer ul.otherLink li{
				display:block;
				width:12.28%;
				height:auto;
				float:left;
				margin:0px 1%;	
			}
				footer ul.otherLink li a{
					display:block;
					padding:5px 0px;
					text-align:center;
					background:#f5f5f5;
					font-size:87%;
					border:2px solid #ebebeb;
				}
					footer ul.otherLink li a img{
						width:8px;
						height:auto;
						margin-right:3px;
						vertical-align:baseline;
					}
					footer ul.otherLink li a:hover{
						text-decoration:none;
						background:#ebebeb;
					}
		footer p.copyright{
			text-align:center;
			padding:0px 0px 30px 0px;
			font-size:87%;
		}
		
		footer br.sp{
			display:none;
		}
		
		
.contents{overflow: visible !important;}

}