@charset "UTF-8";

/*==================================
Common
==================================*/
html {
  font-size: 14px;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 160%;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  color: #2c2c2c;
  min-width: 1024px;
  -webkit-text-size-adjust: 100%;
  background-color: #e9eef2;
}

.mac.gecko body {
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
}

.webkit body {
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
}

.opera body {
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
}

.ff3 body {
  font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

/* Text */
h1,
h2,
h3 {
  padding: 0;
  margin: 0;
  line-height: 140%;
}

.caption {
  display: block;
  font-size: 0.86em;
}

p {
  display: block;
  padding: 0 0 15px 0;
  margin: 0;
}

a {
  color: #0080cb;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}

/*==================================
Device Setting w1024px
==================================*/
.device_width {
  display: block;
  width: 980px;
  padding: 0;
  margin: 0 auto;
}

article {
  display: block;
  padding: 0;
  margin: 0;
  background-color: #fff;
}

article#sub_page {
  padding: 40px 0 0 0;
  background-color: #e9eef2;
}

section.member_bg {
  display: block;
  padding: 0;
  margin: 0;
  background-color: #c6d1d6;
  background-image: none;
  border-bottom: 1px solid #f3f3f3;
}

section {
  display: block;
  padding: -90px 0 90px 0;
  margin: 0;
  background-color: #fff;
  background-image: url(/common/section_bg.png);
  background-position: center bottom;
  background-repeat: repeat-x;
  border-bottom: 1px solid #f3f3f3;
}

section#bottom_content {
  background-image: none;
  background-color: #fff;
  border-bottom: none;
  padding: 0 0 90px 0;
}

div.content {
  display: block;
  padding: 90px 60px 120px 60px;
  margin: 0 auto;
}

div.content_half {
  display: block;
  width: 400px;
  padding: 0;
  margin: 0 15px;
  float: left;
}

section#bottom_content .content {
  display: block;
  padding: 60px 60px 90px 60px;
  margin: 0 auto;
}

section.member_bg div.content {
  padding: 75px 60px;
}

/*==================================
Title
==================================*/
.top_elements h2 {
  font-size: 160%;
  font-weight: 400;
  text-align: center;
  padding: 60px 0 45px 0;
  margin: 0;
  color: #23526e;
}

.sub_elements h2 {
  font-size: 160%;
  font-weight: 400;
  text-align: center;
  padding: 65px 0 45px 0;
  margin: -30px 0 0 0;
  color: #23526e;
  background-image: url(/common/section_ttl.png);
  background-position: center top;
  background-repeat: no-repeat;
}

section#bottom_content h2 {
  font-size: 160%;
  font-weight: 400;
  text-align: center;
  padding: 65px 0 45px 0;
  margin: 0;
  color: #23526e;
  background-image: url(/common/section_ttl.png);
  background-position: center top;
  background-repeat: no-repeat;
}

.sub_elements h3 {
  font-size: 130%;
  font-weight: 400;
  text-align: left;
  padding: 0 0 30px 0;
  margin: 0;
  color: #7e8b93;
}

/*==================================
BTN
==================================*/
a.btn_white_arbottom {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 auto;
  background-image: url(/common/btn_white_arbottom.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.btn_pagetop {
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: -50px 0 0 0;
  float: right;
  background-color: #468ea6;
  position: absolute;
  right: 30px;
}

.btn_pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  background-image: url(/common/btn_white_artop.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.news_archive {
  display: block;
  padding: 0;
  margin: 30px 0 60px 0;
  text-align: center;
}

.news_archive a {
  display: inline-block;
  padding: 60px 0 0 0;
  margin: 0;
  background-image: url(/common/btn_blue_arright.png);
  background-position: center center;
  background-repeat: no-repeat;
  color: #23526e;
}

a.btn_box {
  display: inline-block;
  padding: 10px 45px;
  margin: 15px 30px 15px 0;
  border: 1px solid #0080cb;
  border-radius: 3px;
  text-align: center;
}

a:hover.btn_box {
  background-color: #0080cb;
  color: #fff;
  text-decoration: none;
}

span.btn_box {
  display: inline-block;
  padding: 10px 45px;
  margin: 15px 30px 15px 0;
  border: 1px dashed #c9c9c9;
  border-radius: 3px;
  text-align: center;
  color: #9c9c9c;
  background-color: #f9f9f9;
  cursor: not-allowed;
}

/* ADD 202302 */
.btn_area_top {
  display: block;
  padding: 30px 90px;
  margin: -15px 0 45px 0;
  text-align: center;
  border-top: 2px solid #e9eef2;
  border-bottom: 2px solid #e9eef2;
  background-color: #f4f7fa;
}

.btn_area_top a.btn_box {
  display: block;
  padding: 15px 45px;
  margin: 0 auto;
  border: 1px solid #0080cb;
  background-color: #fff;
  border-radius: 3px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: bold;
  transition: 0.4s;
}

.btn_area_top a.btn_box:hover {
  background-color: #0080cb;
  color: #fff;
  text-decoration: none;
}

/*==================================
Menu Tab
==================================*/
.menu-btn {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 100px;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  z-index: 200;
}

.menu-btn span {
  color: #fff;
}

.menu-btn span:after {
  content: attr(data-txt-menu);
}

/* 開閉用ボタンがクリックされた時のスタイル */
.open .menu-btn span:after {
  content: attr(data-txt-close);
}

/* メニュー画面内 */
.menu {
  position: fixed;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* height: 600px; */
  background: rgba(18, 44, 60, 0.98);
  -webkit-transition: all 0.5s;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

.menu .menu_ttl {
  display: block;
  text-align: center;
  font-size: 280%;
  color: #fff;
  padding: 120px 0 60px 0;
  font-weight: 100;
  font-family: serif;
}

#menu_sitemap {
  display: block;
  width: 750px;
  padding: 0 0 45px 0;
  margin: 0 auto;
  font-size: 85%;
}

#menu_sitemap a {
  color: #fff;
  text-decoration: none;
}

#menu_sitemap ul.sitemapblock {
  display: block;
  width: 220px;
  list-style: none;
  padding: 0;
  margin: 0 0 0 30px;
  text-align: left;
  float: left;
  font-weight: bold;
}

#menu_sitemap ul li ul {
  display: block;
  list-style: none;
  padding: 0 0 0 1em;
  margin: 0;
}

#menu_sitemap ul li {
  padding: 10px;
  margin: 0;
}

#menu_sitemap ul li li {
  padding: 2px 0;
  margin: 0;
  font-weight: normal;
  border-bottom: none;
  border-top: none;
}

