/* メインメニュー　PC用
------------------------------------------------------------*/

@media only screen and (min-width:1025px) {
    nav div.panel {
        display: block !important;
        float: left;
    }
    a#menu {
        display: none;
    }
    nav#mainNav {
        position: relative;
        /* background: url(images/nav_bg.png);*/
        background: #282828;
        box-shadow: rgba(38, 38, 38, 0.509804) 0px 0px 9px 0px;
        -webkit-box-shadow: rgba(38, 38, 38, 0.509804) 0px 0px 9px 0px;
        -moz-box-shadow: rgba(38, 38, 38, 0.509804) 0px 0px 9px 0px;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    nav#mainNav ul li {
        float: left;
        position: relative;
    }
    nav#mainNav ul li a span,
    nav#mainNav ul li a strong {
        display: block;
        font-size: 90%;
        line-height: 1.4;
    }
    nav#mainNav ul li a span {
        color: #ccc;
        font-size: 70%;
    }
    nav#mainNav ul li.current-menu-item,
    nav#mainNav ul li:hover,
    nav#mainNav ul li.current-menu-parent {
        /* background: #f9f9f9;*/
    }
    nav#mainNav ul ul {
        width: 160px;
    }
    nav#mainNav ul li ul {
        display: none;
    }
    nav#mainNav ul li:hover ul {
        display: block;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 500;
    }
    nav#mainNav ul li li.current-menu-item a {
        font-weight: bold;
    }
    nav#mainNav ul li li:hover {
        /*background: #f9f9f9;*/
    }
    nav#mainNav ul li:hover ul li:last-child {
        border: 0;
    }
    nav.mainnav_e ul li a {
        background-image: url(images/eng/menu_bar_e.png)!important;
    }
    nav#mainNav ul li a {
        display: block;
        height: 60px;
        padding: 0;
        background-image: url(images/menu_bar.png);
        text-indent: -5000px;
        overflow: hidden;
    }
    nav#mainNav ul li#menu-item-30 a {
        background-position: 0 0;
        width: 144px;
    }
    nav#mainNav ul li#menu-item-23 a {
        width: 142px;
        background-position: -144px 0;
    }
    nav#mainNav ul li#menu-item-26 a {
        width: 143px;
        background-position: -286px 0;
    }
    nav#mainNav ul li#menu-item-27 a {
        width: 142px;
        background-position: -429px 0;
    }
    nav#mainNav ul li#menu-item-25 a {
        width: 143px;
        background-position: -571px 0;
    }
    nav#mainNav ul li#menu-item-29 a {
        width: 142px;
        background-position: -714px 0;
    }
    nav#mainNav ul li#menu-item-24 a {
        background-position: -856px 0;
        width: 143px;
    }
    /* hover*/
    nav#mainNav ul li#menu-item-30 a:hover {
        background-position: 0 -60px!important;
    }
    .current-menu-item a#aitem-30 {
        background-position: 0 -120px!important;
    }
    nav#mainNav ul li#menu-item-23 a:hover {
        background-position: -144px -60px!important;
    }
    .current-menu-item a#aitem-23 {
        background-position: -144px -120px!important;
    }
    nav#mainNav ul li#menu-item-26 a:hover {
        background-position: -286px -60px!important;
    }
    .current-menu-item a#aitem-26 {
        background-position: -286px -120px!important;
    }
    nav#mainNav ul li#menu-item-27 a:hover {
        background-position: -429px -60px!important;
    }
    .current-menu-item a#aitem-27 {
        background-position: -429px -120px!important;
    }
    nav#mainNav ul li#menu-item-25 a:hover {
        background-position: -571px -60px!important;
    }
    .current-menu-item a#aitem-25 {
        background-position: -571px -120px!important;
    }
    nav#mainNav ul li#menu-item-29 a:hover {
        background-position: -714px -60px!important;
    }
    .current-menu-item a#aitem-29 {
        background-position: -714px -120px!important;
    }
    nav#mainNav ul li#menu-item-24 a:hover {
        background-position: -856px -60px!important;
    }
    .current-menu-item a#aitem-24,
    .current-menu-parent a#aitem-24 {
        background-position: -856px -120px!important;
    }
    #header2 nav div.panel {
        display: block !important;
        float: left;
    }
    #header2 nav#mainNav {
        position: relative;
        /* background: url(images/nav_bg.png);*/
        background: none;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    #header2 nav#mainNav ul li a {
        display: inline;
        height: auto;
        padding: 0;
        background: none;
        text-indent: 0px;
    }
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/

