@charset "UTF-8";

#navi {
    width: 100%;
    display: none;
    position: relative;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-repeat: repeat-x;
    height: 70px;
    background-color: #FFFFFF;
	    border-bottom: 2px solid #1E8400;
}
#navi .container{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    position: relative;
    height: 65px;
}
#navi::after {
content:'';
display:block;
clear:both;
}
.title {
font-size:24px;
color:#666;
padding:8px 0;
float:left;	
}
#navi .container .head{
    background-color: #FFFFFF!important;
    height: 65px!important;
    border-bottom: 2px solid #1E8400;
}
#navi .container .head .logo {
	width: 230px;
	margin-top: 10px;
}
#navi .container .head .logo img {
	width: 100%;
	hight: 100%;
}

#navi .container ul.menu {
	margin-bottom: 10px;
	margin-top: -10px;
	padding: 0px;
	position: absolute;
	top: 43px;
	right: 0px;
	background-color: transparent;
	min-width: 600px;
}
#navi .container ul.menu li {
	font-size: 13px;
	margin-right: 0px;
	padding-right: 15px;
}

.content {
font-size:32px;
}
p {
}
#navi .contact{
	margin-top: 5px;
}

@media only screen and (max-width:1024px){
#navi .container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	margin-top: 0px;
}	
	
	}
@media only screen and (max-width:480px){
#navi {
	width: 0%;
	display: none;
	position: absolute;
	top: -999px;
	z-index: 1;
	background-image: url(../images/scroll_nav_bg.png);
	background-repeat: repeat-x;
}
#navi .container .header .logo{
	display: none;
	position: fixed;
	top: -999px;
	background-color: #B82629;
}
#navi .right{
	display: none;
	background-color: #BF2225;
	width: 0px;
}
#navi .contact{
	display: none;
	background-color: #2E4290;
	width: 0px;
}


	}