@charset "UTF-8";

/*header*/

#header{
position:relative;
width:800px;
height:124px;
margin-top:30px;
padding:0px;
text-align:center;
}


#earth{
display:block;
width:186px;
height:174px;
margin:0px;
padding:0px;
float:left;
}

#header-right{
width:800px;
height:45px;
margin:0px;
padding:0px;
text-align:left;
float:right;
}

#catch{
width:588px;
height:45px;
margin:0px;
padding:0px;
}


#logo{
width:588px;
height:45px;
margin:0px;
padding:0px;
}

/*g-navi*/
#g-menu{
width:588px;
height:38px;
margin:0px auto 0px auto;
padding:0px;
}

#g-menu ul{
width:auto;
height:38px;
margin:0px;
padding:0px;
list-style:none;
}

#g-menu li{
display:inline;
width:147px;
height:38px;
margin:0px;
padding:0px;
float:left;
}

li a{
width:147px;
height:38px;
margin:0px;
padding:0px;
display:block;
text-decoration:none;
text-indent:-9999px;
overflow:hidden;
}

/*g-navi rollover*/
li.outline a{
background:url(../lib/btn01.gif) no-repeat;
}

li.outline a:hover{
background:url(../lib/btn01r.gif) no-repeat;
}

li.information a{
background:url(../lib/btn02.gif) no-repeat;
}

li.information  a:hover{
background:url(../lib/btn02r.gif) no-repeat;
}

li.activity a{
background:url(../lib/btn03.gif) no-repeat;
}

li.activity a:hover{
background:url(../lib/btn03r.gif) no-repeat;
}


li.inquiry a{
width:138px;
height:38px;
background:url(../lib/btn04.gif) no-repeat;
}

li.inquiry a:hover{
width:138px;
height:38px;
background:url(../lib/btn04r.gif) no-repeat;
}


/*contents*/

#contents{

width:760px;
height: auto;
margin:0px auto 0px auto;
padding-bottom:150px;
clear:both;
}

#left{

width:408px;
height: auto;
margin:0px;
padding:0px;
float:left;
}

#right{

width:352px;
height: auto;
margin:0pxo;
padding:0px;
text-align:left;
float:right;
}



/*line*/
hr{
display:none;
}

.line01{
width:760px;
height:1px;
margin: 10px auto 5px auto ;
padding:0px;
background:url(../lib/allover01.gif) repeat-x;
}

/*line*/
ul.whatsnew{
width:352px;
height:auto;
margin:0px;
padding:0px;
	list-style:none;
}

ul.whatsnew li{
width:352px;
height:auto;
margin:0px 0px 10px 0px;
padding:0px;
line-height:18px;
}

ul.whatsnew li a{
width:352px;
height:auto;
margin:0px 0px 10px 0px;
padding:0px;
line-height:18px;
text-indent:0px;
}

/*footer*/


#footer{
position:relative;
width:800px;
margin-top: -150px; /* negative value of footer height */
	height: 150px;
	margin-left:auto;
	margin-right:auto;
padding:0px;
clear:both;
	text-align:center;
font-size:10px;

}

#footer-left{
	width:390px;
	height:auto;
	padding:0px;
	text-align:left;
	float:left;
	font-size:11px;
	line-height:16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#footer-right{
	width:360px;
	height:auto;
	padding:0px;
	text-align:left;
	float:right;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer-btm{
width:800px;
height:auto;
margin:0px;
padding:6px 0px 2px 0px;
text-align:center;
clear:both;
}


#footernavi{
width:760px;
height:20px;
margin-top:10px;
padding:0px;
clear:both;
font-size:10px;

}




#footernavi ul{
width:auto;
height:20px;
margin-left:20px;
padding:0px;
list-style-type:none;
}

#footernavi ul li{
display : inline;
margin:0px;
float:left;
}

#footernavi ul li a:link { 
text-decoration:none;
 }
 
#footernavi li a:visited {
text-decoration:none;}

#footernavi li a:active{
text-decoration:none;
}

#footernavi ul li a:hover{
text-decoration:none;
}

#footer div.copyright{
width:760px;
height:10px;
margin:0px auto 10px auto;
padding:0px;
font-size:9px;
}


.img-left{
float:left;
}