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

#whats_new {
	width:720px;
	float:left;
	display:block;
	margin-top:5px;
	background-image:url(../image08/whats_new.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#whats_new ul{
	display:inline;
}
#whats_new li{
	width:720px;
	display:block;
	float:left;
	clear:both;
}

#latest {
	display:inline;
	width:100px;
	height:20px;
	margin-top:20px;
	margin-left:620px;
	margin-bottom:8px;
	float:left;
}

#latest a {
	display:block;
	width:100px;
	height:20px;
}

#latest a:hover {
	background-image:url(../image08/latest_update_on.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
	overflow:hidden;
}

#topics {
	width:500px;
	display:block;
	float:left;
	margin-top:10px;
	padding-top:48px;
	background-image:url(../image08/topics.jpg);
	background-repeat:no-repeat;
	clear:both;
	position: static;
}

#topics ul{
	display:inline;
}
#topics li{
	width:500px;
	display:block;
	float:none;
}

#topics_icon {
	display:block;
	width:100px;
	height:20px;
	margin-top:-28px;
	float:right;
}

#topics_icon a {
	display:block;
	width:100px;
	height:20px;
}

#topics_icon a:hover {
	background-image:url(../image08/topics_icon_on.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
	overflow:hidden;
}

#pickup {
	float:right;
	display:block;
	width:220px;
	background-image:url(../image08/pickup.jpg);
	background-position:20px 0px;
	background-repeat:no-repeat;
	position: static;
}

#pickup ul{
	float:right;
	padding-top:50px;
	display:block;
}

.indexmenues a{
	display:block;
	width:144px;
	height:60px;
}

.indexmenues a:hover{
	background-repeat:no-repeat;
	background-position:bottom left;
	text-indent:-9999px;
	overflow:hidden;
}

.for-student {
	display:block;
	width:144px;
	height:60px;
	float:left;
}

.for-student a{
}

.for-student a:hover {
	background-image:url(../image08/for-student.gif);
}

.for-guardian {
	display:block;
	width:144px;
	height:60px;
	float:left;
}

.for-guardian a{
}

.for-guardian a:hover {
	background-image:url(../image08/for-guardian.gif);
}

.for-public {
	display:block;
	width:144px;
	height:60px;
	float:left;
}

.for-public a{
}

.for-public a:hover {
	background-image:url(../image08/for-public.gif);
}

.for-graduate {
	display:block;
	width:144px;
	height:60px;
	float:left;
}

.for-graduate a{
}

.for-graduate a:hover {
	background-image:url(../image08/for-graduate.gif);
}

.for-intostudent {
	display:block;
	width:144px;
	height:60px;
	float:left;
}

.for-intostudent a{
}

.for-intostudent a:hover {
	background-image:url(../image08/for-intostudents.gif);
}

.menu_gakka{
	display:block;
	float:left;
	width:180px;
}
.menu_gakubu{
	display:block;
	float:left;
	width:180px;
}
.menu_campuslife{
	display:block;
	float:left;
	width:180px;
}
.menu_project{
	display:block;
	float:left;
	width:180px;
}
img {
	border:none;
	line-height:0;
	vertical-align:bottom;
	font-size:0px;
}
#latestupdate{
	width:540px;
	float:left;
	display:block;
}
#latestupdate ul{
	display:inline;

}
#latestupdate li{
	width:540px;
	display:block;
	float:left;
}
#main-content{
	width:720px;
	float:left;
	display:block;
}