@charset "UTF-8";
/*-------------------------------------*/
/* 　2016/11/23 Hiroyasu Saito */
/*　　　　　　共通mixin設定  　　　　　　*/
/*-------------------------------------*/
table.infotable {
  width: 100%;
  border-collapse: collapse;
  border: 1px #d0d0d0 solid;
  background-color: #ffffff;
  font-size: 13px;
  margin-bottom: 26px;
  table-layout: fixed;
  font-size: 13px; }
table.infotable thead th {
  background-color: #132b83;
  color: #ffffff;
  font-weight: bold; }
table.infotable tbody th {
  background-color: #f0f0f0; }
table.infotable td {
  background-color: #ffffff; }
table.infotable th, table.infotable td {
  border: 1px #d0d0d0 solid;
  padding: 8px; }

.blue {
  color: #338099; }

.pink {
  color: #9a1a5b; }

.b {
  font-weight: bold; }

.pimg_right {
  float: right;
  margin: 13px; }

.pimg_left {
  float: left;
  margin: 13px; }

.clearfix {
  overflow: hidden;
  *zoom: 1; }

.cl {
  overflow: hidden;
  *zoom: 1; }

/*-------------------------------------*/
/* 　2016/11/23 Hiroyasu Saito */
/*　　　　　　共通margin・padding設定	　　　　　　*/
/*-------------------------------------*/
.m5 {
  margin: 5px; }

.mt5 {
  margin-top: 5px; }

.mr5 {
  margin-right: 5px; }

.mb5 {
  margin-bottom: 5px; }

.ml5 {
  margin-left: 5px; }

.p5 {
  padding: 5px; }

.pt5 {
  padding-top: 5px; }

.pr5 {
  padding-right: 5px; }

.pb5 {
  padding-bottom: 5px; }

.pl5 {
  padding-left: 5px; }

.m10 {
  margin: 10px; }

.mt10 {
  margin-top: 10px; }

.mr10 {
  margin-right: 10px; }

.mb10 {
  margin-bottom: 10px; }

.ml10 {
  margin-left: 10px; }

.p10 {
  padding: 10px; }

.pt10 {
  padding-top: 10px; }

.pr10 {
  padding-right: 10px; }

.pb10 {
  padding-bottom: 10px; }

.pl10 {
  padding-left: 10px; }

.m15 {
  margin: 15px; }

.mt15 {
  margin-top: 15px; }

.mr15 {
  margin-right: 15px; }

.mb15 {
  margin-bottom: 15px; }

.ml15 {
  margin-left: 15px; }

.p15 {
  padding: 15px; }

.pt15 {
  padding-top: 15px; }

.pr15 {
  padding-right: 15px; }

.pb15 {
  padding-bottom: 15px; }

.pl15 {
  padding-left: 15px; }

.m20 {
  margin: 20px; }

.mt20 {
  margin-top: 20px; }

.mr20 {
  margin-right: 20px; }

.mb20 {
  margin-bottom: 20px; }

.ml20 {
  margin-left: 20px; }

.p20 {
  padding: 20px; }

.pt20 {
  padding-top: 20px; }

.pr20 {
  padding-right: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pl20 {
  padding-left: 20px; }

.m25 {
  margin: 25px; }

.mt25 {
  margin-top: 25px; }

.mr25 {
  margin-right: 25px; }

.mb25 {
  margin-bottom: 25px; }

.ml25 {
  margin-left: 25px; }

.p25 {
  padding: 25px; }

.pt25 {
  padding-top: 25px; }

.pr25 {
  padding-right: 25px; }

.pb25 {
  padding-bottom: 25px; }

.pl25 {
  padding-left: 25px; }

.m30 {
  margin: 30px; }

.mt30 {
  margin-top: 30px; }

.mr30 {
  margin-right: 30px; }

.mb30 {
  margin-bottom: 30px; }

.ml30 {
  margin-left: 30px; }

.p30 {
  padding: 30px; }

.pt30 {
  padding-top: 30px; }

.pr30 {
  padding-right: 30px; }

.pb30 {
  padding-bottom: 30px; }

.pl30 {
  padding-left: 30px; }

.m35 {
  margin: 35px; }

.mt35 {
  margin-top: 35px; }

.mr35 {
  margin-right: 35px; }

.mb35 {
  margin-bottom: 35px; }

.ml35 {
  margin-left: 35px; }

.p35 {
  padding: 35px; }

.pt35 {
  padding-top: 35px; }

.pr35 {
  padding-right: 35px; }

.pb35 {
  padding-bottom: 35px; }

.pl35 {
  padding-left: 35px; }

.m40 {
  margin: 40px; }

.mt40 {
  margin-top: 40px; }

.mr40 {
  margin-right: 40px; }

.mb40 {
  margin-bottom: 40px; }

.ml40 {
  margin-left: 40px; }

.p40 {
  padding: 40px; }

.pt40 {
  padding-top: 40px; }

.pr40 {
  padding-right: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pl40 {
  padding-left: 40px; }

.m45 {
  margin: 45px; }

.mt45 {
  margin-top: 45px; }

.mr45 {
  margin-right: 45px; }

.mb45 {
  margin-bottom: 45px; }

.ml45 {
  margin-left: 45px; }

.p45 {
  padding: 45px; }

.pt45 {
  padding-top: 45px; }

.pr45 {
  padding-right: 45px; }

.pb45 {
  padding-bottom: 45px; }

.pl45 {
  padding-left: 45px; }

.m50 {
  margin: 50px; }

.mt50 {
  margin-top: 50px; }

.mr50 {
  margin-right: 50px; }

.mb50 {
  margin-bottom: 50px; }

.ml50 {
  margin-left: 50px; }

.p50 {
  padding: 50px; }

.pt50 {
  padding-top: 50px; }

.pr50 {
  padding-right: 50px; }

.pb50 {
  padding-bottom: 50px; }

.pl50 {
  padding-left: 50px; }

/* CSS Document */
#navWrap-sticky-wrapper {
  width: 100% !important; }

#navWrap {
  z-index: 9999;
  /* background: url(../images/common/menu_bg2.png) 0 0 repeat-x; */
  background: #162c77;
  text-align: center;
  width: 100%;
  box-shadow: 0px 5px 5px 0px #cccccc; }

#navWrap ul {
  display: -ms-flexbox;
  /*--- IE10 ---*/
  display: -webkit-box;
  /* Android 2~4 */
  -webkit-box-pack: justify;
  /* Android 2~4 */
  display: flex;
  display: -webkit-flex;
  /* Safari */
  justify-content: space-around;
  -webkit-justify-content: space-around;
  /* Safari */
  border-right: 1px solid #0e235a;
  border-left: 1px solid #48577e; }

#dropmenu {
  list-style-type: none;
  width: 960px;
  height: 45px;
  margin: 0 auto;
  padding: 0;
  /* background: url(../images/common/menu_bg.png) 0 0 no-repeat; */ }
#dropmenu li {
  position: relative;
  display: block;
  font-size: 14px;
  margin: 0;
  text-align: center;
  color: #ffffff;
  line-height: 45px;
  /*  background: url(../images/common/menu_ico.png) 18px 17px no-repeat; */
  /*  text-indent:13px; */
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-flex: auto;
  border-right: 1px solid #48577e;
  border-left: 1px solid #0e235a; }
#dropmenu li a {
  display: block;
  height: 45px;
  margin: 0;
  font-size: 14px;
  text-decoration: none;
  color: #ffffff;
  line-height: 45px;
  width: 100%; }

#dropmenu li.current_page .fa {
  background: url(../images/common/menu_ico_o.png) 0 0 no-repeat; }

#dropmenu li.current_page > a {
  color: #F9F20B; }

#dropmenu li.current_page {
  color: #F9F20B; }

#dropmenu li:hover > a {
  /*	background: url(../images/common/menu_ico_o.png) 18px 17px no-repeat ;*/
  color: #F9F20B; }

#dropmenu li:hover {
  /* background: url(../images/common/menu_ico_o.png) 18px 17px no-repeat ; */
  color: #F9F20B; }

.fa {
  margin: 0 5px 0 0;
  padding: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/common/menu_ico.png) 0 0 no-repeat;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }

/*
.rotate{
-webkit-perspective: 10px;
perspective: 10px;
}
*/
#dropmenu li ul li:hover > a {
  /* background: url(../images/common/menu_ico2.png) no-repeat 6px center #DEF3FC; */
  background-color:#DEF3FC;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s; }

#dropmenu li ul {
  list-style: none;
  position: absolute;
  /* width:337px; */
  width: 408px;
  top: 44px;
  left: -94px;
  background: #162c77;
  z-index: 2;
  border: none;
  display: block;
  -webkit-justify-content: none;
  /* Safari */
  justify-content: none;
  padding-left: 0; }

