#header-top {
width: 1100px;
height: 42px;
font-size: 0;
line-height: 0
}

#header-top h2 {
float: left;
margin: 0;
padding: 0
}

#header-top ul {
float: right;
width: 437px
}

#header-top ul li {
float: left;
list-style: none
}

#header-top ul li#tit_tel {
margin-bottom: 6px
}

#header-top a:hover img {
filter: alpha(opacity=70);
-moz-opacity: .7;
opacity: .7
}

div#g-navi {
width: 1100px;
margin: 0 auto;
font-style: normal;
font-weight: 400;

}

/* new navi ============================================ */
.menu {
position: relative;
width: 100%;
max-width: 1100px;
margin: 0 auto;
}

.menu > li {
float: left;
width: 138px;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1em;
}

.menu > li:nth-child(5) {
width: 138px;
}

.menu > li:last-child {
width: 138px;
}

.menu > li ul {
max-width: 229px;
box-sizing: border-box;
margin-top:10px;
border-top: 6px solid #F3F2F2;
border-bottom: 5px solid #F3F2F2;
border-left: 1px solid #F3F2F2;
border-right: 1px solid #F3F2F2;
font-size:12px;
}

.menu > li a {
width: auto;
padding: 10px 20px;
width: 188px;
display: block;
background-color: #fff;
text-align: left;
border-left: 1px solid #fff;
border-bottom: 1px solid #F3F2F2;
color: #333;
text-decoration: none;
box-sizing: content-box
}

.menu > li ul.menu_min a {
width: 147px;
}

.menu > li:last-child ul.menu_min a {
width: 150px;
}


ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}

ul.menu__third-level {
visibility: hidden;
opacity: 0;
}

ul.menu__fourth-level {
visibility: hidden;
opacity: 0;
}

.menu > li:hover {
-webkit-transition: all .5s;
transition: all .5s;
}

/* ‰º–îˆó */
.init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* floatƒNƒŠƒA */
.menu:before,
.menu:after {
content: " ";
display: table;
}

.menu:after {
clear: both;
}

.menu {
 *zoom: 1;
}

.menu > li.menu__multi {
position: relative;
background: #fff;
}

li.menu__multi ul.menu__second-level {
position: absolute;
top: 40px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
background: #fff;
}

li.menu__multi:hover ul.menu__second-level {
top: 46px;
visibility: visible;
opacity: 1;
display: block;
background: #fff;
}

li.menu__multi ul.menu__second-level li {
background: #fff;
position: relative;
}

li.menu__multi ul.menu__second-level li:hover {
background: #fff;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
position: absolute;
top: -1px;
left: 100%;
width: 100%;
-webkit-transition: all .2s ease;
transition: all .2s ease;
background: #fff;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
visibility: visible;
opacity: 1;
background: #fff;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
position: relative;
background: #fff;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
background: #ffffff;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
position: absolute;
top: -1px;
left: 100%;
width: 100%;
background: #ffffff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
visibility: visible;
opacity: 1;
background: #fff;
}

.menu a {
display: block;
overflow: hidden;
border-bottom: 1px solid #fff;
text-decoration: none;
}

.menu a.g-navi01,
.menu a.g-navi02,
.menu a.g-navi03,
.menu a.g-navi04,
.menu a.g-navi05,
.menu a.g-navi06 {
width: 138px;
display: block;
text-align:center;
white-space: nowrap;
overflow: hidden;
height: 34px;
line-height: 30px;
padding: 21px 0;
border: 1px solid #f3f2f2;
}

.menu a.g-navi01 {
border-left: none;
margin:0 0 0 0;
}

.menu a.g-navi02 {
}

.menu a.g-navi03 {
}

.menu a.g-navi04 {
}

.menu a.g-navi05 {
}

.menu a.g-navi06 {
border-right: none;
}

.menu a:hover {
  color: #006699;
  text-decoration: underline;
}

.menu a.g-navi04:hover {
}

.menu a.g-navi05:hover {
}

.menu a.init-right {
background: #FFF url(/images/navi_img/arrow-right.gif) right center no-repeat
}

.menu a.init-right:hover {
background: #ffffff url(/images/navi_img/arrow-right_over.gif) right center no-repeat
}

/* new navi ============================================ */
#panel-btn {
display: none;
position: absolute;
width: 40px;
height: 34px;
z-index: 100;
right: 10px;
top: -212px
}

#panel-btn-icon {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 2px;
margin: -1px 0 0 -10px;
background: #343434;
transition: .2s
}

#panel-btn-icon:before,
#panel-btn-icon:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 2px;
margin-left: -10px;
background: #343434;
transition: .3s
}

#panel-btn-icon:before {
margin-top: -6px
}

#panel-btn-icon:after {
margin-top: 4px
}

#panel-btn .close {
background: transparent
}

#panel-btn .close:before,
#panel-btn .close:after {
margin-top: 0
}

#panel-btn .close:before {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}

#panel-btn .close:after {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg)
}

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

div#header-top {
width: auto;
}
div#header-top img {
height: 60px;
}

#panel-btn {
display: block
}

#panel-btn {
position: absolute;
z-index: 104;
right: 0;
top: 10px;
}

div#g-navi {
width: 100%;
}

#snav {
display: none;
width: 90%;
align:center;
margin:18px 5%;

}

#snav a {
color: #595757;
text-decoration: none
}


#snav  li a {
background: #fff url(../images/ac_arrow.png) no-repeat right 50%;
display: block;
padding: 17px;
border-bottom: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
}


#snav li a:hover {
color: #006699;
}

#snav .sg-navi ol a {
color:#006699;
font-size:16px;
font-weight:bold;
}

#snav .sg-navi ul li ol li a {
background-color: #F4F4F4;
color:#222;
font-size:14px;
padding-left: 5em;
}

.sg-navi ul {
display: none;
}

.sg-navi ul li ol li {
padding-left: 0;
list-style: none;
}

#snav p {
font-size:15px;
color:#222;
font-weight:bold;
background-color: #fff;
border-top: 1px solid #F3F2F2;
border-left: 1px solid #F3F2F2;
border-right: 1px solid #F3F2F2;
}



#snav p a {
background: url(../images/ac_01.png) no-repeat right 50%;
}

#snav p a.open {
background: url(../images/ac_02.png) no-repeat right 50%;
}
}