body{margin-left: auto;margin-right: auto;}

img{border: none;webkit-backface-visibility: hidden;}

.type3, .erase2, #foot{display: none;}

#navi, nav{
background-color: #004080;
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 20px;
padding: 3px 15px 3px 15px;}

#navi A:link, nav A:link {color:#ffffff;  text-decoration:none;}
#navi A:visited, nav A:visited {color:#ffffff; text-decoration:none;}
#navi A:active, nav A:active {color:#ff0000; text-decoration:none;}
#navi A:hover, nav A:hover {color:#00ffff;  text-decoration:none ;}

h1{
background-color: #008282;
color: #ffffff;
font-size: 20px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 20px;
padding: 4px;
width: 90%;}

#caption{
font-size: 12px;
line-height: 1.5em;
padding-bottom: 50px;
padding-top: 30px;
text-align: left;
width: 90%;}

#box, #box2{width: 96%;}

.brown{color: #990000;}
.blue{color: #0000ff;}


.products1, .products2, .products3{border-bottom: 1px solid gray;font-size: 15px;line-height: 1.5em;margin-left: 0px;padding-bottom: 15%;}
.products1, .products3{margin-bottom: 15%;width: 98%;}
.products2{width: 27%;}

.picture, .number, .price{text-align: center;margin-left: 0px;}
.number, .price{font-weight: bold;}
.number, .type{margin-top: 5%;}
.type, .center{margin-left: 0px;
text-align: center;}
.number{margin-bottom: 5%;}
.type1{line-height: 2.5em;margin-left: 0px;text-align: left;width: 50%;}
.type2{line-height: 2.0em;margin-left: 16%;text-align: left;}
.space0{clear: both;}
.space00{clear: both;height: 5%;}

.cell, .cell2, .cell3, .cell4{
float: left;
font-size: 14px;
line-height: 1.5em;
margin-left: 2%;
margin-right: 2%;
margin-top: 3%;
margin-bottom: 2%;
padding-top: 2%;}

.cell{height: 52%;width: 45%;}
.cell2{height: 35%;width: 45%;}
.cell3{height: 35%;width: 20%;}
.cell4{height: 45%;width: 20%;}

.center, .center1{margin-left: 0px;
text-align: center;}

.center1{clear: both;}

.center2{text-align: center;}

.title, .price{text-align: center;
font-weight: bold;
margin-bottom: 10px;
margin-left: 0px;}

.price{
margin-left: 0px;
margin-top: 10px;
text-align: center;}

.list{
font-size: 12px;
line-height: 1.5em;
text-align: left;
float: left;
margin-left: 10px;}

.name{font-size: 13px;
line-height: 1.7em;
text-align: left;}

.list4{
font-size: 12px;
text-align: left;
float: left;
line-height: 1.5em;
margin-left: 20px;}

.list4a, .list4b{display: none;}

.list5
{clear: both;
font-weight: bold;
margin-bottom: 9px;}

.list6{
font-size: 12px;
text-align: center;
float: left;
line-height: 1.5em;
margin-left: 20px;
vertical-align: bottom;}

.list7{
font-size: 12px;
float: left;
line-height: 1.5em;
margin-left: 20px;
text-align: center;
vertical-align: bottom;}

.explain{text-align: left;}




.width85{height: auto;width: 85%;}
.width81{height: auto;width: 81%;}
.width80{height: auto;width: 80%;}

.width77{height: auto;width: 77%;}
.width72{height: auto;width: 72%;}


.width67{height: auto;width: 67%;}
.width66{height: auto;width: 66%;}
.width60{height: auto;width: 60%;}

.width58{height: auto;width: 58%;}
.width53{height: auto;width: 53%;}
.width50{height: auto;width: 50%;}

.width44{height: auto;width: 44%;}

.width25{height: auto;width: 25%;}

#foot3{margin-bottom: 20px;
margin-top: 50px;width: 100%;height: auto;}

#foot2{display: none;}

.erase2{display: none;}

#back{background-color: #999999;
font-size: 15px;
font-weight: bold;

margin-left: 0px;
margin-top: 30px;
padding: 3px;
text-align: right;
width: 96%;}

#back A:link { color: #ffffff; text-decoration:none;  display: block; width: 100%;}
#back A:visited, #footer A:visited { color: #ffffff; text-decoration:none; }
#back A:hover, #footer A:hover { color: #00ffff; text-decoration:underline; }
#back A:active, #footer A:active { color:#ff0000; text-decoration:underline; }


.footer{
font-size: 13px;
line-height: 3.5em;
text-align: left;
width: 100%;}

.footer A:link{ color: #000000; text-decoration:none; }
.footer A:visited{ color: #000000; text-decoration:none; }
.footer A:hover{ color: #00ffff; text-decoration:underline; }
.footer A:active{ color:#ff0000; text-decoration:underline; }

.foot2{height: auto;margin-right: 7px; width: 10%;}

#foot3{width: 100%;height: auto;}

.space0a{clear: both;height: 40px;}
.space0{clear: both;}

#top{
background: rgba(204,204,204,0.5);
font-size: 15px;
font-weight: bold;
width: 40%;
position: fixed;
padding: 3px;
bottom: 3%;
right: 3%;
display: block;}


#top A:link { color: #000000; text-decoration:none;  display: block; width: 100%;}
#top A:visited { color: #000000; text-decoration:none; }
#top A:hover { color: #00ffff; text-decoration:underline; }
#top A:active { color:#ff0000; text-decoration:underline; }