#header-top {
width: 900px;
height: 52px;
padding: 9px 20px;
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: 940px;
margin: 0 auto;
font-size: 93%;
font-style: normal;
font-weight: 400;

}

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

.menu > li {
float: left;
width: 187px;
color: #333;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 1em;
}

.menu > li:nth-child(4) {
width: 188px;
}

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

.menu > li ul {
max-width: 229px;
box-sizing: border-box;
border-top: 6px solid #B9AEAB;
border-bottom: 5px solid #B9AEAB;
border-left: 1px solid #B9AEAB;
border-right: 1px solid #B9AEAB;
}

.menu > li a {
width: auto;
padding: 8px 20px;
width: 188px;
display: block;
background-color: #fff;
text-align: left;
border-left: 1px solid #fff;
border-bottom: 1px solid #B9AEAB;
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;
}

.menu > li a:hover {
background-color: #EDEBEA;
color: #999;
}

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;
}

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

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

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

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

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

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

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

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

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: #2a1f1f;
-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;
}

.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 {
width: 189px;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
height: 44px;
line-height: 44px;
padding: 0;
border-bottom: 1px solid #fff;
}

.menu a.g-navi01 {
background-image: url(https://www.tb-net.jp/images/navi_img/g-navi_01.png);
border-left: none;
margin:-17px 0 0 0;
}

.menu a.g-navi02 {
background-image: url(https://www.tb-net.jp/images/navi_img/g-navi_02.png);
width: 190px
}

.menu a.g-navi03 {
background-image: url(https://www.tb-net.jp/images/navi_img/g-navi_03.png);
}

.menu a.g-navi04 {
background-image: url(https://www.tb-net.jp/images/navi_img/g-navi_06.png);
width: 190px
}

.menu a.g-navi05 {
background-image: url(https://www.tb-net.jp/images/navi_img/g-navi_05.png);
width: 190px
}

.menu a:hover {
width: 189px;
background-position: left bottom
}

.menu a.g-navi04:hover {
width: 190px
}

.menu a.g-navi05:hover {
width: 190px
}

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

.menu a.init-right:hover {
background: #EDEBEA 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;
padding: 10px;
}

#panel-btn {
display: block
}

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

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

#snav {
display: none;
width: 100%;
}

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

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

#snav li a:hover {
color: #9FA0A0;
}

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

.sg-navi ul {
display: none;
}

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

#snav p {
background-color: #DCDDDD;
}

#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%;
}
}