body,
html {
    margin: 0;
    padding :0;
    background: #333333;
    color: #333333;
    }

#wrap {
	width:820px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;
	margin-top: 10px;
	padding: 40px 40px 20px;
}
#hpimage {
	width:820px;
	z-index:1;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
}
#Logo {
	width:820px;
	z-index:2;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: lighter;
	color: #CCCCCC;
}
#footer {
	width:820px;
	z-index:1;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #CCCCCC;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0px;
	clear: both;
}
a:link {
	color: #DFDFDF;
	text-decoration: none;
}
a:visited {
	color: #DFDFDF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #DFDFDF;
	text-decoration: none;
}

ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
navhp a:link {
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
	color: #DFDFDF;
	text-decoration: none;
}
#wrap #bodyarea a:link {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #DFDFDF;
	padding-left: 20px;
	line-height: 60px;
}
#wrap #bodyarea a:visited {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #DFDFDF;
	padding-left: 20px;
	line-height: 60px;
}
#wrap #bodyarea a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(media/arrow.gif);
	background-repeat: no-repeat;
}
#wrap #bodyarea a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(media/arrow.gif);
	background-repeat: no-repeat;
}
#wrap #bodyareaprods a:link {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #DFDFDF;
	padding-left: 20px;
	line-height: 60px;
}
#wrap #bodyareaprods a:visited {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #DFDFDF;
	padding-left: 20px;
	line-height: 60px;
}
#wrap #bodyareaprods a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(media/arrow.gif);
	background-repeat: no-repeat;
}
#wrap #bodyareaprods a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(media/arrow.gif);
	background-repeat: no-repeat;
}
#mainimage {
	z-index:5;
	background-color: #333333;
	float: left;
	width: 400px;
}
.caption {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #CCCCCC;
}
#bodyarea {
	z-index:1;
	float: right;
	width: 400px;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 48px;
	font-weight: lighter;
	color: #CCCCCC;
	height: 390px;
}
#imprint {
	width:810px;
	z-index:2;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	font-family: "Times New Roman", Times, serif;
	line-height: 15px;
	font-weight: normal;
	color: #CCCCCC;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#backhistory {
	width:390px;
	z-index:1;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #CCCCCC;
	float: right;
	clear: both;
	padding-top: 30px;
}
#wrap #bodyareaprods table a:link {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #CCCCCC;
	padding-left: 15px;
}
#wrap #bodyareaprods table a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #CCCCCC;
	padding-left: 15px;
}
#wrap #bodyareaprods table a:hover {
	color: #CCCCCC;
	padding-left: 15px;
	background-image: url(media/arrow2.gif);
	background-repeat: no-repeat;
}
#wrap #bodyareaprods table a:active {
	color: #CCCCCC;
	padding-left: 15px;
	background-image: url(media/arrow2.gif);
	background-repeat: no-repeat;
}
#bodyareaprods {
	z-index:1;
	float: right;
	width: 390px;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 48px;
	font-weight: lighter;
	color: #CCCCCC;
	height: 400px;
}
#bodyarea2 {
	z-index:1;
	float: right;
	width: 390px;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 48px;
	font-weight: lighter;
	color: #CCCCCC;
	height: 370px;
}
#mainimage2 {
	z-index:1;
	background-color: #333333;
	float: left;
}
#scrollarea {
	width:380px;
	height:330px;
	z-index:6;
	overflow: auto;
	left: 510px;
	top: 109px;
	padding-right: 20px;
	margin-top: 30px;
}
body {scrollbar-base-color:#333333;}
.japanese {
	font-family: Osaka, Osaka-??;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	padding-left: 15px;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	color: #CCCCCC;
	padding-left: 20px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #CCCCCC;
	padding-left: 20px;
	padding-top: 15px;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #CCCCCC;
	padding-left: 20px;
}