@charset "UTF-8";

@import url(../shared/css/import.css);

html,
body {
    text-align: center;
    background: none;
}

#topContent #globalNav {
    position: absolute;
    left: 15px;
    top: 780px;
    height: 230px;
}

#topContent #globalNav ul {
    overflow: hidden;
}

#topContent #globalNav ul li {
    float: left;
	padding-right: 14px;    
}

#topContent #globalNav ul li a {
	display: block;
	float: left;
	width: 80px;
	height: 0;
	padding-top: 64px;
	overflow: hidden;
	background: url(../images/top_menu.png);
}

#topContent #globalNav ul li.Office a {
    margin-right: 0;
}



#topContent #globalNav li.News a {
    background-position: 0 0;
}

#topContent #globalNav li.FromChikugo a {
    background-position: -96px 0;
}

#topContent #globalNav li.NowFuture a {
    background-position: -193px 0;
}

#topContent #globalNav li.Energy a {
    background-position: -290px 0;
}

#topContent #globalNav li.How a {
    background-position: -386px 0;
}

#topContent #globalNav li.Program a {
    background-position: -483px 0;
}

#topContent #globalNav li.Instructor a {
    background-position: -580px 0;
}

#topContent #globalNav li.Report a {
    background-position: -676px 0;
}

#topContent #globalNav li.Network a {
    background-position: -773px 0;
}

#topContent #globalNav li.Office a {
    background-position: -870px 0;
}

#topContent #globalNav li.News a:hover {
    background-position: 0 -64px;
}

#topContent #globalNav li.FromChikugo a:hover {
    background-position: -96px -64px;
}

#topContent #globalNav li.NowFuture a:hover {
    background-position: -193px -64px;
}

#topContent #globalNav li.Energy a:hover {
    background-position: -290px -64px;
}

#topContent #globalNav li.How a:hover {
    background-position: -386px -64px;
}

#topContent #globalNav li.Program a:hover {
    background-position: -483px -64px;
}

#topContent #globalNav li.Instructor a:hover {
    background-position: -580px -64px;
}

#topContent #globalNav li.Report a:hover {
    background-position: -676px -64px;
}

#topContent #globalNav li.Network a:hover {
    background-position: -773px -64px;
}

#topContent #globalNav li.Office a:hover {
    background-position: -870px -64px;
}

#topContent #globalNav li.News a.On  {
    background-position: 0 -137px;
}



#topContent {
    position: relative;
    margin: 0 auto;
    width: 960px;
}

#topMenu {
    position: absolute;
    top: -345px;
    left: 43px;
    text-align: left;
}

#topMenu a#topMenuBtn {
    display: block;
    margin-top: 2px;
    height: 0;
    width: 93px;
    padding-top: 21px;
    overflow: hidden;
    background: url(../shared/img/top/btn_menu.png) no-repeat left top;
    cursor: pointer;
    z-index: 100;
}



#topMenu li{
    height: 47px;
    margin: 2px 0 0 0;
}

#topMenu li a {
    background-image:url('../images/menu.png');
    width: 183px;
    display:block;
    height: 0;
    padding-top: 47px;
    overflow: hidden;
    border-top: 2px solid #fff;
    text-decoration: none;
}

/* menu link */

li#menu-prologue a{
    background-position: 0px -180px;
}

li#menu-project a{
    background-position: 0px -229px;
}

li#menu-field a{
    background-position: 0px -278px;
}

li#menu-member a{
    background-position: 0px -327px;
}

li#menu-feature a{
    background-position: 0px -376px;
}

li#menu-program a{
    background-position: 0px -425px;
}

li#menu-program2 a{
    background-position: 0px -474px;
}


/*menu hoover*/

li#menu-prologue a:hover {
    background-position: -183px -180px;
}

li#menu-project a:hover {
    background-position: -183px -229px;
}

li#menu-field a:hover {
    background-position: -183px -278px;
}

li#menu-member a:hover {
    background-position: -183px -327px;
}

li#menu-feature a:hover {
    background-position: -183px -376px;
}

li#menu-program a:hover {
    background-position: -183px -425px;
}


li#menu-program2 a:hover {
    background-position: -183px -474px;
}



#news {
    position: absolute;
    top: 610px;
    left: 40px;
    text-align: justify;
}

#news h2 {
    margin-bottom: 1em;
}

/*
#news ul {
    height: 120px;
    overflow-y: scroll;
}
*/

#news ul,
#news li {
    text-align: justify;
}

#news li a {
    line-height: 1.5;
    background: url(../images/mark_list.png) no-repeat left center;
    padding-left: 20px;
    margin-bottom: .5em;
    color: #231815;
    text-decoration: none;
}

#news li a:hover {
    color: #999;
    text-decoration: underline;
}


#employment {
	position: absolute;
	top: 619px;
	left: 842px;
}

#employment li a {
	display: block;
	width: 72px;
	height: 0;
	padding-top: 64px;
	overflow: hidden;
	background: url(../images/btn_employment.png) no-repeat 0 0;
}



#bnr {
	position: absolute;
	top: 870px;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#bnr ul {
	position: relative;
	left: 50%;
	float: left;
}

#bnr li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 5px;
}


#gd {
	position: absolute;
	top: 940px;
	left: 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding-bottom: 2em;
}

#gd dd p {
    margin: .5em 0;
    font-size: 85%;
    line-height: 1.3;
}