@charset "utf-8";
* {
	margin:0 auto;
	padding:0;
}

body {
	background: #000;
	color: #FFF;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin:0;
	padding:0;
}

h1 {
	margin: 0;
	float: left;
	width: 158px;
}

h2 {
	margin-bottom: 5px;
	padding: 5px 0 8px 0;
	font-size: 30px;
	border-bottom: 1px #EB0000 dotted;
}

h3 {
	padding: 5px 0 20px 0;
	font-size: 18px;
}

h4 {
	padding: 15px 0 5px 0;
	font-size: 14px;
}

p {
	line-height: 170%;
	margin:0;
	padding:0;
}

img {
	border:0;
}

.s-txt-gray{
	padding: 15px 0 0 0;
	font-size: 10px;
	color: #999;
}


b{
	font-weight:normal;
	color: #EB0000;
}

/*
 Link Color [
----------------------------------------------------------- */
a {
	text-decoration:none;
	color: #FFF;
	outline: none; 
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}


/* wrapper
----------------------------------------------------------- */
#wrapper {
	width: 860px;
}

/* header
----------------------------------------------------------- */
#header {
	width: 860px;
	height: 75px;
	margin-top: 20px;
	border-bottom: 1px #EB0000 dotted;
}

/* nav
----------------------------------------------------------- */

ul.nav {
	list-style: none;
	position:relative;
	top: 40px;
	left: 0;
}

ul.nav li {
	float: left;
	padding: 0;
}

a.about,
a.sch,
a.blog,
a.links,
a.mail,
a.map,
a.news,
a.outsider {
	height: 0;
	background: url(../img/nav.gif) no-repeat;
	display: block;
	overflow: hidden;
	padding-top: 25px;
	float: left;
}

a.about {
	width: 120px;
	background-position: 0 0;
}

a.sch {
	width: 92px;
	background-position: -119px 0;
}

a.blog {
	width: 62px;
	background-position: -210px 0;
}

a.links {
	width: 66px;
	background-position: -271px 0;
}

a.mail {
	width:61px;
	background-position: -336px 0;
}

a.map {
	width:58px;
	background-position: -396px 0;
}

a.news {
	width:35px;
	background-position: -453px 0;
}

a.outsider {
	width:120px;
	background-position: -520px 0;
}

/* hover
------------- */

a.about:hover {
	width:120px;
	background-position: 0 -25px;
}

a.sch:hover {
	width: 92px;
	background-position: -119px -25px;
}

a.blog:hover {
	width: 62px;
	background-position: -210px -25px;
}

a.links:hover {
	width: 66px;
	background-position: -271px -25px;
}

a.mail:hover {
	width:61px;
	background-position: -336px -25px;
}

a.map:hover {
	width:58px;
	background-position: -396px -25px;
}

a.news:hover {
	width:35px;
	background-position: -453px -25px;
}

a.outsider:hover {
	width:120px;
	background-position: -520px -25px;
}

/* main
----------------------------------------------------------- */
#main {

}


#top-main {
	clear: left;
	padding: 15px 0 10px 0;
}

.info {
	padding-top: 8px;
}

/* fotter
----------------------------------------------------------- */
#footer {
	clear: both;
	padding-top: 15px;
}


#top-footer {
	padding-top: 5px;
}

.copyright {
	padding: 5px 0 5px 0;
	border-top: 1px #EB0000 dotted;
	text-align: right;
	font-size: 10px;
}

/* map
----------------------------------------------------------- */
.side {
	float: left;
	width:220px;
	padding-top: 15px;
}

.side p {
	padding-bottom: 20px;
}

.map-main {
	float: left;
	width: 640px;
	padding-top: 20px;
}

/* links
----------------------------------------------------------- */

.link p {
	line-height: 2.2em;
}

.link a:hover {
	background-color: #EB0000;
}

/* news
----------------------------------------------------------- */
.center-txt {
	text-align: center;
	color: #EB0000;
	font-size: 32px;
	font-weight: bold; 
	}

.news {
	float: left;
	padding: 10px 15px 0 15px;
} 

/* outsider
----------------------------------------------------------- */
.o-side {
	float: left;
	width:270px;
	padding-top: 15px;
	padding-right: 25px;
}

.o-side p {
	padding-bottom: 20px;
}

.outsider-main {
	float: left;
	width: 560px;
	padding-top: 15px;
}

.outsider-main p {
	padding-bottom: 20px;
}

p.letter {
	color: #FF9;
}

.o-side  a:hover {
	background-color: #EB0000;
}