.menu_close {
  display: block;
  width: 80px;
  height: 80px;
  padding: 0;
  margin: 0 auto;
  background-image: url(/common/menu_close.png);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.open .menu {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  visibility: visible;
  opacity: 1;
}

/*==================================
Window lity
==================================*/
.popupwindow {
  display: block;
  width: 680px;
  padding: 60px 30px;
  margin: 0;
  background-color: #fff;
  text-align: center;
  border-radius: 6px;
}

a.poppup_lang_ja,
a.poppup_lang_en,
a.poppup_lang_cn {
  display: inline-block;
  width: 140px;
  padding: 120px 0 0 0;
  margin: 30px 10px 0 10px;
  font-size: 140%;
  line-height: 140%;
  color: #5c5c5c;
  text-decoration: none;
  background-position: center top;
  background-repeat: no-repeat;
}

a:hover.poppup_lang_ja,
a:hover.poppup_lang_en,
a:hover.poppup_lang_cn {
  color: #0080cb;
}

a.poppup_lang_ja {
  background-image: url(/common/poppup_lang_ja.png);
}

a.poppup_lang_en {
  background-image: url(/common/poppup_lang_en.png);
}

a.poppup_lang_cn {
  background-image: url(/common/poppup_lang_cn.png);
}

.popupwindow h2 {
  padding: 0;
  margin: 0 0 30px 0;
  background-image: none !important;
}

/* お問い合わせ・入会のご案内 */
#window_contact.popupwindow .join {
  text-align: left;
  padding: 0 30px;
}

#window_contact.popupwindow .join h3 {
  padding: 30px 0 15px 0;
  font-weight: normal;
  color: #23526e;
}

#window_contact.popupwindow .join table {
  border-left: none;
}

#window_contact.popupwindow .join td {
  border-right: none;
}

/*==================================
Header
==================================*/
header {
  height: 180px;
  padding: 0;
  margin: 0;
  background-color: #fff;
}

.head_logo {
  display: block;
  height: 100px;
  background-color: #fff;
}

.head_logo a {
  display: block;
  width: 420px;
  height: 42px;
  padding: 0;
  margin: 43px auto 0 auto;
  background-image: url(/common/head_logo.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#head_topnav {
  display: block;
  width: 100%;
  height: 40px;
  background-color: #e9eef2;
}

#head_topnav a {
  padding: 0;
  margin: 0;
  background-image: url(/common/head_topnav@2x.png);
  background-repeat: no-repeat;
  background-size: 550px;
}

.menu-btn {
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  float: left;
  /* background-color: #5c5c5c; */
  background-image: url(/common/head_topnav@2x.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 550px;
  cursor: pointer;
  z-index: 200;
}
/*
.menu-btn span {
color: #fff;
}

.menu-btn span:after {
content: attr(data-txt-menu);
}
*/

a.headnav_language {
  display: block;
  width: 40px;
  height: 40px;
  background-position: -40px center;
  float: left;
  margin-left: 40px !important;
}

/* languageアイコンと並列の場合
a.headnav_contact {
display: block;
width: 40px;
height: 40px;
background-position: -80px center;
float: left;
}
*/
a.headnav_contact {
  display: block;
  width: 40px;
  height: 40px;
  background-position: -80px center;
  float: left;
  margin-left: 40px !important;
}

.menu-btn:hover,
a:hover.headnav_language,
a:hover.headnav_contact {
  background-color: #c5d0d6;
}

a.headnav_fb {
  display: block;
  width: 40px;
  height: 40px;
  background-position: -320px center;
  float: left;
}

a:hover.headnav_fb {
  background-position: -360px center;
  background-color: #c5d0d6;
}

/* FontSize */
/*　ログインアイコンがある場合
ul#fontSize {
display: block;
width: 120px;
height: 40px;
padding: 0 0 0 80px;
margin: 0 95px 0 0;
list-style: none;
float: right;
background-image: url(../common/head_topnav@2x.png);
background-repeat: no-repeat;
background-position: -120px center;
background-size: 520px;
}
*/
ul#fontSize {
  display: block;
  width: 120px;
  height: 40px;
  padding: 0 0 0 80px;
  margin: 0;
  list-style: none;
  float: right;
  background-image: url(/common/head_topnav@2x.png);
  background-repeat: no-repeat;
  background-position: -120px center;
  background-size: 550px;
}

ul#fontSize.newlayout {
  /* 会員専用ページボタン設置時 */
  margin-right: 150px;
}

ul#fontSize:after {
  content: "";
  display: block;
  clear: both;
}

ul#fontSize li {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  float: left;
  cursor: pointer;
  background-image: url(/common/head_topnav@2x.png);
  background-repeat: no-repeat;
  background-size: 550px;
  background-color: #e9eef2;
  cursor: pointer;
}

ul#fontSize li.fs_s {
  background-position: -200px center;
}

ul#fontSize li.fs_m {
  background-position: -240px center;
}

ul#fontSize li.fs_l {
  background-position: -280px center;
}

ul#fontSize li:hover {
  background-color: #f7cc21;
}

ul#fontSize li.active {
  background-color: #c5d0d6;
}

ul#fontSize li.active:hover {
  background-color: #c5d0d6;
  cursor: auto;
}

div#changeArea {
  line-height: 1.5;
}

div#changeArea ul#fontSize {
  *zoom: 1; /*forIE6,7*/
  margin-bottom: 10px;
}

.btn_memberpage {
  display: block;
  width: 150px;
  height: 40px;
  background-color: #0b81cc;
  position: absolute;
  right: 0;
}

.btn_memberpage a {
  display: block;
  width: 150px;
  height: 40px;
  background-image: url(/common/head_topnav@2x.png);
  background-repeat: no-repeat;
  background-position: -400px center;
  background-size: 550px;
}

.btn_memberpage a:hover,
.btn_memberpage a.selected {
  background-color: #d32778;
}

/*==================================
Global Nav
==================================*/
header #global {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  position: absolute;
  top: 140px;
  z-index: 90;
  font-size: 0.9em;
  min-width: 1024px;
}

header.fixed #global {
  position: fixed;
  top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.sub_elements header.fixed #global {
  box-shadow: none;
}

#global ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 40px;
}

#global li {
  display: inline-block;
  padding: 0 6px;
  font-weight: 500;
}

#global a {
  text-decoration: none;
  color: #5c5c5c;
  padding: 5px 0 5px 23px;
  background-position: left center;
  background-repeat: no-repeat;
}

#global a.gnav_news {
  background-image: url(/common/gnav_news.png);
}

#global a.gnav_about {
  background-image: url(/common/gnav_about.png);
}

#global a.gnav_list {
  background-image: url(/common/gnav_list.png);
}

#global a.gnav_mguide {
  background-image: url(/common/gnav_mguide.png);
}

#global a.gnav_school {
  background-image: url(/common/gnav_school.png);
}

#global a.gnav_publication {
  background-image: url(/common/gnav_publication.png);
}

/*==================================
PageAnchor
==================================*/
#page_anchor {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 320px;
  z-index: 80;
  font-size: 0.85em;
}

#page_anchor.fixed {
  position: fixed;
  top: 40px;
  background-color: #e9eef2;
  border-bottom: 4px solid #fff;
}

#page_anchor ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 40px;
}

#page_anchor li {
  display: inline-block;
  padding: 0 8px;
  font-weight: 300;
}

#page_anchor a {
  text-decoration: none;
  color: #5c5c5c;
  padding: 5px 0 5px 18px;
  background-image: url(/common/icon_anchorlink.png);
  background-position: left center;
  background-repeat: no-repeat;
}

/*==================================
PageTitle
==================================*/
#pagetitle {
  display: block;
  width: 100%;
  height: 140px;
  background-image: url(/common/bg_pattern.png);
  background-position: center top;
  background-repeat: repeat;
}

