

/*Layout*/
#wrap{padding:0; margin:0 0 0 31px; width:883px; position:relative}
#header{position:relative; width: 883px;}
#container{padding: 0 0 0 7px; width:876px; position:relative; z-index:2}
#footer{border-top:1px solid #e6e6e6; width:869px; padding: 25px 7px 13px 7px; position:relative; clear:both}


/*Header*/
#header h1{position:absolute; z-index:1; top:54px; left:4px;}
#header h1 a{display:block;}

#header .gnbwrap{width:869px; height:35px; margin:0 7px;}
#header ul.gnb{ float:left; display:inline;}
#header ul.gnb li{float:left; padding: 10px 7px 0 6px; background:url(/nhp/imgs/common/space1.gif) no-repeat right 80%}
#header ul.gnb li.first{background:none; padding:4px 6px 0 0}
#header ul.gnb li.last{background:none}


#header .Mmnb ul.global{margin:20px 7px 0 0;}
#header .mnb ul.global{margin:13px 7px 0 0; }
#header ul.global{position:absolute; z-index:2; right:0; font-size:100%; color:#767676; }
#header ul.global li{display:inline; padding:0 9px; background:url(/nhp/imgs/common/space1.gif) no-repeat right center;}
#header ul.global li.last{background:none; padding-right:0}
#header ul.global a{color:#767676;}


/*MAIN Navigation & Visual*/
#header .Mmnb{position: relative; top:0; width:883px; height:350px; clear:both}
#header .Mmnb:after{ content:""; display:block; clear:both;}
#header .Mmnavi{position:absolute; left:0; bottom:0;}

/*
#header .Mmnavi .tnavi ul, #header .mnavi .tnavi ul{float:left}
#header .Mmnavi .tnavi ul li, #header .mnavi .tnavi ul li{float:left; display:inline}
*/

/* top navi */
#tnb { position:relative; height:43px; }
#tnb:after { content:""; display:block; clear:both; }
#tnb li,#tnb li li { float:left;}
#tnb li a { display:block; }
#tnb li li a { display:block; background:url(/nhpeng/imgs/navi/tnb.gif) no-repeat 0 0; height:17px;}
#tnb li li a span{ position:absolute; z-index:-1; visibility:hidden;/*position:absolute; width:0; height:0; font-size:0; overflow:hidden; visibility: hidden;*/}
#tnb ul { position:relative; width:883px;}
#tnb ul ul { position:absolute; top:48px; display:none; white-space:nowrap; }
#tnb ul#dep1 { left:0; width:332px; }
#tnb ul#dep2 { /*left:114px; width:320px;*/}
#tnb ul#dep3 { left:324px; width:559px;}
#tnb ul#dep4 { left:324px; width:559px;}
#tnb ul#dep5 { left:425px; width:458px;}


#tnb,
#tnb li a,
#tnb ul{ zoom:1;}
#tnb ul ul{ _width:883px;}
#tnb li.tnb1 {width:161px;}
#tnb li.tnb2 {width:174px;}
#tnb li.tnb3 {width:158px;}
#tnb li.tnb4 {width:176px;}
#tnb li.tnb5 {width:214px;}


#tnb li.tnb1 li.depth1 a{width:92px; background-position:0 0;}
#tnb li.tnb1 li.depth1 a:hover{background-position:0 -20px}
#tnb li.tnb1 li.depth2 a{width:72px; background-position:-92px 0;}
#tnb li.tnb1 li.depth2 a:hover{background-position:-92px -20px}
#tnb li.tnb1 li.depth3 a{width:80px; background-position:-164px 0;}
#tnb li.tnb1 li.depth3 a:hover{background-position:-164px -20px}
#tnb li.tnb1 li.depth4 a{width:88px; background-position:-244px 0;}
#tnb li.tnb1 li.depth4 a:hover{background-position:-244px -20px}


#tnb li.tnb2 li.depth1 a{width:84px; background-position:0 -40px;}
#tnb li.tnb2 li.depth1 a:hover{background-position:0 -60px}


