/* skip to navigation */
#skipnavi{position: absolute; top: 0; left: 0; z-index: 9900}
#skipnavi ul{width: 100%}
#skipnavi li{text-align: center}
#skipnavi a{display: block; color: #000; width: 1px; height: 1px; overflow: hidden; white-space: nowrap}
#skipnavi a:focus ,#skipnavigation a:active {width: 100%; height: auto}

/* wrap */
#wrap{position: relative; min-width: 1100px; height: 100%;}

/* headerWrap */
#headerWrap{position: relative; background: url(/img/common/bg_header.gif) repeat-x top left; z-index: 1000;}
#headerWrap .header{position: relative; width: 1100px; height: 110px; margin: 0 auto;}
#headerWrap .header .topWrap{overflow: hidden; padding-top: 16px;}
#headerWrap .header .topWrap .logo{float: left; margin-top: -4px;}
#headerWrap .header .topWrap .topText{float: left; margin-left: 10px; font-size: 1.462em; font-weight: bold; letter-spacing: -0.05em}
#headerWrap .header .topWrap .topText .tit{color: #333;}

#naviWrap{position: absolute; left: 0; top: 52px; width: 100%;}
#naviWrap .mainNavi{padding-right: 60px;}
#naviWrap .mainNavi > li{position: relative; float: left; width: 347px; height: 45px; padding-top: 12px; text-align: center; background: url(/img/common/line_mainNavi.gif) no-repeat right 50%;}
#naviWrap .mainNavi > li:last-child{background: none; width: 346px;}
#naviWrap .mainNavi > li > a{display: inline-block; padding-bottom:16px; font-weight: bold; font-size: 1.462em; line-height: 1.579em; color: #333;}
#naviWrap .mainNavi .subMenu{position: absolute; left: 0; top: 57px; left: 75px; width: 200px; z-index: 1000; background-color: #fff; display: none;}
#naviWrap .mainNavi .subMenu ul{border:1px solid #aaa;}
#naviWrap .mainNavi .subMenu ul li{border-top:1px solid #ededed;}
#naviWrap .mainNavi .subMenu ul li:first-child{border-top: none;}
#naviWrap .mainNavi .subMenu ul li a{display: block; padding: 9px 20px; font-size: 1.077em; color: #333; text-align: left;}
#naviWrap .mainNavi .subMenu ul li a:focus,
#naviWrap .mainNavi .subMenu ul li a:hover,
#naviWrap .mainNavi .subMenu ul li a:active{font-weight: bold; color: #006eb0; background: url(/img/common/bg_subNavi_on.gif) no-repeat 90% 50%;}
#naviWrap .mainNavi .subMenu .bgSubNavi{position:absolute;left:0;top:-8px;width:100%;height:9px;background:url(/img/common/bg_subNavi.gif) no-repeat 50% 0;}

.bgAllNavi{position:absolute;left:0;top:157px;width:100%;height:0;background:#fff url(/img/common/bg_allNavi.gif) repeat-x left bottom;}

#allNaviWrap{position: relative; margin-top: 58px; z-index: 1100;}
#allNaviWrap .btnAllOpen{position: absolute; right: 0; top: -58px; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
#allNaviWrap .btnAllOpen a{display: block; width: 58px; height: 57px; text-indent: -999em; overflow: hidden; background: url(/img/common/btn_all_open.gif) no-repeat 50% 50%;}
#allNaviWrap .allNavi{position: relative; overflow: hidden; background-color: #fff; height: 170px;}
#allNaviWrap .allNavi .navi{overflow: hidden; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#allNaviWrap .allNavi .navi > li{float: left; width: 346px; height: 169px; border-right: 1px solid #ddd;}
#allNaviWrap .allNavi .navi > li:first-child{}
#allNaviWrap .allNavi .navi > li:last-child{width: 404px;}
#allNaviWrap .allNavi .navi > li.on{background-color: #f7f7f7;}
#allNaviWrap .allNavi .navi > li > a{position: absolute; left: -999em; top: 0; overflow: hidden; width: 1px; height: 1px;}
#allNaviWrap .allNavi .subMenu{padding-top:11px;}
#allNaviWrap .allNavi .subMenu ul{}
#allNaviWrap .allNavi .subMenu ul li{padding:8px 90px;}
#allNaviWrap .allNavi .subMenu ul li a{font-size: 1.077em; color: #333; padding-left: 11px; background:url(/img/common/bullet_allNavi_off.gif) no-repeat 0 50%;}
#allNaviWrap .allNavi .subMenu ul li a:hover,
#allNaviWrap .allNavi .subMenu ul li a:active{color: #006eb0; font-weight: bold; background: url(/img/common/bullet_allNavi_on.gif) no-repeat 0 50%;}
#allNaviWrap .allNavi .btnAllClose{position: absolute; right: 18px; top: 20px;}
#allNaviWrap .allNavi .btnAllClose a{display: block; width: 22px; height: 22px; text-indent: -999em; overflow: hidden; background: url(/img/common/btn_all_close.png) no-repeat 50% 50%;}

/* footerWrap */
#footerWrap{position: relative; padding-bottom: 40px; background: #f9f9f9 url(/img/common/bg_footer.gif) repeat-x top left;}
#footerWrap .footer{width: 1100px; margin: 0 auto; position: relative; z-index: 1}
#footerWrap .footer .footerMenu{overflow: hidden;}
#footerWrap .footer .footerMenu li{float: left; width: 20%; padding: 11px 0; line-height: 1.769em; text-align: center; background:url(/img/common/line_footer.gif) no-repeat 100% 50%}
#footerWrap .footer .footerMenu li:last-child{background: none;}
#footerWrap .footer .footerMenu li strong{color: #111;}
#footerWrap .footer .copyWrap{padding-top: 30px; line-height: 1.692em;}
#footerWrap .footer .copyWrap .copyright{font-weight: bold; color: #444;}
#footerWrap .footer .copyWrap address{}
#footerWrap .footer .copyWrap .addressInfo{overflow: hidden;}
#footerWrap .footer .copyWrap .addressInfo li{float: left; margin-right: 8px; padding-right: 8px; background:url(/img/common/line_copy.gif) no-repeat right 0.55em}
#footerWrap .footer .copyWrap .addressInfo li:last-child{margin-right: 0; background: none}
#footerWrap .footer .infoText{padding-top: 21px;}
#footerWrap .footer .infoText .text{font-size: 1.462em; line-height: 1.474em; letter-spacing: -0.05em; font-weight: bold;}
#footerWrap .footer .infoText .info{padding-top: 8px; font-size: 1.231em;}