#pagetitle h1 {
  text-align: center;
  color: #fff;
  font-size: 200%;
  font-weight: 300;
  padding: 0;
  margin: 0;
  line-height: 140px;
}

#pagetitle.page_news {
  background-color: #a5ff84;
}

#pagetitle.page_industry {
  background-color: #3fa4a8;
}

#pagetitle.page_mguide {
  background-color: #55caf0;
}

#pagetitle.page_list {
  background-color: #efb5ff;
}

#pagetitle.page_school {
  background-color: #ff91d0;
}

#pagetitle.page_publication {
  background-color: #ffaf54;
}

#pagetitle.page_privacy {
  background-color: #fff371;
}

#pagetitle.page_base {
  background-color: #3fa889;
}

#pagetitle.page_member {
  background-color: #72a0be;
}

/*==================================
Table
==================================*/
/* common */
table {
  width: 100%;
  padding: 0;
  margin: 0 0 30px 0;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e9eef2;
  border-left: 1px solid #e9eef2;
  color: #5c5c5c;
}

table thead,
table thead th,
table thead td {
  background-color: #f9f9f9;
}

table th {
  padding: 15px;
  border-top: 1px solid #e9eef2;
  border-right: 1px solid #e9eef2;
  font-weight: normal;
  color: #23526e;
}

table td {
  padding: 15px;
  background-color: #fff;
  border-top: 1px solid #e9eef2;
  border-right: 1px solid #e9eef2;
}

/* 2列 */
.table2cell {
}

.table2cell tr {
}

.table2cell th {
  width: 240px;
  float: left;
}

.table2cell td {
  width: 100%;
}

/* 3列 */
.table3cell {
}

.table3cell tr {
}

.table3cell th {
  width: 180px;
}

.table3cell td {
  width: 324px;
}

.table_officer .table3cell th {
  width: 220px;
}

.table_officer .table3cell td {
  width: 408px;
}

.table_officer .table3cell .name {
  width: 200px;
  text-align: center;
}

/* 仕様テーブル */
.mguide_prd_area td {
  text-align: center;
}

/* 地図 */
iframe.map_table {
  display: block;
  width: 560px;
  height: 500px;
  padding: 0;
  margin: 15px 0;
}

table td p {
  padding: 5px 0 !important;
}

/*==================================
Mainvisual
==================================*/
#mainvisual {
  display: block;
  width: 100%;
  height: 480px;
  /* background-color: #23526e; */
  background-color: #57afcc;
  background-image: url(/common/bg_pattern.png);
  background-position: center top;
  background-repeat: repeat;
}

#mainvisual h1 {
  display: block;
  height: 200px;
  padding: 0;
  margin: 0;
  background-image: url(/img/maincopy.png);
  background-position: center center;
  background-repeat: no-repeat;
}

#top_shortcut {
  display: block;
  width: 900px;
  height: 200px;
  padding: 0;
  margin: 0 auto 15px auto;
  text-align: center;
}

#top_shortcut a {
  display: inline-block;
  width: 280px;
  height: 200px;
  padding: 0;
  margin: 0 5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

#top_shortcut a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

#top_shortcut a.top_shortcut_prd {
  background-image: url(/img/top_shortcut_prd@2x.png);
}

#top_shortcut a.top_shortcut_list {
  background-image: url(/img/top_shortcut_list@2x.png);
}

#top_shortcut a.top_shortcut_pub {
  background-image: url(/img/top_shortcut_pub@2x.png);
}

#top_shortcut a.top_shortcut_jp19 {
  background-image: url(/img/top_shortcut_jp19@2x.png);
}

#top_shortcut a.top_shortcut_jp22 {
  background-image: url(/img/top_shortcut_jp22@2x.png);
}

#top_shortcut a.top_shortcut_jp23 {
  background-image: url(/img/top_shortcut_jp23@2x.png);
}

#top_shortcut a.top_shortcut_jp25 {
  background-image: url(/img/top_shortcut_jp25@2x.png);
}

/* NEWS and INFORMATION */
#latest_panel {
  display: block;
  width: 976px;
  padding: 0 auto;
  background-color: #f9f9f9;
  background-image: url(/img/latest_panel.png);
  background-position: right bottom;
  background-repeat: repeat;
}

.panel_box {
  display: block;
  width: 324px;
  /* height: 280px; */
  padding: 0;
  margin: 0 0 1px 1px;
  text-align: center;
  float: left;
  background-color: #fff;
}

.panel_box a {
  color: #5c5c5c;
}

.panel_box a:hover {
}

.panel_text {
  display: block;
  height: 130px;
  padding: 15px;
  background-image: url(/img/panel_box.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.panel_date {
  display: block;
  font-size: 85%;
  color: #9c9c9c;
  padding: 0 0 5px 0;
}

.latest_icon {
  display: block;
  width: 60px;
  height: 60px;
  margin: -2px 0 0 15px;
  background-color: #fff;
  background-image: url(/img/latest_icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  border: 1px solid #f3f3f3;
}

.panel_icon img {
  /* width: 100%;
  height: auto;
  max-height: 150px; */
  padding: 0;
  margin: 0;
}

.panel_icon {
  display: block;
  height: 150px;
  margin: 0;
  background-color: #88c5d7;
  background-image: url(/img/panel_icon_default.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.panel_icon.default {
  background-image: url(/img/panel_icon_default.png);
  background-color: #88c5d7;
}

.panel_icon.exhibition {
  background-image: url(/img/panel_icon_exhibition.png);
  background-color: #88d7a9;
}

.panel_icon.inspection {
  background-image: url(/img/panel_icon_inspection.png);
  background-color: #88d7d0;
}

.panel_icon.member {
  background-image: url(/img/panel_icon_member.png);
  background-color: #d788b0;
}

.panel_icon.newspaper {
  background-image: url(/img/panel_icon_newspaper.png);
  background-color: #bfd788;
}

.panel_icon.jpmaschool {
  background-image: url(/img/panel_icon_school.png);
  background-color: #a588d7;
}

.panel_icon.seminar {
  background-image: url(/img/panel_icon_seminar.png);
  background-color: #e0a26c;
}

.panel_icon.fixed {
  background-image: url(/img/panel_icon_fixed.png);
  background-color: #e0a26c;
}

/*==================================
News
==================================*/
#news_list {
}

#news_list dl {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto 90px auto;
  border-bottom: 1px dotted #e9eef2;
}

#news_list dt {
  display: block;
  width: 285px;
  padding: 15px 15px 15px 0;
  margin: 0;
  position: absolute;
  border-top: 1px dotted #e9eef2;
}

#news_list dd {
  display: block;
  padding: 16px 15px 15px 0;
  margin: 0 0 0 300px;
  border-top: 1px dotted #e9eef2;
}

#news_list dt a {
  display: inline-block;
  width: 100px;
  text-align: center;
  font-size: 75%;
  padding: 1px 5px;
  margin: 0 30px 0 0;
  border-radius: 30px;
  color: #fff;
  background-color: #cee8f0;
  background-image: url(/common/paper_tex.png);
}

#news_list dd a {
  color: #2c2c2c;
}

#news_list dd a:hover {
  color: #0080cb;
}

#news_list a.news_cat_default {
  background-color: #88c5d7;
}

