*{ margin: 0; padding: 0;}

body {
	width: 800px;
	margin: 0 auto;
	text-align:center;
	}

#main{ text-align: left; }

.head { text-align: left; font-size: 8pt ; margin: 10px; clear: both; }

#header{height: 20px; margin-top: 10px; padding: 0;}
.head li{ list-style: none; float: left; margin: 0 3px;text-align: center;
border-bottom: #330066 dotted 1pt; border-top: #330066 dotted 1pt;}

.head li:hover{ background: url(../images/top_menu/berhtml_04.gif); border-top: #ffffff dotted 1pt; border-bottom: #ffffff dotted 1pt;}
.head a{ width: 80px; height: 15px;  display: block; text-decoration: none; color: #330066;}


.fot { text-align: left; font-size: 8pt ;color: #C0C0C0; margin: 30px; clear: both; }
#footer{height: 20px; margin: 30px 0; padding: 0;}
.fot li{ list-style: none;float: left; margin: 0 10px}
.fot a:hover{ color: #A52A2A;}
.fot a{ text-decoration: none; color: #C0C0C0;}

#re{ width: 100px; height: 20px; margin: 20px; background: #ffff00; font-size: 12pt; }