﻿#headerAreaDef {
    max-width: 100%;
    border-top: 3px solid #296EA2;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    /*     background-color:#FFFFFF; */
    z-index: 100;
    position: relative;
}

/* ヘッダー画像部分 */
#header
{
    max-width:1100px;
    margin:0px auto;
    font-weight:bold;
    position:relative;
}
#headerMenu_wrap {
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-weight: normal;
    line-height: normal;
}
    #headerMenu_wrap img {
        vertical-align: top;
    }
h1#hd_header {
    font-size: large;
    font-weight: bold;
    display: inline-block;
    margin: 10px 0px 0px;
    float: left;
}
#headerMenu01
{
    float:right;
    padding-bottom:16px;
    margin: 20px 0px 0px;
}
#headerMenu02 
{
    float:right;
    text-align:center;
    margin:8px 0px;
    padding:0px;
}
/* Foreign */

#foreign a
{
  background: rgba(0, 0, 0, 0) url("../../../../_error/error404.html") no-repeat scroll 0 6px;
  padding:5px 0px 0px 28px;
  line-height:22px;
}


.select-box01 select {
    float:left;
	width: 180px;
	padding:2px;
    margin:7px 0px 0px 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url("../../../../_error/error404.html") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#F7F7F7 100%);
	background: url("../../../../_error/error404.html") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#F7F7F7 100%);
	background-size: 26px, 24px;
}

.select-box01 {
    float: left;
    width: 160px;
    margin: 0px 12px 0px 12px;

}
.select-box01 .dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  padding: 0;
  border:solid 1px #575757;
  border-radius:3px;
  -webkit-border-radius:3px;  
  -moz-border-radius:3px;
}

.select-box01 .dropmenu img {
padding-top:5px;}


.select-box01 .dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.select-box01 .dropmenu:after{
  clear: both;
}
.select-box01 .dropmenu ul {
  border: 1px solid #575757;
}
.select-box01 .dropmenu li{
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0px;
  text-align: center;
}
.select-box01 .dropmenu li a{
  display: block;
  margin: 0;
  padding:3px 10px;
  text-decoration: none;
    font-size: 0.9em;
    min-height:20px;
}
.select-box01 .dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.select-box01 .dropmenu li ul li{
  width: 100%;
}
.select-box01 .dropmenu li ul li a{
  padding: 5px 2px;
  border-top: 1px solid #575757;
}
.select-box01 .dropmenu li ul li a.topsub {
    border-top: none !important;
}

.select-box01 .dropmenu li:hover > a.topmenu {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.select-box01 .dropmenu li a.topmenu:hover{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.select-box01 .dropmenu li:hover > a{
}
.select-box01 .dropmenu li a:hover{
}

.select-box01 .dropmenu ul img{
  margin-left:3px;
}

/* Foreign Language メニュー表示 */
.select-box01 #normal li ul{
    /* 2016/12/09 アクセシビリティ対応 display: none→display: blockだとchromeやFireFoxでTabによるfocusが移らない*/
    /*display: none;*/
    left: -1000em;
}
.select-box01 #normal li:hover ul,
.select-box01 #normal ul.focused{
    /* 2016/12/09 アクセシビリティ対応 display: none→display: blockだとchromeやFireFoxでTabによるfocusが移らない*/
    /*display: block;*/
    left: 0em;
}


/* 音声読み上げ（リードスピーカー） */
#mainOnsei {
    float: left;
    margin: 10px 0px 0px 1px;
    padding: 3px 4px 0px 2px;
    font-size: 0.9em;
}
#mainOnsei span  
{
    display: inline-block;
    vertical-align: middle;
    margin-top:2px;
}
div#mainOnsei img {

    vertical-align: middle;

}

/* 文字サイズ・背景色変更 */
#changeHaikei, #mainFontSizeSel
{
    float:left;
    font-size:0.9em;
    padding-top:4px;
    outline:none;
    margin:10px 0px 0px 10px;
}
#changeHaikei span, #mainFontSizeSel span
{
    display: inline-block;
    vertical-align: middle;
}
#changeHaikei a, #mainFontSizeSel a 
{
    padding-right: 3px;
    vertical-align: middle;
    text-decoration:none;
}
#changeHaikei img, #mainFontSizeSel img 
{
    vertical-align: sub;
}

/* メイントップ */
#mainTop a {

    padding: 5px 20px 5px 10px;
    text-decoration: none;

}
.headMenuTtl
{
    float:left;
    font-size:0.9em;
    padding:5px 0px 10px 15px;
}
.headMenuTtl p
{
    float:left;
    padding-right:7px;
}

/* サイト内検索 */
#mainSearch 
{
    font-size: 0.9em;
    margin: 0px 0px 0px 10px;
    float: right;  
}
input.searchBox
{
    width: 150px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
}
input.btnSearch
{
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}