#news_list a.news_cat_exhibition {
  background-color: #88d7a9;
}

#news_list a.news_cat_inspection {
  background-color: #88d7d0;
}

#news_list a.news_cat_member {
  background-color: #d788b0;
}

#news_list a.news_cat_newspaper {
  background-color: #bfd788;
}

#news_list a.news_cat_jpmaschool {
  background-color: #a588d7;
}

#news_list a.news_cat_seminar {
  background-color: #e0a26c;
}

/* ニュース個別ページ */
#news_single_page {
  padding: 0 0 60px 0;
  margin: 0;
}

#news_single_page h2 {
  text-align: left;
  padding: 15px 30px 15px 75px;
  margin: 0;
  background-position: left center;
  background-image: url(/common/h3_icon_news.png);
  font-weight: 500;
}

#news_single_page h2.sns_test {
  width: 720px;
  text-align: left;
  padding: 15px 0 15px 75px;
  margin: 0;
  background-position: left center;
  background-image: url(/common/h3_icon_news.png);
  float: left;
}

#news_single_body {
  text-align: left;
  padding: 15px 0 0 0;
  margin: 15px 0 0 75px;
}

#news_single_caption {
  text-align: right;
  color: #5c5c5c;
  font-size: 85%;
  padding: 15px 0;
  margin: 90px 0 0 0;
  border-top: 1px solid #e9eef2;
}

#news_single_body h4 {
  font-size: 130%;
  font-weight: 500;
  color: #468ea6;
  margin: 15px 0 10px 0;
}

#news_single_body h5 {
  font-size: 110%;
  font-weight: 500;
  color: #23526e;
  padding: 0;
  margin: 15px 0 10px 0;
}

#news_single_body hr {
  border-bottom: 1px solid #e9eef2;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 15px 0 30px 0;
}

#news_single_body b,
#news_single_body strong {
  color: #23526e;
}

#news_single_body .important {
  display: block;
  padding: 15px 30px 0 30px;
  margin: 0 0 60px 0;
  background-color: #fcfbf2;
  border-top: 2px solid #e9eef2;
  border-bottom: 2px solid #e9eef2;
}

/* 投稿内の画像 */
#news_single_body img {
  border: 1px solid #e9eef2;
  margin: 0 0 15px 0;
}

#news_single_body .alignright {
  margin-left: 15px;
  float: right;
}

#news_single_body .alignleft {
  margin-right: 15px;
  float: left;
}

/* FBシェアボタン */
#news_single_page a.btn_fb {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 15px 0 0 0;
  background-image: url(/common/icon_fb@2x.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 28px;
  float: right;
}

#news_single_page a.btn_fb_long {
  display: block;
  width: 200px;
  height: 24px;
  padding: 0;
  margin: 0;
  background-image: url(/common/icon_fb-long@2x.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 200px;
  float: left;
}

/* dlリスト */
#news_single_body dl {
  display: block;
  padding: 0;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #e9eef2;
}

#news_single_body dt {
  display: block;
  width: 150px;
  padding: 15px 0;
  border-top: 1px solid #e9eef2;
  float: left;
}

#news_single_body dd {
  display: block;
  padding: 15px 0;
  margin: 0 0 0 150px;
  border-top: 1px solid #e9eef2;
}

/*==================================
mguide
==================================*/
/* mguide index */
#mguide_top_ttl {
  padding: 0;
  margin: 0 0 45px 0;
}

#mguide_top_ttl h2 {
  /*
padding: 0 0 15px 0;
background-image: none !important;
*/
  padding-bottom: 15px;
}

#mguide_top_ttl h4 {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: normal;
  font-size: 100%;
  color: #5c5c5c;
}

#mguide_tab {
  display: block;
  padding: 0;
  margin: 0 0 30px 0;
  text-align: center;
  border-bottom: 1px solid #e9eef2;
}

#mguide_tab span,
#mguide_tab a {
  display: inline-block;
  padding: 15px 30px;
  margin: 0 10px -1px 10px;
  border-top: 1px solid #e9eef2;
  border-left: 1px solid #e9eef2;
  border-right: 1px solid #e9eef2;
  background-color: #fff;
  color: #23526e;
}

#mguide_tab a {
  background-color: #e9eef2;
}

/* 企業リスト */
ul.list50 {
  display: block;
  list-style: none;
  text-align: center;
  padding: 30px 0 0 0;
  margin: 45px 0;
}

ul.list50 li {
  display: inline-block;
  font-size: 160%;
  margin: 0 5px !important;
}

ul.list50 li a {
  display: block;
  padding: 8px !important;
  border: 1px solid #e9eef2;
  border-radius: 3px;
  color: #23526e;
  background-color: #fcfbf2;
}

ul.list50 li a:hover {
  color: #fff;
  background-color: #23526e;
  border: 1px solid #23526e;
}

.mguide_listcontent {
  display: block;
  padding: 30px;
  margin: 0;
  border-bottom: 1px solid #e9eef2;
}

.listcontent_logo {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 180px;
  height: 90px;
}

.listcontent_logo p {
  width: 180px;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

.listcontent_detail {
  display: table-cell;
  width: 620px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

.listcontent_detail h3 {
  font-size: 150%;
  padding: 0;
  margin: 0;
}

.listcontent_detail h3 a {
  color: #23526e;
}

.listcontent_detail ul {
  display: block;
  padding: 0 !important;
  margin: 15px 0 0 0 !important;
  list-style: none;
}

.listcontent_detail li {
  display: block;
  padding: 0;
  margin: 4px 0;
}

.listcontent_detail li a {
  display: block;
  color: #5c5c5c;
  background-image: url(/common/icon_textlink.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

/* 製品から検索 */
#mguide_categorylist {
  display: block;
  padding: 0;
}

.mguide_categorycontent {
  display: block;
  padding: 60px 0 0 0;
  margin: 0 0 60px 0;
  color: #23526e;
  /* background-color: #e9eef2; */
  /* background-color: #f9f9f9; */
  border-bottom: 1px solid #e9eef2;
}

.category_title {
  display: block;
  margin: 0 0 30px 0;
  font-weight: 500;
}

.category_number {
  display: table-cell;
  font-size: 350%;
  padding: 0 0;
  margin: 0;
  vertical-align: middle;
  color: #c5d0d6;
}

.category_name {
  display: table-cell;
  font-size: 120%;
  padding: 4px 0 0 15px;
  margin: 0;
  vertical-align: middle;
}

.category_detail {
  display: block;
  font-size: 85%;
  padding: 0;
  margin: 0;
  text-align: left;
}

.category_detail p {
  color: #2c2c2c;
}

.category_detail table {
  padding: 0;
  margin: 15px 0 0 0;
  border-bottom: none;
}

.category_detail th {
  text-align: left;
  width: 70%;
}

.category_detail td {
  text-align: center;
}

.category_detail th:hover {
  /* background-color: #fcfbf2; */
}

.category_detail td:hover {
  /* background-color: #fff; */
}

.category_detail th a {
  display: block;
  color: #5c5c5c;
  background-image: url(/common/icon_textlink.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
}

.category_detail td a {
  color: #5c5c5c;
}

/* 企業情報 */
#page_mguide_com #mguide_com_basic {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0 0 30px 0;
  /* border-bottom: 1px solid #e9eef2; */
}

/*
#page_mguide_com #mguide_com_basic img {
padding: 0;
margin: 0 8px 30px 8px;
}
*/

#page_mguide_com #mguide_com_basic h3 {
  padding: 0 0 15px 0;
  color: #23526e;
  /* border-top: 1px solid #e9eef2; */
  font-size: 150%;
}

#mguide_com_detail {
  padding: 0 0 30px 0;
  margin: 0;
  text-align: left;
}

#mguide_com_guide {
  padding: 0 0 30px 0;
  margin: 0;
  text-align: left;
}

