.j9 {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 9px;
  line-height: 130%;
}
.j10 {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 10px;
  line-height: 130%;
}
.j10b {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 10px;
  font-weight: bold;
  line-height: 130%;
}
.j11 {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 11px;
  line-height: 130%;
}
.j12,
td {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  line-height: 130%;
}
.j12b {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
}
.j14 {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 14px;
  line-height: 130%;
}
.j14b {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}
.j18 {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 18px;
  line-height: 130%;
}
.j18b {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 18px;
  font-weight: bold;
  line-height: 130%;
}

.e9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 130%;
}
.e10 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 130%;
}
.e12 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 130%;
}

a:link {
  color: #0098e9;
  text-decoration: none;
}
a:visited {
  color: #805a9a;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #ff9933;
}
a:active {
  text-decoration: underline;
  color: #f1f2e3;
}

.j12pixel {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  line-height: 130%;
}

img {
  border: none;
}

.bn01 a {
  display: block;
  background-image: url(../myplan_img/bn01.jpg);
  background-repeat: no-repeat;
  line-height: 19px;
  height: 102px;
  width: 251px;
  margin: 0 auto;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

/* 岐阜県の企業研究会 */
.bn01.type2 a {
  background-image: url(../myplan_img/bn03.jpg);
}

/* 企業・業界研究会 */
.bn01.type3 a {
  background-image: url(../myplan_img/bn04.jpg?171225);
}

.bn01 a:link,
.bn01 a:visited,
.bn01 a:active {
  background-position: 0 0;
  color: #ff3300;
}

.bn01 a:hover {
  background-position: 0 -102px;
  color: #cc0000;
}

.bn01 a p {
  padding: 11px 0 0 0;
  text-align: center;
  text-decoration: none;
}
.bn01entry a {
  background-image: url(../myplan_img/bn-entry01.jpg);
}
.bn01entry a p {
  padding-top: 22px;
}

.bn02 a:link,
.bn02 a:visited,
.bn02 a:active {
  display: block;
  background-image: url(../myplan_img/bn02.jpg);
  background-repeat: no-repeat;
  line-height: 20px;
  padding: 24px 20px 58px 0px;
  margin: 0;
  background-position: 0 0;
  text-align: left;
  width: 502px;
  margin: 0 auto;
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn02 a:hover {
  display: block;
  background-image: url(../myplan_img/bn02.jpg);
  background-repeat: no-repeat;
  line-height: 20px;
  padding: 24px 20px 58px 0px;
  margin: 0;
  text-align: left;
  background-position: 0 -102px;
  width: 502px;
  margin: 0 auto;
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

div.bn02 span {
  padding-left: 280px;
}

.bn021 a:link,
.bn021 a:visited,
.bn021 a:active {
  color: #ff3300;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  line-height: 100%;
  width: 218px;
  height: 80px;
  margin: 0 auto;
  padding: 10px 15px 10px 267px;
  background-image: url(../myplan_img/bn021.jpg);
  background-repeat: no-repeat;
  display: inline-block;
  background-position: 0 0;
}

.bn021 a:hover {
  background-position: 0 -100px;
  color: #cc0000;
}

div.bn021 div {
  display: table-cell;
  width: 218px;
  height: 80px;
  cursor: pointer;
}

div.bn021 a div p.line01 {
  margin-top: 33px;
}
div.bn021 a div p.line02 {
  margin-top: 22px;
  line-height: 110%;
}

.bn021entry a:link,
.bn021entry a:visited,
.bn021entry a:active {
  background-image: url(../myplan_img/bn-entry021.jpg);
}

.bn03 a:link,
.bn03 a:visited,
.bn03 a:active {
  display: block;
  background-image: url(../myplan_img/bn_guidance2014.jpg);
  background-repeat: no-repeat;
  margin: 0;
  background-position: 0 0;
  text-align: left;
  width: 502px;
  height: 80px;
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn03 a:hover {
  display: block;
  background-image: url(../myplan_img/bn_guidance2014.jpg);
  background-repeat: no-repeat;
  margin: 0;
  text-align: left;
  background-position: 0 -80px;
  width: 502px;
  height: 80px;
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn04 a:link,
.bn04 a:visited,
.bn04 a:active {
  display: block;
  background-image: url(../myplan_img/bnm_guidance2014.jpg);
  background-repeat: no-repeat;
  margin: 0;
  background-position: 0 0;
  text-align: left;
  width: 502px;
  height: 55px;
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn04 a:hover {
  display: block;
  background-image: url(../myplan_img/bnm_guidance2014.jpg);
  background-repeat: no-repeat;
  margin: 0;
  text-align: left;
  background-position: 0 -55px;
  width: 502px;
  height: 55px;
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn042 a:link,
.bn042 a:visited,
.bn042 a:active {
  display: block;
  background-image: url(../myplan_img/bnm_guidance2014.jpg);
  background-repeat: no-repeat;
  margin: 0;
  background-position: 0 0;
  text-align: left;
  width: 502px;
  height: 55px;
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn042 a:hover {
  display: block;
  background-image: url(../myplan_img/bnm_guidance2014.jpg);
  background-repeat: no-repeat;
  margin: 0;
  text-align: left;
  background-position: 0 -55px;
  width: 502px;
  height: 55px;
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn043 {
  margin-right: 10px;
}

.bn043 a:link,
.bn043 a:visited,
.bn043 a:active {
  display: block;
  background-image: url(../myplan_img/banner_guidance2016.jpg);
  background-repeat: no-repeat;
  margin: 0;
  background-position: 0 0;
  text-align: left;
  width: 260px;
  height: 82px;
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn043 a:hover {
  display: block;
  background-image: url(../myplan_img/banner_guidance2016.jpg);
  background-repeat: no-repeat;
  margin: 0;
  text-align: left;
  background-position: 0 -82px;
  width: 260px;
  height: 82px;
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn044 a:link,
.bn044 a:visited,
.bn044 a:active {
  display: block;
  background-image: url(../myplan_img/banner_memberregistration.jpg);
  background-repeat: no-repeat;
  margin: 0;
  background-position: 0 0;
  text-align: left;
  width: 260px;
  height: 82px;
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn044 a:hover {
  display: block;
  background-image: url(../myplan_img/banner_memberregistration.jpg);
  background-repeat: no-repeat;
  margin: 0;
  text-align: left;
  background-position: 0 -82px;
  width: 260px;
  height: 82px;
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn045 a:link,
.bn045 a:visited,
.bn045 a:active {
  display: block;
  background-image: url(../myplan_img/banner_companyresearch.jpg);
  background-repeat: no-repeat;
  margin: 0;
  background-position: 0 0;
  text-align: left;
  width: 530px;
  height: 71px;
  color: #ff3300;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.bn045 a:hover {
  display: block;
  background-image: url(../myplan_img/banner_companyresearch.jpg);
  background-repeat: no-repeat;
  margin: 0;
  text-align: left;
  background-position: 0 -71px;
  width: 530px;
  height: 71px;
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

.banner_list {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.banner_list li {
  float: left;
  margin-left: 10px;
  list-style: none;
}

.banner_list li:nth-child(n + 3) {
  margin-top: 10px;
}

.banner_list li:nth-child(2n + 1) {
  margin-left: 0;
}

.banner_list li a {
  display: block;
  background-repeat: no-repeat;
  margin: 10px 0 0 0;
  width: 260px;
  height: 50px;
}

.banner_list li a:link,
.banner_list li a:visited,
.banner_list li a:active {
  background-position: 0 0;
}

.banner_list li a:hover {
  background-position: 0 -50px;
}

/* 学生会員登録 */
.banner_list li.bn046 a {
  background-image: url(../myplan_img/banner_memberregistration_half.jpg);
}

/* マイプランデジタル版 */

/* 2018 */
.banner_list li.bn047.myplan2018 a {
  background-image: url(../myplan_img/banner_myplan2018_digital_half.jpg);
}

/* 2019 */
.banner_list li.bn047.myplan2019 a {
  background-image: url(../myplan_img/banner_myplan2019_digital_half.jpg);
}

.bn046 a {
  display: block;
  background-image: url(../myplan_img/banner_memberregistration_landscape.jpg);
  background-repeat: no-repeat;
  margin: 10px 0 0 0;
  width: 530px;
  height: 50px;
}

.bn046 a:link,
.bn046 a:visited,
.bn046 a:active {
  background-position: 0 0;
}

.bn046 a:hover {
  background-position: 0 -50px;
}

.map_position_base {
  position: relative;
}

#btn_map {
  width: 160px;
  height: 20px;
  position: absolute;
  top: 45px;
  right: 11px;
  background: url(../myplan_img/btn_map.jpg);
}

#btn_map2 {
  width: 160px;
  height: 20px;
  position: absolute;
  top: 22px;
  right: 11px;
  background: url(../myplan_img/btn_map.jpg);
}

#btn_map2:hover,
#btn_map:hover {
  background-position: 0 -20px;
}

/* サイド */
.sideBn {
  display: block;
  background-repeat: no-repeat;
  width: 148px;
  height: 70px;
}

.sideBn:link,
.sideBn:visited,
.sideBn:active {
  background-position: 0 0;
}

.sideBn:hover {
  background-position: 0 -70px;
}

/* 2018 */
.sideBn.bn_myplan_dedital.myplan2018 {
  background-image: url(../myplan_img/banner_myplan2018_digital_side.jpg);
}

/* 2019 */
.sideBn.bn_myplan_dedital.myplan2019 {
  background-image: url(../myplan_img/banner_myplan2019_digital_side.jpg);
}

span.free {
  color: #ff0000;
  font-weight: bold;
}