#menu_area {
width:100%;

}

.menu_list {
    max-width:1100px;
    margin:0px auto;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    padding:20px 0px;
}

#menubtn_area {
display:flex;
flex-direction:row;
justify-content:space-between;
}

.menuitem02 {
    margin:30px 0px 0px;
}

.menuitem03 {
    margin:60px 0px 0px;
}

.menuitem04 {
    margin:90px 0px 0px;
}

#hamburger-menu{

    display: none;


}

.btn_bar {
    width: 45px;
    height: 150px;
    position: fixed;
    top: 170px;
    right: 0px;
    z-index: 10000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /*非表示化*/
    display: none;
}

.bar_item {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    height: 171px;
    border-radius: 10px 0px 0px 0px;
}

#headMenu {
    display:none;
}





/* グローバルナビゲーション */
#GlobalNavigationBlock {
}

div#naviContainer {
    max-width: 660px;
    padding: 0px;
    margin: 10px auto 0px;
}

div#naviArea {
    position: relative;
    max-width: 660px;
    margin: 0px auto;
    /*overflow: hidden;*/
    padding: 0px 0px 0px 0px;
}

    div#naviArea a {
        text-decoration: none;
        font-size: 0.9em;
        font-weight: bold;
    }

    div#naviArea ul#navi_list {
        display: table;
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        box-sizing: border-box;
    }

        div#naviArea ul#navi_list li {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            height: 40px;
            font-size: 1em;
            /*width: 17%;*/
        }

            div#naviArea ul#navi_list li div {
                vertical-align: middle;
                padding: 5px 3px 5px 3px;
                border-right: 1px solid #ccc;
            }

            div#naviArea ul#navi_list li a {
                display: block;
            }

            div#naviArea ul#navi_list li img {
                display: block;
                position: relative;
                margin: 0px auto;
                z-index: 99;
                padding: 0px 0px 0px 0px;
            }

            div#naviArea ul#navi_list li p {
                display: inline-block;
                line-height: 30px;
            }


/* ホームのボタン */
            div #naviArea ul#navi_list li#navi_tab_0 div {
    vertical-align: middle;
}

div#popNaviArea {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: -1px auto;
    z-index: 99999;
    padding: 0px;
}

    div#popNaviArea ul.g_navi {
        position: absolute;
        max-width: 1050px;
        width: 100%;
        padding-top: 10px;
        margin: 0px auto 0px 0px;
    }

    div#popNaviArea ul#g_navi_0 {
        border: none;
        padding: 0px;
    }

    div#popNaviArea li.navi_child {
        display: inline-block;
        vertical-align: top;
        padding-bottom: 18px;
        padding-left: 10px;
        background-image: url("../../images/top1/ya.png");
        background-repeat: no-repeat;
        background-position: 1px 0.5em;
        width: 28%;
        float: left;
        margin: 0px 0px 0px 15px;
    }

    div#popNaviArea h3.navi_child_name {
        margin: 0px 5px;
        padding: 4px 2px 4px 0px;
        font-size: 0.9em;
    }

    div#popNaviArea li.navi_child ul {
        padding: 0px 8px;
        margin-top: -5px;
    }

    div#popNaviArea li.navi_child li {
        font-size: 0.8em;
        line-height: 1.3em;
        padding: 0px 2px 0px 8px;
        margin-top: 8px;
        background-image: url("../../images/g_navi_ya02.gif");
        background-repeat: no-repeat;
        background-position: 1px 0.5em;
    }

        div#popNaviArea li.navi_child li.exsistpic {
            background-image: none;
        }

    div#popNaviArea li.navi_child img {
        margin-right: 3px;
    }

    div#popNaviArea li.navi_child a {
        display: table-cell;
        vertical-align: middle;
        font-size: 1em;
    }

    div#popNaviArea li.navi_type_2 {
        width: auto;
        display: block;
    }

        div#popNaviArea li.navi_type_2 li {
            display: inline-block;
            width: 23%;
            vertical-align: middle;
        }
    /* 親メニュー（大分類） */
    div#popNaviArea .parentMenu {
        width: 100%;
        float: left;
        margin: 8px auto;
    }

        div#popNaviArea .parentMenu .parentlink {
            margin: 0px 0px 0px 20px;
            float: left;
            font-weight: bold;
        }

        div#popNaviArea .parentMenu .closelink {
            margin: 0px 20px 0px 0px;
            float: right;
        }
    /* 親メニュー（中分類） */
    div#popNaviArea .navi_child .close {
        display: none;
    }

    div#popNaviArea .navi_child .childlink {
        background: none;
        padding: 0px 2px 0px 0px;
    }