#tnb li.tnb3 li.depth1 a,
#tnb li.tnb4 li.depth1 a{width:111px; background-position:0 -40px;}
#tnb li.tnb3 li.depth1 a:hover,
#tnb li.tnb4 li.depth1 a:hover{background-position:0 -60px}
#tnb li.tnb3 li.depth2 a,
#tnb li.tnb4 li.depth2 a{width:179px; background-position:-111px -40px;}
#tnb li.tnb3 li.depth2 a:hover,
#tnb li.tnb4 li.depth2 a:hover{background-position:-111px -60px}
#tnb li.tnb3 li.depth3 a,
#tnb li.tnb4 li.depth3 a{width:168px; background-position:-290px -40px;}
#tnb li.tnb3 li.depth3 a:hover,
#tnb li.tnb4 li.depth3 a:hover{background-position:-290px -60px}
#tnb li.tnb3 li.depth4 a,
#tnb li.tnb4 li.depth4 a{width:101px; background-position:-458px -40px;}
#tnb li.tnb3 li.depth4 a:hover,
#tnb li.tnb4 li.depth4 a:hover{background-position:-458px -60px}


#tnb li.tnb5 li.depth1 a{width:104px; background-position:0 -80px;}
#tnb li.tnb5 li.depth1 a:hover{background-position:0 -100px}
#tnb li.tnb5 li.depth2 a{width:181px; background-position:-104px -80px;}
#tnb li.tnb5 li.depth2 a:hover{background-position:-104px -100px}
#tnb li.tnb5 li.depth3 a{width:173px; background-position:-285px -80px;}
#tnb li.tnb5 li.depth3 a:hover{background-position:-285px -100px}



#header .Mvisual{/*height:316px;*/ position:absolute; bottom:20px; }


/*SUB Navigation & Visual*/
#header .mnb{position: relative; top:0; width:883px; height:93px; clear:both;}
#header .mnavi{position:absolute; z-index:3; bottom:0; left:0; }


/*SUB Content*/
#wrap .visual{ position:absolute; top:130px; height:210px; z-index:1;}


#contentwarp{padding:0 7px 0 0; margin:139px 0 45px 0; }

/*leftcontent*/
#contentwarp .leftcnt{margin:0 40px 0 6px; padding-top:64px; float:left;  width:156px; }
.leftcnt ul.snb{margin-bottom:40px}
.leftcnt ul.snb li{line-height:0; }


#contentwarp .cntwrap{width:657px; float:right; position:relative; }
#contentwarp .cnt{clear:right; }
#contentwarp .cnt h2{height:26px; padding-top:6px; border-bottom:1px solid #e3e3e3;}


#contentwarp ul.location{float:right; font-size:100%; color:#767676; padding-top:10px;}
#contentwarp ul.location li{ display:inline; background:url(/nhpeng/imgs/common/bul_03.gif) no-repeat left; padding-left:5px}
#contentwarp ul.location li.first{background:none;}
#contentwarp ul.location li a{color:#767676;}
#contentwarp ul.location li a:hover{color:#555555;} 
#contentwarp ul.location li span{color:#555555;}
#container ul.location li span a{color:#555555; font-size:100%}

#footer .ft_address{ float:left; padding-left:161px; width:430px; background:url(/nhpeng/imgs/common/footcopy_logo.gif) no-repeat left top;}
#footer .ft_address span{ display:inline-block}
#footer .wah{float:left; margin-top:-5px;}
/*nsmnb nssnb*/

ul.nsmnb {float:left; font-size:125%; font-weight:bold; width:100%}
ul.nsmnb li {float:left; display:inline; padding-right:30px; padding-top:10px}

ul.nssnb {margin-bottom:20px}
ul.nssnb li{padding:5px 0; border-bottom:1px solid #ccc}
ul.nssnb li ul{ margin-top:5px; border-top:1px solid #ccc }
ul.nssnb li ul li{ padding: 3px 0 3px 15px; border-bottom: none; }



.fL{float:left}
.fR{float:right}
.skip{position:absolute; width:0; height:0; font-size:0; overflow:hidden; visibility: hidden;}
.clear{clear:both; height:0; font-size:0; overflow:hidden}
.clear1{clear:both}

.pT1{padding-top:1px}
.pT5{padding-top:5px}
.pB3{padding-bottom:3px}
.pL12{padding-left:12px}
.pL10{padding-left:10px}

.mL7{margin-left:7px}
.mR7{margin-right:7px}
.pT3{padding-top:3px}


/*layer popup*/
.layerpop{ font-size:11px; position:relative;height:17px; padding-top:1px; padding-left:14px; color:#fff; background:url(/nhp/imgs/mpopbox_b.gif) left top no-repeat; }
.layerpop span{ padding-top:2px; position:absolute; right:14px;}



