body, td, th {
 font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 background-color: #fff;
}

a { text-decoration: underline; }
a:hover { text-decoration: none; }

h2 {
 margin: 5px 0; 
 padding: 0;
 font-size: 10pt;
}

.main  {
 text-align: left;
 margin: 0;
 padding: 5px;
 border: 1px solid #aaa; 
}

.logo-brand {
 float: left;
 margin: 5px;
 padding: 0;
}

.p3 {
 margin: 3px 0;
 padding: 3px 0;
}


.p5 {
 margin: 0;
 padding: 5px 0;
}

.to-brand {
 text-align: right;
 margin: 5px;
}

hr {
 height: 1px;
 color: #eee;
 background-color: #eee;
 border: none;
 margin: 5px 0; padding: 0;
}

.here {
 margin: 5px 0; padding: 0;
}

th {
 background-color: #eee;
 text-align: left;
 font-weight: normal;
}

div.goods00 {
 background-color: #eee;
 padding: 5px;
 margin: 5px 0 0 0;
}

div.goods01 {
 margin:0px;
 padding:5px;
 border: 1px solid #eee;
 border-top-width: 0;
}

.sale { font-weight: bold;  color: #c00; }
.discount { text-decoration: line-through; }
.price { font-weight: bold; }

.small { font-size: 8pt; }

.search { margin: 0 0 0 5px; padding: 0; }

input {
	border: 1px solid #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 16px;
}

.button {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 20px;
	border: 1px solid #000;
	background-color: #f1f1f1;
}

table {
 border-collapse: collapse;
}


{*
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*} 


.header {

}

.top-menu td {
 background-color: #aaa;
 padding: 5px;
}

.top-menu a {
 color: #fff;
}

.footer {
 background-color: #aaa;
 color: #fff;
 text-align: right;
 font-size: 8pt;
 padding: 5px;
}


h1 {
 margin: 10px;
 padding: 0;
 font-size: 25pt;
 color: #666;
 text-align: right;
}


.logo {
 background-color: #e9e9e9
}