#mguide_com_infoarea {
}

#mguide_com_photoarea {
  display: block;
  float: right;
  text-align: right;
  width: 400px;
}

#mguide_com_photoarea img {
  display: block;
  float: right;
  margin: 0 0 15px 15px;
}

.mguide_com_block {
  padding: 30px 0 60px 0;
  margin: 0;
  border-top: 2px solid #e9eef2;
}

.mguide_com_block h3 {
  color: #23526e;
  padding: 0 0 15px 0;
}

#mguide_com_prdlist {
  padding: 30px 0 0 0;
  margin: 0;
  border-top: 2px solid #e9eef2;
}

#mguide_com_prdlist h4 {
  padding: 0;
  margin: 0 0 15px 0;
  font-size: 130%;
  font-weight: normal;
  color: #23526e;
}

#mguide_com_prdlist ul {
  list-style: none;
  padding: 0 0 0 8px;
  margin: 0;
}

#mguide_com_prdlist li {
  display: block;
  padding: 3px 0 3px 15px;
  background-image: url(/common/icon_textlink.png);
  background-position: left center;
  background-repeat: no-repeat;
}

#mguide_com_prdlist li a {
  color: #5c5c5c;
}

/* 製品情報 */
.mguide_prd_area {
}

.mguide_prd_area h2 {
  padding: 0 0 15px 0;
  background-image: none !important;
  color: #0080cb;
}

.mguide_prd_area h4 {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: normal;
  font-size: 120%;
  color: #9c9c9c;
}

.mguide_prd_area .prd_photo {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0 0 15px 0;
}

.mguide_prd_area .prd_title {
  padding: 30px 0;
  margin: 0;
}

.mguide_prd_area .prd_photo img {
  padding: 0;
  margin: 8px;
}

.mguide_common_block {
  padding: 30px 0;
  margin: 0 0 30px 0;
  border-top: 2px solid #e9eef2;
}

.mguide_common_block h3 {
  color: #23526e;
}

.mguide_prd_area .mguide_prdcominfo {
  padding: 30px;
  margin: 0;
  background-color: #f9f9f9;
  border-top: 1px solid #e9eef2;
  border-bottom: 1px solid #e9eef2;
}

.mguide_prd_area .mguide_prdcominfo h3 {
  color: #23526e;
  padding: 0 0 15px 0;
  margin: 0;
}

.mguide_prd_area a.btn_prd_comlink {
  display: inline-block;
  padding: 5px 30px;
  margin: 15px 0 0 0;
  background-color: #ffab00;
  color: #fff;
  text-decoration: none;
  font-size: 85%;
  border: 1px solid #fff;
}

/*==================================
主要事業
==================================*/
.industry_content {
  display: block;
  padding: 30px 0;
  margin: 0;
  border-top: 2px solid #e9eef2;
}

.industry_content h3 {
  padding: 15px 0 15px 60px;
  margin: 0 0 15px 0;
  font-size: 160%;
  background-image: url(/common/h3_icon_industry.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.industry_content h4 {
  padding: 15px 0;
  margin: 0;
  font-weight: 400;
  color: #0080cb;
  font-size: 130%;
}

.industry_content h5 {
  padding: 15px 0 8px 0;
  margin: 0 0 15px 0;
  font-weight: 400;
  color: #7e8b93;
  font-size: 110%;
  border-bottom: 1px dotted #e9eef2;
}

.industry_content table {
}

.industry_content th {
  width: 250px;
}

#organization_image {
  text-align: center;
  padding: 0 0 60px 0;
  margin: 0;
}

.industry_download dl {
  display: block;
  padding: 0;
  margin: 0 0 45px 0;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e9eef2;
}

.industry_download dt {
  display: block;
  width: 200px;
  padding: 15px 0;
  margin: 0;
  position: absolute;
  border-top: 1px solid #e9eef2;
  text-align: center;
  color: #23526e;
}

.industry_download dd {
  display: block;
  padding: 15px;
  margin: 0 0 0 200px;
  border-top: 1px solid #e9eef2;
  border-left: 1px solid #e9eef2;
  background-color: #fff;
}

/* 関連団体 */
.industry_related dl {
  display: block;
  padding: 0;
  margin: 0 0 45px 0;
  border-bottom: 1px solid #e9eef2;
}

.industry_related dt {
  display: block;
  padding: 10px 0;
  margin: 0;
  border-top: 1px solid #e9eef2;
  color: #23526e;
}

.industry_related dd {
  display: block;
  padding: 15px;
  margin: 0;
  border-top: 1px dotted #e9eef2;
  background-color: #fff;
}

.industry_related dd.related_link {
  background-color: #fcfcfc;
}

.industry_related dt h4 {
  color: #0080cb;
  padding: 0;
  margin: 10px 0;
  font-size: 130%;
  font-weight: 500;
}

.industry_related dt h4 a {
  color: #0080cb;
  padding: 0;
  background-image: none;
}

/*==================================
企業リスト
==================================*/
#list_content {
  display: block;
  padding: 0 0 30px 0;
  margin: 0;
}

#list_content h3 {
  padding: 15px 0 15px 60px;
  margin: 0 0 15px 0;
  font-size: 160%;
  background-image: url(/common/h3_icon_list.png);
  background-position: left center;
  background-repeat: no-repeat;
}

#list_content h4 {
  padding: 15px 0;
  margin: 0;
  font-weight: 400;
  color: #0080cb;
  font-size: 130%;
}

#list_content h5 {
  padding: 30px 0 15px 0;
  margin: 15px 0 0 0;
  font-weight: 400;
  color: #7e8b93;
  font-size: 110%;
  border-top: 1px solid #e9eef2;
}

#list_content table {
  border-right: 1px solid #e9eef2;
  font-size: 94%;
}

#list_content td {
  border-top: 1px solid #e9eef2;
  text-align: center;
  width: 30%;
  text-align: left;
}

#list_content td a {
  padding-left: 30px;
  background-image: url(/common/icon_blank.png);
  background-position: left center;
  background-repeat: no-repeat;
  color: #23526e;
}

#list_tab {
  display: block;
  padding: 0;
  margin: 0 0 60px 0;
  text-align: center;
  border-bottom: 1px solid #e9eef2;
  font-size: 85%;
}

#list_tab span,
#list_tab a {
  display: inline-block;
  padding: 15px 30px;
  margin: 0 10px -1px 10px;
  border-top: 1px solid #e9eef2;
  border-left: 1px solid #e9eef2;
  border-right: 1px solid #e9eef2;
  background-color: #fff;
  color: #23526e;
}

