.maintab {
clear: both;
position: relative;
list-style: none;
/* background: url("../img/tab/maintab.jpg") no-repeat left top; */
width: 950px;
height: 44px;
margin: 10px 0 0 0;
}
.maintab:after {
content: "";
display: block;
clear: both;
height: 0;
overflow: hidden;
}
/*\*/
* html .maintab {
height: 0;
overflow: visible;
}
.maintab { display: block; }
/**/

ul.maintab li {
display: block;
float: left;
/* text-indent: -10000px; */
height: 22px;
padding: 0;
margin: 0;
}
* html ul.maintab li { height: 44px; }
ul.maintab li a {
display: block;
height: 22px;
}

/*
ul.maintab li.sub_menu1 a { background: transparent url("../img/tab/summary.jpg") no-repeat left top; width: 116px; position: absolute; top: 0px; left: 0px; }
ul.maintab li.sub_menu2 a { background: transparent url("../img/tab/point.jpg") no-repeat left top; width: 116px; position: absolute; top: 0px; left: 116px; }
ul.maintab li.sub_menu3 a { background: transparent url("../img/tab/spec.jpg") no-repeat left top; width: 116px; position: absolute; top: 0px; left: 232px; }
ul.maintab li.sub_menu4 a { background: transparent url("../img/tab/photo.jpg") no-repeat left top; width: 116px; position: absolute; top: 0px; left: 348px; }
ul.maintab li.sub_menu5 a { background: transparent url("../img/tab/faq.jpg") no-repeat left top; width: 116px; position: absolute; top: 0px; left: 464px; }
ul.maintab li.sub_menu6 a { background: transparent url("../img/tab/attach.jpg") no-repeat left top; width: 116px; position: absolute; top: 0px; left: 580px; }
ul.maintab li.sub_menu7 a { background: transparent url("../img/tab/kessen.jpg") no-repeat left top; width: 116px; position: absolute; top: 22px; left: 0px; }
ul.maintab li.sub_menu8 a { background: transparent url("../img/tab/hotkey.jpg") no-repeat left top; width: 116px; position: absolute; top: 22px; left: 116px; }
ul.maintab li.sub_menu13 a { background: transparent url("../img/tab/manual.jpg") no-repeat left top; width: 116px; position: absolute; top: 22px; left: 232px; }
ul.maintab li.sub_menu14 a { background: transparent url("../img/tab/case.jpg") no-repeat left top; width: 116px; position: absolute; top: 22px; left: 348px; }
ul.maintab li.sub_menu11 a { background: transparent url("../img/tab/relat.jpg") no-repeat left top; width: 116px; position: absolute; top: 22px; left: 464px; }
ul.maintab li.sub_menu12 a { background: transparent url("../img/tab/price.jpg") no-repeat left top; width: 116px; position: absolute; top: 22px; left: 580px; }

ul.maintab li.sub_menu9 a { background: transparent url("../img/tab/farm.jpg") no-repeat left top; width: 116px; position: absolute; top: 22px; left: 232px; }
ul.maintab li.sub_menu10 a { background: transparent url("../img/tab/cable.jpg") no-repeat left top; width: 116px; position: absolute; top: 22px; left: 348px; }


ul.maintab li.sub_menu1 a:hover,
ul.maintab li.sub_menu2 a:hover,
ul.maintab li.sub_menu3 a:hover,
ul.maintab li.sub_menu4 a:hover,
ul.maintab li.sub_menu5 a:hover,
ul.maintab li.sub_menu6 a:hover,
ul.maintab li.sub_menu7 a:hover,
ul.maintab li.sub_menu8 a:hover,
ul.maintab li.sub_menu9 a:hover,
ul.maintab li.sub_menu10 a:hover,
ul.maintab li.sub_menu11 a:hover,
ul.maintab li.sub_menu12 a:hover,
ul.maintab li.sub_menu13 a:hover,
ul.maintab li.sub_menu14 a:hover {
background-position: left bottom;
}

ul.maintab li.sub_menu1.selected a,
ul.maintab li.sub_menu2.selected a,
ul.maintab li.sub_menu3.selected a,
ul.maintab li.sub_menu4.selected a,
ul.maintab li.sub_menu5.selected a,
ul.maintab li.sub_menu6.selected a,
ul.maintab li.sub_menu7.selected a,
ul.maintab li.sub_menu8.selected a,
ul.maintab li.sub_menu9.selected a,
ul.maintab li.sub_menu10.selected a,
ul.maintab li.sub_menu11.selected a,
ul.maintab li.sub_menu12.selected a,
ul.maintab li.sub_menu13.selected a,
ul.maintab li.sub_menu14.selected a {
background-position: left bottom;
}

ul.maintab li.sub_menu1 a:active,
ul.maintab li.sub_menu1 a:focus,
ul.maintab li.sub_menu2 a:active,
ul.maintab li.sub_menu2 a:focus,
ul.maintab li.sub_menu3 a:active,
ul.maintab li.sub_menu3 a:focus,
ul.maintab li.sub_menu4 a:active,
ul.maintab li.sub_menu4 a:focus,
ul.maintab li.sub_menu5 a:active,
ul.maintab li.sub_menu5 a:focus,
ul.maintab li.sub_menu6 a:active,
ul.maintab li.sub_menu6 a:focus,
ul.maintab li.sub_menu7 a:active,
ul.maintab li.sub_menu7 a:focus,
ul.maintab li.sub_menu8 a:active,
ul.maintab li.sub_menu8 a:focus,
ul.maintab li.sub_menu9 a:active,
ul.maintab li.sub_menu9 a:focus,
ul.maintab li.sub_menu10 a:active,
ul.maintab li.sub_menu10 a:focus,
ul.maintab li.sub_menu11 a:active,
ul.maintab li.sub_menu11 a:focus,
ul.maintab li.sub_menu12 a:active,
ul.maintab li.sub_menu12 a:focus,
ul.maintab li.sub_menu13 a:active,
ul.maintab li.sub_menu13 a:focus,
ul.maintab li.sub_menu14 a:active,
ul.maintab li.sub_menu14 a:focus {
outline: none;
}

*/