#dropmenu li ul.dropmenu_right {
  left: -271px !important; }

#dropmenu li:hover ul {
  padding-bottom: 5px; }

#dropmenu li:last-child ul {
  left: -100%;
  width: 100%; }

#dropmenu li ul li {
  background-image: none;
  overflow: hidden;
  /* width: 165px; */
  float: left;
  width: 200px;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: none;
  /*   text-indent:0; */ }

#dropmenu li ul li p {
  margin-left: 6px; }

#dropmenu li ul li span {
  margin-left: 6px; }

#dropmenu li ul li a {
  padding: 13px 0px;
  /* background: url(../images/common/menu_ico2.png) no-repeat 6px center #fff; */
  background-color:#fff;
  color: #162c77;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  border-left: 1px solid #162c77;
  border-top: 1px solid #162c77;
  line-height: 1;
  height: auto;
  text-indent: 13px; }

#dropmenu .Both {
  border-left: 3px solid #162c77;
  width: 400px !important; }

#dropmenu .Left {
  border-left: 3px solid #162c77; }

#dropmenu .Right {
  border-right: 3px solid #162c77; }

#dropmenu li ul li a:hover {
  background-color: #ffffcc;
  color: #162c77;
  text-decoration: underline; }

#dropmenu li:hover ul li {
  overflow: visible;
  height: 39px; }

