@charset "utf-8";
/* Style Index ===============================

	FileName : header.css

========================================= */

#headInner{
    display:flex;
    justify-content:space-between;
}

#headInnerLeftDummy{
    height:37px;
}

#jumpBlock{
    width:100%;
    display:flex;
    justify-content:space-around;
    background:#333;
    overflow:hidden;
}

/* ------------------------------------------
 言語セレクト
-------------------------------------------*/

#LanguageNav{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
	/*width:630px;*/
	padding:10px 20px 15px 20px;
	margin:0 20px 0 auto;
	border-bottom-left-radius:40px;
	border-bottom-right-radius:40px;
	background:#e4eaf2;
	/*overflow:hidden;*/
}

#LanguageNav li{
	/*float:left;*/
	line-height:1;
	padding:0 10px 0 10px;
}

/* ------------------------------------------
 サイトID
-------------------------------------------*/

#siteId{
	width:257px;
}

/* ------------------------------------------
 サイトコントロール
-------------------------------------------*/

#siteCtr{
    display: flex;
    align-items:center;
    justify-content: flex-end;
	padding:15px 0 0;
    flex-wrap:wrap;
    font-size:14px;
}

/*サイトコントローラー*/
#siteCtr ul{
    display: flex;
    align-items:center;
    justify-content: flex-end;
    flex-wrap:nowrap;
    word-break:keep-all;
}

#siteCtr ul li{
	padding:0 8px 0 0;
}

/* 文字サイズ */
#charSizeChangeBlock{
    display:flex;
    align-items:center;
}
#charSizeChangeBlock dt{
    margin:0.1875rem 0.1875rem 0 0;
    text-align:center;
    font-size:0.875rem;
    padding:0.1875rem;
}
#charSizeChangeBlock dd{
    padding: 0 10px 0 0;
}

/* サイト内検索 */
#pageSearch{
    /*padding-top:2px;*/
    margin-left:5px;
}

#pageSearch form{
    display:flex;
    align-items:center;
}

#pageSearch input:focus {
	/*outline: none;*/
}

.pageSearchInput{
	padding:3px 10px;
	border:1px solid #999;
	border-radius:30px;
    width:148px;
    /*width:9.25rem;*/
    /*vertical-align:top;*/
    margin-top:1px;
    margin-right:4px;
}

.pageSearchBtn{
    /*height:36px;*/
    background:none;
    border:none;
    /*vertical-align:sub;*/
    /*margin-top:0.3rem;*/
    cursor:pointer;
}

#pageSearchContainer form{
    display:inline-flex;
    align-items:center;
}

/* ------------------------------------------
 グローバルナビ
-------------------------------------------*/

#gNav{
	clear:both;
	border-top:1px solid #d8e0e3;
	border-bottom:1px solid #d8e0e3;
}

#gNav ul, #gNav ul > li {
  border-style: solid;
  border-color: #e3e3e3;
}

#gNav ul{
    display: flex;
    justify-content:center;
    /*align-items: center;
	width:960px;
	margin:0 auto;
	/*overflow:hidden;*/
    width:960px;
    margin:0 auto;
    list-style: none;
    border-width: 0 0 0 1px;
}

#gNav ul li{
	/*float:left;*/
	text-align:center;
	/*border-right:1px solid #e3e3e3;*/
    border-width: 0px 1px 0px 0;
    box-sizing: border-box;
    z-index:1;
}

#gNav ul li a{
	/*display:block;*/
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	text-decoration:none;
	width:159px;
	line-height:58px;
    display: flex;
    align-items: center;
    justify-content: center; 
    height: 100%;
}

#gNav ul li a:hover{
	color:#0052c4;
	background:#e8f2f4;
}

.gNavActive{
	color:#0052c4;
	/*font-size:16px;*/
    font-size:1rem;
	font-weight:bold;
	text-decoration:none;
	width:159px;
	line-height:58px;
	background:#e8f2f4;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:0 !important;
}




/* ------------------------------------------
 音声案内ナビ
-------------------------------------------*/
#OnseiAnnai {
    width:155px;
	padding:5px 0 8px 20px;
    margin: 0 0 10px 0;
	border-bottom-left-radius:35px;
	border-bottom-right-radius:35px;
	background:#eaeaea;
    border-bottom: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
	overflow:hidden;
    /*float: left;*/
}

#OnseiAnnai li{
    float:left;
	line-height:1;
	padding:0 5px;
}

#OnseiAnnai li a{
    color: #000;
    text-decoration: none;
}

/* ------------------------------------------
 スキップリンク
-------------------------------------------*/
#SkipLink {
    background:#333;
}

#SkipLink li{
	line-height:1.5;
	margin:0 3px;
    background:#333;
}

#SkipLink li a{
    display:block;
    width:105px;
    height:0;
    color: #FFF;
    text-decoration: none;
    background: #333 url(../../common/images/common/arrow_bottom.png) no-repeat 90px center;
}

#SkipLink li a:focus {
    height:auto;
    outline-color:currentColor;
}


/* ------------------------------------------
 文字サイズの変更
-------------------------------------------*/
#charSizeChangeBlock{
    display:flex;
    flex-direction:row;
}

#charSizeChangeBlock p{
   margin: 2px 5px 0 0;
}

#charSizeChangeButton{
    justify-content:space-between !important;
    width:100%;
}

#charSizeChangeStd,
#charSizeChangeBig {
    display:block;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    background-color: #0052c4;
    border-radius: 10px;
    color: #fff;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 2px 0 #002A64;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    padding: 0 10px;
    font-size: 14px;
}
#charSizeChangeStd:hover,
#charSizeChangeBig:hover {
    background-color: #1A77C9;
    box-shadow: 0 2px 0 #0043a0;
}
#charSizeChangeStd:active,
#charSizeChangeBig:active {
    top: 3px;
    box-shadow: none;
}
#charSizeChangeBlockInner{
    width:185px;
    display:flex;
    flex-direction:row;
    position:relative;
}
#charSizeChangeStep{
    display:flex;
    flex-direction:row;
    position:absolute;
    top:5px;
    left:52px;
}

.charSizeStepEnabled:after{
    margin:0 1px 0 1px;
    content: '';
    display: block;
    width: 4px;
    height: 12px;
    background: #0052c4;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}

.charSizeStepDisabled:after{
    margin:0 1px 0 1px;
    content: '';
    display: block;
    width: 4px;
    height: 12px;
    background: #9E9E9E;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
}