@charset "utf-8";

/* TOP PAGE =============== */

/* HEADER
---------------------------------------------*/

#top {
	background: url(../img/bg_body.jpg) left top repeat-x;}

#top #header {
	text-align: right;
	height: 48px;
	padding-top: 326px;
	background: url(../img/bg_topheader.jpg) left top no-repeat;}

#top .topschool span {margin-left: 15px;}

/* TOP NAVIGATION
---------------------------------------------*/

.topschool {
	float: left;
	width: 471px;
	height: 260px;
	background: url(../img/bg_topschool.jpg) left top no-repeat;}

.topschool p { margin: 0 10px 15px 15px;}

.topnavi h2 { padding-bottom: 5px;}

#top #navi li { margin: 4px 5px 0 18px;}

/* forIE6 */
* html .topnavi {float: right;}
* html #top #navi li { margin: 4px 5px 0 9px;}


.topnavi #navi li {
	float: left;
	width: 190px;
	text-indent: -9999px;}

#navi li {
	float: left;
	width: 185px;
	text-indent: -9999px;}

#navi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 29px;
	padding-top: 29px;
	background-image: url(../img/navi.gif);}

.navi01 a {background-position: 0 0;}
.navi02 a {background-position: 0 -29px;}
.navi03 a {background-position: 0 -58px;}
.navi04 a {background-position: 0 -87px;}
.navi05 a {background-position: 0 -116px;}
.navi06 a {background-position: 0 -145px;}
.navi07 a {background-position: 0 -174px;}
.navi08 a {background-position: 0 -203px;}
.navi09 a {background-position: 0 -232px;}
.navi10 a {background-position: 0 -261px;}
.navi11 a {background-position: 0 -290px;}

.navi01 a:hover {background-position: -190px 0;}
.navi02 a:hover {background-position: -190px -29px;}
.navi03 a:hover {background-position: -190px -58px;}
.navi04 a:hover {background-position: -190px -87px;}
.navi05 a:hover {background-position: -190px -116px;}
.navi06 a:hover {background-position: -190px -145px;}
.navi07 a:hover {background-position: -190px -174px;}
.navi08 a:hover {background-position: -190px -203px;}
.navi09 a:hover {background-position: -190px -232px;}
.navi10 a:hover {background-position: -190px -261px;}
.navi11 a:hover {background-position: -190px -290px;}


/* CONTENTS
---------------------------------------------*/

#linkgallary {
	float: left;
	width: 471px;
	padding-top: 33px;}

#linkgallary h3 {
	width: 471px;
	height: 313px;
	text-indent: -9999px;}

#linkgallary h3 a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 313px;
	padding-top: 313px;
	background-image: url(../img/top_gallary.jpg);}

#linkgallary h3 a {background-position: 0 0;}
#linkgallary h3 a:hover {background-position: 0 -313px;}

#topinfo {
	float: right;
	width: 425px;
	padding-top: 33px;}

#topinfo h4 {
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;}

#topinfo dl dt {
	color: #c66;
	padding-top: 4px;}

#topinfo dl dd {
	padding: 1px 0 4px 0;
	border-bottom: 1px solid #ccc;}

#topinfo dl dd a { color: #ccc;}
#topinfo dl dd a:hover {
	color: #c66;
	border-bottom: 1px dotted #c66;}

#topinfo p { margin-top: 15px;}