body {
margin: 0;
padding: 0;
border: 0;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

img {
border: 0px;
}

#wrapper {
margin: 0 auto;
width: 800px;
}


#header {
width: 800px;
height: 90px;
padding-top:30px;
float: left;
}

#logo {
float: left;
width: 470px;
}

#servicenavigation {
width: 300px;
float: left;
}

#servicenavi {
float:right;
font-size:12px;
color: #e2001a;
display: inline;
margin-top: 20px;
margin-left: 10px;
}

#servicenavi a {
text-decoration:none;
color: #e2001a;
padding: 5px;
padding-right: 0px;
}

#servicenavi a:hover {
text-decoration:none;
color: #000;
}


#visual {
width: 800px;
height: 127px;
float: left;
}


.pics {  
    height:  127px;  
    width:   800px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    width:  800px; 
    height: 127px; 
    top:  0; 
    left: 0 
} 






#navigation {
width: 785px;
height: 25px;
background-image:url(../images/hg_navigation.jpg);
background-repeat:repeat-x;
padding-top: 2px;
padding-left: 15px;
float: left;
}






#hauptnavi
{	margin: 0;
	padding: 0;
	color: #fff;
font-size: 12px;
display: inline;
padding: 5px;
padding-left: 17px;
padding-right: 19px;
float: left;
font-weight:bold;
}

	#hauptnavi li
	{	float: left;
		list-style: none;
		font: 12px Arial;
		display:block;}

	#hauptnavi li a
	{	
		text-decoration: none;
		color: #EAFFED;
		color: #fff;
		white-space: nowrap;
		display:block;
		padding-top: 0px;
		margin-top: 0px;}

	#hauptnavi li a:hover
	{	}
		
		#hauptnavi li ul
		{	margin: 0;
			margin-top: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			visibility: hidden;
			width: 213px;
			font-weight: normal;}
		
			#hauptnavi li ul li
			{	float: none;
				display: block;
				margin-top:0px;
				width: 213px;
				font-weight: normal;}
			
			#hauptnavi li ul li a
			{	width: auto;
				background: #d6dfda;
				color: #24313C;
				color: #333;
				width: 213px;
				display: block;
				padding-left: 10px;
				font-weight: normal;
				border-top: 1px solid #fff;
				margin-left: -10px;
				padding-top: 5px;}
			
			#hauptnavi li ul li a:hover
			{	background: #bcc4bf;
			font-weight: normal;
			border-top: 1px solid #fff;
			margin-left: -10px;
			padding-top: 5px;
			color:#000;}






#hauptnavi a {
color: #fff;
text-decoration:none;
padding: 5px;
padding-left: 0px;
font-weight:bold;
}

#hauptnavi a:hover {
color: #999;
}

#hauptnavi .active {
color: #666;
margin-right:5px;
}


#content {
width: 800px;
padding-top: 20px;
padding-bottom: 90px;
float: left;
font-size: 12px;
line-height: 20px;
color: #8395c6;
color: #333;
}

#unternavigation {
width: 250px;
float: left;
margin-right: 40px;
padding-top: 6px;
font-size: 13px;
}

#unternavigation a {
width: 220px;
float: left;
height: 19px;
background-color: #d8d8d8;
background-color: #d6dfda;
border-top: 1px solid #fff;
border-bottom: 1px solid #bcbcbc;
color: #1f4d9d;
text-decoration: none;
padding-left: 30px;
padding-top: 2px;
padding-bottom: 3px;
background-image: url(../images/hg_unternavi.jpg);
background-repeat: no-repeat;
}

#unternavigation a:hover {
width: 220px;
float: left;
height: 19px;
background-color: #cdcdcd;
background: #bcc4bf;
border-top: 1px solid #fff;
border-bottom: 1px solid #bcbcbc;
color: #333;
text-decoration: none;
padding-left: 30px;
padding-top: 2px;
padding-bottom: 3px;
background-image: url(../images/hg_unternavi_active.jpg);
background-repeat: no-repeat;
}

#unternavigation .active {
width: 220px;
float: left;
height: 19px;
background-color: #cdcdcd;
border-top: 1px solid #fff;
border-bottom: 1px solid #bcbcbc;
color: #333;
text-decoration: none;
padding-left: 30px;
padding-top: 2px;
padding-bottom: 3px;
background-image: url(../images/hg_unternavi_active.jpg);
background-repeat: no-repeat;
}


#article {
width: 470px;
float: left;
font-size: 12px;
line-height: 17px;
color: #8395c6;
color: #666;
padding-top: 12px;
}



#article a {
color: #333;
}

#article a:hover {
color: #000;
}


#article input, textarea {
background-color: #c6d4ee;
background-color: #bcc4bf;
border: 0px;
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
}



#footer {
width: 780px;
height: 35px;
padding-top: 25px;
padding-left: 20px;
border-top: 1px solid #fff;
float: left;
}

#footer {
width: 780px;
height: 80px;
padding-top: 20px;
padding-left: 20px;
border-top: 1px solid #999;
position:fixed;
bottom: 0px;
margin: 0 auto;
clear: both;
width: 780px;
height:60px;
z-index:9999;
background-color: #fff;
}

#copyright {
color: #e42218;
font-size: 11px;
float: left;
line-height: 18px;
}

#copyright a {
color: #e42218;
line-height: 18px;
text-decoration:none;
}

#copyright a:hover {
color: #990000;
line-height: 18px;
text-decoration:none;
}

#login {
color: #666;
font-size: 11px;
float: right;
line-height: 18px;
}

#login a {
color: #666;
line-height: 18px;
text-decoration:none;
}

#login a:hover {
color: #000;
line-height: 18px;
text-decoration:none;
}