@media only screen and (max-width:1024px) {
    #mainNav .inner {
        width: 100%;
    }
    nav#mainNav {
        clear: both;
        width: 100%;
        margin: 0 auto 0px;
        padding: 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    nav#mainNav a.menu {
        width: 100%;
        display: block;
        height: 35px;
        line-height: 35px;
        text-align: left;
        color: #ffffff;
        font-size: 18px;
        background: url(images/menuOpen.png) #282828 no-repeat 10px 4px;
    }
    nav#mainNav a#menu span {
        padding-left: 35px;
    }
    nav#mainNav a.menuOpen {
        background: url(images/menuOpen.png) #282828 no-repeat 10px -38px;
    }
    nav#mainNav a#menu:hover {
        cursor: pointer;
    }
    nav .panel {
        display: none;
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        z-index: 1;
    }
    nav#mainNav ul {
        margin: 0 0 20px;
        padding: 0;
    }
    nav#mainNav ul li {
        float: none;
        clear: both;
        width: 100%;
        height: auto;
        line-height: 1.2;
    }
    nav#mainNav ul li a,
    nav#mainNav ul li.current-menu-item li a {
        display: block;
        padding: 15px;
        text-align: left;
        color: #282828;
        font-size: 18px;
    }
    nav#mainNav ul li a span {
        display: none;
    }
    nav#mainNav ul li a:hover,
    nav#mainNav ul li.current-menu-item > a,
    nav#mainNav ul li a:active,
    nav#mainNav ul li li.current-menu-item a,
    nav#mainNav ul li.current-menu-item li a:hover,
    nav#mainNav ul li.current-menu-item li a:active {
        color: #ffffff;
        background: #282828;
    }
    nav#mainNav ul li li {
        float: left;
        border: 0;
    }
    nav#mainNav ul li li a,
    nav#mainNav ul li.current-menu-item li a,
    nav#mainNav ul li li.current-menu-item a {
        padding-left: 30px;
        font-size: 90%;
    }
    nav#mainNav ul li li a,
    nav#mainNav ul li.current-menu-item li a,
    nav#mainNav ul li li.current-menu-item a {
        padding-left: 40px;
        background: url(images/sub1.png) no-repeat 20px 18px;
    }
    nav#mainNav ul li li.current-menu-item a,
    nav#mainNav ul li li a:hover,
    nav#mainNav ul li.current-menu-item li a:hover {
        background: #282828 url(images/sub1.png) no-repeat 20px -62px;
    }
    nav#mainNav ul li li:last-child a {
        background: url(images/subLast.png) no-repeat 20px 20px;
    }
    nav#mainNav ul li li:last-child.current-menu-item a,
    nav#mainNav ul li li:last-child a:hover,
    nav#mainNav ul li.current-menu-item li:last-child a:hover {
        background: #282828 url(images/subLast.png) no-repeat 20px -65px;
    }
    nav div.panel {
        float: none;
    }
    #header ul li a,
    #header ul li a:hover {
        background-position: 0 50%;
    }
    #header2 nav div.panel {
        float: none;
        top: 35px;
    }
    .header2 nav#mainNav {
        clear: both;
        width: 100%;
        margin: 0 auto 0px;
        padding: 0;
        border-top: 0px solid #ccc;
        border-bottom: 0px solid #ccc;
        position: fixed;
        background: #ffffff;
    }
    .header2 nav#mainNav ul {
        padding-top: 0px;
        margin-bottom: 60px;
        width: 100%;
    }
    .header2 nav#mainNav li a {
        width: 100%;
    }
    .menu_selectdiv select {
        width: 100%;
        max-width: 100%;
    }
}