body {
background-color:#F1F0FF;
width:100%;
margin:5px 0px;
padding:4px 0px;
font-family:Arial, Helvetica, sans-serif;
color:#006;
}

#container {
width:900px;
height:100%	;
margin:4px auto;	
}

#header {
width:900px;
height:200px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-color:#f6f7f9;
margin:10px 1px;
}

#bottom {
width:900px;
height:100px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-color:#f6f7f9;
margin:10px 1px;;
}

#content {
width:900px;
height:470px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-color:#f6f7f9;
position:relative;
margin-bottom:10px;
}

#content-mid {
float:middle;
font-size:21px;
text-align:justify;
margin-left:110px;
margin-right:110px;
height:100%;
}

#content-aboutmid {
float:middle;
font-size:21px;
text-align:justify;
margin-left:110px;
margin-right:110px;
height:100%;
}

#content-productmid {
float:middle;
font-size:21px;
text-align:justify;
margin-left:30px;
margin-right:50px;
height:100%;
}

ol.m {list-style-type: katakana-iroha;}

ol:before {
content: "•"; /* Insert content that looks like bullets */
padding-right: 8px;
color: #006; /* Or a color you prefer */
}


#content-left {
float:left;
margin-left:10px;
margin-right:10px;
height:100%;	
}

#footer {
width:900px;
height:20px;
position:relative;
font-size:12px;	
margin:-5px 5px 5px;
}

#topnav {
clear:both;
background-color:#f6f7f9;
text-align:center;
}

#botnav {
float:middle;
text-align:center;
font-size:13px;	
}

ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

li
{
float:left;
}

#topnav a:link,a:visited
{
display:block;
width:134px;
font-weight:normal;
color:#00F;
background-color:#FFF;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
margin:5px
}

#topnav a:hover,a:active
{
background-color:#666;
color:#FDDA18;
}

#footer-left {
float:left;
}

#footer-right {
float:right;	
}

#footer-right {
margin-right:5px;	
}

#footer a:link,a:visited {
text-decoration:none;
color:#00F;
margin-right:8px;	

}

#map{
width: 900;
height: 470px;
}

.mapContainer{
width:50%;
position: relative;
}

.mapContainer a.direction-link {
position: absolute;
top: 15px;
right: 15px;
z-index: 100010;
color: #FFF;
text-decoration: none;
font-size: 15px;
font-weight: bold;
line-height: 25px;
padding: 8px 20px 8px 50px;
background: #0094de;
background-image: url('direction-icon.png');
background-position: left center;
background-repeat: no-repeat;
}

.mapContainer a.direction-link:hover {
text-decoration: none;
background: #0072ab;
color: #FFF;
background-image: url('direction-icon.png');
background-position: left center;
background-repeat: no-repeat;
}

.dropdown {
float: left;
overflow: hidden;
}

.dropdown .dropbtn {
font-size: 16px;  
border: none;
outline: none;
display:block;
width:134px;
font-weight:normal;
color:#00F;
background-color:#FFF;
text-align:center;
padding:5px;
text-decoration:none;
text-transform:uppercase;
margin:3px
}

.navbar a:hover, .dropdown:hover .dropbtn {
background-color:#666;
color:#FDDA18;
}

.dropdown-content {
display: none;
position: absolute;
background-color:#FFF;
min-width: 300px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
float: none;
color: black;
padding:5px;
text-decoration: none;
display: block;
text-align: left;
min-width: 300px;
}

.dropdown-content a:hover {
background-color: #ddd;
}

.dropdown:hover .dropdown-content {
display: block;
}

#content-sitemap a:link,a:visited
{
text-decoration: none;
}

#content-sitemap a:hover,a:active
{
float: none;
color:#FDDA18;
text-decoration: none;
text-align: left;
}