#list_tab a {
  background-color: #e9eef2;
}

/* ListTable */
ul.list_table {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 !important;
  margin: 0 0 15px 0 !important;
  border-top: 1px solid #e9eef2;
  border-left: 1px solid #e9eef2;
  font-size: 100%;
}

ul.list_table li {
  border-bottom: 1px solid #e9eef2;
  border-right: 1px solid #e9eef2;
  width: 265px;
  list-style: none;
  padding: 15px 10px;
  margin: 0 !important;
}

ul.list_table li:nth-child(even) {
  background-color: #fefefd !important;
}

#list_content ul.list_table li a {
  display: block;
  padding-right: 30px;
  background-image: url(/common/icon_blank.png);
  background-position: right center;
  background-repeat: no-repeat;
  color: #23526e;
}

/*==================================
包装学校
==================================*/
.school_content {
  display: block;
  padding: 30px 0;
  margin: 0;
  border-top: 2px solid #e9eef2;
}

.school_content h3 {
  padding: 15px 0 15px 60px;
  margin: 0 0 15px 0;
  font-size: 160%;
  background-image: url(/common/h3_icon_school.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.school_content h4 {
  padding: 15px 0;
  margin: 0;
  font-weight: 400;
  color: #0080cb;
  font-size: 130%;
}

.school_content h5 {
  padding: 30px 0 15px 0;
  margin: 15px 0 0 0;
  font-weight: 400;
  color: #7e8b93;
  font-size: 110%;
  border-top: 1px dotted #e9eef2;
}

.school_content .signature {
  text-align: right;
  margin: 60px 0 30px 0;
}

.school_content table {
}

.school_content th {
  width: 250px;
}

.school_content.application {
  display: block;
  padding: 30px 0;
  margin: 30px 0 0 0;
  border-top: none;
}

#application_tab {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #e9eef2;
  font-size: 85%;
}

#application_tab span,
#application_tab a {
  display: inline-block;
  padding: 15px;
  margin: 0 5px -1px 5px;
  border-top: 1px solid #e9eef2;
  border-left: 1px solid #e9eef2;
  border-right: 1px solid #e9eef2;
  background-color: #fff;
  color: #23526e;
}

#application_tab a {
  background-color: #e9eef2;
}

.school_content.application ul {
  padding: 0 30px;
  margin: 0;
}

.school_content.application ul li {
  padding: 0;
  margin: 5px 0;
}

.school_content.curriculum {
  display: block;
  padding: 30px 0;
  margin: 0;
  border-top: 2px solid #e9eef2;
}

.school_content.curriculum table {
  border-right: 1px solid #e9eef2;
  font-size: 94%;
}

.school_content.curriculum th {
  border-left: 1px solid #e9eef2;
  text-align: center;
}

.school_content.curriculum td {
  text-align: center;
}

.school_content.curriculum .date {
  background-color: #f9f9f9;
  width: 120px;
}

.school_content.curriculum .place {
  width: 80px;
}

.school_content.curriculum .theme {
  text-align: left;
}

.school_content.curriculum .speaker {
  text-align: left;
}

.school_content.curriculum .time {
  width: 45px;
}

.school_content.curriculum .caption {
  display: block;
  line-height: 150%;
  padding-bottom: 5px;
}

/*==================================
刊行物
==================================*/
.pub_content {
  display: block;
  padding: 30px 0;
  margin: 0;
  border-top: 2px solid #e9eef2;
}

.pub_content h3 {
  padding: 15px 0 15px 60px;
  margin: 0 0 30px 0;
  font-size: 160%;
  background-image: url(/common/h3_icon_pub.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.pub_content h4 {
  padding: 15px 0;
  margin: 0;
  font-weight: 400;
  color: #0080cb;
  font-size: 130%;
}

.pub_content h5 {
  padding: 30px 0 15px 0;
  margin: 15px 0 0 0;
  font-weight: 400;
  color: #7e8b93;
  font-size: 110%;
  border-top: 1px dotted #e9eef2;
}

.pub_content img {
  display: block;
  float: left;
}

.pub_detail {
  display: block;
  margin: 0 0 0 250px;
}

.pub_content.data {
  display: block;
  padding: 0 0 30px 0;
  margin: 0;
  border-top: none;
}

.pub_content .newspaper_download {
  border-bottom: 1px solid #e9eef2;
}

.pub_content .newspaper_download table {
  margin: 15px 0 0 0 !important;
}

.pub_content .newspaper_download table th {
  text-align: left;
  width: 40%;
}

/*==================================
個人情報保護方針
==================================*/
.privacy_content {
  display: block;
  padding: 0 0 30px 0;
  margin: 0;
  border-top: none;
}

.privacy_content h3 {
  padding: 15px 0 15px 60px;
  margin: 0 0 30px 0;
  font-size: 160%;
  background-image: url(/common/section_ttl.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.privacy_content h4 {
  padding: 15px 0;
  margin: 0;
  font-weight: 400;
  color: #0080cb;
  font-size: 130%;
}

.privacy_content h5 {
  padding: 30px 0 15px 0;
  margin: 15px 0 0 0;
  font-weight: 400;
  color: #7e8b93;
  font-size: 110%;
  border-top: 1px dotted #e9eef2;
}

/*==================================
Elements
==================================*/
.sub_elements ul {
  padding: 0 0 15px 2em;
  margin: 0;
}

.sub_elements ol {
  padding: 0 0 15px 2em;
  margin: 0;
}

.sub_elements ul li,
.sub_elements ol li {
  margin: 0 0 8px 0;
}

/* Text Link */
a.link_blank {
  background-image: url(/common/icon_blank.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  color: #23526e;
}

a.link_download {
  background-image: url(/common/icon_download.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  color: #23526e;
}

/* 目立たせたい項目 */
.pickuparea {
  background-color: #f9f9f9;
  padding: 30px 45px !important;
  margin: 15px 0 !important;
  border-bottom: 1px solid #e9eef2;
  border-top: 1px solid #e9eef2;
}

/* ページ内リンクインデックス */
.anchor_index {
  background-color: #fcfbf2;
  padding: 30px;
  margin: 0;
  border-top: 2px solid #e9eef2;
  list-style: none;
}

.anchor_index ul {
  padding: 5px 90px 0 0;
  margin: 0;
  list-style: none;
  float: left;
}

.anchor_index li a {
  background-image: url(/common/icon_textlink.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #23526e;
}

/*==================================
Member Page
==================================*/
#member_login_window {
  display: block;
  padding: 45px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
}

#member_login_window h2 {
  padding: 0;
  margin: 0 0 15px 0;
  background-image: none;
  font-weight: 500;
}

#member_login_window a.btn_member_login {
  display: inline-block;
  padding: 10px 90px;
  margin: 30px auto;
  background-color: #0b81cc;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
}

#member_login_window a:hover.btn_member_login {
  background-color: #d32778;
  text-decoration: none;
}

#join_read {
  display: block;
  padding: 0 45px;
  margin: 0 auto;
  text-align: center;
}

#join_main {
  display: block;
  padding: 0;
  margin: 30px auto;
  background-color: #f9f9f9;
  border-radius: 10px;
}

#join_main h3 {
  color: #23526e;
  font-size: 120%;
  font-weight: 500;
  padding: 0;
  margin: 15px 0;
}

