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

body  {
	font: 12px  Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック", Osaka;
	background: #88a54b url(../img/bg.gif) no-repeat center top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #2f1a0f;
	line-height:14px;

}
a:link {  color: #647c30; background-color: transparent; }
a:hover { text-decoration: underline; color: #647c30; background-color: transparent; }
a:visited { color: #647c30; background-color: transparent; }
a:active {  color: #647c30; background-color: transparent; }

ul{
	margin:0;
	padding:0;
}
#container {
	width: 800px;  
	background:#ffffff;
	text-align: left;
	margin:0 auto;
	
} 
#header {
	background:url(../img/header.gif) no-repeat;
	padding: 0;
	height: 70px;
	margin: 0;
	float: left;
	width: 800px;
	position:relative;
}
#header h1{
	text-indent:-9999px;
	margin:0;
}
#header h1 a{
	width:475px;
	height:70px;
	margin:0;
	display:block;
}

#header .language{
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:30px;
	background:#2f1a0f;
}

#globalNavi{
	width:800px;
	float: left;
}

#globalNavi ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}

#globalNavi li, #globalNavi a{
	display:block;
	height:30px;
}

#globalNavi li{
	display:inline;
	text-align: center;
	float: left;
	
}

#globalNavi a{
	text-decoration:none;
	color:#FFFFFF;
	background:url(../img/navi.gif) no-repeat;
	text-indent: -9999px;
}
#item01 a{
	background-position: 0px 0px;
	width:89px;
}
#item01 a:hover, #item01ON a{
	background-position: 0px -30px;
	width:89px;
}
#item02 a{
	background-position: -89px 0px;
	width:129px;
}
#item02 a:hover, #item02ON a{
	background-position: -89px -30px;
	width:129px;
}
#item03 a{
	background-position: -218px 0px;
	width:89px;
}
#item03 a:hover, #item03ON a{
	background-position: -218px -30px;
	width:89px;
}
#item04 a{
	background-position: -307px 0px;
	width:173px;
}
#item04 a:hover, #item04ON a{
	background-position: -307px -30px;
	width:173px;
}
#item05 a{
	background-position: -480px 0px;
	width:126px;
}
#item05 a:hover, #item05ON a{
	background-position: -480px -30px;
	width:126px;
}
#item06 a{
	background-position: -606px 0px;
	width:108px;
}
#item06 a:hover, #item06ON a{
	background-position: -606px -30px;
	width:108px;
}
#item07 a{
	background-position: -714px 0px;
	width:86px;
}
#item07 a:hover, #item07ON a{
	background-position: -714px -30px;
	width:86px;
}
.clearfloat{
	clear:both;
}

.ucLeft{
	float:left;
}

.ucRight{
	float:right;
}

#footer{
	width:800px;
	float:left;
	text-align:center;
	background:#647c30;
}
#footer ul{
	padding:10px;
	margin:0;
}
#footer li{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
	color:#FFFFFF;
}
#footer li a, #footer li a:visited {
	color:#FFFFFF;
	
}

