ul, ol, li {list-style:none;}
a {text-decoration:none; color:#000;}
a:focus, a:hover, a:active {color:#000;}

.menu {
	margin-top:60px;
	padding:0; 
	height:245px;
	width:1000px;
	z-index:2;
	border:0px solid;
}

@font-face {
	font-family: Kozuka Gothic Pr6N EL;
	src: local("Kozuka Gothic Pr6N EL"), url('../font/KozGoPr6N-ExtraLight.otf');
	font-style: normal;
	font-weight: normal;
}

.l-a {position:absolute;left:10%;top:0px;z-index:2;font-family: Arial;font-size:30px;color:#fff;}
.menu li {float:left;	position:relative; letter-spacing:-1px;}
.menu li a {display:inline-block; margin:0 1px 1px; color:#000; line-height:55px; }
.menu li a.last {background:none;}
*+html .menu li a {padding:0;}
.menu li:hover, .menu li.active {background:none}
.menu li a:hover, .menu li.active a{}

.menu ul {
	position:absolute;
	padding:0;
	top:-999em;
	width:245px;
	background:none;
	z-index:-1;
    /* Hide sub level, we will use this in transition */
}

.menu ul ul {
	padding:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.menu ul li {width:	100%;}
.menu li:hover {visibility:inherit;}
.menu li li {background:none;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; letter-spacing:0;}
.menu li li:hover {background:none;}
.menu li li a {
	background:none;
	font-family: Kozuka Gothic Pr6N EL;
	font-size:18px;
	display:block;
	color:#000;
	padding:0 0 0 21px;
	line-height:37px;
}
.menu li li > a:hover {background:#fff;}

.menu li li li {background:#none;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.menu li li li:hover {background:none;}
.menu li li li a {padding:0 0 3px 21px; line-height:34px;}
.menu li li li a:hover {background:none;}

.menu li:hover ul {
	z-index:1;
	opacity: 1;
	top:0;
	left:0;
	-webkit-transform: translate(0px, 245px);
	-moz-transform: translate(0px, 245px);
	-ms-transform: translate(0px, 245px);
	-o-transform: translate(0px, 245px);
	transform: translate(0px, 245px);
	-webkit-transition: transform .8s ease-out 0s, opacity 0.8s ease 1000ms, z-index 1.0s linear 0s;
	-moz-transition: transform .8s ease-out 0s, opacity 0.8s ease 1000ms, z-index 1.0s linear 0s;
	-ms-transition: transform .8s ease-out 0s, opacity 0.8s ease 1000ms, z-index 1.0s linear 0s;
	-o-transition: transform .8s ease-out 0s, opacity 0.8s ease 1000ms, z-index 1.0s linear 0s;
	transition: transform .8s ease-out 0s, opacity 0.8s ease 1000ms, z-index 1.0s linear 0s;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow:1px 1px 1px #666;
}

ul.menu li:hover li ul {top:-999em;}
ul.menu li li:hover ul {left:169px;top:0px;z-index:9999;}
ul.menu li li:hover li ul{top:-999em;}

.btn img{
	position:relative;
	top:0px;
	left:0px;
	width:245px;
	height:245px;
    border:none;
}

.btn .price {
    position:absolute;
    font-size:30px;
    top:20px;
    left:15px;
	width:245px;
	height:245px;	
    color:#000;
    opacity:0;
    text-shadow:0px 1px 1px rgba(255,255,255,0.5);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity:0;
	z-index:-1;
}

.btn:hover .price {
    opacity:1;
}

.btn-studio{z-index:1;background: url(../../image/info/button/button_start.png) no-repeat 0 0; display: block; width:245px; height:245px;}	
.btn-labor  {z-index:1;background: url(../../image/info/button/button_start.png) no-repeat -245px 0; display: block; width:245px; height:245px;}	
.btn-worksh{z-index:1;background: url(../../image/info/button/button_start.png) no-repeat 0 -245px; display: block; width:245px; height:245px;}	
.btn-design{z-index:1;background: url(../../image/info/button/button_start.png) no-repeat -245px -245px; display: block; width:245px; height:245px;}	

#info .menu {top:200px;}

.nav-face {
	margin:0 auto;
	padding: 0px 0px 0px;
	position:relative;
	z-index:2;
}

.nav-face li {float:left;	position:relative; padding: 0px; z-index: 99;}
.nav-face li a {display:block; padding: 18px 20px 20px; min-width: 90px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;text-align: center; }
.nav-face li a.last {background:none;}
*+html .nav-face li a {padding: 18px 20px 20px;}
.nav-face li li a,
.nav-face li a{ transition: all 0.4s ease 0s; }


.nav-face li:hover,
.nav-face li.active {}
.nav-face li a:hover,
.nav-face li.active a{color: #f54650;}

.nav-face ul {
	position:absolute;
	padding:0;
	top:-999em;
	width: 162px;
	background:#363636;
}
.nav-face ul ul {padding:0;background:	none;}
.nav-face ul li {width:	100%;}
.nav-face li:hover {visibility:inherit;}
.nav-face li li { border-bottom: 1px solid #171615; background:#363636;}
.nav-face li li.last { border-bottom: none;}
.nav-face li li,
.nav-face li li:hover {float: none; border-right: none; position: relative; }
.nav-face li li a {
	display: block;
	padding:8px 20px 9px;
	text-align:left;
	background: none;
	text-transform:none;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
}
.nav-face li li > a:hover {}

.nav-face li li li {left:162px;background:#2c2b29;}
.nav-face li li li:hover {background:#ff7e00;}
.nav-face li li li a {padding:0 0 3px 21px; line-height:34px;}
.nav-face li li li a:hover {background:none;}

.nav-face li:hover ul {left:0px;top:48px;z-index:999;}

ul.nav-face li:hover li ul {top:-999em;}
ul.nav-face li li:hover ul {width:166px;top:0px;z-index:9999;}
ul.nav-face li li:hover li ul{top:-999em;}