@charset "utf-8";

.gMenu_wrapper{
  width:770px;
  height:36px;
  position:absolute;
  top:  67px;
  right:0px;
}
.gMenu_wrapper .gMenu{
  *zoom: 1;
  list-style-type: none;
  width: 770px;
/*  border-left:1px solid #ccc;*/
}

.gMenu_wrapper .gMenu li{
  width:123px;
  height:36px;
  margin:0 0 0 0;
  float:left;
  text-align:center;
  border-right:1px solid #ececec;
  font-size: 106%;
  line-height: 36px;
  cursor: pointer;
  position: relative;
}
.gMenu li.b1{
  border-left:1px solid #ececec;
}
.smp_gMenu_wrapper .gMenu li.b1{
  border-left:none;
}

.gMenu_wrapper .gMenu li.b2{
  width:148px;
}
.gMenu_wrapper .gMenu li.on a{
  color:#f29600;
  display: block;
  height:28px;
  line-height: 28px;
  border-bottom:4px solid #f29600;
  padding-top:4px;
}

/**/
.gMenu_wrapper .gMenu li ul{
  opacity: 0;
  visibility: hidden;
  transition: .2s;
  z-index: 10;
  padding-top: 36px;
}
.gMenu li a{
    font-weight: bold;
    display: block;
}
.gMenu li a:hover{
  color:#f29600;
  text-decoration: none;
}



/*
extraMenu
*/
.extraMenu_wrapper{
  width:520px;
  height:28px;
  position:absolute;
  top:  12px;
  left:342px;
}
.extraMenu_wrapper .extraMenu{
  *zoom: 1;
  list-style-type: none;
  width: 528px;
}

.extraMenu_wrapper .extraMenu li ul{
  opacity: 0;
  visibility: hidden;
  transition: .2s;
  z-index: 10;
  font-size:90%;
  padding-top: 28px;
}
.extraMenu_wrapper .extraMenu li{
  width:123px;
  height:28px;
  margin:0 10px 0 0;
  float:left;
  font-size: 94%;
  line-height: 28px;
  cursor: pointer;
  position: relative;
  background:#ebebeb;
}
.extraMenu_wrapper .extraMenu li.b1{
  width:100px;
}
.extraMenu_wrapper .extraMenu li.b2{
  width:90px;
}
.extraMenu_wrapper .extraMenu li.b3{
  width:100px;
}
.extraMenu li.b4{
  width:110px;
  margin:0;
}
.extraMenu_wrapper .extraMenu li img{
  margin:0 4px 0 10px;
  vertical-align: middle;
}
.extraMenu_wrapper .extraMenu li a:hover,
.extraMenu_wrapper .extraMenu li.on a{
  color:#f29600;
  text-decoration: none;
}


/*
.gMenu_sub
*/
.gMenu_sub{
  width:100%;
  background:#eeeeee;
}

.gMenu_sub ul{
  width:980px;
  margin:0 auto;
  overflow: hidden;
}
.gMenu_sub ul li{
  float:left;
  padding:9px 0;
}
.gMenu_sub ul li span{
  display: block;
  padding:2px 0;
  border-right:#cccccc 1px solid;
}
.gMenu_sub ul li span a{
  display: block;
  padding:0 32px;
}
.product .gMenu_sub ul li span a,
.reform .gMenu_sub ul li span a {
    display: block;
    padding: 0 28px;
}
.gMenu_sub ul li:first-child span{
  border-left:#cccccc 1px solid;
}

.gMenu_sub ul li.on{
  background:url(../img/gMenu/sub_focus_arrow.png) no-repeat center bottom;
}
.gMenu_sub ul li.on a{
  font-weight: bold;
  color:#f29600;
}
.gMenu_sub ul li a:hover{
  font-weight:bold;
  color:#f29600;
  text-decoration: none;
}



/*
.gMenu_sub2
*/
.gMenu_sub2{
  width:100%;
  border-bottom:2px solid #eee;
}
.gMenu_sub2 ul{
  width:980px;
  margin:0 auto;
  overflow: hidden;
}
.gMenu_sub2 ul li{
  float:left;
  padding:8px 0;
}
.gMenu_sub2 ul li span{
  display: block;
  padding:1px 0;
  border-right:#cccccc 1px solid;
}
.gMenu_sub2 ul li span a{
  display: block;
  padding:0 21px;
}
.gMenu_sub2 ul li:first-child span{
  border-left:#cccccc 1px solid;
}
.gMenu_sub2 ul li a{
  color:#333;

}
.gMenu_sub2 ul li a:hover,
.gMenu_sub2 ul li.on a{
  color:#f29600;
  text-decoration: none;
}