.tabcontentstyle { /*style of tab content oontainer*/
padding: 0 0 20px 0;
}
/*
* html .tabcontentstyle { padding: 22px 0 20px 0; }
*/
.tabcontent {
display: none;
padding: 15px 0 0 0;
}
@media print {
.tabcontent {
display: block!important;
}
}

.maintab2 {
display:-webkit-box;
display:-ms-flexbox;
display:flex; 
display: flex;
width: 100%;
}

ul.maintab2 li {
height: 3em;
margin: auto;
width: calc(100%/6);
padding: 5px;
border: 1px solid #333;
list-style: none;
}

ul.maintab2 li:not(:first-child){margin-left: 3px;}

ul.maintab2 li a {
    width:100%;
    height:100%;
}




ul.maintab3 {
    display: flex;
    width: 850px;
    background: #333;
}

.maintab3 li.sub_menu, .maintab3 li.sub_menu2 {
    list-style: none;
    padding: 8px;
    font-size: 1.2em;
    /* text-decoration: none; */
}

.maintab3 li.sub_menu a, .maintab3 li.sub_menu2 a {
    color: #fff;
    text: none;
    text-decoration: none;
}

.maintab3 li.sub_menu::before, .maintab3 li.sub_menu2::before {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    font-size:0.8em;
    padding-right: 0.3em;
}

.maintab3 li.sub_menu a:active,.maintab3 li.sub_menu a:hover {
    color: #03A9F4;
}

.maintab3 li.sub_menu2 a:active,.maintab3 li.sub_menu2 a:hover {
    color: #03A9F4;
    background : #999;
}


nav {
  transition: .3s;
}
.is-fixed {
  position: fixed;
  top: 5px;
  z-index: 1000;
  width: 850px;
}
.is-hide {
  transform: translateY(-100%);
}

/* グローバルナビ */
#MainTab ul {
    display: flex;
    background: #333;
    border-radius: 4px;
    flex-flow: row wrap;
    justify-content: space-around;
    list-style-type: none;
    margin: 0 auto;
    padding: 6px 0;
    width: 100%;
}
 
#MainTab a {
    display: block;
    border-radius: 4px;
    color: white;
    padding: 5px;
    text-decoration: none;
}

#MainTab ul li a:hover {
    background: #72baeb;
}
 
/* 固定 */
.fixed {
    position: fixed;
    top: 10px;
    padding: 0;
    width: 850px;
    z-index: 1000;
}


@media only screen and (max-width: 1100px){
.fixed {
    width: 96%;
}
}

@media only screen and (max-width: 750px){
.fixed {
    width: 94%;
}
}