.noChild {
    background: none !important;
}




/*レスポンシブ対応*/


@media screen and (max-width:985px) {
    #headMenu {
        display:block;
        position:relative;
    }

        #headMenu img {
            background-color: #296EA2;
            position: absolute;
            right: 10px;
            top: -70px;
        }

    #headerMenu02 {
        display: none;
    }

    #naviAreaSP {
        padding: 10px;
        background-color: #1A79AD !important;
    }

    #navi_listSP {
        background: #FFFFFF;
    }

    div#naviAreaSP a {
        display: block;
        /*        color:#001766;*/
        font-weight: bold;
        padding: 15px;
        border-bottom: solid 1px #cccccc;
        background: url("../../images/top1/ya_gray.png") no-repeat 98% center;
        background-size: 5px 8px;
        text-decoration: none;
    }

    div#naviAreaSP ul#navi_listSP li a {
        color: #333333;
    }

    div#taisyouSP a {
        display: block;
        font-weight: 500;
        padding: 15px;
        border-bottom: solid 1px #cccccc;
        background-color: #E2F7FD;
        background-size: 5px 8px;
        text-decoration: none;
    }

    div#taisyouSP ul#2tile li a {
        color: #ffffff;
    }

    #taisyouSP {
    display:none;
    }


}

@media screen and (max-width:850px) {
    h1#hd_header {
        float: none;
        margin: 5px 0px 5px 0px;
    }
}
@media screen and (max-width:767px) {
    img {
        max-width: 100%;
    }

    #menuAreaLeft {
        float: none;
    }

#headerMenu {

    display:none;


}


    #hamburger-menu {
    display: block;
    position: absolute;
    right: 0px;
    top: 16px;

    }

    #header img#imgHeader {
width:300px;
margin-left: 5px;
    }

    #headMenu img {
        top: -54px;
        width: 45px !important;
        height: 45px !important;
    }

    #menu_area {
        display: none;
    }

    .cont_title {

    margin: 0px auto 0px auto;

}
    .mokuteki_listbox {
    max-width: 310px;
    width: 100%;
    border-radius: 15px;
    padding: 10px 15px 15px;
    float: none;
    margin: 10px auto;

}
    #mokouteki_menu {

    padding: 10px 0px 20px;
}
    .menu_item {
    text-align:center;
    margin:0px auto;
    }

    #menuAreaLeft {

    float: none;
    padding: 10px;

}
    .cont_title span {

    font-size: 1.5em;
    padding-left: 10px;

}

    #top {
    position: fixed;
    right: -30px;
    bottom: 0;
    z-index: 1200;
}
    #top img{
        width:60%;

}



    #naviAreaSP {

    padding: 10px;
    background-color: #F8DDDB !important;

}

div#naviAreaSP a {

    display: block;
    color: #6b4c32;
    font-weight: bold;
    padding: 15px;
    border-bottom: solid 1px #cccccc;
    background: url("../../images/top1/ya_gray.png") no-repeat 98% center;
    background-size: auto;
    background-size: 5px 8px;
    text-decoration: none;

}

#navi_listSP {

    background: #FFFFFF;

}
div#naviAreaSP ul#navi_listSP li a {


}

.headMenuTtlSP {

        background: #FFFFFF;
        border:1px solid #cccccc;
        margin:10px 5px 0px 5px;
        text-align:center;

}
}

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

    #hamburger-menu {
        display: none;
    }

    #menuImg {
        display: block;
        float: right;
        width: 60px;
    }

    #GlobalNavigationBlock {
        display: none;
    }

    #naviAreaSP {
        padding: 10px;
        background-color: #296EA2 !important;
    }

    #headerMenu {
        display: none;
    }

    #menu_area {
        display: none;
    }

    .nav_area {
        display: none;
    }

    #hamburger-menu {
        display: block;
        position: absolute;
        right: 5px;
        top: 7px;
    }

    #naviAreaSP {
        padding: 10px;
    }

    #navi_listSP {
        background: #FFFFFF;
    }

    div#naviAreaSP a {
        display: block;
        font-weight: bold;
        padding: 15px;
        border-bottom: solid 1px #cccccc;
        background: url("../../images/top1/ya_gray.png") no-repeat 98% center;
        background-size: auto;
        background-size: 5px 8px;
        text-decoration: none;
    }



    div#naviAreaSP ul#navi_listSP li a {
        text-align: center;
    }

    .btn_mainsite a {
        color: #c34d4d !important;
    }

    .headMenuTtlSP {
        border: 1px solid #cccccc;
        margin: 10px 5px 0px 5px;
        text-align: center;
    }


}


/* Google検索 デザイン崩れの対応 */
.gsib_b {
    display: none;
}