#join_main .merit {
  display: block;
  width: 520px;
  padding: 15px 30px;
  margin: 0;
  border-right: 4px solid #fff;
  float: left;
}

#join_main .join_contact {
  display: block;
  padding: 15px 30px;
  float: right;
}

#join_detail {
  display: block;
}

#join_detail table {
  margin: 0 0 45px 0;
}

#join_detail table thead {
  text-align: center;
}

#join_detail table tbody {
  text-align: right;
}

#join_detail h3 {
  display: block;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #e9eef2;
}

#join_detail ol {
  margin: 0 0 30px;
}

/* メンバーページリスト */
.memberpage_list {
}

.memberpage_list dl {
  display: block;
  width: 100%;
  padding: 0;
  margin: 30px auto 0 auto;
  border-bottom: 1px dotted #e9eef2;
  text-align: left;
}

.memberpage_list dt {
  display: block;
  width: 285px;
  padding: 20px 15px 20px 0;
  margin: 0;
  position: absolute;
  border-top: 1px dotted #e9eef2;
}

.memberpage_list dd {
  display: block;
  padding: 20px 0 20px 0;
  margin: 0 0 0 300px;
  border-top: 1px dotted #e9eef2;
}

.memberpage_list dd a {
  color: #2c2c2c;
}

.memberpage_list dd a:hover {
  color: #0080cb;
}

.memberpage_list dt span {
  display: inline-block;
  width: 100px;
  text-align: center;
  font-size: 75%;
  padding: 1px 5px;
  margin: 0 30px 0 0;
  border-radius: 30px;
  color: #fff;
  background-color: #cee8f0;
  background-image: url(/common/paper_tex.png);
}

.memberpage_list .members_cat_default {
  background-color: #88c5d7;
}

.memberpage_list .members_cat_exhibition {
  background-color: #88d7a9;
}

.memberpage_list .members_cat_inspection {
  background-color: #88d7d0;
}

.memberpage_list .members_cat_member {
  background-color: #d788b0;
}

.memberpage_list .members_cat_newspaper {
  background-color: #bfd788;
}

.memberpage_list .members_cat_jpmaschool {
  background-color: #a588d7;
}

.memberpage_list .members_cat_seminar {
  background-color: #e0a26c;
}

.memberpage_list .members_cat_japanpack {
  background-color: #e63650;
}

