@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////*/

#header{
position:relative;
width:100%;
min-width:1280px;
height:113px;
z-index:5000;
background:rgba(0,0,0,1.0);
}



#nav{
width:1280px;
height:70px;
margin-top:0px;
background:rgba(255,0,0,0.0);
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:125px;
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;}
#nav ul li#nav2{background-position:-125px 0px;}
#nav ul li#nav3{background-position:-250px 0px;}
#nav ul li#nav4{background-position:-375px 0px;}
#nav ul li#nav5{background-position:-500px 0px;}
#nav ul li#nav6{background-position:-625px 0px;}
#nav ul li#nav7{background-position:-750px 0px;}

#nav ul li#nav1:hover{background-position:0px -62px;}
#nav ul li#nav2:hover{background-position:-125px -62px;}
#nav ul li#nav3:hover{background-position:-250px -62px;}
#nav ul li#nav4:hover{background-position:-375px -62px;}
#nav ul li#nav5:hover{background-position:-500px -62px;}
#nav ul li#nav6:hover{background-position:-625px -62px;}
#nav ul li#nav7:hover{background-position:-750px -62px;}

#nav ul li#nav1.active{background-position:0px -124px;}
#nav ul li#nav2.active{background-position:-125px -124px;}
#nav ul li#nav3.active{background-position:-250px -124px;}
#nav ul li#nav4.active{background-position:-375px -124px;}
#nav ul li#nav5.active{background-position:-500px -124px;}
#nav ul li#nav6.active{background-position:-625px -124px;}
#nav ul li#nav7.active{background-position:-750px -124px;}

#nav ul li#nav1.none{background-position:0px -186px;}
#nav ul li#nav2.none{background-position:-125px -186px;}
#nav ul li#nav3.none{background-position:-250px -186px;}
#nav ul li#nav4.none{background-position:-375px -186px;}
#nav ul li#nav5.none{background-position:-500px -186px;}
#nav ul li#nav6.none{background-position:-625px -186px;}
#nav ul li#nav7.none{background-position:-750px -186px;}


#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:40px;
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{
}