@charset "utf-8";


#header{
//position:relative;
width:100%;
min-width:1280px;
height:90px;
z-index:5000;
background:rgba(0,0,0,0.7);
position: fixed;
top: 0;
}

.float_header{
position: fixed;
top: 0;
}



#nav{
width:1280px;
height:90px;
margin-top:0px;
//background:rgba(255,0,0,0.0);
//background:rgba(0,0,0,0.5);
margin-right:auto;
margin-left:auto;
padding-top:20px;
}

#nav h1,#nav ul{
display:inline-block;
vertical-align:top;
padding-left:30px;
}

#nav h1 a{
display:block;
-webkit-transition:0.2s;
-moz-transition:0.2s;
-o-transition:0.2s;
transition:0.2s;
}

#nav h1 a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}


#nav ul{
text-align:center;
margin-right:auto;
margin-left:0px;
}

#nav ul li{
position: relative;
text-align:right;
display:inline-block;
vertical-align:middle;
height:62px;
width:142px;
margin-top:0px;
margin-bottom:0;
background:url(../img/nav.png) no-repeat;
margin-right:auto;
margin-left:auto;
}

#nav ul li a{
display:block;
height:62px;
}



#nav ul li#nav1{background-position:0px 0px;transition-duration: 0.3s;transition-property: background;}
#nav ul li#nav2{background-position:-142px 0px;transition-duration: 0.3s;transition-property: background;}
#nav ul li#nav3{background-position:-284px 0px;transition-duration: 0.3s;transition-property: background;}
#nav ul li#nav4{background-position:-426px 0px;transition-duration: 0.3s;transition-property: background;}
#nav ul li#nav5{background-position:-568px 0px;transition-duration: 0.3s;transition-property: background;}
#nav ul li#nav6{background-position:-710px 0px;transition-duration: 0.3s;transition-property: background;}
#nav ul li#nav7{background-position:-710px 0px;transition-duration: 0.3s;transition-property: background;}

#nav ul li#nav1:hover{background-position:0px -62px;}
#nav ul li#nav2:hover{background-position:-142px -62px;}
#nav ul li#nav3:hover{background-position:-284px -62px;}
#nav ul li#nav4:hover{background-position:-426px -62px;}
#nav ul li#nav5:hover{background-position:-568px -62px;}
#nav ul li#nav6:hover{background-position:-710px -62px;}
#nav ul li#nav7:hover{background-position:-710px -62px;}

#nav ul li#nav1.active{background-position:0px -62px;}
#nav ul li#nav2.active{background-position:-142px -62px;}
#nav ul li#nav3.active{background-position:-284px -62px;}
#nav ul li#nav4.active{background-position:-426px -62px;}
#nav ul li#nav5.active{background-position:-568px -62px;}
#nav ul li#nav6.active{background-position:-710px -62px;}
#nav ul li#nav7.active{background-position:-710px -62px;}

#nav ul li#nav1.none{background-position:     0px 0px;filter: grayscale(1);opacity:0.5;}
#nav ul li#nav2.none{background-position:-142px 0px;filter: grayscale(1);opacity:0.5;}
#nav ul li#nav3.none{background-position:-284px 0px;filter: grayscale(1);opacity:0.5;}
#nav ul li#nav4.none{background-position:-426px 0px;filter: grayscale(1);opacity:0.5;}
#nav ul li#nav5.none{background-position:-568px 0px;filter: grayscale(1);opacity:0.5;}
#nav ul li#nav6.none{background-position:-710px 0px;filter: grayscale(1);opacity:0.5;}
#nav ul li#nav7.none{background-position:-710px 0px;filter: grayscale(1);opacity:0.5;}
#nav ul li#nav1.none:hover{background-position:0px 0px;}
#nav ul li#nav2.none:hover{background-position:-142px 0px;}
#nav ul li#nav3.none:hover{background-position:-284px 0px;}
#nav ul li#nav4.none:hover{background-position:-426px 0px;}
#nav ul li#nav5.none:hover{background-position:-568px 0px;}
#nav ul li#nav6.none:hover{background-position:-710px 0px;}
#nav ul li#nav7.none:hover{background-position:-710px 0px;}


#nav ul li.none{
pointer-events:none;
}


#nav ul li img.new{
display:block;
position:absolute;
margin-top:15px;
margin-left:-10px;
z-index:100;
}


#nav_line{
width:1280px;
height:3px;
background:rgba(255,0,0,0.0);
margin-top:0px;
margin-right:auto;
margin-left:auto;
background:url(../img/line.png) repeat-x;
}



#nav ul li ul.dd{
display:none;
height:auto;
position:absolute;
padding:0;
padding-top:20px;
padding-bottom:20px;
margin-top:60px;
margin-left:0px;
background:none;
text-align:center;
z-index:9999;
background:rgba(255,255,0,0.0);
}

#nav ul li ul.dd li{
display:block;
background:none;
height:auto;
text-align:center;
margin-bottom:-10px;
}

#nav ul li ul.dd li.re{
letter-spacing:0.5px;
text-align:center;
}

#nav ul li ul.dd li a{
}