/*---------------------------------------------------------
sticked
---------------------------------------------------------*/
.header_wrapper.sticked .extraMenu_wrapper,
.header_wrapper.sticked .housing-logo{
  display: none;
}
.header_wrapper.sticked .gMenu_wrapper{
  width:770px;
  height:36px;
  position:absolute;
  top:  18px;
  right:0px;
}





















/*----------------------------------------------------------
smp_gMenu
----------------------------------------------------------*/

.sb-slidebar{
  background: #bbbbbb;
  width:100%;
  overflow: hidden;
  position: absolute;
  top:56px;
  z-index: 100;
  display: none;
  box-shadow: 0px 0px 2px 2px #eeeeee;
  -moz-box-shadow: 0px 0px 2px 2px #eeeeee;
  -webkit-box-shadow: 0px 0px 2px 2px #eeeeee;
}

.sb-slidebar .gMenu a{
  font-weight: normal;
}


.smp_gMenu_wrapper{
  width:100%;
  background: #fff;
}
.smp_gMenu_wrapper ul.gMenu,
.smp_gMenu_wrapper ul.extraMenu{
  width:100%;
  border:none;
}
.smp_gMenu_wrapper ul.gMenu li{
  width:94%;
  border-bottom:1px solid #ebebeb;
  min-height:42px;
  line-height:42px;
  background:#bbbbbb;
  font-size:100%;
  text-align:left;
  text-indent:14px;
  padding-left:6%;
}
.smp_gMenu_wrapper ul.gMenu li a,
.smp_gMenu_wrapper ul.extraMenu li a{
  display: block;
  height:auto;
  width:auto;
}
.smp_gMenu_wrapper ul.extraMenu{
  width:100%;
  border:none;
}
.smp_gMenu_wrapper ul.extraMenu li{
  width:94%;
  border-bottom:1px solid #ebebeb;
  min-height:34px;
  line-height:34px;
  background:#fff;
  text-align:left;
  text-indent:14px;
  padding-left:6%;

}
.smp_gMenu_wrapper ul.gMenu li p.ddBtn{
  min-height:42px;
  line-height: 42px;
  cursor:pointer;
}
.smp_gMenu_wrapper ul.extraMenu li p.ddBtn{
  min-height:34px;
  line-height: 34px;
  cursor:pointer;
}
.smp_gMenu_wrapper .gMenu li ul.ddMenu,
.smp_gMenu_wrapper .extraMenu li ul.ddMenu{
  border-top:1px solid #ebebeb;
  width:100%;
  opacity: 1;
  visibility: visible;
  display:none;
  z-index: 0;
  padding-top:0;
}
.smp_gMenu_wrapper .gMenu li ul.ddMenu li,
.smp_gMenu_wrapper .extraMenu li ul.ddMenu li{
  background:#e5e5e5;
}
.smp_gMenu_wrapper .extraMenu li ul.ddMenu{
  border-top:1px solid #ccc;
}
.smp_gMenu_wrapper .extraMenu li ul.ddMenu li{
  border-bottom:1px solid #ccc;
}
.smp_gMenu_wrapper .gMenu li ul.ddMenu li ul li,
.smp_gMenu_wrapper .extraMenu li ul.ddMenu li ul li{
  background:#fcfcfc;
}
.smp_gMenu_wrapper .gMenu li ul.ddMenu > li:last-child,
.smp_gMenu_wrapper .extraMenu li ul.ddMenu > li:last-child{
  border:none;
}

.smp_gMenu_wrapper ul.gMenu li p.ddBtn2{
  background:#d5d5d5;
}
.smp_gMenu_wrapper ul.extraMenu li p.ddBtn2{
}
.smp_gMenu_wrapper .b_close_smpMenu{
  background:#555;
  color:#fff;
  text-align: center;
  padding:10px 0;
  cursor: pointer;
}


/*
fontawesome icon
*/
.smp_gMenu_wrapper ul.gMenu li.b0 i,
.smp_gMenu_wrapper ul.extraMenu i{
  margin-right:4px;
  text-indent:0;
  color:#555555;
}
.smp_gMenu_wrapper p.ddBtn .ddArrow{
  color:#666666;
  float:right;
  display: inline;
  margin-right:10px;
  line-height: 42px;
}

.smp_gMenu_wrapper .extraMenu p.ddBtn .ddArrow{
  line-height: 34px;
}




@media screen and (max-width: 750px) {

.header_wrapper .gMenu_wrapper,
.header_wrapper .extraMenu_wrapper,
.header_wrapper.sticked .gMenu_wrapper,
.header_wrapper.sticked .extraMenu_wrapper,
.gMenu_sub,
.gMenu_sub2{
  display: none;
}

}