@charset "utf-8";
HTML{
background:#000;
font-size:18px;
color:#3E323E;
}
body{
}
body:before{
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
z-index:-100;
padding-top:108px;
}
/**/

#wrap_out{
width:100%;
position:relative;
background:url(../img/BG.jpg) center top repeat-x;
background-attachment:fixed;
}
#wrap_in{
width:100%;
background:url(../img/menuBG.png) center top no-repeat;
}
.conbox{
width:1280px;
margin:0 auto;
}
/**/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

header{
border-bottom:1px solid #fff;
}
/*-------------------------------
grobalNav
--------------------------------*/
#Gnav{
width:100%;
}
#Gnav .conbox{
height:60px;
}
#Gnav ul{
width:1220px;
margin:0 auto;
text-indent:-99999px;
}
#Gnav li{
height:60px;
float:left;
text-align:center;
}
#Gnav li a{
display:block;
height:60px;
}
#Gnav li.nav01,#Gnav li.nav01 a{width:120px;}
#Gnav li.nav02,#Gnav li.nav02 a{width:250px;}
#Gnav li.nav03,#Gnav li.nav03 a{width:190px;}
#Gnav li.nav04,#Gnav li.nav04 a{width:220px;}
#Gnav li.nav05,#Gnav li.nav05 a{width:100px;}
#Gnav li.nav06,#Gnav li.nav06 a{width:190px;}
#Gnav li.nav07,#Gnav li.nav07 a{width:150px;}


#Gnav li.nav01 a{background:url(../img/menuTXT.png) 0 top no-repeat;}
#Gnav li.nav02 a{background:url(../img/menuTXT.png) -120px top no-repeat;}
#Gnav li.nav03 a{background:url(../img/menuTXT.png) -370px top no-repeat;}
#Gnav li.nav04 a{background:url(../img/menuTXT.png) -560px top no-repeat;}
#Gnav li.nav05 a{background:url(../img/menuTXT.png) -780px top no-repeat;}
#Gnav li.nav06 a{background:url(../img/menuTXT.png) -880px top no-repeat;}
#Gnav li.nav07 a{background:url(../img/menuTXT.png) -1070px top no-repeat;}

#Gnav li.nav01 a:hover{background:url(../img/menuTXT.png) 0 -60px no-repeat;}
#Gnav li.nav02 a:hover{background:url(../img/menuTXT.png) -120px -60px no-repeat;}
#Gnav li.nav03 a:hover{background:url(../img/menuTXT.png) -370px -60px no-repeat;}
#Gnav li.nav04 a:hover{background:url(../img/menuTXT.png) -560px -60px no-repeat;}
#Gnav li.nav05 a:hover{background:url(../img/menuTXT.png) -780px -60px no-repeat;}
#Gnav li.nav06 a:hover{background:url(../img/menuTXT.png) -880px -60px no-repeat;}
#Gnav li.nav07 a:hover{background:url(../img/menuTXT.png) -1070px -60px no-repeat;}

#Gnav li.nav03.nolink{background:url(../img/menuTXT.png) -370px -120px no-repeat;}
#Gnav li.nav07.nolink{background:url(../img/menuTXT.png) -1070px -120px no-repeat;}


/*-------------------------------
main
--------------------------------*/
#main .conbox{
width:1120px;
margin:0 auto;
padding-bottom:60px;
text-indent:-99999px;
}
#main h2{
width:480px;
height:48px;
margin:0 auto 0;
text-indent:-99999px;
}
#Pnav ul{
height:48px;
margin:20px auto ;
}
#Pnav ul li{
height:48px;
float:left;
margin:0 6px;
text-indent:-9999px;
}

#main .mc_content{
clear:both;
}

.backtop{
width:1120px;
clear:both;
height:60px;
/*text-indent:-99999px;*/
}
.backtop p{
width:180px;
height:50px;
float:right;
margin:6px 20px 0 0;
}
.backtop p a{
display:block;
width:180px;
height:54px;
background:url(../img/backtoTop.png) center top no-repeat;
}
.backtop p a:hover{
display:block;
width:180px;
height:54px;
background:url(../img/backtoTop.png) center bottom no-repeat;
}

/**/
footer{
padding-bottom:60px;
border-top:1px solid #fff;
text-align:left;
clear:both;
}
footer .conbox{
padding:40px; 
}
footer p{
text-indent:-99999px;
height:20px;
}
footer p.txt{
background:url(../img/copyright.png) center top no-repeat;
}


