.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix	{
	display : block ;
	}

/* Hides from IE-mac \*/
* html .clearfix { height : 1% ; }
/* End hide from IE-mac */


#image-preload{ 
	width: 0px; 
	height: 0px; 
	display: inline; 
	background-image:url('img/*.jpg'); 
	background-image:url('img/*.png'); 
	background-image:url('img/*.gif'); 
}


html	{
	width : 100% ;
	height : 100% ;
	font : normal medium/150% Verdana,"ＭＳ Ｐゴシック" ;
	}

body	{
	margin : 0 ;
	padding : 0 ;
	width : 100% ;
	height : 100% ;
	font : normal 80%/150% Verdana,"ＭＳ Ｐゴシック" ;
	color : #5B4A3F ;
	}

a img	{
	border : none ;
	}

a	{
	color : #5B4A3F ;
	text-decoration : none ;
	}

a:hover	{
	color : #F4A147 ;
	text-decoration : underline ;
	}

.header	{
	margin : 0 auto ;
	padding : 3px 0 0 0 ;
	width : 900px ;
	height : 100px ;
	}

.header img	{
	float : left ;
	}

.head-info	{
	margin : 10px 0 ;
	padding : 0 ;
	float : right ;
	list-style : none ;
	}

.head-info li a .h-info	{
	margin : 0 ;
	padding : 0 ;
	width : 158px ;
	height : 37px ;
	display : inline-block ;
	background : url('img/head-info-out.png') top left no-repeat ;
	}

.head-info li a:hover .h-info	{
	background : url('img/head-info-over.png') top left no-repeat ;
	}

.head-info li a .h-navi	{
	margin : 0 ;
	padding : 2px 0 0 15px ;
	width : 64px ;
	height : 20px ;
	display : inline-block ;
	background : url('img/arrow-out.gif') left center no-repeat ;
	font : normal 80%/150% Verdana,"ＭＳ Ｐゴシック" ;
	cursor : pointer ;
	}

.head-info li a:hover .h-navi	{
	background : url('img/arrow-over.gif') left center no-repeat ;
	}

.menu	{
	margin : 0 ;
	padding : 0 ;
	height : 51px ;
	border-bottom : 3px #7C6854 solid ;
	}

.menu ul	{
	margin : 0 auto ;
	padding : 0 ;
	width : 905px ;
	}

.menu li	{
	margin : 0 ;
	padding : 0 ;
	list-style : none ;
	float : left ;
	}

.menu ul li a span	{
	margin : 0 2px ;
	padding : 0 ;
	width : 177px ;
	height : 51px ;
	display : inline-block ;
	}

.menu ul li a .toppage	{
	background : url('img/top-out.png') top left no-repeat ;
	}

.menu ul li a:hover .toppage	{
	background : url('img/top-over.png') top left no-repeat ;
	}

.menu ul li a .school	{
	background : url('img/school-out.png') top left no-repeat ;
	}

.menu ul li a:hover .school	{
	background : url('img/school-over.png') top left no-repeat ;
	}

.menu ul li a .exams	{
	background : url('img/exams-out.png') top left no-repeat ;
	}

.menu ul li a:hover .exams	{
	background : url('img/exams-over.png') top left no-repeat ;
	}

.menu ul li a .campus	{
	background : url('img/campus-out.png') top left no-repeat ;
	}

.menu ul li a:hover .campus	{
	background : url('img/campus-over.png') top left no-repeat ;
	}

.menu ul li a .access	{
	background : url('img/access-out.png') top left no-repeat ;
	}

.menu ul li a:hover .access	{
	background : url('img/access-over.png') top left no-repeat ;
	}

.footer-nav	{
	margin : 0 ;
	padding : 20px 0 10px 0 ;
	text-align : center ;
	clear : both ;
	}

.copy	{
	margin : 0 ;
	padding : 2px 0 1px 0 ;
	background : #FFD959 ;
	text-align : center ;
	}


a .gansho	{
	margin : 0 0 10px 0 ;
	padding : 0 ;
	width : 215px ;
	height : 260px ;
	display : inline-block ;
	background : url('img/side/gansho.jpg') top left no-repeat ;
	cursor : pointer ;
	}

a:hover .gansho	{
	background : url('img/side/gansho.jpg') top left no-repeat ;
	}

a .faq	{
	margin : 0 0 10px 0 ;
	padding : 0 ;
	width : 215px ;
	height : 80px ;
	display : inline-block ;
	background : url('img/side-faq-out.png') top left no-repeat ;
	cursor : pointer ;
	}

a:hover .faq	{
	background : url('img/side-faq-over.png') top left no-repeat ;
	}

a .side-info	{
	margin : 0 0 10px 0 ;
	padding : 0 ;
	width : 215px ;
	height : 51px ;
	display : inline-block ;
	background : url('img/side-info-out.png') top left no-repeat ;
	cursor : pointer ;
	}

a:hover .side-info	{
	background : url('img/side-info-over.png') top left no-repeat ;
	}
	
a .side-bosyu	{
	margin : 0 0 10px 0 ;
	padding : 0 ;
	width : 215px ;
	height : 51px ;
	display : inline-block ;
	background : url('img/side-bosyu-out.png') top left no-repeat ;
	cursor : pointer ;
	}

a:hover .side-bosyu	{
	background : url('img/side-bosyu-over.png') top left no-repeat ;
	}

.add	{
	margin : 0 ;
	padding : 30px 0 10px 0 ;
	width : 215px ;
	background : url('img/side-add-back.png') bottom right no-repeat ;
	}

.top-title	{
	margin : 0 ;
	padding : 0 ;
	}


a .side-dousou	{
	margin : 0 0 10px 0 ;
	padding : 0 ;
	width : 216px ;
	height : 88px ;
	display : inline-block ;
	background : url('img/side-dousoukai-out.png') top left no-repeat ;
	cursor : pointer ;
	}

a:hover .side-dousou	{
	background : url('img/side-dousoukai-over.png') top left no-repeat ;
	}