body {
	margin:0px;
	background-image:url(img/back1.gif);
}

#wrapper {
	width:860px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	list-style: none;
}

a {
	overflow: hidden;
	text-decoration: none;
}


a img {
	border-style: none;
}

/* headder */
#headder {
	width:860px;
	height:100px;
	display:block;
	margin-top: 0px;
	display:block;
}

#headder a{
	display:block;
	width:100px;
	height:100px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}


#headder #schedule {
	background:url(./img/schedule1.jpg);
	width:860px;
	height:100px;
	float:left;
	}



/* top */
#top{
	background-image:url(./img/top1.jpg);
	width:503px;
	height:515px;
	margin:10px 10px 0px 180px;
	background-repeat:no-repeat;
	display:block;
	line-height:70px;
}

#top a{
	display:block;
	width:160px;
	height:100px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#top #about a{
	float:left;
	width:180px;
	height:120px;
	margin-left:-200px;
	background:url("./img/about_a.png");
}

#top #about a:hover{
	background:url("./img/about_b.png");
}

#top #map a{
	float:left;
	width:180px;
	margin-left:-200px;
	background:url("./img/map_a.png");
}

#top #map a:hover{
	background:url("./img/map_b.png");
}

#top #project a{
	float:right;
	margin-right:-200px;
	width:180px;
	height:120px;
	background:url("./img/project_a.png");
}

#top #project a:hover{
	background:url("./img/project_b.png");
}

#top #access a{
	float:right;
	width:180px;
	margin-right:-200px;
	background:url("./img/access_a.png");
}

#top #access a:hover{
	background:url("./img/access_b.png");
}

#top #link a{
	float:right;
	margin-right:-200px;
	background:url("./img/link_a.png");
}

#top #link a:hover{
	background:url("./img/link_b.png");
}

#top2{
	background-image:url(./img/intro.png);
	width:860px;
	height:860px;
}

/* intro */
#intro {
	width:600px;
	height:860px;
	line-height:25px;
	margin-right: auto;
	margin-left: auto;
	font-family:HGPºÞ¼¯¸M;
}


/* links */
#links {
	width:860px;
	height:100px;
	display:block;
}

#links a{
	display:block;
	width:160px;
	height:100px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	float:left;
	margin-right:12px;
}

#links #about a{
	background:url("./img/about_c.png");
}

#links #about a:hover{
	background:url("./img/about_d.png");
}

#links #map a{
	background:url("./img/map_c.png");
}

#links #map a:hover{
	background:url("./img/map_d.png");
}

#links #project a{
	background:url("./img/project_c.png");
}

#links #project a:hover{
	background:url("./img/project_d.png");
}

#links #access a{
	background:url("./img/access_c.png");
}

#links #access a:hover{
	background:url("./img/access_d.png");
}

#links #link a{
	background:url("./img/link_c.png");
}

#links #link a:hover{
	background:url("./img/link_d.png");
}

/* footter */
#footter {
	width:860px;
	clear: both;
}

#footter a{
	font-family:HGºÞ¼¯¸M;
	color:#867875;
}

#footter a:hover{
	color:#573a73;
}


#footter p{
	float:left;
}

#footter ul {
	float: right;
}

#footter ul li {
	list-style: none;
	display: inline;
}

#footter address {
	clear: both;
	font-family:Arial;
}

/* contents */
#contents {
	background-image:url(./img/contents.jpg);
	padding:15px 20px;
}

/* sidebar */
#sidebar {
	background-image:url(./img/04.jpg);
	width:200px;
        margin:15px 0px;
	float:left;
	padding:20px;
}

#sidebar a{
	font-family:HGºÞ¼¯¸E;
	font-size:20px;
	color:#159711;
}

#sidebar a:hover{
	color:#15672f;
}

#sidebar #sideimg{
	display:block;
}

/* main */
#main {
	background-image:url(./img/04.jpg);
	float:right;
	font-family:HGºÞ¼¯¸M;
	width:500px;
        margin:15px 0px;
	padding:30px;
	line-height:25px;
}

#main a{
	color:#990000;
}

#main a:hover{
	color:#FF8E8E;
}


/* project */
.officialp {
	width:500px;
	height:300px;
}

.eofficialp {
	width:500px;
	height:150px;
}

.int {
	text-align:center;
	font-size:22px;
}

.proj {
	background:#FFFFFF;
	text-align:center;
	width:240px;
	height:230px;
	display:block;
	float:left;
}

.eproj {
	background:#FFFFFF;
	text-align:center;
	width:240px;
	height:100px;
	display:block;
	float:left;
}

.proex {
	background:#FFFF66;
	font-size:17px;
	width:200px;
	float:right;
	padding:20px;
}


