/*  2018/11/19 added by CITS 【百十四銀行リニューアル対応】 */
/*================================================================================*/
/*= メニュー表示用                                                                */
/*================================================================================*/

/*****  メニュー全体エリアスタイル  *****/
#navigation {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* -webkit-border-radius: 0 0 1px 1px; */
  /* -ms-border-radius: 0 0 1px 1px; */
  /* border-radius: 0 0 1px 1px; */
  -webkit-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /* min-height: 1px; */
  /* margin-bottom: -10px; */
  /*   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EFEFEF, gradientType=0); */

  /*  for IE5.5-7  */
  /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorstr=#EFEFEF, gradientType=0); */

  /*  for IE8-9  */
  /* background: linear-gradient(to bottom, #FFFFFF, #EFEFEF); */

  /*  for IE10  */
  /* background: -webkit-gradient(linear, top, bottom, from(#FFFFFF), to(#EFEFEF)); */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
  min-height: 1px;
}

#navigation:after { 
  clear:none; 
}

#navigation_j {
  -webkit-border-radius: 0 0 1px 1px;
  -ms-border-radius: 0 0 1px 1px;
  border-radius: 0 0 1px 1px;
  min-height: 1px;
  margin-bottom: -10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF0101, endColorstr=#DF0101, gradientType=0);

  /*  for IE5.5-7  */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#DF0101, endColorstr=#DF0101, gradientType=0);

  /*  for IE8-9  */
  background: linear-gradient(to bottom, #DF0101, #DF0101);

  /*  for IE10  */
  background: -webkit-gradient(linear, top, bottom, from(#DF0101), to(#DF0101));
  min-height: 1px;
}

#navigation_j:after { 
  clear:none; 
}

/*****  第1メニューエリアスタイル  ******/
.navi01 {
  height: 33px;
  margin: 0 auto;

  /*  navi01_color  */ 
  /*background-color:#0c519a;*/
  
   /*  navi01_color  */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */ 
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC4C4, endColorstr=#FFC4C4, gradientType=0); */


  /*  for IE5.5-7  */
  /* -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFC4C4, endColorstr=#FFC4C4, gradientType=0); */

  /*  for IE8-9  */
  /* background: linear-gradient(to bottom, #FFC4C4, #FFC4C4); */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */

  /*  for IE10  */
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* background: -webkit-gradient(linear, top, bottom, from(#FFC4C4), to(#FFC4C4)); */
  background-color: #FFFFFF;
  /* -webkit-border-radius: 1px; */
  /* -ms-border-radius: 1px; */
  /* border-radius: 1px; */
  -webkit-border-radius: 0px 0px 8px 8px;
  -ms-border-radius: 0px 0px 8px 8px;
  border-radius: 0px 0px 8px 8px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  position: relative;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  box-sizing:border-box;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

.navi01_j {
  height: 55px;
  margin: 0 auto;

  /*  navi01_color  */ 
  /*background-color:#F78181;*/
  
   /*  navi01_color  */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFC4C4, endColorstr=#FFC4C4, gradientType=0);

  /*  for IE5.5-7  */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFC4C4, endColorstr=#FFC4C4, gradientType=0);

  /*  for IE8-9  */
  background: linear-gradient(to bottom, #FFC4C4, #FFC4C4);

  /*  for IE10  */
  background: -webkit-gradient(linear, top, bottom, from(#FFC4C4), to(#FFC4C4));
  -webkit-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  position: relative;
}

/*****  第1メニューリストタグスタイル  ******/
.navi01_sub_hor {
  padding-left: 0px;
  padding-top: 0px;
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /*   padding-bottom: -5px; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
  list-style: none;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* line-height: 2.5em; */
  line-height: 2.6em;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  margin:0px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

.navi01_sub_hor_j {
  padding-left: 0px;
  padding-top: 0px;
    padding-bottom: -5px;
  list-style: none;
 
  line-height: 2.5em;
}
.navi01_sub_hor_j_last {
  padding-left: 0px;
  padding-top: 0px;
    padding-bottom: -5px;
  list-style: none;
 
  line-height: 2.5em;
}

/*****  第1メニューアイテムスタイル  ******/
.navi01_li {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* width: 19.9%; */
  width: calc(100% / 5);
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  float: left;
  position: relative;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* top: -13px; */
  box-sizing: border-box;
  height: 33px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

.navi01_li_j {
  width: 19.9%;
  float: left;
  position: relative;
  top: -13px;
  
}
.navi01_li_j_last {
  width: 19.9%;
  float: left;
  position: relative;
  top: -13px;
  
}
/*****  第1メニューリンクスタイル  ******/
.navi01_link {
  text-align: center;
  display: block;
  text-decoration: none;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* font-size: 1.1em; */
  /* font-weight: bold; */
  /* color: #DF0101; */
  font-size: 16px; 
  font-weight: nomal;
  color: #4E5264;
  background-color: #FFFFFF;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

.navi01_link_j {
  text-align: center;
  display: block;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  color: #ffffff;
}

.navi01_link_j_last {
  text-align: center;
  display: block;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  margin-rignt:-5px;
  color: #ffffff;
}
/*****  第1メニュー縦線のスタイル  ******/
.border {
  border-left: solid 1px #006400;
  border-bottom: solid 1px #DF0101;
}

.border_first {

  border-bottom: solid 1px #DF0101;
  }



/*****  メニュー背景色：白色  *****/
.navi01_color {
  background-color: #FFFFFF;
}

/*****  第1メニューの枠線色  *****/
.menu_bd_clor {
  border: solid 1px #006400;

}

.menu_bd_clor_j {
  border: solid 1px #DF0101;
}
/*****  第2メニュー枠のスタイル  ******/
.navi02_ul {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* display: none; */
  display: inline-flex;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  position: absolute;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* margin: 8px 0px 0px -12px; */
  /* padding: 0px 20px 0px 0px; */
  margin: 0px 0px 10px 0px;
  padding: 20px 0px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /* border: 6px solid #b70106; */
  /* -webkit-border-radius: 6px; */
  /* -ms-border-radius: 6px; */
  /* border-radius: 6px; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* background-color: #FFFFFF; */
  background-color: #DF0101;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  z-index: 100;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  min-width:1000px;
  box-sizing: border-box;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

.navi02_ul_last {
  display: none;
  position: absolute;
  margin: 8px 0px 0px -69px;
  padding: 0px 20px 0px 0px;
  border: 6px solid #b70106;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #ffffff;
  z-index: 100;
}


/*****  第2メニュー上向き矢印のスタイル  ******/
.navi02_sankaku {
  position: relative;
  top: -25px;
  left: 80px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 4px solid transparent;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* border-bottom: 10px solid #b70106; */
  border-bottom: 10px solid #C37100;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  border-left: 4px solid transparent;
}

.navi02_sankaku_last {
  position: relative;
  top: -25px;
  left: 70px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 10px solid #b70106;
  border-left: 4px solid transparent;
}

/*****  第2メニューアイテムのスタイル  ******/
.navi02_li {
  text-align: left;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* width: 95%; */
  /* top: -10px; */
  width: calc(98% / 3);
  top: 0px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  border: none;
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /* padding-left: 0.5em; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  margin: 10px 10px 10px 0px;
  display:table;
  height:60px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
.navi02_li:nth-of-type(3n) {
	margin-right: 0px;
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */

/*****  第2メニューリンクのスタイル  ******/
.navi02_link {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* border-top: 0 none; */
  /* display: block; */
  /* font-size: 12px; */
  display: table-cell;
  font-size: 16px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  text-decoration: none;
  font-weight: bold;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* color: #DF0101; */
  color: #DF0101;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
  text-align: left;
  background-color: #FFFFFF;
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 START */
  /* line-height: 28px; */
/* DEL【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Deleted by JASTEC鈴木 END */
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
  line-height: 20px;
  border-radius:8px;
  padding: 10px 20px;
  vertical-align:middle;
  width:100%;
  height:40px;
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */
}

/*****  第2メニューフォーカス時のスタイル  ******/
.navi02_link:hover {
  width: 100%;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* background-color: #ffdbdb; */
  /* text-decoration: underline; */
  background-color: #808080;
  color: #FFFFFF;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

/*****  第1メニュー縦線のスタイル  ******/
.border {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* border-left: dashed 1px #A7A7A7; */
  border-left: solid 1px #DEDEDE;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}

/*****  第2メニュー右向き三角矢印のスタイル指定  *****/
.menu-fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.1em;
  vertical-align: -15%;
}

/*****  メニュー背景色：白色  *****/
.navi01_color {
  background-color: #FFFFFF;
}

/*****  第1メニューの枠線色  *****/
.menu_bd_clor {
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 START */
  /* border: solid 1px #b70106; */
  border: solid 1px #FFFFFF; 
  border-radius: 8px;
/* MOD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Modified by JASTEC鈴木 END */
}
/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 START */
#navi02_01_active {
	border-radius: 0px 0px 0px 8px;
}

#navi02_05_active {
	border-radius: 0px 0px 8px 0px;
}

.menu_angle_fix {
	position: absolute;
	right: 15px;
	top: 15px;
	color: rgb(78, 82, 100);
}

.navi02_link:hover .menu_angle_fix {
	color: rgb(255, 255, 255);
}

/*****  囲み文字 背景色：黄色 フォントサイズ：1em  *****/
.border_text_1_yellow {
  color: rgb(78, 82, 100);
  font-size:15px; 
  padding:2px 5px; 
  border:1px solid #FFCC00;
  background-color: #FFFF00;
  border-radius:5px;
  margin-left:5px;
}

/* ADD【Y0-2023-09-015】BPDirect：百十四リニューアル対応 2024/03/09 Add by JASTEC鈴木 END */