/*==================================
Footer
==================================*/
footer {
  padding: 60px 0 150px 0;
  margin: 0;
  background-color: #468ea6;
  /* background-color: #57afcc; */
  background-image: url(/common/footer.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: center;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer h2 {
  display: block;
  text-align: center;
  font-size: 200% !important;
  color: #fff !important;
  padding: 0 0 30px 0 !important;
  margin: 0 !important;
  font-weight: 100;
  font-family: serif;
  background-image: none !important;
}

footer #footer_sitemap {
  display: block;
  width: 800px;
  padding: 0;
  margin: 0 auto;
}

footer ul.sitemapblock {
  display: block;
  width: 230px;
  list-style: none;
  padding: 0;
  margin: 0 0 0 30px;
  text-align: left;
  float: left;
}

footer ul li ul {
  display: block;
  list-style: none;
  padding: 10px 0 0 5px !important;
  margin: 0 !important;
}

footer ul li {
  padding: 10px !important;
  margin: 0 !important;
  font-weight: bold;
}

footer ul li li {
  padding: 2px 0 !important;
  margin: 0 !important;
  font-weight: normal;
  border-bottom: none;
  border-top: none;
  font-size: 0.9em;
}

.copyright {
  display: block;
  padding: 0 0 30px 0;
  background-color: #468ea6;
  font-size: 70%;
  color: #fff;
  text-align: center;
}

/*==================================
jpma_forum2018 2018-08-20
==================================*/
.jpma_forum2018outline th {
  width: 150px;
  text-align: center;
}

.seminar_detail {
  padding: 120px 0 0 0;
}

.jpma_forum2018program1 th {
  background-color: #f3f3f3;
}

.jpma_forum2018program1 .th01 {
  width: 20%;
  text-align: center;
}

.jpma_forum2018program1 .date {
  width: 20%;
  text-align: center;
  background-color: #f9f9f9;
}

.jpma_forum2018program1 .th02,
.jpma_forum2018program1 .th03 {
  width: 40%;
  text-align: center;
}

.jpma_forum2018outline hr,
.jpma_forum2018program1 hr {
  margin: 5px 0 10px 0 !important;
}

a.btn_wide {
  display: block;
  padding: 15px;
  margin: 0;
  border: 1px solid #468ea6;
  text-align: center;
  color: #468ea6;
}

a:hover.btn_wide {
  background-color: #468ea6;
  color: #fff;
  text-decoration: none;
}

.speaker_detail p {
  font-size: 90%;
  padding: 0 !important;
  margin: 1px 0 !important;
}

.speaker_detail_photo {
}

.speaker_detail_photo p {
  font-size: 90%;
  padding: 0 !important;
  margin: 1px 0 1px 75px !important;
}

.speaker_detail_photo span.pic {
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px;
  float: left;
}

.speaker_detail_photo span.pic.photo_ikematsu {
  background-image: url(/news/jpma_seminar2018_img/photo_ikematsu@2x.jpg);
}

.speaker_detail_photo span.pic.photo_matsumoto {
  background-image: url(/news/jpma_seminar2018_img/photo_matsumoto@2x.jpg);
}

.speaker_detail_photo span.pic.photo_namiki {
  background-image: url(/news/jpma_seminar2018_img/photo_namiki@2x.jpg);
}

.speaker_detail_photo span.pic.photo_sato {
  background-image: url(/news/jpma_seminar2018_img/photo_sato@2x.jpg);
}

.speaker_detail_photo span.pic.photo_suzuki {
  background-image: url(/news/jpma_seminar2018_img/photo_suzuki@2x.jpg);
}

.speaker_detail_photo span.pic.photo_taniguchi {
  background-image: url(/news/jpma_seminar2018_img/photo_taniguchi@2x.jpg);
}

.speaker_detail_photo span.pic.photo_hasegawa {
  background-image: url(/news/jpma_seminar2018_img/photo_hasegawa@2x.jpg);
}

.speaker_detail_photo span.pic.photo_kaneko {
  background-image: url(/news/jpma_seminar2018_img/photo_kaneko@2x.jpg);
}

.speaker_detail_photo span.pic.photo_ono {
  background-image: url(/news/jpma_seminar2018_img/photo_ono@2x.jpg);
}

.speaker_detail_photo span.pic.photo_saito {
  background-image: url(/news/jpma_seminar2018_img/photo_saito@2x.jpg);
}

.inner_subbox {
  display: block;
  padding: 5px 30px;
  margin: 30px auto;
  background-color: #f9f9f9;
  border: 1px solid #e9eef2;
}

.inner_subbox h4 {
  margin-bottom: 10px !important;
}

.inner_subbox_imp {
  display: block;
  padding: 20px 45px;
  margin: 0 auto 45px auto;
  background-color: #468ea6;
  color: #fff !important;
}

.inner_subbox_imp h3 {
  padding: 0 !important;
  margin: 10px 0 !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.inner_subbox_imp h4 {
  padding-bottom: 10px !important;
  margin: 10px 0 15px 0 !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-bottom: 1px dashed #fff;
}

.inner_subbox_imp h5 {
  color: #fff !important;
  font-size: 1.1rem;
  font-weight: 500 !important;
  padding: 0;
  margin: 5px 0 !important;
}

/*==================================
ADD 202102
==================================*/
h3.school_subtitle {
  display: block;
  padding: 20px;
  margin: 0;
  text-align: center;
  border-top: 2px solid #e9eef2;
  background-color: #f4f7fa;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #23526e;
}

h3.school_subtitle span {
  display: inline;
  padding: 4px 15px;
  margin: 0 0 0 15px;
  background-color: #468ea6;
  color: #fff;
  font-size: 80%;
  border-radius: 3px;
}

.curriculum_caption {
  display: inline-block;
  padding: 0 15px;
  border-radius: 3px;
  background-color: rgb(255, 221, 231);
  color: #d32778;
}

.school_content.curriculum p {
  display: inline-block;
}

/*==================================
lity.css
==================================*/
/*! Lity - v1.6.0 - 2016-01-11
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}

/* lity Customize */
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: absolute !important;
  right: 8px !important;
  top: 8px !important;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #9c9c9c !important;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: none !important;
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #000 !important;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.lity-close:active {
  top: 1px;
}

/*==================================
Retina img
==================================*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .sub_elements h2 {
    background-image: url(/common/section_ttl@2x.png);
    background-size: 44px;
  }

  a.btn_white_arbottom {
    background-image: url(/common/btn_white_arbottom@2x.png);
    background-size: 16px;
  }

  .btn_pagetop a {
    background-image: url(/common/btn_white_artop@2x.png);
    background-size: 16px;
  }

  .menu_close {
    background-image: url(/common/menu_close@2x.png);
    background-size: 80px;
  }

  a.poppup_lang_ja {
    background-image: url(/common/poppup_lang_ja@2x.png);
    background-size: 100px;
  }

  a.poppup_lang_en {
    background-image: url(/common/poppup_lang_en@2x.png);
    background-size: 100px;
  }

  a.poppup_lang_cn {
    background-image: url(/common/poppup_lang_cn@2x.png);
    background-size: 100px;
  }

  .head_logo a {
    background-image: url(/common/head_logo@2x.png);
    background-size: 416px;
  }

  footer {
    background-image: url(/common/footer@2x.png);
    background-size: 280px;
  }

  #mainvisual h1 {
    background-image: url(/img/maincopy@2x.png);
    background-size: 760px;
  }

  #latest_panel {
    background-image: url(/img/latest_panel@2x.png);
    background-size: 976px;
  }

  .latest_icon {
    background-image: url(/img/latest_icon@2x.png);
    background-size: 60px;
  }

  .panel_icon {
    background-image: url(/img/panel_icon_default@2x.png);
    background-size: 324px;
  }

  .panel_icon.default {
    background-image: url(/img/panel_icon_default@2x.png);
    background-size: 324px;
  }

  .panel_icon.exhibition {
    background-image: url(/img/panel_icon_exhibition@2x.png);
    background-size: 324px;
  }

  .panel_icon.inspection {
    background-image: url(/img/panel_icon_inspection@2x.png);
    background-size: 324px;
  }

  .panel_icon.member {
    background-image: url(/img/panel_icon_member@2x.png);
    background-size: 324px;
  }

  .panel_icon.newspaper {
    background-image: url(/img/panel_icon_newspaper@2x.png);
    background-size: 324px;
  }

  .panel_icon.jpmaschool {
    background-image: url(/img/panel_icon_school@2x.png);
    background-size: 324px;
  }

  .panel_icon.seminar {
    background-image: url(/img/panel_icon_seminar@2x.png);
    background-size: 324px;
  }

  .panel_icon.fixed {
    background-image: url(/img/panel_icon_fixed@2x.png);
    background-size: 324px;
  }
}

/*==================================
iPad Portrait w768px
デバイスの横幅が321以上1023以下の場合
==================================*/
@media only screen and (min-width: 321px) and (max-width: 1023px) {
  body {
    min-width: 768px;
  }

  .device_width {
    width: 768px;
  }

  div.content,
  section#bottom_content .content {
    padding: 90px 30px 120px 30px;
  }

  .head_logo a {
    margin: 35px auto 0 auto;
    background-position: center top;
  }

  .menu-btn {
    position: absolute;
  }

  header #global {
    height: 40px;
    min-width: 768px;
  }

  #global li,
  #page_anchor li {
    padding: 0 3px;
    font-size: 11px;
    font-weight: 600;
  }

  #page_anchor {
    top: 290px;
  }

  #pagetitle {
    height: 110px;
  }

  #pagetitle h1 {
    font-size: 200%;
    line-height: 110px;
  }

  footer {
    padding: 30px 0 120px 0;
  }

  footer h2 {
    padding: 0 0 15px 0 !important;
    margin: 0 !important;
  }

  footer #footer_sitemap {
    width: 768px;
  }

  footer ul.sitemapblock {
    width: 200px;
    padding-left: 10px;
  }

  footer ul li {
    font-weight: bold;
  }

  footer ul li li {
    font-weight: normal;
    font-size: 0.9em;
  }

  .btn_pagetop {
    right: 15px;
  }

  #mainvisual {
    height: 400px;
  }

  #mainvisual h1 {
    height: 160px;
  }

  #top_shortcut {
    width: 768px;
    height: 160px;
  }

  #top_shortcut a {
    width: 220px;
    height: 160px;
    margin: 0 6px;
  }

  #top_shortcut a.top_shortcut_prd {
    background-image: url(/img/top_shortcut_prd@2x.png);
    background-size: 220px !important;
  }

  #top_shortcut a.top_shortcut_list {
    background-image: url(/img/top_shortcut_list@2x.png);
    background-size: 220px !important;
  }

  #top_shortcut a.top_shortcut_pub {
    background-image: url(/img/top_shortcut_pub@2x.png);
    background-size: 220px !important;
  }

  #top_shortcut a.top_shortcut_jp19 {
    background-image: url(/img/top_shortcut_jp19@2x.png);
    background-size: 220px !important;
  }

  #top_shortcut a.top_shortcut_jp22 {
    background-image: url(/img/top_shortcut_jp22@2x.png);
    background-size: 220px !important;
  }

  #latest_panel {
    width: 768px;
    background-image: none;
  }

  .panel_box {
    width: 254px;
    /* height: 280px; */
    margin: 0 1px 2px 1px;
  }

  .latest_icon {
    display: block;
    width: 45px;
    height: 45px;
    margin: -2px 0 0 15px;
    background-image: url(/img/latest_icon@2x.png);
    background-size: 45px;
  }

  .panel_icon img {
    width: 254px;
    height: 118px;
  }

  .panel_icon {
    height: 118px;
  }
}

/*==========================================
クリア*/
.fix {
  overflow: hidden;
  zoom: 1;
}

/*全てにおいて非表示*/
.none {
  display: none;
}

/*モバイルで非表示*/
.display_mob {
  display: none !important;
}

.display_pc {
  display: block !important;
}