html { width:100%; min-width:320px; background: #550011; overflow-y: scroll; }
body { min-width:320px; max-width:920px; margin: auto; background-color: #ffffcc; padding: 15px 0px; border: 0px solid; border-radius:8px; 
        color:#000000; font-family: Arial, sans-serif; font-size:100%; text-align:center; }
header  { margin-top:0px; }
header img{ min-width:400px; max-width:100%; height: auto; }
footer { font-size:0.9rem; }

.mainbox { width: 96%; display: inline-block; background-color:#CCFFCC; 
                text-align: center; margin: auto; padding: 0px 5px; font-size:1.0rem; border:1px solid #88aa88; border-radius:8px; }

.sub-box   { width: 100%; display: inline-block; padding: 0px; background-color:#CCFFCC; 
                text-align: center; font-size:0.95rem; border:0px solid blue; }

hr  { color: #AAAAAA; margin: 5px 5%; }

a { text-decoration:none;  font-weight: 600; }
a:link { color:#aa0011 }
a:visited { color:#aa0011 }
a:hover { color:#cc0011 }

.navi a { display: inline-block; margin:3px 3px; padding: 7px; background-color:#AAFFAA; 
            color:#aa0011; font-size:1rem; border: 1px solid #AA0022; border-radius:0px; }
.navi a:link    { background-color:#bbeebb; color:#aa0011; }
.navi a:visited { background-color:#bbeebb; color:#aa0011; }
.navi a:hover   { background-color:#ddffdd; color:#cc0011; }
.navi a:active  { background-color:#bbeebb; color:#AA0011; }

h1 { color:#000000; font-size:1.2rem; font-weight:normal; margin:8px 0px 8px; }
h2 { color:#444444; font-size:1.1rem; font-weight:normal; margin:0px; }

.category { width: 218px; height: 130px; float: left; text-align: center; border: 0px solid blue; }
.category img { width: 150px; height: 100px;}

.product { width: 218px; height: 140px; float: left; text-align: center; border: 0px solid blue; }
.product img { width: auto; height: 140px; }

.img-lnk img { background-color:#101010; border:1px solid #aa0011; }
.img-lnk img:link    { background-color:#101010; border-color:#aa0011; }
.img-lnk img:visited { background-color:#101010; border-color:#aa0011; }
.img-lnk img:hover   { background-color:#181818; border-color:#cc0011; }
.img-lnk img:active  { background-color:#101010; border-color:#aa0011; }

.txt-fld-le { margin:0px 5px; float: left;  text-align: left;   border: 0px solid blue; }
.txt-fld-mi { margin:0px 5px; float: left;  text-align: center; border: 0px solid blue; }
.txt-fld-md { margin:0px 5px; float: none;  text-align: center; border: 0px solid white; }
.txt-fld-ri { margin:0px 5px; float: right; text-align: left;   border: 0px solid white; }

.comment { font-size:0.8rem; }