#dropmenu li:hover ul li:first-child {
  border-top: 0; }

#dropmenu li:hover ul li:last-child {
  border-bottom: 0; }

/* areamenu */
ul#areamenu {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 690px;
  font-size: 0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #fcfcfc;
  margin-bottom: 20px;
  box-sizing:border-box;

}

ul#areamenu li {
  width: 230px;
  display: inline-block;
  font-weight: bold;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
  background: -moz-linear-gradient(#ffffff, #e2e2e2);
  background: -webkit-linear-gradient(#ffffff, #e2e2e2);
  background: linear-gradient(#ffffff, #e2e2e2);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #fcfcfc;
  font-size: 16px;
  line-height: 36px; }

ul#areamenu li a {
  display: block; }

ul#areamenu li a:hover {
  text-decoration: none;
  color: #496add; }

/* conlultmenu */
ul#consultmenu {
  margin-left: auto;
  margin-right: auto;
  width: 690px;
  font-size: 0;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #fcfcfc;
  margin-bottom: 20px; }

ul#consultmenu li {
  width: 230px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2));
  background: -moz-linear-gradient(#ffffff, #e2e2e2);
  background: -webkit-linear-gradient(#ffffff, #e2e2e2);
  background: linear-gradient(#ffffff, #e2e2e2);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #fcfcfc;
  font-size: 16px;
  line-height: 36px; }

ul#consultmenu li a {
  display: block; }

ul#consultmenu li a:hover {
  text-decoration: none;
  color: #496add; }
