body{
    background-color:#000000;
    text-align:left;
    padding:0px;
    margin:0px;
    }
#main{
	width:640px;
	height:auto;
	font-size:10px;
	font-family:Verdana;
	color:#474747;
	background-color:#ffffff;
	text-align:center;
	padding:0px;
	margin:auto;
    }
#main #header{
	width:640px;
	height:50px;
	background-color:#FFF;
	text-align:left;
	padding:0px;
	margin:0px;
	float:left
    }
#main #header p{
    font-size:10px;
    font-family:Verdana;
    color:#474747;
    text-align:left;
    padding:0px;
    margin:5px 20px 5px 20px;
    }
#main #navi{
	width:800px;
	height:auto;
	background-color:#ffffff;
	text-align:left;
	padding:0px;
	margin:0px;
	float:left
    }
#main #navi ul{
    text-align:right;
    padding:0px;
    margin:5px 10px 5px 0px;
    }
#main #navi li{
    font-size:10px;
    font-family:Verdana;
    color:#474747;
    background-color:#ffffff;
    text-align:left;
    padding:0px;
    margin:10px;
    display:inline;
    }
#main #mainimage{
	width:640px;
	height:450px;
	background-color:#ffffff;
	background-image:url(deta/top/herox.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:left;
	padding:0px;
	margin:0px;
	float:left
    }
#main #subimage{
    width:640px;
    height:auto;
    background-color:#ffffff;
    text-align:center;
    padding:0px;
    margin:0px;
    float:left
    }
#main #cospcontents{
    width:640px;
    height:250px;
    background-color:#ffffff;
    background-image:url(deta/top/ginko.jpg);
    background-repeat:no-repeat;
    background-position:center;
    text-align:left;
    padding:0px;
    margin:0px;
    float:left
    }
#main #contents{
	width:640px;
	height:auto;
	background-color:#ffffff;
	text-align:left;
	padding:0px;
	margin:0px;
	float:left
    }
#main #footer{
    width:640px;
    height:auto;
    background-color:#aaaaaa;
    text-align:left;
    padding:0px;
    margin:0;
    float:left
    }
#main #footer #blogbn{
    text-align:left;
    padding:0px;
    margin:10px 20px 10px 20px;
    float:left
    }
#main #footer #form{
    text-align:left;
    padding:0px;
    margin:10px 20px 10px 20px;
    float:right
    }
#main #material{
    width:640px;
    height:auto;
    background-color:#ffffff;
    text-align:left;
    padding:0px;
    margin:0px;
    float:left
    }
#main #material table{
    padding:0px;
    margin:5px 20px 5px 20px
    }
h1{
    text-align:left;
    padding:0px;
    margin:5px;
    } 
h2{
    font-size:12px;
    font-family:Verdana;
    color:#474747;
    text-align:center;
    border-style:double;
    border-width:0px;
    border-top-width:4px;
    border-bottom-width:4px;
    border-color:#474747;
    padding:0px;
    margin:5px 20px 5px 20px
    } 
h4{
    font-size:10px;
    font-family:Verdana;
    color:#474747;
    text-align:left;
    padding:0px;
    margin:0px;
    } 
h3{
    font-size:10px;
    font-family:Verdana;
    color:#474747;
    text-align:left;
    border-style:double;
    border-width:0px;
    border-bottom-width:4px;
    border-color:#474747;
    padding:0px;
    margin:5px 20px 5px 20px
    }
#link table{
    width:100%;
    height:auto;
    padding:0px;
    margin:0px
    }
#link td{
    width:50%;
    height:auto;
    vertical-align:top;
    padding:0px;
    margin:5px 20px 5px 20px
    }
p{
    font-size:10px;
    font-family:Verdana;
    color:#474747;
    text-align:left;
    padding:0px;
    margin:10px 20px 10px 20px;
    } 
A:link {text-decoration:none;color:#474747;}
A:visited {text-decoration:none;color:#474747;}
A:active {text-decoration:none;color:#474747;}
A:hover {
    text-decoration:none;color:#FFFFFF;
    position:relative;top:1px;left:2px}

img {
    border-style:none;
}

a img { border-style:none; }

hr {
    width:100%;
    color:#474747;
}