nav {
    width: 1070px;
}
nav ul {
    padding: 0px;
    margin: 0px;

    box-shadow: 0px 0px 0px #dfdfdf;
    -moz-box-shadow: 0px 0px 0px #dfdfdf;
    -webkit-box-shadow: 0px 0px 0px #dfdfdf;
text-align: center;
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

nav ul,nav ul li{
    background-color: #eeeadb; /*header*/
}
nav ul li {
    list-style: none;
    float:left;

    border-right: 0px solid #dfdfdf;
text-align: left; display: inline-block; float: none
}
nav ul li a {
    text-decoration: none;
    display: block;
    color: #eeeadb;
    padding: 6px 18px 6px 24px;

    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}

nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
    background-color: #DDDDDD;
    text-decoration: none;
    color:#000000;
border-left: 0px solid #dfdfdf;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
    background-color: #DDDDDD;
    text-decoration: none;
    color:#000000;
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
    background-color: #DDDDDD;
    text-decoration: none;
    color:#000000;
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
    background-color: #DDDDDD;
    text-decoration: none;
    color:#000000;
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
    background-color: #DDDDDD;
    text-decoration: none;
    color: #000000;
}
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
    background-color: #DDDDDD;
    text-decoration: none;
    color:#000000;
}
nav ul li.cat7:hover a, nav ul li.cat6:hover > ul li a {
    background-color: #DDDDDD;
    text-decoration: none;
    color:#000000;
}
nav ul li:hover > a {
    color: #FAFAFA;
}
nav ul li:hover > ul {
    visibility: visible;
}

nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}
nav ul li ul li{
	float: none;
display:block;
}
nav ul li ul li a {
    color: #FAFAFA;
}
nav ul li ul li a:hover{
	color: #FFFFFF;
	background-color: #FFFFFF !important;
}


.enlarge:hover {
	transform:scale(3.0,3.0);
	transform-origin: ground right;
}

.enlarge1:hover {
	transform:scale(3.0,3.0);
	transform-origin: top right;
}

.enlarge2:hover {
	transform:scale(3.0,3.0);
	transform-origin: ground right;
}

.enlarge3:hover {
	transform:scale(3.0,3.0);
	transform-origin: ground right;
}

.enlarge4:hover {
	transform:scale(3.0,3.0);
	transform-origin: ground left;
}

.enlarge5:active {
	transform:scale(1.5,1.5);
	transform-origin: ground left;
}

.enlarge6:active {
	transform:scale(2.5,2.5);
	transform-origin: ground left;
}

.tt {
    display:none;
}
a:hover span.tt {
    display:block;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
    position:relative;
    background-color:#fff;
    color:#FFFFFF;
    border:0px solid #363;
    margin:0;
    top: 20px;
    left: 0px ;
	}
	
.img150 {
float: left;
padding: 3px;
font-size: 0.7em;
} 

.imggomo {

padding: 3px;
font-size: 0.7em;
} 

#cbox { 
    text-align: center 
}
#cbox { 
    margin: 20px auto 
}
.cbox { 
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
    display: inline-block;
    width:90%; 
	min-width: 160px; 
	max-width: 250px; 
    border:1px solid silver;
	box-sizing: border-box; 
    margin: 10px 
} 

.cbox, .cbox p { 
    text-align: left
}

@media only screen and (min-width:460px){
    .cbox { width:30%; } 
    .cbox { vertical-align: top; }
}

@media only screen and (min-width:680px){
    .cbox:last-child { margin: 10px 0 10px 10px}
    .cbox:first-child { margin: 10px 10px 10px 0}
}