body{
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}

img{
	border: 0;
}

.clear{
	clear: both;
	height: 0px;
}

.bold{
	font-weight: bold;
}

.txtcenter{
	text-align: center;
}

.mT10{
	margin-top: 10px;
}

.mB10{
	margin-bottom: 10px;
}

.pR1em{
	padding-right: 1em;
}

a:link{
	color: #59774D;
}

a:visited{
	color: #59774D;
}

a:hover{
	color: #90AE84;
}

a:active{
	color: #90AE84;
}

/*_________________________________________________
                                          header */
#hdr{
	background: url("img/hdr_bg.gif") repeat-x;
	height: 98px;
}

#hdr_menu{
	background: url("img/hdr_fff.gif") no-repeat;
	width: 740px;
	height: 84px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#hdr_menu h1{
	width: 479px;
	height: 69px;
	background: url("img/jshg_logo.gif") no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 7px;
	left: 11px;
	margin: 0;
	padding: 0;
}

#hdr_menu #member_bbs{
	position: absolute;
	width: 147px;
	height: 15px;
	top: 16px;
	left: 540px;
}

#hdr_menu #journal{
	position: absolute;
	width: 174px;
	height: 14px;
	top: 35px;
	left: 540px;
}

#hdr_menu #contact{
	position: absolute;
	width: 72px;
	height: 15px;
	top: 55px;
	left: 540px;
}

#hdr_menu #japanese{
	position: absolute;
	width: 57px;
	height: 15px;
	top: 55px;
	left: 644px;
}

/*_________________________________________________
                               global navigation */
#global_navi{
	width: 740px;
	height: 49px;
	margin: 0 auto;
}

#global_navi ul,li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#global_navi li{
	float: left;
}

#global_navi a{
	height: 49px;
	display: block;
	text-indent: -9999px;
	outline: none;
}

/* HOME */
#global_navi #home{width: 79px;background: url("img/gnavi_home.gif") no-repeat;}

/* Introduction */
#global_navi #introduction{width: 129px;background: url("img/gnavi_intro.gif") no-repeat;}
#global_navi #introduction_on{width: 129px;background: url("img/gnavi_intro_on.gif") no-repeat;}

/* Activities */
#global_navi #activities{width: 102px;background: url("img/gnavi_activ.gif") no-repeat;}
#global_navi #activities_on{width: 102px;background: url("img/gnavi_activ_on.gif") no-repeat;}

/* Qualifications */
#global_navi #qualifications{width: 125px;background: url("img/gnavi_quali.gif") no-repeat;}
#global_navi #qualifications_on{width: 125px;background: url("img/gnavi_quali_on.gif") no-repeat;}

/* References */
#global_navi #references{width: 113px;background: url("img/gnavi_reference.gif") no-repeat;}
#global_navi #references_on{width: 113px;background: url("img/gnavi_reference_on.gif") no-repeat;}

/* Supporters Association */
#global_navi #supporters{width: 192px;background: url("img/gnavi_supporters.gif") no-repeat;}
#global_navi #supporters_on{width: 192px;background: url("img/gnavi_supporters_on.gif") no-repeat;}



/*_________________________________________________
                                          footer */
#footer{
	width: 740px;
	margin: 40px auto 0;
	background: url("img/footer_top.gif") top center no-repeat;
	background-color:#D8D8D8;
	padding-bottom: 20px;
}

div#footer_navi{
	font-size: 80%;
	margin: 0 auto;
	padding: 20px 0;
	width: 700px;
	background: url("img/footerline.gif") bottom center no-repeat;
	letter-spacing: 0.08em;
	list-style-type: none;
	text-align: center;
}

#footer_navi a:link{
	color: #000;
	text-decoration: none;
}

#footer_navi a:visited{
	color: #000;
	text-decoration: none;
}

#footer_navi a:hover{
	color: #000;
	text-decoration: underline;
}

#footer_navi a:active{
	color: #000;
	text-decoration: none;
}


/*_________________________________________________
                                      arrow link */
.alink{
	background: url("img/list_arrow.gif") no-repeat;
	padding-left: 15px;
	padding-top: 0;
}

.alink a:link{
	color: #59774D;
}

.alink a:visited{
	color: #59774D;
}

.alink a:hover{
	color: #90AE84;
}

.alink a:active{
	color: #90AE84;
}


/*_________________________________________________
                                       clear fix */

.clearfix,
#global_navi,
.index_container,
#contents{
    zoom:1;
}
.clearfix:after,
#global_navi:after,
.index_container:after,
#contents:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

