@charset "utf-8";

/*
 * OKBiz
 * OKFAQ Copyright(c) 2002-2012 OKWave.
*/
/* =======================================================
	 basic
======================================================= */
/* ------------------------------
	 default settings
------------------------------ */
* {
  margin: 0;
  /* 周囲余白 */
  padding: 0;
  /* 余白 */
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  /* 周囲余白 */
  padding: 0;
  /* 余白 */
}

fieldset,
img,
table {
  border: 0;
  /* 罫線 */
}

li,
ol,
ul {
  list-style: none;
  /* リスト */
}

body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  /* 文字フォント */
  line-height: 1.5;
  /* テキスト高さ */
  color: #333;
  /* テキスト色 */
  text-align: left;
  /* テキスト配置 */
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: 0;
  background: transparent;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

#header {
  border-top: 3px solid #000066;
  padding-top: 11px;
  min-width: 960px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  /* 文字サイズ */
  font-weight: normal;
  /* 文字太さ */
}

h1 {
  font-size: 12px;
  /* 文字サイズ */
}

em {
  font-style: normal;
  /* 文字斜体 */
}

/* ------------------------------
	 font size
------------------------------ */

/* 小 */
.lang_size_small textarea {
  font-size: 80%;
  /* 文字サイズ */
}

.lang_size_small .login_txt,
.lang_size_small .keyword_frm {
  font-size: 90%;
  /* 文字サイズ */
}

/* ------------------------------
	 common
------------------------------ */
.flo_l {
  float: left;
  /* 表示配置 */
}

.flo_r {
  float: right;
  /* 表示配置 */
  display: inline;
}

/* ------------------------------
	 link
------------------------------ */
/* リンク */
a:link {
  color: #1111CC;
  /* テキスト色 */
  text-decoration: none;
  /* テキスト装飾 */
}

/* 訪問済み */
a:visited {
  color: #551A8B;
  /* テキスト色 */
  text-decoration: none;
  /* テキスト装飾 */
}

/* ホバー */
a:hover {
  color: #1111CC;
  /* テキスト色 */
  text-decoration: underline;
  /* テキスト装飾 */
}

/* アクティブ */
a:active {
  color: #1111CC;
  /* テキスト色 */
  text-decoration: underline;
  /* テキスト装飾 */
}

/* =======================================================
	 base layout
======================================================= */
/* ------------------------------
	 okwave wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {}

/* ------------------------------
	 okwave head line
------------------------------ */
/* 領域 */
.okw_headline {
  width: 980px;
  /* 幅 */
  margin: 0 auto;
  /* 周囲余白 */
}

/* h1 タグ内 */
.okw_headline h1 {
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  margin: 4px 4px 0;
  text-align: right;
}

/* ------------------------------
	 okwave headder
------------------------------ */
/* 領域 */
#okw_header {
  background: transparent url("../images/front/headerbg.jpg") repeat-x scroll left top;
  /* 背景 */
}

/* 内部領域 */
#okw_header_inner {
  background: transparent url("../images/front/pic_header.jpg") no-repeat scroll left top;
  /* 背景 */
  width: 980px;
  /* 幅 */
  margin: 0 auto;
  /* 周囲余白 */
  height: 100px;
  /* 高さ */
  padding: 1px 0 0;
  /* 余白 */
}

/* ロゴ */
#okw_header_logo a {
  background: transparent url("../images/front/logo_header.gif") no-repeat scroll left top;
  /* 背景 */
  width: 190px;
  /* 幅 */
  text-indent: -99999px;
  /* インデント */
  overflow: hidden;
  /* 領域外表示 */
  display: block;
  /* 表示要素 */
  height: 70px;
  /* 高さ */
  margin: 10px 0 0;
  /* 周囲余白 */
}

/* ------------------------------
	 okwave contents
------------------------------ */
/* 領域 */
#okw_contents {
  background: none;
  /* 背景 */
}

/* 表示領域ベース */
#okw_contents_base {
  margin: 0 auto;
  /* 周囲余白 */
  padding-right: 15px;
  /* 余白 */
  width: 965px;
  /* 幅 */
  background: none;
  /* 背景 */
  position: relative;
  /* ポジショニング */
}

#okw_contents_base,
div#MB_window {
  background-color: #fff;
  /* 背景色 */
}

/* 表示領域 */
#okw_contents_inner {
  background: none;
  /* 背景 */
  padding: 5px 0 1px 15px;
  /* 余白 */
}

#okw_contents_inner,
div#MB_frame {
  background-color: transparent;
  /* 背景色 */
}

/* ------------------------------
	 side column
------------------------------ */
/* 領域 */
#okw_side {
  width: 228px;
  /* 幅 */
}

/* ------------------------------
	 main column
------------------------------ */
/* 領域 */
#okw_center {}

/* 領域・サイドカラム有 */
#okw_center.okw_side {
  width: 690px;
  /* 幅 */
}

/* 領域・サイドカラム無 */
#okw_center .side_none {
  width: auto;
  /* 幅 */
}

/* ------------------------------
	 okwave footer
------------------------------ */
/* ライン画像領域 … custom フッターで消える */
#okw_footer_custom {
  height: 15px;
  /* 高さ */
  background: transparent url("../images/front/footerbg.jpg") repeat-x scroll left top;
  /* 背景 */
}

/* 領域 */
#okw_footer_default {
  padding: 0px 10px 10px;
  /* 余白 */
}

/* コピーライト部分文字サイズ固定 */
body #okw_footer_default {
  font-size: 12px;
}

/* コピーライト位置調整 */
.okw_copy {
  margin-top: 10px;
}

/* コピーライト */
.okw_copy a:link,
.okw_copy a:visited,
.okw_copy a:active,
.okw_copy a:hover {
  color: #333333;
  text-decoration: none;
}

/* ロゴ */
#okw_logo_footer a {
  background: transparent url("../images/front/logo_footer.gif") no-repeat scroll left top;
  /* 背景 */
  width: 190px;
  /* 幅 */
  height: 26px;
  /* 高さ */
  display: block;
  /* 表示要素 */
  text-indent: -99999px;
  /* インデント */
  overflow: hidden;
  /* 領域外表示 */
}

/* =======================================================
	 link
======================================================= */
/* トップヘ */
.topLink {
  float: right;
  /* 表示配置 */
  font-size: 12px;
  /* 文字サイズ */
  margin: 10px 0;
  /* 周囲余白 */
  height: auto;
}

/* トップヘリンク */
.topLink a {
  background: transparent url("../images/front/ico_toparrow.gif") no-repeat scroll 2px 100%;
  /* 背景 */
  background-position: left center;
  height: 13px;
  /* 高さ */
  padding: 2px 3px 2px 20px;
  /* 余白 */
  display: inline-block;
  /* 表示要素 */
}

/* 領域 */
.siteLink li {
  display: inline;
  /* 表示要素 */
  font-size: 12px;
  /* 文字サイズ */
}

/* 戻る */
.preLink {
  background: transparent url("../images/front/ico_back.gif") no-repeat scroll 2px 100%;
  /* 背景 */
  text-align: left;
  /* テキスト配置 */
  margin-right: 15px;
  /* 周囲余白 */
}

/* 戻るリンク */
.preLink a {
  padding: 2px 3px 2px 20px;
  /* 余白 */
  display: inline-block;
  /* 表示要素 */
  height: 13px;
  /* 高さ */
}

/* ------------------------------
	 admin link : 管理者向けリンク
------------------------------ */
/* 領域 */
.fixed_link {
  position: fixed !important;
  /* ポジショニング  IE6にも対応 */
  position: absolute;
  right: 0;
  /* 右位置 */
}

/* リンク内 */
.fixed_link div a {
  display: block;
  /* 表示要素 */
  width: 36px;
  /* 幅 */
  height: 102px;
  /* 高さ */
  overflow: hidden;
  /* 領域外表示 */
  text-indent: -99999px;
  /* インデント */
}

/* FAQリンク領域 */
.admin_back_link {
  top: 150px;
  /* 上位置 */
}

/* FAQリンク */
.admin_back a {
  background: transparent url("../images/front/admin_back.gif") no-repeat scroll center center;
  /* 背景 */
}

/* デザインプレビューリンク領域 */
.preview_close_link {
  top: 260px;
  /* 上位置 */
}

/* デザインプレビューリンク */
.preview_close a {
  background: transparent url("../images/front/preview_close.gif") no-repeat scroll center center;
  /* 背景 */
}

/* =======================================================
	 icon
======================================================= */
/* ------------------------------
	 design parts
------------------------------ */
/* 共通 */
.icoInf,
.icoInfoNews,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoResult,
.icoHelpdesk,
.icoLogin {
  background-attachment: scroll;
  /* 背景スクロール */
  background-color: transparent;
  /* 背景色 */
  background-position: left top;
  /* 背景配置 */
  background-repeat: no-repeat;
  /* 背景リピート */
  display: inline-block;
  /* 表示要素 */
  height: 24px;
  /* 高さ */
  padding: 6px 0 0 35px;
  /* 余白 */
}

/* info & news */
.icoInf {
  background: url("../images/front/ico_info.gif");
}

/* キーワード検索 */
.icoKeyword {
  background-image: url("../images/front/ico_search.gif");
  font-weight: bold;
  /*1110*/
}

/* よくある質問 */
.icoQa {
  background-image: url("../images/front/ico_qa.gif");
  font-weight: bold;
  /*1110*/
}

/* 最新の FAQ */
.icoNew {
  background-image: url("../images/front/ico_new.gif");

}

/* カテゴリー */
.icoCate {
  background-image: url("../images/front/ico_cate.gif");
}

/* FAQ一覧 */
.icoResult {
  background-image: url("../images/front/ico_faq.gif");
}

/* お問合わせ */
.icoHelpdesk {
  background-image: url("../images/front/ico_helpdesk.gif");
}

/* ログイン */
.icoLogin {
  background-image: url("../images/front/ico_login.gif");
}

/* ------------------------------
	 faq detail page
------------------------------ */
/* おすすめのFAQ */
.icoFaq {
  background: transparent url("../images/front/ico_faq.gif") no-repeat scroll 0% 50%;
  /* 背景 */
  display: inline-block;
  /* 表示要素 */
  height: 30px;
  /* 高さ */
  padding: 6px 0 0 35px;
  /* 余白 */
}

/* 印刷 */
.icoPrint {
  background: transparent url("../images/front/ico_print.gif") no-repeat scroll 2px 2px;
  /* 背景 */
  display: inline-block;
  /* 表示要素 */
}

/* 印刷リンク */
.icoPrint a {
  display: block;
  /* 表示要素 */
  padding: 2px 3px 2px 20px;
  /* 余白 */
  height: 16px;
  /* 高さ */
  display: inline;
}

/* 質問 */
.icoQ {
  background: transparent url("../images/front/ico_qst.gif") no-repeat scroll left top;
  /* 背景 */
  display: block;
  /* 表示要素 */
  padding: 1px 0 7px 40px;
  /* 余白 */
}

/* 回答 */
.icoA {
  background: transparent url("../images/front/ico_ans.gif") no-repeat scroll left top;
  /* 背景 */
  display: block;
  /* 表示要素 */
  padding: 8px 0 8px 40px;
  /* 余白 */
  margin: 0 5px;
  /* 周囲余白 */
}

/* ------------------------------
	 faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml {
  background: transparent url("../images/front/ico_qst_s.gif") no-repeat scroll 0% 40%;
  /* 背景 */
  padding: 0 0 0 20px;
  /* 余白 */
}

/* 回答小 */
.icoA_sml {
  background: transparent url("../images/front/ico_ans_s.gif") no-repeat scroll 0% 10%;
  /* 背景 */
  padding: 0 0 0 20px;
  /* 余白 */
}

/* =======================================================
	 sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
  margin-bottom: 5px;
  /* 周囲余白 */
  line-height: 22px;
}

/* ------------------------------
	 category path
------------------------------ */
/* 領域 */
.okw_bread {}

/* 各部 */
.okw_bread li {
  display: inline;
  /* 表示要素 */
  font-size: 12px;
  /* 文字サイズ */
  line-height: 1.6;
}

/* リンク */
.okw_bread li a {
  margin: 0 5px 0 0;
  /* 周囲余白 */
}

/* ------------------------------
	 font size change
------------------------------ */
/* 領域 */
#fontCol {
  white-space: nowrap;
  /* 要素内余白表示 */
  line-height: 22px;
}

/* テキスト部 */
li.okw_txt {
  font-size: 12px;
  /* 文字サイズ */
  float: left;
  /* 表示配置 */
  margin-right: 10px;
  /* 周囲余白 */
}

/* 大中小 */
.fntBig,
.fntMid,
.fntSml,
li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
  width: 24px;
  /* 幅 */
  height: 26px;
  /* 高さ */
  float: left;
  /* 表示配置 */
  text-indent: -99998px;
  /* インデント */
  overflow: hidden;
  /* 領域外表示 */
  margin-right: 5px;
  /* 周囲余白 */
  background-attachment: scroll;
  /* 背景スクロール */
  background-color: transparent;
  /* 背景色 */
  background-position: left top;
  /* 背景配置 */
  background-repeat: no-repeat;
  /* 背景リピート */
}

/* 大中小リンク */
.fntBig a,
.fntMid a,
.fntSml a {
  display: block;
  /* 表示要素 */
}

/* 大 */
li.fntBig {
  background-image: url("/usr/file/attachment/fntbig_off.gif");
  /* 背景画像 */
}

/* 中 */
li.fntMid {
  background-image: url("/usr/file/attachment/fntmdl_off.gif");
  /* 背景画像 */
}

/* 小 */
li.fntSml {
  background-image: url("/usr/file/attachment/fntsml_off.gif");
  /* 背景画像 */
}

/* 大 ホバー・アクティブ */
li.fntBig:hover,
li.fntBigOn {
  background-image: url("/usr/file/attachment/fntbig_on.gif");
  /* 背景画像 */
}

/* 中 ホバー・アクティブ */
li.fntMid:hover,
li.fntMidOn {
  background-image: url("/usr/file/attachment/fntmdl_on.gif");
  /* 背景画像 */
}

/* 小 ホバー・アクティブ */
li.fntSml:hover,
li.fntSmlOn {
  background-image: url("/usr/file/attachment/fntsml_on.gif");
  /* 背景画像 */
}

/* =======================================================
	 design parts
======================================================= */
/* 領域 */
.colArea {
  margin-bottom: 10px;
  /* 周囲余白 */
}

/* ------------------------------
	 title
------------------------------ */
/* 2 列パーツ */
.twoCol {
  width: 49.5%;
  /* 幅 */
}

/* 1 列パーツ */
.ttl_col {

  background: transparent url("../images/front/ttll.gif") no-repeat scroll left top;
  /* 背景 */
  height: 44px;
  /* 高さ */
  padding: 0 0 0 2px;
  /* 余白 */
}

/* パーツタイトル */
.ttl_bg {
  background: none;
  /* 背景 */
  height: 38px;
  /* 高さ */
  padding: 6px 0 0 5px;
  /* 余白 */
}

/* パーツタイトル文字 */
.ttl_col h2 {
  font-size: 14px;
  /* 文字サイズ */
  font-weight: normal;
}

/* ------------------------------
	 info & news
------------------------------ */
/* リスト領域 */
.newsList {
  margin: 5px 10px 0;
  /* 周囲余白 */
}

/* 1 行 */
.newsList li {
  background: transparent url("../images/front/marker_square.gif") no-repeat scroll left 0.5em;
  /* 背景 */
  padding: 0 0 0 10px;
  /* 余白 */
  margin-bottom: 5px;
  /* 周囲余白 */
  word-break: break-all;
  /* 改行位置 */
  word-wrap: break-word;
  /* 改行指定 */
  clear: both;
  overflow: hidden;
  line-height: 1.2;
}

/* 日付 */
.datetime {
  line-height: 1.2;
  /* テキスト高さ */
  margin-right: 5px;
  /* 周囲余白 */
  white-space: nowrap;
  /* 要素内余白表示 */
}

/* Info&News一覧日付 */
.newsList li .datetime {
  float: left;
}

/* Info&News一覧本文 */
.infoTxt {
  float: left;
  word-break: keep-all;
  white-space: nowrap;
}

/* 「もっと見る」領域 */
/* デフォルトで「もっと見る」は非表示にしています */
/* 利用する場合は本クラスの display:none を display:block に更新してください */
#info_and_news_more_page {
  display: none;
  /* リストの行頭文字を消します */
  background: none;

}

#info_and_news_more_page_inner {
  text-align: right;
  font-size: 12px;
}

#info_and_news_more_page .more_page_link {
  background-image: url("../images/front/ico_nextarrow.gif");
  background-attachment: scroll;
  background-color: transparent;
  background-position: 2px 50%;
  background-repeat: no-repeat;
  padding-left: 18px;
  display: inline-block;
  height: 16px;
}

/* ------------------------------
	 keyword search
------------------------------ */
/* 領域 */
.search_frmArea {
  margin: 15px 20px;
  /* 周囲余白 */
}

/* ショルダー時領域 */
#okw_side .search_frmArea {
  margin: 5px 0;
  /* 周囲余白 */
}

/* 説明文 */
.search_description {
  font-size: 80% !important;
  /* 文字サイズ */
  color: #666666;
  /* テキスト色 */
  margin: 3px 0;
  /* 周囲余白 */
}

/* フォーム */
.keyword_frm {
  width: 70%;
  /* 幅 */
  height: 28px;
  /* 高さ */
  float: left;
  /* 表示配置 */
  border-width: 1px 0 1px 1px;
  /* 罫線幅 */
  border-color: #ccc;
  /* 罫線色 */
  border-style: solid;
  /* 罫線スタイル */
  line-height: 2.0;
  /* テキスト高さ */
  font-size: 14px;
  /* 文字サイズ */
  letter-spacing: 1.8px;
  /* 文字間 */
}

/* 自然文フォーム */
.n_keyword_frm {
  background-color: #FCFCFC;
  /* 背景色 */
  border: 1px solid #CCCCCC;
  /* 罫線 */
  min-width: 200px;
  width: 100%;
  /* 幅 */
}

.n_keyword_frm:focus {
  background-color: #FFFFFF;
  /* 背景色 */
}

/* ボタン */
.keyword_frmbtn {
  background: transparent url("../images/front/btnsearch.gif") no-repeat scroll left top;
  /* 背景 */
  width: 72px;
  /* 幅 */
  height: 30px;
  /* 高さ */
  color: #fff;
  /* テキスト色 */
  font-weight: bold;
  /* 文字太さ */
  border: 0;
  /* 罫線 */
  font-size: 14px;
  /* 文字サイズ */
}

/* 自然文ボタン */
.n_keyword_frmbtn {
  background: url("../images/front/btnsearch.gif") no-repeat scroll left top transparent;
  width: 72px;
  /* 幅 */
  height: 30px;
  /* 高さ */
  color: #fff;
  /* テキスト色 */
  font-weight: bold;
  /* 文字太さ */
  border: 0;
  /* 罫線 */
  font-size: 14px;
  /* 文字サイズ */
  float: right;
  margin: 5px 0 0 0;
  /* 周囲余白 */
  display: block;
}

/* 検索切り替え */
.search_switch {
  font-size: 0.9em;
  /* 文字サイズ */
  margin: 5px auto 0 0;
  /* 周囲余白 */
}

/* 検索絞込み */
.search_target {
  margin: 0 20px 0 0;
  float: left;
}

.search_keyword_morph {
  float: left;
}

.kwd_none {
  margin: 15px 3px 20px 0px;
  /* 周囲余白 */
  background-color: #F6FFF2;
  /* 背景色 */
  border: 1px solid #E4E4E4;
  /* 罫線 */
  padding: 20px;
  /* 余白 */
}

.kwd_none span {
  font-weight: bold;
  /* 文字太さ */
}

/* ------------------------------




	 qa list
------------------------------ */
/* 領域 */
.qaList {
  margin: 5px 10px 10px;
  /* 周囲余白 */
}

/* 1 行 */
.qaList li {
  background: transparent url("../images/front/marker_arrow.gif") no-repeat scroll left center;
  /* 背景 */
  padding: 0 0 0 18px;
  /* 余白 */
  margin-bottom: 5px;
  /* 周囲余白 */
  word-break: break-all;
  /* 改行位置 */
  word-wrap: break-word;
  /* 改行指定 */
}

/* ------------------------------
	 new faq list
------------------------------ */
/* 領域 */
.faqList {
  margin: 5px 10px 10px;
  /* 周囲余白 */
}

/* 1 行 */
.faqList li {
  background: transparent url("../images/front/marker_arrow.gif") no-repeat scroll left center;
  /* 背景 */
  padding: 0 0 0 18px;
  /* 余白 */
  margin-bottom: 5px;
  /* 周囲余白 */
  word-break: break-all;
  /* 改行位置 */
  word-wrap: break-word;
  /* 改行指定 */
}

/* ------------------------------
	 login parts
------------------------------ */
/* ログインパーツ */
.loginArea,
.loginUsrArea {
  margin: 5px 10px 10px;
  /* 周囲余白 */
}

/* ログインフォーム 領域 */
.loginArea {
  margin-top: 5px;
  /* 周囲余白 */
}

/* ログインボタン */
.loginUsrArea p {
  border-bottom: 1px solid #CCCCCC;
  /* 罫線 */
  margin-bottom: 5px;
  /* 周囲余白 */
  padding-bottom: 5px;
  /* 余白 */
}

/* パスワード再発行 リンク */
.okw_parts_login .reissue_password {
  text-align: right;
}

/* ショルダー,2列表示パスワード再発行 リンク */
#okw_side .okw_parts_login .reissue_password,
.twoCol.okw_parts_login .reissue_password {
  margin-top: 5px;
  text-align: center;
  clear: both;
}

.okw_parts_login .reissue_password a {
  font-size: 90%;
}

/* ログイン中 リンク */
.loginUsr_link {
  text-align: right;
  /* テキスト配置 */
  font-size: 90%;
}

/* ------------------------------
	 category list
------------------------------ */
/* 1 領域 */
* html .cateList {
  margin: 5px 10px 5px 10px;
  /* 周囲余白 */
  padding: 0 0 0 10px;
  /* 余白 */
}

/* カテゴリーアイコン*/
.cate_icon {
  float: left;
  margin-right: 5px;
}

/* 中カテゴリ */
.cate_middle {
  padding: 0 5px 0 5px;
}

.cate_middle a {
  font-weight: bold;
}

/* 小カテゴリ */
.cate_small {
  display: table;
  padding: 5px 5px 0 5px;
  font-size: 80%;
}

/* 小カテゴリ */
.cate_small li {
  display: inline;
  padding: 0 4px 0 0;
  word-wrap: break-word;
  word-break: break-all;
}

/* 件数 */
.cate_count {
  padding: 0 0 0 5px;
  /* 余白 */
  color: #666;
  /* テキスト色 */
  white-space: nowrap;
  /* 要素内余白表示 */
  font-weight: normal;
  font-size: 80%;
}

/* カテゴリー列表示用 */
.cateList_box {
  margin: 10px 10px;
  /* 領域 */
}

/* 1列表示 */
.cateList_1line {
  width: 100%;
  /* 横幅 */
}

/* 2列表示 */
.cateList_2line {
  width: 50%;
  /* 横幅 */
  float: left;

}

/* 3列表示 */
.cateList_3line {
  width: 33%;
  /* 横幅 */
  float: left;
}

/* 4列表示 */
.cateList_4line {
  width: 24.9%;
  /* 横幅 */
  float: left;
}

/* ------------------------------
	 category tree
------------------------------ */
/* TOPカテゴリータイトル、背景 */
.category_tree .ttl_bg {
  background: url(../images/front/ttlbg.gif) no-repeat 0 -2px transparent;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  color: #333;
  display: block;
  font-weight: bold;
  padding: 0 0px 0 10px;
  margin: 0px;
  width: 246px;
  height: 32px;
  font-size: 12px;
}

.category_tree {
  word-break: break-all;
  font-size: 12px;
  padding-bottom: 2px;
  width: 260px;
  margin: 2px 0 5px;
  background: #dedede;
}

.icocate_tree {
  background: url(../images/front/ico_cate_s.gif) no-repeat left;
  display: inline-block;
  /* 表示要素 */
  height: 24px;
  /* 高さ */
  padding: 6px 0 0 25px;
  /* 余白 */
}

/* TOPカテゴリータイトル*/
.category_tree .ttl_col {
  background: none;
  padding: 1px 1px 0;
  height: auto;
}

.category_open a:hover.pm_icon {
  background: url(../images/front/cate_on_on.gif) no-repeat 0px 0px;
}

.category_close a:hover.pm_icon {
  background: url(../images/front/cate_off_on.gif) no-repeat 0px 0px;
}

.fo_b {
  font-weight: bold;
}

/* カテゴリー名領域 */
.cate_pull_inert_bg {
  padding: 7px 0;
}

/* カテゴリー+-アイコン調整 */
.category_tree .pm_icon {
  text-indent: -9999px;
  width: 18px;
  height: 20px;
  margin: -1px 5px;
  display: inline;
}

.category_open .pm_icon {
  background: url(../images/front/cate_on.gif) no-repeat 0px 0px;
}

.category_close .pm_icon {
  background: url(../images/front/cate_off.gif) no-repeat 0px 0px;
}

/* カテゴリーアイコン無し調整 */
.category_none {
  background: url(../images/front/cate.gif) no-repeat 11px 9px;
  padding-left: 28px
}

/* 選択中のカテゴリ */
.category_select {
  background-color: #3d8908;
}

.category_select a,
.category_select a span {
  color: #FFF;
  font-weight: bold;
}

/* 配下カテなし選択カテゴリーの画像 */
.category_none.category_select {
  background: url("../images/front/cate_active.gif") no-repeat scroll 11px 10px #3D8908;
}

/* カテゴリ名文字 */
.category_tree a,
.category_nofaq {
  margin-right: 5px;
  display: block;
  overflow: auto;
}

.category_level_0 {
  margin: 0 2px;
  background: #FFF;
}

.category_level_0 li {
  border-top: 1px solid #e6e6e6;
}

.category_level_1 {
  background: #f2f2f2;
  margin-left: 20px;
  clear: both;
}

.category_level_1 li {
  border-top: 1px solid #dcdcdc;
}

.category_level_2 {
  background: #e8e8e8;
  margin-left: 20px;
  clear: both;
}

.category_level_2 li {
  border-top: 1px solid #cfcfcf;
}

.category_level_3 {
  background: #dfdfdf;
  margin-left: 20px;
  clear: both;
}

.category_level_3 li {
  border-top: 1px solid #cccccc;
}

/* =======================================================
 faq detail page
======================================================= */
/* ------------------------------
	 base info
------------------------------ */
/* 戻る */
.faq_qstInf_col .siteLink {
  float: left;
  display: inline;
}

/* 領域 */
.faq_qstInf_col {
  border-bottom: 1px solid #ccc;
  /* 罫線 */
  margin: 0 0 5px;
  /* 周囲余白 */
}

/* 表示領域 */
.faq_dateNo {
  margin-right: 5px;
  /* 周囲余白 */
}

/* 各パーツ */
.faq_dateNo li {
  font-size: 12px;
  /* 文字サイズ */
  margin-right: 15px;
  /* 周囲余白 */
  display: inline;
  /* 表示要素 */
}

/* 印刷 */
.faq_dateNo li.faq_print {
  margin-right: 0;
  /* 周囲余白 */
}

/* ------------------------------
	 question
------------------------------ */
/* タイトル */
.faq_qstCont_ttl {
  font-size: 20px;
  /* 文字サイズ */
  font-weight: bold;
  /* 文字太さ */
  color: #F90;
  /* テキスト色 */
  line-height: 1.4;
  /* テキスト高さ */
  margin: 10px 25px 10px;
  /* 周囲余白 */
  word-wrap: break-word;
  /* 改行指定 */
}

/* 領域 */
.faq_qstCont_col {
  margin: 10px 65px 30px;
  /* 周囲余白 */
}

/* テキスト領域 */
.faq_qstCont_txt {
  margin-bottom: 10px;
  /* 周囲余白 */
  word-wrap: break-word;
  /* 改行指定 */
}

/* カテゴリ */
.faq_cate_col {
  padding: 5px;
  /* 余白 */
  border: 1px dotted #999;
  /* 罫線 */
  background-color: #f7f7f7;
  /* 背景色 */
}

/* カテゴリタイトル */
.faq_cate_col dt,
.faq_cate_col dd {
  float: left;
  /* 表示配置 */
}

/* カテゴリ名 */
.faq_cate_col dt {
  margin-right: 5px;
  /* 周囲余白 */
}

/* ------------------------------
	 answer
------------------------------ */
/* タイトル領域 */
.faq_ans_bor {
  background: transparent url("../images/front/bor_qst.gif") repeat-x scroll left bottom;
  /* 背景 */
  padding-bottom: 5px;
  /* 余白 */
  margin: 0 25px 10px;
  /* 周囲余白 */
}

/* タイトル */
.faq_ans_ttl {
  font-size: 14px;
  /* 文字サイズ */
  font-weight: bold;
  /* 文字太さ */
  line-height: 1.2;
  /* テキスト高さ */
  margin: 10px 20px 10px;
  /* 周囲余白 */
}

/* 領域 */
.faq_ans_col {
  padding: 0 65px 20px;
  /* 余白 */
  border-bottom: 1px solid #ccc;
  /* 罫線 */
  margin-bottom: 20px;
  /* 周囲余白 */
  word-wrap: break-word;
  /* 改行指定 */
}

/* テキスト領域 */
.faq_ansCont_txt {
  margin-bottom: 10px;
  /* 周囲余白 */
}

/* 添付ファイル・追加フォーム領域 */
.faq_addition_col {
  padding: 5px 10px;
  /* 余白 */
  border: 1px dotted #999;
  /* 罫線 */
  background-color: #f7f7f7;
  /* 背景色 */
}

/* 添付ファイル・追加フォーム */
.faq_addition_list dt,
.faq_addition_col dd {
  float: left;
  /* 表示配置 */
}

/* 添付ファイル・追加フォームタイトル */
.faq_addition_list dt {
  margin-right: 5px;
  /* 周囲余白 */
}

/* 添付ファイル項目名 */
/* 横並び設定 */
.faq_attachment_file_list dd {
  display: inline;
  margin: 0 15px 0 0;
  float: none;
  word-break: keep-all;
}

/* 縦並び設定 */
/*
.faq_attachment_file_list dd {
	display:block;
	margin: 0;
	float:none;
	text-indent: 1em;
}
.faq_attachment_file_list dt {
	display:block;
	float:none;
}
*/
/* ------------------------------
	 wizard FAQ question
------------------------------ */
/* 質問文 */
.wzd_qstCont_col {
  background-color: #FEF3E0;
  border-left: 4px solid #F8961C;
  padding: 10px 8px 10px 15px;
  margin: 10px 65px 0px;
}

.wzd_qstCont_txt {
  float: left;
}

/* 1カラム　設問リンク */
.wzd_bck {
  background: url("../images/front/btn_back.gif") no-repeat scroll left top transparent;
  float: right;
  font-size: 70%;
  padding-left: 18px;
  margin-top: 5px;
  width: 13%;
}

/* 2カラム　設問リンク */
.okw_side .wzd_bck {
  width: auto;
}

/* 選択肢　背景 */
.wzd_slct_area {
  background-color: #EEEEEE;
  padding: 10px 10px 10px 15px;
  margin: 2px 65px 20px;
  clear: both;
  overflow: hidden;
}

.wzd_slct_area div {
  overflow: hidden;
}

/* チェックボックス 領域 */
.wzd_slct_area .chckbx_off,
.wzd_slct_area .chckbx_on {
  display: inline-block;
  padding: 0 0 0 30px;
}

/* 未選択チェックボックス アイコン */
.wzd_slct_area .chckbx_off {
  background: url("../images/front/btn_navi_off.gif") no-repeat scroll 0 -1px transparent;
}

/* 選択済チェックボックス アイコン */
.wzd_slct_area .chckbx_on {
  background: url("../images/front/btn_navi_on.gif") no-repeat scroll 0 -1px transparent;
}

/* 選択肢領域内テキスト */
.selecttxt {
  background: url("../images/front/icon_select.gif") no-repeat scroll left center transparent;
  clear: both;
  color: #999999;
  font-size: 80%;
  margin: 10px 0 0 2px;
  padding: 0 0 0 20px;
}

/* ------------------------------
	 enquate
------------------------------ */
/* 領域 */
.okw_enquete_area {
  border: 4px solid #CCEEAA;
  margin: 0 auto 20px;
  padding: 0 10px;
  width: 70%;
}

/* タイトル */
.questioner_ttl {
  font-size: 14px;
  /* 文字サイズ */
  padding: 10px 10px 3px;
  /* 余白 */
  text-align: left;
  /* テキスト配置 */
  font-weight: bold;
  /* 文字太さ */
  border-bottom: 2px solid #66AA66;
  /* アンダーライン */
}

/* 内容領域 */
.questioner_col {
  text-align: center;
  /* テキスト配置 */
  padding: 10px;
  /* 余白 */
}

/* テキストエリア領域 */
.questioner_txt_col {
  width: 58%;
  margin: 0 0 5px auto;
  text-align: left;
}

/* テキストエリア上メッセージ */
.questioner_sub_msg {
  font-size: 80%;
}

/* テキストエリア */
.questioner_txt {
  background-color: #FCFCFC;
  border: 1px solid #AAAAAA;
  /* 罫線 */
  width: 100%;
  /* 幅 */
}

/* テキストエリア下メッセージ */
.questioner_description {
  font-size: 80%;
  color: #666666;
}

/* ボタン領域 */
.questioner_submit_btn {
  width: 125px;
  /* 幅 */
  height: 30px;
  /* 高さ */
  margin: 0 auto;
  /* 周囲余白 */
  clear: both;
}

/* 送信ボタン */
.questioner_btn {
  font-weight: bold;
  /* 文字太さ */
  font-size: 14px;
  /* 文字サイズ */
  color: #336600;
  /* テキスト色 */
  background: transparent url("../images/front/btn_formoff.gif") no-repeat scroll left top;
  /* 背景 */
  width: 125px;
  /* 幅 */
  height: 30px;
  /* 高さ */
  border: 0;
  /* 罫線 */
}

/* 送信ボタン ホバー */
.questioner_btn:hover {
  background: transparent url("../images/front/btn_formon.gif") no-repeat scroll left top;
  /* 背景 */
}

/* 送信ボタン 非活性時 */
.questioner_btn[disabled] {
  color: #A0A0A0;
  /* 文字色 */
}

/* ------------------------------
	 related faq : おすすめFAQ
------------------------------ */
/* 領域 */
.faq_relate_list {
  margin: 5px 0 10px;
  /* 周囲余白 */
}

/* 1 行 */
.faq_relate_list li {
  background-attachment: scroll;
  /* 背景スクロール */
  background-image: url("../images/front/marker_arrow.gif");
  /* 背景画像 */
  background-position: 10px 50%;
  /* 背景配置 */
  background-repeat: no-repeat;
  /* 背景リピート */
  padding: 5px 10px 5px 28px;
  /* 余白 */
  word-break: break-all;
  /* 改行位置 */
  word-wrap: break-word;
  /* 改行指定 */
}

/* 奇数行 */
.faq_list_bg1 {
  background-color: #fff;
  /* 背景色 */
}

/* 偶数行 */
.faq_list_bg2 {
  background-color: #edffe5;
  /* 背景色 */
}

/* =======================================================
	 faq search list page
======================================================= */
/* ------------------------------
	 list
------------------------------ */
/* 領域 */
.search_list {
  margin-bottom: 4px;
  /* 周囲余白 */
  border-top: 1px dotted #333;
  /* 罫線 */
  width: 99%;
  /* 幅 */
  overflow: hidden;
  /* 領域外表示 */
}

/* 1 行 */
.search_list_inner {
  border-bottom: 1px dotted #333;
  /* 罫線 */
  padding: 5px 10px;
  /* 余白 */
}

/* 1 行 ホバー */
li.search_list_inner:hover {
  background-color: #ceedff;
  /* 背景色 */
}

/* 奇数行 */
.search_list_bg1 {
  background-color: #fff;
  /* 背景色 */
  padding: 5px 10px;
  /* 余白 */
}

/* 偶数行 */
.search_list_bg2 {
  background-color: #fff;
  /* 背景色 */
  padding: 5px 10px;
  /* 余白 */
}

/* タイトル */
.search_qattl {
  font-weight: bold;
  /* 文字太さ */
  font-size: 16px;
  /* 文字サイズ */
  margin-bottom: 3px;
  /* 周囲余白 */
}

/* faq id、更新日時、カテゴリー 領域 */
ul.search_dateNo {
  margin-left: 20px;
  /* 周囲余白 */
  margin-top: 5px;
}

/* faq id、更新日時、カテゴリー */
.search_dateNo li {
  font-size: 12px;
  /* 文字サイズ */
  margin: 0 10px 0 0px;
  /* 周囲余白 */
  display: inline;
  /* 表示要素 */
  color: #999;
  /* テキスト色 */
}

/* 検索結果文字 */
.search_word {
  font-weight: bold;
  /* 文字太さ */
}

/* ------------------------------
	 paging common
------------------------------ */
/* ページング領域（上） */
.pg_col_top {
  margin: 7px 0 7px;
  /* 周囲余白 */
  font-size: 12px;
  /* 文字サイズ */
  font-family: Tahoma;
  /* 文字フォント */
}

/* ページング領域（下） */
.pg_col_down {
  margin: 8px 0 5px;
  /* 周囲余白 */
  font-size: 12px;
  /* 文字サイズ */
  font-family: Tahoma;
  /* 文字フォント */
}

/* 件数表示 */
.pg_no {
  margin-left: 10px;
  /* 左余白 */
  width: 30%;
  /* 幅 */
}

/* ------------------------------
	 sort
------------------------------ */
/* 領域 */
.okw_sort {
  text-align: right;
  /* テキスト配置 */
  font-size: 12px;
  /* 文字サイズ */
  width: 30%;
  /* 幅 */
  margin-right: 10px;
  /* 周囲余白 */
}

/* 各リンク・現在地 */
.okw_sort a,
.okw_sort span {
  margin: 0 1px;
  /* 周囲余白 */
  padding-right: 5px;
  /* 余白 */
}

/* 現在地 */
.okw_sort span.okw_current {
  font-weight: bold;
  /* 文字太さ */
  padding-left: 12px;
  /* 余白 */
  background: transparent url("../images/front/marker_down.gif") scroll no-repeat left center;
  /* 背景 */
}

/* 検索結果　キーワード順 */
.okw_sort_key_index0 {
  border-right: 1px solid #000000;
  /* 検索時のソート条件の区切り文字 */
}

/* ------------------------------
	 top paging
------------------------------ */
/* 上部ページング */
.pg_scr {
  text-align: center;
  /* テキスト配置 */
  width: 35%;
  /* 幅 */
}

/* 上部ページング テキスト部 */
.pg_scr span {
  margin: 0 10px;
  /* 周囲余白 */
}

/* 上部ページング 無効 */
.pg_scr span.disabled {
  color: #ddd;
  /* テキスト色 */
}

/* ------------------------------
	 foot paging
------------------------------ */
/* ページャー */
.pagination {
  margin: 0 auto;
  /* 周囲余白 */
  font-size: 11px;
  /* 文字サイズ */
  float: right;
  /* 表示配置 */
  white-space: nowrap;
  /* 要素内余白表示 */
  font-family: Tahoma, "Lucida Grande", Arial, Sans-serif;
  /* 文字フォント */
}

/* リンク・現在地 */
.pagination a,
.pagination span {
  margin: 0;
  /* 周囲余白 */
  padding: 3px 6px;
  /* 余白 */
}

/* 現在地 */
.pagination span.okw_current,
.pagination span.current {
  font-weight: bold;
  /* 文字太さ */
}

/* リンクなし */
.pagination span.disabled {
  color: #ddd;
  /* テキスト色 */
}

/* =======================================================
	 info & news page
======================================================= */
/* 領域 */
.infonews_col {
  margin: 0 0 40px;
  /* 周囲余白 */
  padding: 5px 0 0;
  /* 余白 */
}

/* 投稿日時領域 */
.infonews_datetime {
  text-align: right;
  /* テキスト配置 */
}

/* 投稿日時 */
.infonews_date_no {
  margin-right: 5px;
  /* 周囲余白 */
}

/* タイトル領域 */
.infonewstitle_col {
  margin: 0 0 10px;
  /* 周囲余白 */
}

/* タイトル領域 */
.infonews_ttl {
  background-color: #f5f5f5;
  /* 背景色 */
  font-weight: bold;
  /* 文字太さ */
  font-size: 16px;
  /* 文字サイズ */
  padding-left: 10px;
  /* 余白 */
}

/* タイトル */
.infonews_ttl_bor {
  background-image: url("../images/front/icon_helpttl.jpg");
  /* 背景画像 */
  background-position: left center;
  /* 背景画像位置 */
  display: inline-block;
  /* 表示要素 */
  padding-left: 10px;
  /* 余白 */
}

/* 本文 */
.infonews_txt {
  padding: 0 20px;
  /* 余白 */
}

/* =======================================================
	 login page
======================================================= */
/* 領域 */
#login_col {
  width: 350px;
  /* 幅 */
  margin: 10px auto 30px;
  /* 周囲余白 */
  padding: 10px;
  /* 余白 */
  border: 1px solid #999;
  /* 罫線 */
}

/* タイトル */
#login_col h2 {
  font-size: 18px;
  /* 文字サイズ */
  font-weight: bold;
  /* 文字太さ */
  border-bottom: 1px solid #ccc;
  /* 罫線 */
  margin-bottom: 10px;
  /* 周囲余白 */
}

/* PW再発行領域 */
#login_col .reissue_password {
  font-size: 100%;
  /* 文字サイズ */
  border-top: 1px solid #ccc;
  /* 罫線 */
  margin-top: 20px;
  /* 周囲余白 */
  padding: 15px 5px 5px;
}

/* PW再発行リンク */
#login_col .reissue_password a {
  padding-left: 16px;
  background: url("../images/back/click_here.gif") no-repeat scroll left top transparent;
  /* 背景 */
}

/* PW再発行説明文 */
#login_col .reissue_password_description {
  color: #666666;
  font-size: 80%;
  padding-left: 16px;
}

/* =======================================================
	 reissue password page
======================================================= */
/* 領域 */
#reissue_password {
  width: 500px;
  /* 幅 */
  margin: 10px auto 30px;
  /* 周囲余白 */
  padding: 10px;
  /* 余白 */
  border: 1px solid #999;
  /* 罫線 */
}

/* タイトル */
#reissue_password h2 {
  font-size: 18px;
  /* 文字サイズ */
  font-weight: bold;
  /* 文字太さ */
  border-bottom: 1px solid #ccc;
  /* 罫線 */
  margin-bottom: 10px;
  /* 周囲余白 */
}

/* 登録済みメールアドレス */
#reissue_password dt {
  width: 13em;
  /* 幅 */
}

/* 登録済みメールアドレス */
#reissue_password .mail_txt {
  width: 220px;
  /* 幅 */
}


/* サブタイトル */
.form_field dt {
  width: 5.5em;
  /* 幅 */
  float: left;
  /* 表示配置 */
  text-align: right;
  margin-right: 8px;
}

/* テキストボックス・パスワードボックス */
.login_txt {
  width: 180px;
  /* 幅 */
  font-family: Tahoma, "Lucida Grande", Arial, Sans-serif;
  /* 文字フォント */
  margin: 0 0 10px 0;
  /* 周囲余白 */
}

/* パスワード変更 */
.password_change_account {
  margin: 0 0 8px 0;
  /* 周囲余白 */
}

/* ログインボタン */
#login_btn,
.update_button {
  background: transparent url("../images/front/loginbtnoff.gif") no-repeat scroll left top;
  /* 背景 */
  border: 0;
  /* 罫線 */
  width: 95px;
  /* 幅 */
  height: 25px;
  /* 高さ */
  margin: 0 auto;
  /* 周囲余白 */
  display: block;
  /* 表示要素 */
  font-weight: bold;
  /* 文字太さ */
  color: #090;
  /* テキスト色 */
  font-size: 14px;
}

/* ログインボタン ホバー */
#login_btn:hover,
.update_button:hover {
  background: transparent url("../images/front/loginbtnon.gif") no-repeat scroll left top;
  /* 背景 */
}

/* 1列ログインボタン */
#login_btn,
.mail_input_button {
  background: transparent url("../images/front/loginbtnoff.gif") no-repeat scroll left top;
  /* 背景 */
  border: 0;
  /* 罫線 */
  width: 95px;
  /* 幅 */
  height: 25px;
  /* 高さ */
  font-weight: bold;
  /* 文字太さ */
  color: #090;
  /* テキスト色 */
  font-size: 14px;
  float: right;
}

/* ショルダー,2列表示ログインボタン */
#okw_side #login_btn,
.mail_input_button,
.twoCol #login_btn,
.mail_input_button {
  margin: 0 auto;
  /* 周囲余白 */
  float: none;
  clear: both;
}

/* ログイン画面ログインボタン */
#login_btn,
.mail_input_button {
  float: none;
}

/* ログインボタン ホバー */
#login_btn:hover,
.mail_input_button:hover {
  background: transparent url("../images/front/loginbtnon.gif") no-repeat scroll left top;
  /* 背景 */
}

.mail_input_block {
  text-align: center;
}

/* ------------------------------
	 login err
------------------------------ */
.login_error_txt {
  color: #F00;
  /* テキスト色 */
  text-align: center;
  /* テキスト配置 */
  font-weight: bold;
}

/* =======================================================
	 password change page
======================================================= */
/* ------------------------------
	 password change
------------------------------ */
/* タイトルメッセージ */
.pass_msg {
  color: #F00;
  /* テキスト色 */
  text-align: center;
  /* テキスト配置 */
  font-weight: bold;
  margin: 0 auto;
  padding: 0 10px;
  text-align: left;
  width: 350px;
}

/* パスワードエラー領域 */
.pass_error {
  width: 350px;
  padding: 0 10px;
  margin: 0 auto;
}

/* パスワードエラー */
.pass_error li {
  list-style: disc inside none;
  font-size: 90%;
  color: #F00;
  margin: 0 0 0 10px;
}

/* パスワード変更フォーム */
.form_pass dt {
  width: 8.0em;
}

/* =======================================================
	 err page
======================================================= */
/* 背景 */
#error_bg {
  background-color: #e6f5ff;
  /* 背景色 */
}

/* 表示領域 */
#error_wrapper {
  margin: 80px auto;
  /* 周囲余白 */
  width: 620px;
  /* 幅 */
  padding: 22px 0 0;
  /* 余白 */
  background: #fff url("../images/front/errortop.gif") no-repeat scroll left top;
  /* 背景 */
}

/* タイトル */
#error_wrapper h2 {
  font-size: 24px;
  /* 文字サイズ */
  font-weight: bold;
  /* 文字太さ */
  border-bottom: 1px dotted #a2d9ff;
  /* 罫線 */
  margin: 0 30px 5px;
  /* 周囲余白 */
}

/* テキスト */
#error_wrapper p {
  margin: 0 30px 4px;
  /* 周囲余白 */
  font-size: 15px;
  /* 文字サイズ */
}

/* エラーコード */
.error_code {
  text-align: right;
  /* テキスト配置 */
  color: #999;
  /* テキスト色 */
}

/* ボタン */
.error_btm {
  background: #fff url("../images/front/errorbtm.gif") no-repeat scroll left bottom;
  /* 背景 */
  width: 550px;
  /* 幅 */
  height: 22px;
  /* 高さ */
}

/* =======================================================
	 clearfix
======================================================= */
.clearfix:after {
  visibility: hidden;
  display: block;
  /* 表示要素 */
  font-size: 0;
  /* 文字サイズ */
  content: " ";
  clear: both;
  /* 回りこみ */
  height: 0;
  /* 高さ */
}

* html .clearfix {
  zoom: 1;
  /* IE6 */
}

*:first-child+html .clearfix {
  zoom: 1;
  /* IE7 */
}


/* =======================================================
	helpdesk table
======================================================= */

/* 全体外枠 */
.okw_hdq_contents {
  margin: 0;
  /* 周囲余白 */
}

/* お問い合わせフォームエリア */
.okw_hdq_form_area {
  width: auto;
}

/* お問い合わせ入力 */
.icoHdquestion {
  background-attachment: scroll;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  padding: 6px 0 0 35px;
}

/* お問合わせ　タイトルアイコン */
.icoHdquestion {
  background: none;
  padding-left: 0px;
}

/* お問合わせ内容　説明文 */
.hd_question_form {
  margin: 20px auto 0;
  width: 800px;
}

/* お問い合わせ完了テーブル */
.hdq_finish_msg_area {
  background-color: #F9F9F9;
  /* 背景色 */
  border: 1px dotted #DCDCDC;
  /* テキスト色 */
  width: 75%;
  /* 幅 */
  margin: 30px auto;
  /* 周囲余白 */
}

.HDcontents_table {
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}

.HDcontent {
  border-bottom: 1px solid #DCDCDC;
  color: #333333;
  min-height: 26px;
  overflow: hidden;
}

.HDcontent dl {}

.HDcolumn_left {
  float: left;
  background-color: #F9F9F9;
  border-right: 1px dotted #DCDCDC;
  width: 200px;
  padding: 5px 0;
  text-indent: 10px;
  margin-bottom: -32763px;
  padding-bottom: 32768px;
}

.HDcolumn_right {
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px 0 5px 10px;
  overflow: hidden;
  width: 580px;
}

.HDcolumn_right input {}

.HDcolumn_right textarea {
  width: 575px;
  height: 200px;
}

.commit_button_block {
  background: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  border-top: none;
  margin: 0;
  padding: 10px 0 20px;
  text-align: center;
  width: auto;
}

.hdq_confirm_btn_c {

  overflow: visible;
}

/* =======================================================
	 helpdesk フォーム関連
======================================================= */
/* ------------------------------
	 お問合わせ内容画面
------------------------------ */
/* 領域 */
.hdcontents_box {
  margin-bottom: 20px;
}

/* お問合わせ画面　説明文 */
.hd_desc {
  background-color: #F0F0F0;
  border: 1px solid #DCDCDC;
  color: #555555;
  font-size: 90%;
  margin: 0 0 20px;
  padding: 7px 10px;
}

/* タイトル　*/
.hd_question_form .ttl_txt {
  font-weight: bold;
  float: left;
}

/* タイトル　日付 */
.hd_question_form .data {
  float: right;
  color: #666666;
  font-size: 80%;
  margin: 3px 0 0;
}

/* 質問文・回答文 */
.hdcontents_box li {
  word-wrap: break-word;
}

.hd_question_form .content_txt {
  padding: 15px 45px;
}

/* 質問　領域 */
.hd_question_form .q_contents {
  border: 1px solid #FCD998;
  margin-bottom: 20px;
}

/* 質問タイトル　背景 */
.q_contents .q_ttl_br {
  background: url("../images/front/ico_qst.gif") no-repeat scroll 10px center #FCD998;
  border: 1px solid #FCD998;
  padding: 10px 10px 10px 47px;
}

/* 質問･回答 追加属性　領域 */
.q_contents .attribute,
.a_contents .attribute {
  margin: 0 47px 20px;
  padding: 7px 10px;
  font-size: 85%;
}

/* 質問　追加属性　色 */
.q_contents .attribute {
  border: 1px solid #FCD998;
  background-color: #fffaf0;
}

/* 回答　追加属性　色 */
.a_contents .attribute {
  background-color: #F7FBFF;
  border: 1px solid #A8DCFB;
}

/* 回答　領域 */
.hd_question_form .a_contents {
  border: 1px solid #A8DCFB;
  margin: 0 0 20px;
}

/* 回答タイトル　背景 */
.a_contents .a_ttl_br {
  background: url("../images/front/ico_ans.gif") no-repeat scroll 10px center #A8DCFB;
  border: 1px solid #A8DCFB;
  padding: 10px 10px 10px 47px;
}

/* 追加質問リンク　背景 */
.more_q_link {
  background-color: #F0F0F0;
  border: 1px solid #DCDCDC;
  font-size: 90%;
  margin: 0 0 20px;
  padding: 5px 10px;
  text-align: center;
}

/* 補足質問リンク　アイコン */
.more_q_link a {
  padding: 0 0 0 28px;
}

/* 追加質問入力フォーム */
.morequestion_box {
  margin: 0 0 20px;
}

/* ヘルプデスク補足質問　内容参照テーブルの下線 */
.hdcontents_bor {
  border-bottom: 1px solid #DCDCDC;
  /* 罫線色 */
}

/* 注記 (*印) */
.presence {
  color: #dc143c;
  /* 色 */
  padding: 3px;
  /* 余白 */
}

/* 注釈 "* は必ず入力してください" */
.help_attention {
  float: none;
  text-align: right;
  font-size: 14px;
  /* フォントサイズ */
  margin: 0;
  /* 周囲余白 */
}

/* 入力、確認フォーム 1行 */
.content {
  border-left: 1px solid #DCDCDC;
  /* 罫線色 */
  border-right: 1px solid #DCDCDC;
  /* 罫線色 */
  border-top: 1px solid #DCDCDC;
  /* 罫線色 */
  margin: 0 auto;
  /* 領域外表示 */
  min-height: 26px;
  /* 最小の高さ */
  overflow: hidden;
  /* 領域外表示 */
  width: 800px;
  /* 横幅 */
}

/* 1行 IE用 */
* html .content,
*+html .content {
  float: left
}

/* お問い合わせ確認画面 タイトル */
.column_ttl {
  background-color: #F0F0F0;
  /* 背景色 */
  padding: 5px;
  /* 余白 */
  color: #333333;
  font-weight: bold;
  /* 太字 */
  border: 1px solid #DCDCDC;
}

/* 補足質問入力画面　タイトル */
ul.contents_table li.content div.column_ttl {
  border: none;
}

/* スーパーアシスタント部分メッセージ */
.super_assistant_msg {
  text-align: center;
}

/* 入力用のフォント */
textarea,
input {
  font-family: 'ＭＳ ゴシック', sans-serif;
  /* フォント */
}

/* 入力用のサイズ */
input,
select,
option,
textarea {
  font-size: 100%;
  /* フォントサイズ */
}

/* 入力、確認フォームの右列の横幅 */
.column_form {
  width: 579px;
  /* 横幅 */
}

/* 列の左側 */
.column_head {
  background-color: #F9F9F9;
  /* 背景色 */
  border-right: 1px dotted #DCDCDC;
  /* 罫線色 */
  text-align: right;
  /* 右寄せ */
  width: 200px;
  /* 幅 */
}

/* 確認フォーム　右列 */
.column_head h3 {
  display: inline;
  /* 表示要素 */
}

/* 1カラム */
.column_0,
.column_end {
  float: left;
  /* 表示配置 */
  padding-bottom: 32768px;
  /* 余白 */
  margin-bottom: -32763px;
  /* 余白 */
  word-break: break-all;
  /* 改行位置 */
  word-wrap: break-word;
  /* 改行指定 */

  padding-top: 5px;
  /* 余白 */
  padding-left: 5px;
  /* 余白 */
  padding-right: 5px;
  /* 余白 */
  border-right: 1px solid #dcdcdc;
  /* 罫線色 */
}

/* 右カラム */
.column_end {
  border-right: medium none;
  margin-right: 0;
}

/* 入力、確認画面ボタン上の注釈 */
.input_note {
  color: #444444;
  /* テキスト色 */
  font-size: inherit;
}


/* お問い合わせ完了画面テキスト */
.hdq_finish_msg_text {
  margin: 40px;
  /* 余白 */
}

/* 完了画面マーク */
.hdq_finish_msg_mark {
  background: url(../images/front/icon_helpinfo.gif) no-repeat;
  /* 背景画像 */
  background-position: left center;
  /* 背景配置 */
  padding-left: 26px;
  /* 余白 */
  font-size: 120%;
  /* フォントサイズ */
  font-weight: bold;
  /* 太字 */
}

/* 添付ファイルフォーム */
.frame {
  width: 540px;
  height: 44px;
}

/* ===========================================================
　　　helpdesk common button
============================================================== */
/* ボタンエリア */
.commit_button_block {
  background: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  border-top: none;
  margin: 0;
  padding: 10px 0 20px;
  text-align: center;
  width: auto;
}

/* 入力、確認ボタン 領域*/
.hdq_confirm_btn {
  margin: 8px 0 0 0;
  /* 周囲余白 */
  display: -moz-inline-box;
  /*FireFox2用のinline-block*/
  display: inline-block;
  /* 表示要素 */
  cursor: pointer;
  /* マウスカーソル */
}

/* 入力、確認ボタン 領域 IE 用*/
* html .hdq_confirm_btn,
*+html .hdq_confirm_btn {
  display: inline;
  /* 表示要素 */
  zoom: 1;
  /* 拡大 */
}

/* 完了画面ボタン 領域　*/
.hdq_confirm_btn_s {
  margin: 8px 0 0;
  /* 周囲余白 */
  display: -moz-inline-box;
  /*FireFox2用のinline-block*/
  display: inline-block;
  /* 表示要素 */
  cursor: pointer;
  /* マウスカーソル */
}

/* 完了画面ボタン 領域　IE用*/
* html .hdq_confirm_btn_s,
*+html .hdq_confirm_btn_s {
  display: inline;
  /* 表示要素 */
  zoom: 1;
  /* 拡大 */
}

/* ボタン左側画像（角丸） */
.hdq_confirm_btn_l {
  background: url(../images/front/bg_btn01_l.jpg) no-repeat;
  /* 背景画像 */
  width: 5px;
  /* 横幅 */
  height: 40px;
  /* 高さ */
  overflow: hidden;
  /* 領域外表示 */
  display: block;
  /* 表示要素 */
  float: left;
  /*　表示配置 */
}

/* ボタン中央部 */
.hdq_confirm_btn_c {
  background: url(../images/front/bg_btn01_c.jpg);
  /* 背景画像 */
  height: 40px;
  /* 高さ */
  padding: 0 20px;
  /* 余白 */
  float: left;
  /* 表示配置 */
  border: 0 none;
  /* 罫線無 */
  color: #555555;
  /* テキスト色 */
  font-size: 14px;
  /* フォントサイズ */
  font-weight: bold;
  /* 太字 */
  cursor: pointer;
  /* マウスカーソル */
  overflow: visible;
}

/* リンクでボタン中央部 */
.hdq_confirm_btn_c a {
  padding-top: 10px;
  display: block;
  color: #555555;
}

.hdq_confirm_btn_c a:hover {
  text-decoration: none;
  color: #555555;
}

.hdq_confirm_btn_c a {
  padding: 10px 20px;
  /* 余白 */
  float: left;
  /* 表示配置 */
  color: #555555;
  /* テキスト色 */
  text-decoration: none;
}

/* ボタン右側画像（角丸） */
.hdq_confirm_btn_r {
  background: url(../images/front/bg_btn01_r.jpg) no-repeat;
  /* 背景画像 */
  width: 5px;
  /* 横幅 */
  height: 40px;
  /* 高さ */
  overflow: hidden;
  /* 領域外表示 */
  display: block;
  /* 表示要素 */
  float: left;
  /* 表示配置 */
}

#sa_button {
  margin: 5px 10px 0 0;
  float: right;
  width: 4.5em;
}

/* スーパーアシスタント開くリンク領域 */
#sa_button #sa_open {
  background: url(../images/front/btn_open.gif) no-repeat;
  padding-left: 17px;
  vertical-align: text-bottom;
  background-position: left center;
  color: #666;
}

/* スーパーアシスタント閉じるリンク領域 */
#sa_button #sa_close {
  background: url(../images/front/btn_close.gif) no-repeat;
  padding-left: 17px;
  vertical-align: text-bottom;
  background-position: left center;
  color: #666;
}

/* スーパーアシスタント */
.kanshinqa {
  background: url(../images/front/icon_kanshin.gif) no-repeat;
  float: left;
}

/* ヘルプデスクお問い合わせ */
.hdquestion_col {
  margin: 0 0 10px;
}

.kanshin_qabox {
  padding: 10px 10px 0;
}

/* スーパーアシスタント一覧外枠 */
.kanshin_qa {
  border: #BCBCBC 3px solid;
  margin: -10px 0px 0px 0px;
}

/* スーパーアシスタント一覧 */
.kanshin_qabox ul.search_list,
.kanshin_qabox ul.search_list li:last-child {
  border: none;
  /* 境界線除去 */
}

/* 確認画面の戻るリンク */
.button_to_link {
  cursor: pointer;
  /* マウスカーソル */
  border: none;
  /* 罫線なし */
  color: #036;
  /* テキスト色 */
  background-attachment: scroll;
  /* 背景スクロール */
  background-color: transparent;
  /* 背景色 */
  background-position: 2px 50%;
  /* 背景配置 */
  background-repeat: no-repeat;
  /* 背景リピート */
  height: 16px;
  /* 高さ */
  padding-left: 18px;
  /* 余白 */
  overflow: visible;
  /* 領域外表示 */
  font-size: 12px;
  /* フォントサイズ */
}

/* 確認画面の戻るリンク・ホバー */
.button_to_link:hover {
  color: #ee276A;
  /* テキスト色 */
  text-decoration: underline;
  /* テキスト装飾 */
}


/* ===========================================================
　　　helpdesk error
============================================================== */

/* エラーエッセージ背景テーブル　*/
.err_msg {
  color: #dc143c;
  /* テキスト色 */
  border: 3px double #dcdcdc;
  /* 罫線 */
  background: #ededed url("../images/back/warning.gif") no-repeat 3% 50%;
  /* 背景画像 */
  width: auto;
  /* 横幅 */
}

/* エラー文言 */
.err_msg dd {
  margin-left: 10px;
  /* 余白 */
  display: list-item;
  /* 表示要素 */
  list-style: disc inside none;
  /* リスト形式 */
  color: #dc143c;
  /* テキスト色 */
}

/* エラー ラベル */
.fieldWithErrors label {
  color: #dc143c;
  /* テキスト色 */
}

/* エラーが出たときのフォームの枠線 */
.fieldWithErrors input,
.fieldWithErrors textarea,
.fieldWithErrors select {
  border: 1px solid #DC143C;
  /* 罫線 */
}

/* エラー文言 */
.fieldErrorMessage {
  color: #DC143C;
}

/* IE 用 */
* html .colmn_form .fieldWithErrors,
*+html .colmn_form .fieldWithErrors {
  border: 1px solid #dc143c;
  /* 罫線 */
}

* html .colmn_form_2 .fieldWithErrors,
*+html .colmn_form_2 .fieldWithErrors {
  border: 1px solid #dc143c;
  /* 罫線 */
}

/* エラーメッセージ　コメント */
.err_msg,
.comment_msg {
  display: block;
  /* 表示要素 */
  margin: 0px 0px 20px 0px;
  /* 余白 */
  padding: 10px 10px 10px 60px;
  /* 余白 */
}

/* エラー・コメントタイトル */
.err_msg dt,
.comment_msg dt {
  color: #DC143C;
  /* テキスト色 */
  font-weight: bold;
  /* 太字 */
  margin-bottom: 5px;
  /* 余白 */
}

/* ヘルプデスク投稿フォームIE6対応 */
.hdq_confirm_btn,
.hdq_confirm_btn_s {
  *display: inline;
  *zoom: 1;
}

.preLink a {
  height: auto;
}

.preLink {
  background-position: left center;
}

/* カテゴリー一覧IE6対応 */
.cateList_area ul li {
  _padding: 0 !important;
  _margin: 0 !important;
}


/* for IE6 一覧画面ソート条件横並び化*/
.pg_no,
.pg_scr,
.okw_sort {
  overflow: hidden;
}

/* for IE6 各項目はみ出し対策 */
* html .okw_parts_info_and_news {
  overflow: hidden;
}

/* 内容参照画面をIE9相当表示に調整 */
#faq_question_contents a,
#faq_answer_contents a,
#info_news_contents a {
  color: #06C;



  text-decoration: underline;
}

#faq_question_contents a:visited,
#faq_answer_contents a:visited,
#info_news_contents a:visited {
  color: #800080;
}

#faq_question_contents blockquote,
#faq_answer_contents blockquote,
#info_news_contents blockquote {
  display: block;
  margin: 1em 40px;
}

#faq_question_contents code,
#faq_answer_contents code,
#info_news_contents code {
  font-family: monospace;
  font-size: 10pt;
}

#faq_question_contents dd,
#faq_answer_contents dd,
#info_news_contents dd {
  display: block;
  margin: 0 0 0 40px;
}

#faq_question_contents div,
#faq_answer_contents div,
#info_news_contents div {
  display: block;
}

#faq_question_contents dl,
#faq_answer_contents dl,
#info_news_contents dl {
  display: block;
  margin: 1em 0;
}

#faq_question_contents dt,
#faq_answer_contents dt,
#info_news_contents dt {
  display: block;
}

#faq_question_contents em,
#faq_answer_contents em,
#info_news_contents em {
  font-style: italic;
}

#faq_question_contents fieldset,
#faq_answer_contents fieldset,
#info_news_contents fieldset {
  border-style: groove;
  border-width: 2px;
  display: block;
  margin: 0 2px;
  padding: 0 2px 3px;
  zoom: 1;
}

#faq_question_contents h1,
#faq_answer_contents h1,
#info_news_contents h1 {
  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: 0.67em 0;
  page-break-after: avoid;
}

#faq_question_contents h2,
#faq_answer_contents h2,
#info_news_contents h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.83em 0;
  page-break-after: avoid;
}

#faq_question_contents h3,
#faq_answer_contents h3,
#info_news_contents h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
  page-break-after: avoid;
}

#faq_question_contents h4,
#faq_answer_contents h4,
#info_news_contents h4 {
  display: block;
  font-size: 1em;
  font-weight: bold;
  margin: 1.33em 0;
  page-break-after: avoid;
}

#faq_question_contents h5,
#faq_answer_contents h5,
#info_news_contents h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
  page-break-after: avoid;
}

#faq_question_contents h6,
#faq_answer_contents h6,
#info_news_contents h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
  page-break-after: avoid;
}

#faq_question_contents legend,
#faq_answer_contents legend,
#info_news_contents legend {
  padding: 0 2px;
  zoom: 1;
}

#faq_question_contents li,
#faq_answer_contents li,
#info_news_contents li {
  display: list-item;
}

#faq_question_contents ol,
#faq_answer_contents ol,
#info_news_contents ol {
  display: block;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: decimal;
  margin: 1em 0;
  padding: 0 0 0 30pt;
}

#faq_question_contents p,
#faq_answer_contents p,
#info_news_contents p {
  display: block;
  margin: 1em 0;
}

#faq_question_contents pre,
#faq_answer_contents pre,
#info_news_contents pre {
  display: block;
  font-family: monospace;
  font-size: 10pt;
  margin: 1em 0;
  white-space: pre;
}

#faq_question_contents table,
#faq_answer_contents table,
#info_news_contents table {
  border-color: #F0F0F0;
  border-spacing: 2px 2px;
  box-sizing: border-box;
  display: table;
  zoom: 1;
}

#faq_question_contents tbody,
#faq_answer_contents tbody,
#info_news_contents tbody {
  box-sizing: border-box;
  display: table-row-group;
  vertical-align: middle;
}

#faq_question_contents td,
#faq_answer_contents td,
#info_news_contents td {
  display: table-cell;
  padding: 1px;
  vertical-align: middle;
  zoom: 1;
}

#faq_question_contents th,
#faq_answer_contents th,
#info_news_contents th {
  display: table-cell;
  font-weight: bold;
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  zoom: 1;
}

#faq_question_contents thead,
#faq_answer_contents thead,
#info_news_contents thead {
  box-sizing: border-box;
  display: table-header-group;
  vertical-align: middle;
}

#faq_question_contents tr,
#faq_answer_contents tr,
#info_news_contents tr {
  box-sizing: border-box;
  display: table-row;
  vertical-align: middle;
  zoom: 1;
}

#faq_question_contents ul,
#faq_answer_contents ul,
#info_news_contents ul {
  display: block;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  margin: 1em 0;
  padding: 0 0 0 30pt;
}

#faq_question_contents ul li,
#faq_answer_contents ul li,
#info_news_contents ul li {
  list-style-type: disc;
}

#faq_question_contents ol li,
#faq_answer_contents ol li,
#info_news_contents ol li {
  list-style-type: decimal;
}

/* ===========================================================
　　　market_enquete
============================================================== */

.hd_question_form .enquete_wrapper {
  border-top: 1px solid #DCDCDC;
  padding-top: 20px;
}

/* 補足質問画面　マーケットアンケートリンク　 */
.mrktenqt_intr_txt {
  font-size: 90%;
  padding: 8px;
  text-align: left;
}

/* 補足質問画面　マーケットアンケートリンク */
.mrktenqt_link {
  background-color: #EBF9DD;
  border: 1px solid #CCEEAA;
  margin: 10px 0;
  padding: 5px 10px;
  text-align: center;
}

.mrktenqt_link a {
  background: url("../images/front/icon_enquete.gif") no-repeat scroll left center transparent;
  padding: 5px 0 5px 28px;
}

/* マーケットアンケート　説明個所 */
.mrktenqt_expln {
  padding: 5px;
}

.okw_mrktenqt_contents {
  margin: 0;
  /* 周囲余白 */
}

.okw_mrktenqt_contents .me_contents_table {
  border-top: 1px solid #DCDCDC;
}

/* アンケートフォーム帯のアンケート名称 */
.okw_mrktenqt_contents .me_contents_table .mrktenqt_name {
  border-bottom: 1px solid #dcdcdc;
  background: #f9f9f9;
  padding: 5px;
}

/* アンケートフォームエリア */
.okw_enq_form_area {
  width: auto;
}

/* アンケート入力 */
.icoMenquete {
  background-attachment: scroll;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  padding: 6px 0 0 35px;
}

.icoMenquete {
  background: url("../images/front/icon_helpttl.jpg") no-repeat scroll 0 center;
  padding-left: 10px;
}

.icoMenquete {
  background: url("../images/front/icon_helpttl.jpg") no-repeat scroll 0 center;
  padding-left: 10px;
}

.me_question_form {
  margin: 20px auto 0;
  width: 800px;
}

/* アンケート完了テーブル */
.me_finish_msg_area {
  background-color: #F9F9F9;
  /* 背景色 */
  border: 1px dotted #DCDCDC;
  /* テキスト色 */
  width: 50%;
  /* 幅 */
  margin: 30px auto;
  /* 周囲余白 */
}

.me_contents_table {
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
}

.me_content {
  border-bottom: 1px solid #DCDCDC;
  color: #333333;
  min-height: 26px;
  overflow: hidden;
}

.me_column_left {
  float: left;
  background-color: #F9F9F9;
  border-right: 1px dotted #DCDCDC;
  width: 200px;
  padding: 5px 0;
  text-indent: 10px;
  margin-bottom: -32763px;
  padding-bottom: 32768px;
}

.me_column_right {
  background-color: #FFFFFF;
  text-align: left;
  padding: 5px 0 5px 10px;
  overflow: hidden;
  width: 580px;
}

.me_column_right textarea {
  width: 575px;
  height: 200px;
}

.me_commit_button_block {
  background: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  border-top: none;
  margin: 0;
  padding: 10px 0 20px;
  text-align: center;
  width: auto;
}

.me_confirm_btn_c {
  overflow: visible;
}

/* =======================================================
	  market_enquete フォーム関連
======================================================= */

/* 注記 (*印) */
.me_presence {
  color: #dc143c;
  /* 色 */
  padding: 3px;
  /* 余白 */
}

/* アンケート完了画面テキスト */
.me_finish_msg_text {
  margin: 40px;
  /* 余白 */
}

/* 完了画面マーク */
.me_finish_msg_mark {
  background: url(../images/front/icon_helpinfo.gif) no-repeat;
  /* 背景画像 */
  background-position: left center;
  /* 背景配置 */
  padding-left: 26px;
  /* 余白 */
  font-size: 120%;
  /* フォントサイズ */
  font-weight: bold;
  /* 太字 */
}

/* アンケート送信完了画面 余白調節 */
.me_finish_msg_mark {
  margin-bottom: 10px;
}

/* ===========================================================
　　　market_enquete common button
============================================================== */
/* ボタンエリア */
.me_commit_button_block {
  background: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  border-top: none;
  margin: 0;
  padding: 10px 0 20px;
  text-align: center;
  width: auto;
}

/* 入力、確認ボタン 領域*/
.me_confirm_btn {
  margin: 8px 0 0 0;
  /* 周囲余白 */
  display: -moz-inline-box;
  /*FireFox2用のinline-block*/
  display: inline-block;
  /* 表示要素 */
  cursor: pointer;
  /* マウスカーソル */
}

/* 入力、確認ボタン 領域 IE 用*/
* html .me_confirm_btn,
*+html .me_confirm_btn {
  display: inline;
  /* 表示要素 */
  zoom: 1;
  /* 拡大 */
}

/* 完了画面ボタン 領域　*/
.me_confirm_btn_s {
  margin: 8px 0 0;
  /* 周囲余白 */
  display: -moz-inline-box;
  /*FireFox2用のinline-block*/
  display: inline-block;
  /* 表示要素 */
  cursor: pointer;
  /* マウスカーソル */
}

/* 完了画面ボタン 領域　IE用*/
* html .me_confirm_btn_s,
*+html .me_confirm_btn_s {
  display: inline;
  /* 表示要素 */
  zoom: 1;
  /* 拡大 */
}

/* ボタン左側画像（角丸） */
.me_confirm_btn_l {
  background: url(../images/front/bg_btn01_l.jpg) no-repeat;
  /* 背景画像 */
  width: 5px;
  /* 横幅 */
  height: 40px;
  /* 高さ */
  overflow: hidden;
  /* 領域外表示 */
  display: block;
  /* 表示要素 */
  float: left;
  /*　表示配置 */
}

/* ボタン中央部 */
.me_confirm_btn_c {
  background: url(../images/front/bg_btn01_c.jpg);
  /* 背景画像 */
  height: 40px;
  /* 高さ */
  padding: 0 20px;
  /* 余白 */
  float: left;
  /* 表示配置 */
  border: 0 none;
  /* 罫線無 */
  color: #555555;
  /* テキスト色 */
  font-size: 14px;
  /* フォントサイズ */
  font-weight: bold;
  /* 太字 */
  cursor: pointer;
  /* マウスカーソル */
  overflow: visible;
}

/* リンクでボタン中央部 */
.me_confirm_btn_c a {
  padding-top: 10px;
  display: block;
  color: #555555;
}

.me_confirm_btn_c a:hover {
  text-decoration: none;
  color: #555555;
}

.me_confirm_btn_c a {
  padding: 10px 20px;
  /* 余白 */
  float: left;
  /* 表示配置 */
  color: #555555;
  /* テキスト色 */
  text-decoration: none;
}

/* ボタン右側画像（角丸） */
.me_confirm_btn_r {
  background: url(../images/front/bg_btn01_r.jpg) no-repeat;
  /* 背景画像 */
  width: 5px;
  /* 横幅 */
  height: 40px;
  /* 高さ */
  overflow: hidden;
  /* 領域外表示 */
  display: block;
  /* 表示要素 */
  float: left;
  /* 表示配置 */
}

/* 投稿フォームIE6対応 */
.me_confirm_btn,
.me_confirm_btn_s {
  *display: inline;
  *zoom: 1;
}

/* -----20130820追加style start----- */

/* topカテゴリー一覧ページ ここから */
/*h1*/
#category_index .okw_parts_usr_12 {
  margin-top: -25px;
  position: relative;
  /*IE6,7対策*/
}

/* 参照の多いご質問 */
#category_index .okw_parts_access_rank_faq {
  min-height: 208px;
  height: auto !important;
  /*IE6対策*/
  height: 204px;
  /*IE6対策*/
}

/*カテゴリから探す*/
#category_index .cateList_area .cateSepa {
  display: none;
}

#category_index .cateList_area .cate_count {
  font-size: 100%;
  color: #2D3391;
  padding-left: 1px;
}

#category_index .cateList_area .cateList_box {
  margin: 11px 0 0 0 0;
}

#category_index .cateList_area .cate_middle {
  margin-left: 4px;
  padding: 7px 6px;
  /*1111*/
  font-weight: bold;
  border-bottom: 2px solid #0f0f6f;
  width: 95%;
}

#category_index .cateList_area .cate_middle a {
  font-size: 1.05em;
  background: url("/usr/file/attachment/icon_arrow.gif") -4px 6px no-repeat;
  /*1111*/
  padding-left: 8px;
  text-decoration: none;
}

#category_index .cateList_area ul.cate_small {
  font-size: 93%;
  padding: 10px 0 0 8px;
}

#category_index .cateList_area ul.cate_small li {
  margin: 0 13px 5px 0;
  line-height: 1.8;
  zoom: 1;
}

#category_index .cateList_area ul.cate_small li a {
  background: url("/usr/file/attachment/icon_arrow.gif") no-repeat scroll 0 0.3em;
  padding-left: 18px;
  white-space: nowrap;
}

/* topカテゴリー一覧 ここまで */

/*カテゴリーtop ここから*/

/*よく検索されるキーワード*/
#category_show .okw_parts_attention_keyword {
  margin-top: 8px;
}

/*参照の多いご質問高さ合わせ*/
#category_show .okw_parts_access_rank_faq {
  min-height: 240px;
  height: auto !important;
  /*IE6対策*/
  height: 240px;
  /*IE6対策*/
}

/*カテゴリーリスト*/
#category_show .cateList_area {
  margin-top: 10px;
}

#category_show .cateList_area a {
  font-weight: normal;
  font-size: 96%;
}

#category_show .cateList_area a span {
  font-size: 106%;
  padding: 0 0 0 1px;
  color: #2D3391;
}

#category_show .cateList_area li {
  margin-bottom: 5px;
  zoom: 1;
  width: 326px;
}

#category_show .cateList_area li a {

  background: url("/usr/file/attachment/icon_arrow.gif") no-repeat scroll 0 0.2em;
  padding: 0 0 0 18px;
  line-height: 20px;

}

#category_show .cateList_area .cateList_box {
  margin: 0 14px;
}

#category_show .cateList_area .cate_middle {
  padding-left: 0;
}

/*カテゴリーtop ここまで*/

/*FAQ表示ページ ここから*/
/*質問と答え*/
#faq_show .okw_main_faq {
  margin-top: 30px;
}

#faq_show .faq_qstInf_col,
#faq_show .faq_cate_col {
  display: none;
}

#faq_show .faq_ans_ttl {
  margin: 0;
  padding: 0
}

#faq_show .faq_qstCont_ttl {
  border-bottom: #140079 3px solid;
  margin: 10px 0 0;
  color: #140079;
}

#faq_show .faq_ans_bor {
  border-bottom: #CD1400 3px solid;
  margin: 10px 0 0;
  color: #CD1400;
}

#faq_show .icoQ,
#faq_show .icoA {
  padding: 12px 0 10px 31px;
  line-height: 16px;
  font-size: 121%;
}

#faq_show .icoQ {
  background: url(/usr/file/attachment/bg_q.gif) left center no-repeat;
  line-height: 25px;
}

#faq_show .icoA {
  background: url(/usr/file/attachment/bg_a.gif) left center no-repeat;
  margin-left: 0;
}

#faq_show .faq_qstCont_col,
#faq_show .faq_ans_col {
  padding: 20px 65px;
  border: none;
  margin: 0 0 20px 0;
}

#faq_show .faq_qstCont_txt,
#faq_show .faq_ansCont_txt {
  margin: 0;
  line-height: 20px;
  width: 620px;
}

#faq_show .faq_qstCont_col {
  background-color: #eef7fc;
}

#faq_show .faq_ans_col {
  background-color: #F7F1EF;
}

/*関連リンク*/
#faq_show #relationlink {
  padding-top: 0.75em;
  border-top: 1px dashed #AAAAAA;
}

/*アンケート*/
#faq_show .okw_enquete_area {
  border: 1px solid #c6c6c6;
  background-color: #FFFFF0;
  margin-left: 0;
  margin-right: 0;
  width: 658px;
}

#faq_show .questioner_ttl {
  border-bottom: none;
  text-align: center;
  font-weight: bold;
  color: #333333;
}

#faq_show .questioner_submit_btn {
  width: 190px;
  height: 40px;
  padding-top: 15px;
}

#faq_show #enquete_form_button {
  width: 190px;
  height: 40px;
  color: #ffffff;
  background: url(/usr/file/attachment/btnbg_contents_faq_vote.gif) no-repeat;
}

#faq_show #enquete_form_button:hover {
  background: url(/usr/file/attachment/btnbg_contents_faq_vote-on.gif) no-repeat;
}

#faq_show #enquete_form_button.questioner_btn[disabled] {
  background: url("/usr/file/attachment/btnbg_contents_faq_vote-dis.gif") no-repeat scroll 0 0 transparent;
  color: #A0A0A0;
}

#faq_show .questioner_txt_col textarea {
  resize: vertical;
}

/*関連するFAQ*/
#faq_show .okw_parts_faq_relations {
  border: 1px solid #c6c6c6;
  padding: 8px;
}

#faq_show .okw_parts_faq_relations h2.ttl_bg {
  background: none;
  border: none;
  width: auto;
  padding: 0 0 9px 0;
}

/*トップリンク崩れ調整*/
#faq_show .topLink a,
#category_search .topLink a {
  height: auto;
}

/*FAQ表示ページ ここまで*/

/*複数ページ対象 ここから*/
/*フッター幅をコンテンツ合わせ*/
#okw_footer_default {
  width: 960px;
  margin: 0 auto;
}

/*右カラムカテゴリーツリー*/
.category_select a span.cate_count {
  color: #CD1400;
}

/*複数ページ対象 ここまで*/

/* -----20130820追加style end----- */





/* =======================================================
	 mizuho.css
======================================================= */

/*------ reset ------*/
body {
  font-family: "MS PGothic", Verdana, Helvetica, sans-serif;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}

/*------ header ------*/
div#header {
  margin: 0 auto;
  width: 960px;
  color: #222222;
  font-size: 90%;
}

div#header a:link {
  color: #343434;
  text-decoration: underline;
}

div#header a:visited {
  color: #800080;
  text-decoration: underline;
}

div#header a:hover {
  color: #CD1400;
  text-decoration: underline;
}

div#header a:active {
  color: #CD1400;
  text-decoration: underline;
}

div#header #navExtra {
  width: 100%;
  padding: 6px 0 8px;
  border-right: none;
  text-align: right;
}

#navExtra ul {
  float: right;
}

#navExtra li {
  line-height: 1.5;
  margin-right: 4px;
  padding-right: 4px;
  float: left;
}

#navExtra li.nav_li_end {
  border-right: none;
}

/*------ search ------*/
.search_word {
  background-color: #FFFF66;
  color: #000000;
  font-weight: normal;
  padding: 2px;
}

/**------ side area ------**/
#okw_side #keyword #keyword_form {
  border: 1px solid #c6c6c6;
  text-align: center;
  padding: 13px 9px;
  margin-bottom: 20px;
}

#okw_side #side_info,
#okw_side #contact {
  border-top: 2px solid #AAA89B;
  text-align: center;
  padding: 13px 9px;
  background-color: #F0EFEB;
}

#okw_side #contact p {
  margin-top: 0.85em;
  font-size: 0.85em;
}

#okw_side h2 {
  border-bottom: 2px solid #c6c6c6;
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 6px;
}

#okw_side #keyword #keyword_form #keyword_text_field {
  border: 1px solid #c6c6c6;
  margin: 0;
  padding: 0;
  width: 200px;
  height: 1.5em;
  float: none;
  font-size: 1em;
  line-height: 1.5em;
}

#okw_side #keyword #keyword_form .keyword_frmbtn {
  margin-top: 6px;
  cursor: pointer;
}

#okw_side #faqTop {
  margin-bottom: 20px;
}

#contact table {
  font-size: 12px;
}

#contact table span {
  font-size: 14px;
}

/*------ sidebar ------*/
div#subTop {
  border-bottom: 2px solid #AAA89B;
  width: 228px;
}

div#subTop div.box {
  border-top: 2px solid #AAA89B;
  padding: 13px 9px;
  background-color: #F0EFEB;
}

div#subTop div.box p {
  margin-top: 3px;
}

.category_tree {
  background: none repeat scroll 0 0 #DEDEDE;
  font-size: 12px;
  margin: 2px 0 20px;
  padding-bottom: 2px;
  width: 228px;
  word-break: break-all;
}

.oneCol .category_tree .ttl_bg {
  background: none;
  width: 216px;
  border: none;
  background: #2D3391;
  color: #FFF;
}


.icocate_tree {
  background: none;
  display: inline-block;
  height: 24px;
  padding: 6px 0 0;
}

.category_none,
.category_none.category_select {
  background: url("/usr/file/attachment/icon_arrow.gif") no-repeat scroll 9px 9px transparent;
  padding: 5px 0px 5px 28px;
}

.category_select,
.category_none.category_select {
  background-color: #DCDCDC;
}

.category_tree .category_select a,
.category_tree .category_none.category_select a {
  color: #CD1400;
  font-weight: bold;
}

.category_tree .category_select a:hover,
.category_tree .category_none.category_select a:hover {
  color: #CD1400;
}

.category_close .pm_icon {
  background: url("/usr/file/attachment/cate_off.jpg") no-repeat scroll 0 0 transparent;
}

/*------ content ------*/
.ttl_col {
  background: none;
  height: auto;
  padding: 0px;
}

.ttl_bg {
  line-height: 1.5;
  padding: 7px 15px 6px;
  height: auto;
}

.ttl_col h2 {
  font-size: 1em;
}

.oneCol .ttl_bg {
  background: none;
  width: 650px;
}

.twoCol .ttl_bg {
  background: url("/usr/file/attachment/h2_col2_bg.jpg") left top no-repeat;
  width: 306px;
}

#faq_show .oneCol h1.ttl_bg,
#category_show .oneCol h1.ttl_bg,
#category_index .oneCol h1.ttl_bg,
#faq_show .twoCol h1.ttl_bg,
#category_show .twoCol h1.ttl_bg,
#category_index .twoCol h1.ttl_bg,
.oneCol h1.ttl_bg,
.twoCol h1.ttl_bg {
  border: none;
  font-size: 2.29em;
  /*1110*/
  line-height: 1.31;
  /*1110*/
}

.icoInf,
.icoInfoNews,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoHelpdesk,
.icoLogin,
.icoFaq {
  background: none;
  height: 24px;
  padding: 0;
}

.attention_keyword_list li,
.qaList li,
.faqList li,
.categoryDetailList li,
.info_and_news_list li,
.faq_relate_list li,
.reference a,
#relationlink a {
  background: url("/usr/file/attachment/icon_arrow.gif") no-repeat scroll 0 0.43em transparent;
  padding: 4px 0 0 18px;
  /*1111*/
  margin-bottom: 5px;
  zoom: 1;
}

.attention_keyword_list a,
.qaList a,
.faqList a,
.categoryDetailList a,
.info_and_news_list a,
.cateList_area a,
.topLink a,
.okw_bread a,
.okw_main_faq a,
#faq_question_contents a,
#faq_answer_contents a,
#info_news_contents a,
.faq_relate_list a,
.category_tree a {
  color: #2D3391;
  text-decoration: underline;
  line-height: 20px;
}

.attention_keyword_list a:hover,
.qaList a:hover,
.faqList a:hover,
.categoryDetailList a:hover,
.info_and_news_list a:hover,
.cateList_area a:hover,
.topLink a:hover,
.okw_bread a:hover,
.okw_main_faq a:hover,
#faq_question_contents a:hover,
#faq_answer_contents a:hover,
#info_news_contents a:hover,
.faq_relate_list a:hover,
.category_tree a:hover {
  color: #CD1400;
}

.search_qattl a,
.pg_scr a,
.okw_sort a,
.pagination a {
  color: #2D3391;
}

.search_qattl a:hover,
.pg_scr a:hover,
.okw_sort a:hover,
.pagination a:hover {
  text-decoration: underline;
}

.categoryList,
.attention_keyword_list,
.qaList,
.faqList,
.categoryDetailList,
.info_and_news_list,
.faq_relate_list {
  margin: 0.85em 15px 1em;
  font-size: 0.9em;
}

.okw_sort span.okw_current {
  background-image: url("/usr/file/attachment/marker_down.gif");
}

.cateSepa {
  margin-right: 8px;
}

.topLink a {
  background-image: url("/usr/file/attachment/icon_arrow_upward.gif");
}

.okw_main_faq {
  font-size: 0.9em;
}

.preLink {
  background-image: url("/usr/file/attachment/icon_arrow_left.gif");
}

.icoQ {
  background-image: url("/usr/file/attachment/bg_q.gif");
}

.icoQ_sml {
  background-image: url("/usr/file/attachment/bg_q_s.gif");
  padding: 5px 0px 7px 35px;
}

.icoA {
  background-image: url("/usr/file/attachment/bg_a.gif");
}

.icoA_sml {
  background-image: url("/usr/file/attachment/bg_a_s.gif");
  padding: 5px 0px 5px 35px;
  line-height: 20px
}

.faq_qstCont_ttl {
  color: #CD1400;
}

.faq_ans_bor {
  background: none;
  border-bottom: #140079 3px solid;
}

.search_list_bg1 {
  background-color: #f7fafd;
}

#category_search li.search_list_inner:hover,
#category_search li.search_list_bg2,
#category_search li.search_list_bg2:hover,
#category_search li.search_list_bg1:hover {
  background-color: transparent;
}

/**------ category_index ------**/
#category_show .okw_parts_search,
#category_show .okw_parts_access_rank_faq,
#category_show .okw_parts_attention_keyword,
#category_index .okw_parts_search,
#category_index .okw_parts_access_rank_faq,
#category_index .okw_parts_attention_keyword {
  background-color: #EDF1FF;
  border: 1px solid #C6C6C6;
}

#category_index .okw_parts_attention_keyword {
  margin-top: 8px;
}

#category_show .okw_parts_search div.ttl_col,
#category_show .okw_parts_access_rank_faq div.ttl_col,
#category_show .okw_parts_attention_keyword div.ttl_col,
#category_index .okw_parts_search div.ttl_col,
#category_index .okw_parts_access_rank_faq div.ttl_col,
#category_index .okw_parts_attention_keyword div.ttl_col {
  padding: 7px 15px 6px;
  text-align: center;
}

#category_show .okw_parts_search div.ttl_col h2,
#category_show .okw_parts_access_rank_faq div.ttl_col h2,
#category_show .okw_parts_attention_keyword div.ttl_col h2,
#category_index .okw_parts_search div.ttl_col h2,
#category_index .okw_parts_access_rank_faq div.ttl_col h2,
#category_index .okw_parts_attention_keyword div.ttl_col h2 {
  padding: 0;
  background-image: none;
  background-color: #004A93;
  border-bottom: 3px solid #f00;
  color: #FFFFFF;

}

#category_show .categoryList .clearfix,
#category_index .categoryList .clearfix {
  margin-top: 0.85em;
}

#category_show .categoryList .faqList li,
#category_index .categoryList .faqList li {
  display: inline-block;
  margin-right: 8px;
}

* html #category_show .categoryList .faqList li,
* html #category_index .categoryList .faqList li {
  display: inline;
}

*+html #category_show .categoryList .faqList li,
*+html #category_index .categoryList .faqList li {
  display: inline;
}

#category_show p.right,
#category_index p.right,
#category_show div.right,
#category_index div.right {
  text-align: right;
}

#category_show p.cateTop a,
#category_index p.cateTop a,
#category_show div.cateTop a,
#category_index div.cateTop a {
  padding: 2px 3px 2px 20px;
  background: url("/usr/file/attachment/icon_arrow.gif") no-repeat scroll left center transparent;
}

#category_show .note,
#category_index .note {
  color: #BB000A;
}

#category_show a,
#category_show a:link,
#category_index a,
#category_index a:link {
  text-decoration: underline;
}

.qaList a {
  line-height: 20px;
}

#category_show a:hover,
#category_index a:hover {
  color: #CD1400;
}

#category_show a.arrow,
#category_index a.arrow {
  background: url("/usr/file/attachment/icon_arrow.gif") no-repeat scroll 0 0.2em transparent;
  padding-left: 18px;
  zoom: 1;
}

#category_index .twoCol .ttl_bg {
  background: url("/usr/file/attachment/h2_col2_top_bg.jpg") no-repeat scroll left top transparent;
  width: auto;
}

#category_show #info_and_news_list.newsList li,
#category_index #info_and_news_list.newsList li {
  overflow: auto;
  word-wrap: inherit;
  display: inline-block;
}

#category_show #info_and_news_list span.datetime,
#category_index #info_and_news_list span.datetime {
  width: 145px;
  white-space: inherit;
}

#category_show #info_and_news_list span.infoTxt,
#category_index #info_and_news_list span.infoTxt {
  width: 770px;
  white-space: inherit;
}

#category_show #info_and_news_list span.infoTxt a,
#category_index #info_and_news_list span.infoTxt a {
  background: url("/usr/file/attachment/icon_arrow.gif") no-repeat scroll 0 0.2em transparent;
  padding-left: 18px;
  zoom: 1;
}

#category_show .icoInf,
#category_show .icoInfoNews,
#category_show .icoKeyword,
#category_show .icoQa,
#category_show .icoNew,
#category_show .icoCate,
#category_show .icoResult,
#category_show .icoHelpdesk,
#category_show .icoLogin,
#category_show .icoFaq,
#category_index .icoInf,
#category_index .icoInfoNews,
#category_index .icoKeyword,
#category_index .icoQa,
#category_index .icoNew,
#category_index .icoCate,
#category_index .icoResult,
#category_index .icoHelpdesk,
#category_index .icoLogin,
#category_index .icoFaq {
  background: none;
  height: auto;
  padding: 0;
}

#category_show .topLink a,
#category_index .topLink a {
  height: auto;
}

#category_show .colArea,
#category_search .colArea,
#category_index .colArea {
  margin-top: 1.5em;
}

/*** seach ***/
#category_index .search_frmArea {
  margin: 8px 15px;
}

/***------ attention ------***/
#category_show #attention,
#category_index #attention {
  border: 1px solid #BB000A;
  padding: 7px 14px 7px;
  /*1111*/
}

/***------ okw_parts_attention_keyword ------***/
#category_show div.okw_parts_attention_keyword ul.attention_keyword_list,
#category_index div.okw_parts_attention_keyword ul.attention_keyword_list {
  margin: 1px 0 12px 0;
  /*1111*/
  padding: 0 15px;
}

#category_show div.twoCol div.okw_parts_attention_keyword ul.attention_keyword_list li,
#category_index div.twoCol div.okw_parts_attention_keyword ul.attention_keyword_list li {
  display: inline-block;
  margin-right: 8px;
}

* html #category_show div.twoCol div.okw_parts_attention_keyword ul.attention_keyword_list li,
* html #category_index div.twoCol div.okw_parts_attention_keyword ul.attention_keyword_list li {
  display: inline;
}

*+html #category_show div.twoCol div.okw_parts_attention_keyword ul.attention_keyword_list li,
*+html #category_index div.twoCol div.okw_parts_attention_keyword ul.attention_keyword_list li {
  display: inline;
}

#category_show div.oneCol div.okw_parts_attention_keyword ul.attention_keyword_list li,
#category_index div.oneCol div.okw_parts_attention_keyword ul.attention_keyword_list li {
  display: block;
  float: left;
  margin-right: 8px;
}

/***------ categoryList ------***/
#category_show .categoryList h1,
#category_show .categoryList h2,
#category_show .categoryList h3,
#category_show .categoryList h4,
#category_index .categoryList h1,
#category_index .categoryList h2,
#category_index .categoryList h3,
#category_index .categoryList h4 {
  font-size: 1.2em;
  background-color: #F2F4FF;
  padding: 2px 6px;
}

#category_show .categoryList h1 a,
#category_show .categoryList h2 a,
#category_show .categoryList h3 a,
#category_show .categoryList h4 a,
#category_index .categoryList h1 a,
#category_index .categoryList h2 a,
#category_index .categoryList h3 a,
#category_index .categoryList h4 a {
  background-image: url("/usr/file/attachment/icon_arrow.gif");
  background-position: 5px 0.15em;
  background-repeat: no-repeat;
  padding-left: 24px;
}

#category_show div.okw_parts_attention_keyword h2.ttl_bg span.icoHot,
#category_index div.okw_parts_attention_keyword h2.ttl_bg span.icoHot {
  background: none;
  height: auto;
  padding: 0;
  font-weight: bold;
  /*1110*/
}

#category_index .categoryList div.left {
  width: 9%;
  float: left;
  text-align: center;
}

#category_index .categoryList div.right {
  width: 91%;
  float: left;
  text-align: left;
}

#category_index .categoryList .faqList {
  font-size: 100%;
  margin: 10px 0 0 22px;
}

#category_show .categoryList .categoryDetailList {
  font-size: 100%;
  margin: 10px 0 0 0;
}

#category_show .categoryList .categoryDetailList li {
  width: 45%;
  float: left;
}

/***------ 文字サイズ ------***/
#faq_show,
#category_show,
#category_search,
#category_index {
  font-size: 62.5%;
}

#faq_show h1,
#category_show h1,
#category_search h1,
#category_index h1 {
  font-size: 2.29em;
  /*1110*/
}

#faq_show h3,
#faq_show h4,
#faq_show h5,
#category_show h2,
#category_show h3,
#category_show h4,
#category_show h5,
#category_search h3,
#category_search h4,
#category_search h5,
#category_index h2,
#category_index h3,
#category_index h4,
#category_index h5,
#category_tree h2 {
  font-size: 100%;
  /*font-weight: bold; 1110*/
}

#faq_show div#header,
#category_show div#header,
#category_search div#header,
#category_index div#header {
  font-size: 0.85em;
}

#faq_show #navExtra li,
#category_show #navExtra li,
#category_search #navExtra li,
#category_index #navExtra li {
  font-size: 100%;
}

#faq_show .topLink,
#category_show .topLink,
#category_search .topLink,
#category_index .topLink {
  font-size: 1em;
}

#faq_show div#footer,
#faq_show div#footer div#signature,
#faq_show div#footer.simple div#signature,
#category_show div#footer,
#category_show div#footer div#signature,
#category_show div#footer.simple div#signature,
#category_search div#footer,
#category_search div#footer div#signature,
#category_search div#footer.simple div#signature,
#category_index div#footer,
#category_index div#footer div#signature,
#category_index div#footer.simple div#signature {
  font-size: 100%;
}

#faq_show div.search_frmArea textarea,
#category_show div.search_frmArea textarea,
#category_search div.search_frmArea textarea,
#category_index div.search_frmArea textarea {
  font-size: 100%;
}

#faq_show .search_description,
#category_show .search_description,
#category_search .search_description,
#category_index .search_description {
  font-size: 100%;
}

#faq_show input,
select,
option,
textarea,
#category_show input,
select,
option,
textarea,
#category_search input,
select,
option,
textarea,
#category_index input,
select,
option,
textarea {
  vertical-align: -1px;
}

/**------ FAQ ------**/
/***------ FAQ main ------***/
#faq_show #faq_main div.faq_box {
  padding: 8px 8px 8px 70px;
}

#faq_show #faq_main div.faq_box p,
#faq_show #faq_main div.faq_box ol,
#faq_show #faq_main div.faq_box ul {
  margin-top: 0.85em;
}

#faq_show #faq_main div.faq_box ul.normal {
  padding-left: 18px;
}

#faq_show #faq_main div.faq_box ul.normal li {
  list-style: disc outside none;
}

#faq_show #faq_main div.faq_box .faq_relate_list {
  margin: -3px 0 0 0;
}

#faq_show #faq_main div.faq_box .faq_relate_list li {
  background-position: 2px 0.35em;
}

#faq_show #faq_main div.hr {
  margin: 0 20px;
  padding: 0;
  border-top: 1px dashed #AAAAAA;
}

#faq_show #faq_main div.hr hr {
  visibility: hidden;
  line-height: 1;
  display: inline;
}

#faq_show #faq_main #faq_q {
  border: 1px solid #064293;
}

#faq_show #faq_main #faq_a {
  margin-top: 12px;
  border: 1px solid #A62222;
}

#faq_show #faq_main div.faq_box {
  background-position: 9px 7px;
  background-repeat: no-repeat;
}

#faq_show #faq_main #faq_q div.faq_box {
  background-image: url("/usr/file/attachment/icon_contents_faq_q.gif");
}

#faq_show #faq_main #faq_a div.faq_box {
  background-image: url("/usr/file/attachment/icon_contents_faq_a.gif");
}

#faq_show #faq_main #faq_a div.faq_box.sankou {
  background-image: url("/usr/file/attachment/icon_contents_faq_sankou.gif");
}

#faq_show #faq_main h2 {
  display: inline;
  padding: 2px 20px;
  background-color: #FFFFFF;
}

#faq_show #faq_main #faq_q h2 {
  color: #064293;
  border: 2px solid #064293;
}

#faq_show #faq_main #faq_a h2 {
  color: #A62222;
  border: 2px solid #A62222;
}

/***------ FAQ enquete ------***/
#faq_show #enquete {
  border: 1px solid #c6c6c6;
  background-color: #FFFFF0;
  padding: 8px;
}

#faq_show #enquete h2 {
  text-align: center;
}

#faq_show #enquete label {
  margin-left: 4px;
}

* html #faq_show #enquete label {
  margin-left: 2px;
}

*+html #faq_show #enquete label {
  margin-left: 2px;
}

#faq_show #enquete ul.flat {
  margin-top: 0.85em;
  width: 100%;
  text-align: center;
}

#faq_show #enquete ul.flat li {
  display: inline-block;
  margin-right: 6px;
}

* html #faq_show #enquete ul.flat li {
  display: inline;
  margin-right: 3px;
}

*+html #faq_show #enquete ul.flat li {
  display: inline;
  margin-right: 3px;
}

#faq_show #enquete p.center {
  text-align: center;
  margin-top: 0.85em;
}

/***------ FAQ relation ------***/
#faq_show #relation {
  border: 1px solid #c6c6c6;
  padding: 8px;
}

/*------ footer ------*/
div#footer {
  background-color: #F0EFEB;
  background-image: url("/usr/file/attachment/footer_bar.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  border-top: 3px solid #423294;
  margin: 0 auto 47px;
  position: relative;
  width: 960px;
  font-size: 90%;
}

div#footer div#legal {
  float: left;
  padding: 14px;
  width: 309px;
}

div#footer div#groupCorp {
  float: left;
  padding: 14px;
  width: 309px;
}

div#footer div.column {
  background-image: url("/usr/file/attachment/footer_line.gif");
  background-position: -20px top;
  background-repeat: repeat-y;
}

div#footer div#legal p {
  line-height: 1.5;
  margin: 1em 0;
}

div#footer img.pdfIcon {
  margin: 0 5px 0 3px;
}

div#footer p.copyright {
  bottom: -1.4em;
  left: 0;
  position: relative;
}

div#footer h2 {
  font-weight: bold;
  line-height: 1.5;
}

div#footer ul li {
  font-size: 0.85em;
  line-height: 1.5;
  margin-top: 0.8em;
}

div#footer ul li.external {
  background-image: url("/usr/file/attachment/icon_arrow.gif");
  background-position: 0 0.4em;
  background-repeat: no-repeat;
  padding-left: 18px;
}

div#footer ul li.externalJS {
  background-image: url("/usr/file/attachment/icon_external.gif");
  background-position: 0 0.4em;
  background-repeat: no-repeat;
  padding-left: 18px;
}

div#footer div#signature {
  margin: 0.8em 0 0;
}

div#footer div#signature p {
  font-size: 0.85em;
  line-height: 1.5;
  margin-bottom: 0;
  margin-right: 10px;
  margin-top: 0;
}

div#footer a:link {
  color: #343434;
  text-decoration: underline;
}

div#footer a:visited {
  color: #800080;
  text-decoration: underline;
}

div#footer a:hover {
  color: #CD1400;
  text-decoration: underline;
}

div#footer a:active {
  color: #CD1400;
  text-decoration: underline;
}

div#footer.simple {
  background-image: url("/usr/file/attachment/footer_bar.jpg");
  background-position: right bottom;
  position: relative;
  width: 960px;
}

div#footer.simple div#signature {
  margin: 0;
  font-size: 90%;
}

div#footer.simple div#legal,
div#footer.simple div#signature {
  background-color: #F0EFEB;
  float: none;
  padding: 7px 14px;
  width: 932px;
}

div#footer.simple div#signature {
  border-bottom: 1px solid #DAD8CC;
}

div#footer.simple div#signature {
  background-image: url("/usr/file/attachment/footer_help_line01.gif");
  background-position: left top;
  background-repeat: repeat-x;
}

div#footer.simple div.pipe {
  color: #DAD7CD;
  font-size: 0.85em;
  line-height: 1.5;
  margin-left: -7px;
  margin-top: -0.5em;
}

div#footer.simple div.pipe span {
  border-right: 1px solid #CCCCCC;
  color: #DAD7CD;
  display: inline-block;
  margin: 0.5em -1px 0 0;
  padding: 0 7px;
}

div#footer.simple div.pipe span.end {
  border-right: medium none;
}

div#footer.simple div.pipe a.external {
  background-image: url("/usr/file/attachment/icon_arrow.gif");
  background-position: 5px 0.3em;
  background-repeat: no-repeat;
  margin-top: 0.5em;
  padding-left: 24px;
  padding-right: 10px;
}

div#footer.simple div.pipe a.externalJS {
  background-image: url("/usr/file/attachment/icon_external.gif");
  background-position: 6px 0.3em;
  background-repeat: no-repeat;
  margin-top: 0.5em;
  padding-left: 24px;
  padding-right: 10px;
}

div#footer.simple div#signature p.entity {
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
}

div#footer.simple div#signature p {
  display: inline;
  font-size: 0.85em;
  line-height: 1.5;
  margin-right: 10px;
}

* html div#footer {
  text-align: left;
}

* html div#footer p.copyright {
  bottom: -1.4em;
}

/*1110*/
#footer {
  margin-top: 20px;
  border-top: 3px solid #010065;
  background: #F0EFEB;
  padding-top: 30px;
  position: relative;
  min-width: 960px;
}

#faqTop a,
#side_info a,
#okw_side #form-link-result div#contact a {
  min-width: 116px;
  min-height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  padding-left: 48px;
  padding-right: 43px;
  -webkit-border-radius: 5px;
  -webkit-appearance: none;
  color: #333333 !important;
  background: #e8e8e8;
  display: inline-block;
  margin: 0px;
  text-decoration: none !important;
  -webkit-box-shadow: rgb(179, 179, 179) 0px 2px 0px 0px;
  border: 2px solid #b2b2b2;
}

#faqTop a:hover,
#side_info a:hover,
#okw_side #form-link-result div#contact a:hover {
  background: #d6d6d6;
}

#side_info a,
#okw_side #form-link-result div#contact a {
  line-height: 19px;
}

#okw_side #form-link-result div#contact a {
  padding-left: 43px;
  padding-right: 43px;
}

.oneCol.okw_parts_sub_category .ttl_col h2.ttl_bg {
  font-size: 1.45em !important;
  background: #efeeea;
  border-top: 3px solid #0f0f6f;
  padding: 7px 15px;
  width: auto;
}

.oneCol.okw_main_category .ttl_col h2.ttl_bg,
.okw_main_category .ttl_col h2.ttl_bg {
  font-size: 1.45em;
  background: #efeeea;
  border-top: 3px solid #0f0f6f;
  padding: 7px 15px;
  width: auto;
}

.lang_size_small #okw_wrapper,
#helpdesk_index.lang_size_small #okw_wrapper,
.lang_size_small #okw_wrapper,
.lang_size_small #okw_wrapper

/*#faq_show.lang_size_medium.smallText #okw_wrapper #footer*/
  {
  font-size: 1.0em;
}

.lang_size_medium #okw_wrapper,
#helpdesk_index.lang_size_medium #okw_wrapper,
.lang_size_medium #okw_wrapper,
.lang_size_medium #okw_wrapper

/*#faq_show.lang_size_medium.mediumText #okw_wrapper #footer*/
  {
  font-size: 1.1em;
}

.lang_size_large #okw_wrapper,
#helpdesk_index.lang_size_large #okw_wrapper,
.lang_size_large #okw_wrapper,
.lang_size_large #okw_wrapper

/*#faq_show.lang_size_medium.largeText #okw_wrapper #footer*/
  {
  font-size: 1.2em;
}

#okw_contents,
#okw_side {
  font-size: 1.4em;
}

#header .inner #navExtra #textresizerEmbed p {
  font-size: 1.3em;
  margin: 6px 10px;
}

#okw_side #form-link-result div#contact td {
  line-height: 18px;
}

.icoResult {
  background: none;
  height: auto;
  padding: 0;
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  background: transparent;
}

/*Reset Setting
============================================*/
body {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: 0;
  background: transparent;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  background: transparent;
}

html {
  height: 100%;
}

img {
  border: 0 none;
  vertical-align: top;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1.5;
}

abbr,
acronym {
  border: 0;
}

/* Base Font Setting
============================================*/
body {
  font-size: 62.5%;
  font-family: "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Roboto, Verdana, sans-serif;
  color: #333333;
}

body.en {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body.en,
body.ru,
body.cnZh {
  font-family: Verdana, Roboto, "Droid Sans", sans-serif;
}

.smallText #navExtra,
.smallText #navMain .search,
.smallText .wrapper,
.smallText #footer,
.smallText #breadcrumbTop,
.smallText #breadcrumbBtm,
.smallText #emergencyArea {
  font-size: 1.0em;
}

.mediumText #navExtra,
.mediumText #navMain .search,
.mediumText .wrapper,
.mediumText #footer,
.mediumText #breadcrumbTop,
.mediumText #breadcrumbBtm,
.mediumText #emergencyArea {
  font-size: 1.1em;
}

.largeText #navExtra,
.largeText #navMain .search,
.largeText .wrapper,
.largeText #footer,
.largeText #breadcrumbTop,
.largeText #breadcrumbBtm,
.largeText #emergencyArea {
  font-size: 1.2em;
}

#mainCol,
.smallText #mainCol,
.mediumText #mainCol,
.largeText #mainCol {
  font-size: 1.4em;
}

/* グロナビのテキストサイズを変更するクラス */
.smallText #header .mddParent {
  font-size: 1.0em;
}

.mediumText #header .mddParent {
  font-size: 1.1em;
}

.largeText #header .mddParent {
  font-size: 1.2em;
}

/* グロナビのサイズ固定用クラス */
.smallText #header .mddParent.noResize,
.mediumText #header .mddParent.noResize,
.largeText #header .mddParent.noResize {
  font-size: 1.0em !important;
}



/* Default Link Setting
============================================*/
/* Header & Footer */
#header a,
#footer a {
  text-decoration: underline;
  color: #333333;
}

#header a:hover,
#footer a:hover {
  text-decoration: none;
}

#header a:active,
#footer a:active {
  text-decoration: underline;
  color: #1A0DAB;
}

#header a:visited,
#footer a:visited {
  text-decoration: underline;
  color: #660099;
}

/* Contents */
.wrapper #mainCol a {
  color: #000066;
  text-decoration: underline;
}

.wrapper #mainCol a:visited {
  color: #660099;
  text-decoration: underline;
}

.wrapper #mainCol a:hover {
  color: #0f0ad1;
  text-decoration: underline;
}

.wrapper #subCol a {
  color: #000066;
  text-decoration: none;
}

.wrapper #subCol a:hover {
  color: #000066;
  text-decoration: underline;
}

.wrapper #mainCol a.inSentence {
  text-decoration: underline !important;

}

.wrapper #mainCol a.inSentence:hover {
  text-decoration: none !important;
}


/* Button Setting
============================================*/

#header a.btnRound,
#header input.btnRound,
#header a.btnRound:active,
#header input.btnRound:active,
#header a.btnRound:visited,
#header input.btnRound:visited,
.wrapper a.btnRound,
.wrapper input.btnRound,
.wrapper a.btnRound:active,
.wrapper input.btnRound:active,
.wrapper a.btnRound:visited,
.wrapper input.btnRound:visited {
  -webkit-appearance: none;
  color: #333333 !important;
  background: #e8e8e8;
  display: inline-block;
  padding: 5px;
  border: none;
  margin: 0;
  line-height: 1;
  text-decoration: none !important;
  /* border-radius */
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  /* box-shadow */
  box-shadow: rgb(179, 179, 179) 0px 2px 0px 0px;
  -webkit-box-shadow: rgb(179, 179, 179) 0px 2px 0px 0px;
  -moz-box-shadow: rgb(179, 179, 179) 0px 2px 0px 0px;
}

#header a.btnRound:hover,
#header input.btnRound:hover,
.wrapper a.btnRound:hover,
.wrapper input.btnRound:hover {
  background: #747474;
  color: #ffffff !important;
  cursor: pointer;
}

.wrapper #mainCol .btnRound {
  color: #000066 !important;
  min-width: 120px;
  min-height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
  /* border-radius */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /* box-shadow */
  box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
  -webkit-box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
  -moz-box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
}

.wrapper #mainCol .btnRound:hover {
  background: #d6d6d6;

}

.wrapper #mainCol .btnRound.function {
  background: #000066;
  color: #ffffff !important;
  vertical-align: text-bottom;
}

.wrapper #mainCol .btnRound.function:hover {
  background: #0068bb;
}

.wrapper #mainCol .btnRound.important {
  background: #207DB4;
  color: #ffffff !important;
}

.wrapper #mainCol .btnRound.important:hover {
  background: #004A7F;
  color: #ffffff !important;
}

.wrapper #mainCol .btnRound.full {
  display: block;
}

.wrapper #mainCol .btnRound.border {
  min-width: 116px;
  border: 2px solid #b2b2b2;
}

.wrapper #mainCol .btnRound.blank:before {
  font-family: 'icomoon';
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e800";
  font-size: 12px;
  margin-right: 10px;
  line-height: 0;
}

.wrapper #mainCol .btnRound.prev:before {
  font-family: 'icomoon';
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f104";
  font-size: 35px;
  vertical-align: -7px;
  margin-right: 10px;
  line-height: 0;
}

.wrapper #mainCol .btnRound.next:after {
  font-family: 'icomoon';
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  font-size: 35px;
  vertical-align: -7px;
  margin-left: 10px;
  line-height: 0;
}

.wrapper #mainCol .btnRound.print,
.wrapper #mainCol .btnRound.sound {
  font-size: 14px;
  min-height: 18px;
  line-height: 18px;
  color: #333333 !important;
}

.wrapper #mainCol .btnRound.sound {
  background: #ffcb5d;
}

.wrapper #mainCol .btnRound.sound:hover {
  background: #ffdb6d;
}

.wrapper #mainCol .btnRound.print:before,
.wrapper #mainCol .btnRound.sound:before {
  font-family: 'icomoon';
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
  vertical-align: bottom;
  display: inline-block;
  width: 1em;
  text-align: center;
}

.wrapper #mainCol .btnRound.print:before {
  content: "\f02f";
  font-size: 18px;
}

.wrapper #mainCol .btnRound.sound:before {
  color: #ff6200;
  content: "\f028";
  font-size: 16px;
}

.wrapper #mainCol .btnRound.search {
  min-width: 0;
  min-height: 0;
  line-height: 1;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.3em;
  background: #cccccc;
  font-weight: normal;
  color: #333333 !important;
}

.wrapper #mainCol .btnRound.search:hover {
  background: #747474;
  color: #ffffff !important;
}

.wrapper #mainCol .btnRound+.btnRound {
  margin-left: 15px;
}

/*Font Icon Settings
============================================*/
@font-face {
  font-family: 'icomoon';
  src: url('/common2/pc/font/icomoon.eot?vu3106');
  src: url('/common2/pc/font/icomoon.eot?vu3106#iefix') format('embedded-opentype'),
    url('/common2/pc/font/icomoon.ttf?vu3106') format('truetype'),
    url('/common2/pc/font/icomoon.woff?vu3106') format('woff'),
    url('/common2/pc/font/icomoon.svg?vu3106#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icm"],
[class*=" icm"],
ul.listNav li {
  position: relative;
}

.wrapper #mainCol [class^="icm"] a,
.wrapper #mainCol [class*=" icm"] a,
.wrapper #mainCol a[class^="icm"],
.wrapper #mainCol a[class*=" icm"],
.wrapper #mainCol ul.listNav li a {
  text-decoration: underline;
}

.wrapper #mainCol [class^="icm"] a:hover,
.wrapper #mainCol [class*=" icm"] a:hover,
.wrapper #mainCol a[class^="icm"]:hover,
.wrapper #mainCol a[class*=" icm"]:hover,
.wrapper #mainCol ul.listNav li a:hover {
  text-decoration: underline;
}

[class^="icm"]:before,
[class*=" icm"]:before,
[class^="icm"]:after,
[class*=" icm"]:after,
ul.listNav li:before {
  font-family: 'icomoon';
  position: relative;
  left: 0;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}

[class^="icm"]:after,
[class*=" icm"]:after {
  position: relative;
  margin-right: 0;
  margin-left: 5px;
}

li[class^="icm"]:before,
li[class*=" icm"]:before,
dd span.icmCaretRight:before,
ul.listNav li:before {
  display: inline-block;
  width: 1em;
  text-align: center;
}

dd[class^="icm"]:before,
dd[class*=" icm"]:before,
dd[class^="icm"]:after,
dd[class*=" icm"]:after {
  display: inline-block;
  width: 1em;
  text-align: center;
  position: absolute;
  margin-left: 0;
}

.icmFileWord:before,
.icmAfterFileWrd a:after {
  font-family: "icomoon";
  content: "\f1c2" !important;
  color: #1835d5;
}

.icmFileExcel:before,
.icmAfterFileExl a:after {
  font-family: "icomoon";
  content: "\f1c3" !important;
  color: #008c03;
}

.icmFilePpt:before,
.icmAfterFilePpt a:after {
  font-family: "icomoon";
  content: "\f1c4" !important;
  color: #d05100;
}

.icmLock:before,
.icmAfterLock:after {
  content: "\e900" !important;
  color: #ffcc00;
}

.icmPc:before {
  content: "\e801" !important;
}

.icmSearch:before {
  content: "\f002" !important;
}

.icmClose:before {
  content: "\f00d" !important;
}

.icmSearchPlus:before {
  content: "\f00e" !important;
}

.icmSearchMinus:before {
  content: "\f010" !important;
}

.icmVolumeUp:before {
  content: "\f028" !important;
}

.icmPrint:before {
  content: "\f02f" !important;
}

.icmFilePdf:before,
.icmAfterFilePdf a:after {
  font-family: "icomoon";
  content: "\f1c1" !important;
  color: #cc0000;
}

.icmEdit:before {
  content: "\f044" !important;
}

.icmPlusCircle:before {
  content: "\f055" !important;
}

.icmMinusCircle:before {
  content: "\f056" !important;
}

.icmPhone:before {
  content: "\f095" !important;
}

.icmFeed:before {
  content: "\f09e" !important;
}

.icmCaretDown:before {
  content: "\f0d7" !important;
  color: #333333 !important;
}

.icmCaretUp:before {
  content: "\f0d8" !important;
  color: #333333 !important;
}

.icmCaretLeft:before {
  content: "\f0d9" !important;
  color: #333333 !important;
}

.icmCaretRight:before {
  content: "\f0da" !important;
}

.icmAngleDoubleLeft:before,
.icmAfterAngleDoubleLeft:after {
  content: "\f100" !important;
}

.icmAngleLeft:before,
.icmAfterAngleLeft:after {
  content: "\f104" !important;
}

.icmAngleDoubleRight:before,
.icmAfterAngleDoubleRight:after {
  content: "\f101" !important;
}

.icmAngleRight:before,
.icmAfterAngleRight:after {
  content: "\f105" !important;
}

.icmMinus:before {
  content: "\f0d8" !important;
}

.attention .icmCaretRight:before,
.attention .icmBlank:before,
.clrNote .icmCaretRight:before,
.clrNote .icmBlank:before {
  color: #333333 !important;
}

/* Header Setting
============================================*/

#header {
  border-top: 3px solid #000066;
  padding-top: 11px;
  min-width: 960px;
}

body.mini #header {
  min-width: 750px;
}

#header .inner {
  width: 960px;
  margin: 0 auto;
}

body.mini #header .inner {
  width: 750px;
}

#header .inner .logo {
  width: 818px;

  padding-left: 10px;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

body.mini #header .inner .logo {
  width: 230px;
  padding-left: 0;
}

#header .inner #navExtra {
  display: inline-block;
  text-align: right;


  vertical-align: middle;
  width: 449px;
  padding-right: 23px;
  white-space: nowrap;
  min-height: 55px;
  margin-bottom: 2px;
}

body.mini #header .inner #navExtra {
  width: 359px;
}

#header .inner #groupLogo {
  display: inline-block;
  vertical-align: middle;
  width: 123px;
  padding-right: 5px;
}

body.mini #header .inner #groupLogo {
  padding-right: 0;
}

#header .inner #navExtra #utilNav {
  white-space: normal;
}

#header .inner #navExtra #utilNav ul {
  display: inline-block;
}

#header .inner #navExtra #utilNav li {
  display: inline-block;
  border-left: 1px solid #4d4d4d;
  padding-left: 6px;
  margin-left: 6px;
  font-size: 1.3em;
  line-height: 1.3;
}

#header .inner #navExtra #utilNav li:before {
  position: relative;
}

#header .inner #navExtra #utilNav ul:first-child li:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

#header .inner #navExtra #utilNav li a {
  color: #4d4d4d;
  text-decoration: none;
}

#header .inner #navExtra #utilNav li a:hover {
  text-decoration: underline;
}

#header .inner #navExtra #utilNav li a.toPortal {
  font-weight: bold;
}

#header .inner #navExtra .bottom {
  margin-top: 15px;
}

#header .inner #navExtra .bankCode {
  display: inline-block;
  margin-right: 40px;
  font-size: 1.3em;
}

#header .inner #navExtra #textresizerEmbed.scripted {
  display: inline-block;
}

#header .inner #navExtra #textresizerEmbed p,
#header .inner #navExtra #textresizerEmbed ul,
#header .inner #navExtra #textresizerEmbed li {
  display: inline-block;
}

#header .inner #navExtra #textresizerEmbed p {
  font-size: 1.3em;
}

#header .inner #navExtra #textresizerEmbed li a {
  font-size: 1.4em;
}

#header .inner #navExtra #noScript {
  display: inline-block;
}

#header .inner #navExtra #noScript a {
  font-size: 1.3em;
  position: relative;
  color: #4d4d4d;
}

#header .inner #navExtra #noScript span.icmCaretRight:before {
  font-family: 'icomoon';
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
  vertical-align: bottom;
  font-size: 12px;
}

#header #navMain {
  margin-top: 11px;
  background: #f2f2f2;
  border-bottom: 3px solid #cccccc;
  height: 33px;
}

#header #navMain nav {
  float: left;
  width: 765px;
}

#header #navMain nav a {
  text-decoration: none;
}

#header #navMain ul.mddParent {
  float: left;
  width: 765px;
  vertical-align: middle;
  height: 33px;
  position: relative;
  z-index: 9999;
}

#header #navMain ul.mddParent li.mddRoot {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4em;
}

#header #navMain ul.mddParent li a.parent,
#header #navMain ul.mddParent li a.parent:visited {
  display: inline-block;
  padding: 0 10px 0 19px;
  height: 33px;
  background: url(/common2/pc/images/gnav_arrow.png) no-repeat 6px center;
  line-height: 33px;
  color: #333333;
}

#header #navMain ul.mddParent li a.parent:hover,
#header #navMain ul.mddParent li.isHover a.parent {
  text-decoration: none;
  background: #747474 url(/common2/pc/images/gnav_arrow_on.png) no-repeat 6px center;
  color: #ffffff;
  position: relative;
  z-index: 9999;
}

#header #navMain ul.mddParent li a.parent.active,
#header #navMain ul.mddParent li a.parent.active:visited {
  text-decoration: none;
  background: #000066 url(/common2/pc/images/gnav_arrow_on.png) no-repeat 6px center;
  color: #ffffff;
}


#header #navMain ul.mddChild {
  display: none;
  position: absolute;
  background: #f7f7f7;
  background-color: rgba(247, 247, 247, 0.9);
  width: 688px;
  padding: 20px;
  z-index: 9999;
  left: 0;
  border: 1px solid #ddd;
}

#header #navMain ul.mddChild li {
  /* parent reset */
  display: block;
  font-size: 1.0em;
  z-index: 9999;
  position: static;
  /* parent reset */
  width: 200px;
  border-bottom: 1px solid #dddddd;
}

#header #navMain ul.mddChild.hasNotChild li {
  float: left;
  margin-left: 15px;
  margin-bottom: 15px;
}

#header #navMain ul.mddChild.hasNotChild li.clear {
  clear: left;
}

#header #navMain ul.mddChild li:first-child {
  border-top: 1px solid #dddddd;
}

#header #navMain ul.mddChild li a.child {
  display: block;
  color: #00005F;
  font-weight: bold;
  padding: 10px 30px 10px 10px;
  position: relative;
  background: #eeeeee;
  line-height: 1.4;
}

#header #navMain ul.mddChild li a.child:after {
  font-family: 'icomoon';
  content: "\f0da";
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  right: 10px;
  top: 50%;
  line-height: 0;
}

#header #navMain ul.mddChild li a.child.blank:after {
  content: "\e800";
}

#header #navMain ul.mddChild li a.child.pdf:after {
  content: "\f1c1";
  color: #cc0000;
}

#header #navMain ul.mddChild li a.child:hover {
  background: #ffffff;
  text-decoration: none
}

#header #navMain .mddGrandChild {
  display: none;
  position: absolute;
  left: 215px;
  top: 20px;
  white-space: nowrap;
}

#header #navMain .mddGrandChild ul {
  display: inline-block;
  margin-left: 15px;
  vertical-align: top;
  background: #fdfdfd;
}

#header #navMain .mddGrandChild ul li {
  /* parent reset */
  display: block;
  font-size: 1.0em;
  z-index: 9999;
  position: static;
  border-bottom: 1px solid #dddddd;
  width: 230px;
  /* parent reset */
  white-space: normal;
}

#header #navMain .mddGrandChild ul li:first-child {
  border-top: 1px solid #dddddd;
}

#header #navMain .mddGrandChild ul li a {
  display: block;
  color: #00005F;
  font-weight: bold;
  padding: 10px 30px 10px 10px;
  position: relative;
  background: #ffffff;
  line-height: 1.4;
}

#header #navMain .mddGrandChild ul li a:hover {
  background: #efeff5;
}

#header #navMain .mddGrandChild ul li a.blank:after,
#header #navMain .mddGrandChild ul li a.pdf:after {
  font-family: 'icomoon';
  position: absolute;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  right: 10px;
  top: 50%;
  line-height: 0;

}

#header #navMain .mddGrandChild ul li a.blank:after {
  content: "\e800";
}

#header #navMain .mddGrandChild ul li a.pdf:after {
  content: "\f1c1";
  color: #cc0000;
}

.mddOverlay {
  display: none;
  background: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

#header #navMain .search {
  float: right;
  border-left: 1px solid #d5d5d5;
  width: 185px;
  height: 23px;
  padding: 5px 0 5px 8px;
}

#header #navMain .search legend {
  display: none;
}

#header #navMain .search input {
  vertical-align: middle;
}

#header #navMain .search .searchBox {
  width: 68%;
  height: 16px;
  font-size: 1.4em;
  margin: 0;
  border: 1px;
  padding: 2%;
  /* box-shadow */
  box-shadow: rgb(179, 179, 179) 1px 1px 2px 0px inset;
  -webkit-box-shadow: rgb(179, 179, 179) 1px 1px 2px 0px inset;
  -moz-box-shadow: rgb(179, 179, 179) 1px 1px 2px 0px inset;
}

#header #navMain .search .btnRound {
  width: 25%;
  height: 22px;
  padding: 2%;
  font-size: 1.4em;
  background: #cccccc;
}

#header #navMain .search .btnRound:hover {
  background: #747474;
}

/* English */
.en #header #navMain .search .btnRound {
  width: 34%;
}

.en #header #navMain .search .searchBox {
  width: 59%;
}

/* Emergency Area Setting
============================================*/

#emergencyArea {
  background: #fbfaea;
  min-width: 960px;
}

#emergencyArea .box {
  width: 920px;
  padding: 18px 20px;
  margin: 0 auto;
  color: #CC0000;
  font-size: 1.4em;
  line-height: 1.4;
}

#emergencyArea .attention {
  margin-top: 6px;
  padding-left: 35px;
  background: url(/common2/pc/images/icn_emergency.png) no-repeat left top;
  min-height: 21px;
}

#emergencyArea .attention:first-child {
  margin-top: 0;
}

#emergencyArea a {
  color: #CC0000;
}

#emergencyArea a:hover {
  text-decoration: none;
}

/* Breadcrumb Setting
============================================*/
#breadcrumbTop,
#breadcrumbBtm {
  width: 960px;
  margin: 0 auto;
}

body.mini #breadcrumbTop,
body.mini #breadcrumbBtm {
  width: 750px;
  margin: 0 auto;
}

#breadcrumbTop ul,
#breadcrumbBtm ul {
  padding: 10px 10px 0;
  line-height: 1.4;
}

#breadcrumbTop li,
#breadcrumbBtm li {
  display: inline-block;
  font-size: 1.4em;
}

#breadcrumbTop a,
#breadcrumbBtm a {
  color: #00005F;
}

#breadcrumbTop a:hover,
#breadcrumbBtm a:hover {
  text-decoration: none;
}

/* Content Setting
============================================*/
.wrapper {
  width: 960px;
  margin: 10px auto 0;
  padding-bottom: 100px;
}

body.mini .wrapper {
  width: 750px;
}

.wrapper #mainCol {
  width: 690px;
  float: left;
  padding: 0 10px;
  /*▼20160722_試しに消して影響の様子を見る。影響見て問題なければ完全削除する。
	/*overflow: hidden;*/
}

.wrapper.wide #mainCol {
  padding: 0;
}

body.mini .wrapper #mainCol {
  width: 588px;
  float: left;
  padding: 0 10px;
}

.wrapper.top #mainCol,
.wrapper.wide #mainCol {
  width: 960px;
}

.wrapper #subCol {
  width: 230px;
  float: right;
}

body.mini .wrapper #subCol {
  width: 134px
}

/* Layout */

.wrapper #mainCol .section {
  margin-top: 4.3em;
}

.wrapper #mainCol .section .section {
  margin-top: 3em;
}

.wrapper #mainCol .section .section .section {
  margin-top: 1.5em;
}

.wrapper #mainCol article>.section:first-child {
  margin-top: 0;
}

/* width (テーブル、画像+テキストレイアウト用) */
.wrapper #mainCol .wdt80 {
  width: 80px !important;
}

.wrapper #mainCol .wdt90 {
  width: 90px !important;
}

.wrapper #mainCol .wdt100 {
  width: 100px !important;
}

.wrapper #mainCol .wdt115 {
  width: 115px !important;
}

.wrapper #mainCol .wdt145 {
  width: 145px !important;
}

.wrapper #mainCol .wdt150 {
  width: 150px !important;
}

.wrapper #mainCol .wdt180 {
  width: 180px !important;
}

.wrapper #mainCol .wdt200 {
  width: 200px !important;
}

.wrapper #mainCol .wdt210 {
  width: 210px !important;
}

.wrapper #mainCol .wdt215 {
  width: 215px !important;
}

.wrapper #mainCol .wdt225 {
  width: 225px !important;
}

.wrapper #mainCol .wdt270 {
  width: 270px !important;
}

.wrapper #mainCol .wdt290 {
  width: 290px !important;
}

.wrapper #mainCol .wdt300 {
  width: 300px !important;
}

.wrapper #mainCol .wdt315 {
  width: 315px !important;
}

.wrapper #mainCol .wdt360 {
  width: 360px !important;
}

.wrapper #mainCol .wdt385 {
  width: 385px !important;
}

.wrapper #mainCol .wdt400 {
  width: 400px !important;
}

.wrapper #mainCol .wdt410 {
  width: 410px !important;
}

.wrapper #mainCol .wdt420 {
  width: 420px !important;
}

.wrapper #mainCol .wdt430 {
  width: 430px !important;
}

.wrapper #mainCol .wdt440 {
  width: 440px !important;
}

.wrapper #mainCol .wdt450 {
  width: 450px !important;
}

.wrapper #mainCol .wdt460 {
  width: 460px !important;
}

.wrapper #mainCol .wdt470 {
  width: 470px !important;
}

.wrapper #mainCol .wdt490 {
  width: 490px !important;
}

.wrapper #mainCol .wdt500 {
  width: 500px !important;
}

.wrapper #mainCol .wdt510 {
  width: 510px !important;
}

.wrapper #mainCol .wdt525 {
  width: 525px !important;
}

.wrapper #mainCol .wdt550 {
  width: 550px !important;
}

.wrapper #mainCol .wdt690 {
  width: 690px !important;
}

.wrapper #mainCol .wdt25p {
  width: 25% !important;
}

.wrapper #mainCol .wdt33p {
  width: 33% !important;
}

.wrapper #mainCol .wdt50p {
  width: 50% !important;
}

/* margin 旧ソースからインポート*/
.wrapper #mainCol .marginTop {
  margin-top: 3em !important;
}

.wrapper #mainCol .marginTopZ {
  margin-top: 0.85em !important;
}

.wrapper #mainCol .mR12 {
  margin-right: 12px !important;
}

/* Headline */


.wrapper #mainCol .h1Tit,
.wrapper #mainCol .h2Tit,
.wrapper #mainCol .h3Tit,
.wrapper #mainCol .h4Tit,
.wrapper #mainCol .h5Tit,
.wrapper #mainCol .h6Tit {
  line-height: 150%;
}

.wrapper #mainCol .h1Tit+*,
.wrapper #mainCol .h2Tit+*,




.wrapper #mainCol .h3Tit+*,
.wrapper #mainCol .h4Tit+*,
.wrapper #mainCol .h5Tit+*,
.wrapper #mainCol .h6Tit+*,
.wrapper #mainCol .ttlBtn+* {
  margin-top: 1em;
}


.wrapper #mainCol .subTit+.h1Tit,
.wrapper #mainCol .subTit+.h2Tit,
.wrapper #mainCol .subTit+.h3Tit,
.wrapper #mainCol .subTit+.h4Tit,
.wrapper #mainCol .subTit+.h5Tit,
.wrapper #mainCol .subTit+.h6Tit,
.wrapper #mainCol .subTit+.ttlBtn {
  margin-top: 0;
}

.wrapper #mainCol .h1Tit {
  font-size: 2.29em;
  line-height: 1.31;
}

.wrapper #mainCol .h2Tit {
  font-size: 1.45em;
  background: #efeeea;
  border-top: 3px solid #0f0f6f;
  padding: 7px 15px;
}

.wrapper #mainCol .h2Tit [class^="icm"]:before,
.wrapper #mainCol .h2Tit [class*=" icm"]:before {
  vertical-align: top;
}

.wrapper #mainCol .h3Tit {
  font-weight: bold;
  font-size: 1.15em;
  border-bottom: 2px solid #0f0f6f;
  padding: 7px 0;
}

.wrapper #mainCol .h4Tit {
  font-weight: bold;
  font-size: 1.15em;
}

.wrapper #mainCol .h5Tit {
  font-weight: bold;
  font-size: 1.05em;
  border-bottom: 2px solid #d2d2d2;
  padding: 7px 0;
}

.wrapper #mainCol .h6Tit {
  font-weight: bold;
  font-size: 1.05em;
}

.wrapper #mainCol .h1Tit:first-child,
.wrapper #mainCol .h2Tit:first-child,
.wrapper #mainCol .h3Tit:first-child,
.wrapper #mainCol .h4Tit:first-child,
.wrapper #mainCol .h5Tit:first-child,
.wrapper #mainCol .h6Tit:first-child,
.wrapper #mainCol .ttlBtn:first-child {
  margin-top: 0;
}

.wrapper #mainCol .subTit {
  font-size: 1.29em;
}

.wrapper #mainCol .subTit:before {
  content: '― ';
}

.wrapper #mainCol .subTit:after {
  content: ' ―';
}

.wrapper #mainCol .numTit {
  color: #000066;
  border-bottom: 2px solid #006;
  padding-bottom: 9px;
  font-size: 1.43em;
  padding-left: 35px;
  position: relative;
}

.wrapper #mainCol .numTit span {
  display: inline-block;
  background: #006;
  font-size: 15px;
  margin-right: 10px;
  color: #ffffff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0.2em;
  /* border-radius */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.wrapper #mainCol .labelTit {
  font-size: 1.14em;
}

.wrapper #mainCol .labelTit+.supportTit {
  margin-top: 1.5em;
}

.wrapper #mainCol .supportTit {
  font-size: 1em;
  background: #efeeea;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
  margin-top: 3em;
}

.wrapper #mainCol .merrittTit {
  font-size: 1.28em;
  border-bottom: 2px solid #000066;
  line-height: 1;
  padding: 0 0 15px;
  text-align: center;
  font-weight: bold;
}

.wrapper #mainCol .merrittTit span {
  margin-bottom: 15px;
  background: #000066;
  display: block;
  color: #ffffff;
  font-size: 0.77em;
  padding: 5px;
}

.wrapper #mainCol .icnQnA:after {
  content: url(/common2/pc/images/icn_fg_qna.png);
  position: absolute;
  left: 0;
  top: 0;
}

.wrapper #mainCol .icnQnA {
  font-size: 2.29em;
  position: relative;
  padding-left: 75px;
}

.wrapper #mainCol .icnAlert:after {
  content: url(/common2/pc/images/icn_fg_alert.png);
  position: absolute;
  left: 15px;
  top: 10px;
}

.wrapper #mainCol .icnAlert {
  font-size: 1.5em;
  position: relative;
  padding-left: 60px;
}

.wrapper #mainCol .icnQuestion:after {
  content: url(/common2/pc/images/icn_fg_question.png);
  position: absolute;
  left: 15px;
  top: 10px;
}

.wrapper #mainCol .icnQuestion {
  font-size: 1.5em;
  position: relative;
  padding-left: 60px;
}

.wrapper #mainCol .icnPayeasy {
  vertical-align: middle;
}

.wrapper #mainCol .ttlBtn {
  display: table;
  width: 100%;
}

.wrapper #mainCol .ttlBtn .ttl {
  display: table-cell;
  vertical-align: middle;
  padding-right: 10px;
}

.wrapper #mainCol .ttlBtn .btn {

  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.wrapper #mainCol .h2Tit>span.icmCaretRight,
.wrapper #mainCol .h2Tit>span.icmCaretDown,
.wrapper #mainCol .h2Tit>span.icmBlank,
.wrapper #mainCol .h2Tit>span.icmAfterFilePdf,
.wrapper #mainCol .h3Tit>span.icmCaretRight,
.wrapper #mainCol .h3Tit>span.icmCaretDown,
.wrapper #mainCol .h3Tit>span.icmBlank,
.wrapper #mainCol .h3Tit>span.icmAfterFilePdf,
.wrapper #mainCol .h4Tit>span.icmCaretRight,
.wrapper #mainCol .h4Tit>span.icmCaretDown,
.wrapper #mainCol .h4Tit>span.icmBlank,
.wrapper #mainCol .h4Tit>span.icmAfterFilePdf,
.wrapper #mainCol .h5Tit>span.icmCaretRight,
.wrapper #mainCol .h5Tit>span.icmCaretDown,
.wrapper #mainCol .h5Tit>span.icmBlank,
.wrapper #mainCol .h5Tit>span.icmAfterFilePdf,
.wrapper #mainCol .h6Tit>span.icmCaretRight,
.wrapper #mainCol .h6Tit>span.icmCaretDown,
.wrapper #mainCol .h6Tit>span.icmBlank,
.wrapper #mainCol .h6Tit>span.icmAfterFilePdf {
  display: inline-block;
}

.wrapper #mainCol .h1Tit>a,
.wrapper #mainCol .h2Tit>a,
.wrapper #mainCol .h3Tit>a,
.wrapper #mainCol .h4Tit>a,
.wrapper #mainCol .h5Tit>a,
.wrapper #mainCol .h6Tit>a,
.wrapper #mainCol .h1Tit>span>a,
.wrapper #mainCol .h2Tit>span>a,
.wrapper #mainCol .h3Tit>span>a,
.wrapper #mainCol .h4Tit>span>a,
.wrapper #mainCol .h5Tit>span>a,
.wrapper #mainCol .h6Tit>span>a {
  color: #00005f;
  text-decoration: none;
  display: inline-block;
  padding-left: 0.7em;
}

.wrapper #mainCol .h1Tit a:hover,
.wrapper #mainCol .h2Tit a:hover,
.wrapper #mainCol .h3Tit a:hover,
.wrapper #mainCol .h4Tit a:hover,
.wrapper #mainCol .h5Tit a:hover,
.wrapper #mainCol .h6Tit a:hover {
  text-decoration: underline;
}

.wrapper #mainCol .h1Tit .icmCaretRight:before,
.wrapper #mainCol .h2Tit .icmCaretRight:before,
.wrapper #mainCol .h3Tit .icmCaretRight:before,
.wrapper #mainCol .h4Tit .icmCaretRight:before,
.wrapper #mainCol .h5Tit .icmCaretRight:before,
.wrapper #mainCol .h6Tit .icmCaretRight:before,
.wrapper #mainCol .h1Tit .icmCaretDown:before,
.wrapper #mainCol .h2Tit .icmCaretDown:before,
.wrapper #mainCol .h3Tit .icmCaretDown:before,
.wrapper #mainCol .h4Tit .icmCaretDown:before,
.wrapper #mainCol .h5Tit .icmCaretDown:before,
.wrapper #mainCol .h6Tit .icmCaretDown:before {
  position: absolute;
}

.wrapper #mainCol .h1Tit .icmCaretDown a,
.wrapper #mainCol .h2Tit .icmCaretDown a,
.wrapper #mainCol .h3Tit .icmCaretDown a,
.wrapper #mainCol .h4Tit .icmCaretDown a,
.wrapper #mainCol .h5Tit .icmCaretDown a,
.wrapper #mainCol .h6Tit .icmCaretDown a {
  padding-left: 0.8em;
}

.wrapper #mainCol .h1Tit .icmBlank:before,
.wrapper #mainCol .h2Tit .icmBlank:before,
.wrapper #mainCol .h3Tit .icmBlank:before,
.wrapper #mainCol .h4Tit .icmBlank:before,
.wrapper #mainCol .h5Tit .icmBlank:before,
.wrapper #mainCol .h6Tit .icmBlank:before {
  position: absolute;
}

.wrapper #mainCol .h1Tit .icmBlank a,
.wrapper #mainCol .h2Tit .icmBlank a,
.wrapper #mainCol .h3Tit .icmBlank a,
.wrapper #mainCol .h4Tit .icmBlank a,
.wrapper #mainCol .h5Tit .icmBlank a,
.wrapper #mainCol .h6Tit .icmBlank a {
  padding-left: 1.3em;
}

/* Text */
.wrapper #mainCol p {
  line-height: 1.7;
  margin-top: 1em;
}

/*▼20160625_試しに消して影響の様子を見る。影響見て問題なければ完全削除する。
.wrapper #mainCol p:first-child {
	margin-top: 0;
}*/
.wrapper #mainCol p.imgCaption {
  margin-top: 0.5em;
}

.wrapper #mainCol .alnRight {
  text-align: right !important;
}

.wrapper #mainCol .alnLeft {
  text-align: left !important;
}

.wrapper #mainCol .alnCenter {
  text-align: center !important;
}

.wrapper #mainCol .vlnTop {
  vertical-align: top !important;
}

.wrapper #mainCol .vlnMiddle {
  vertical-align: middle !important;
}

.wrapper #mainCol .vlnBottom {
  vertical-align: bottom !important;
}

.wrapper #mainCol sup {
  vertical-align: super;
}

.wrapper #mainCol pre {
  font-size: 14px;
  line-height: 1.14;
}

.wrapper #mainCol .txtFreeDial img {
  margin-right: 10px;
}

.wrapper #mainCol .txtFreeDial span {
  display: inline-block;
  vertical-align: bottom;
}

.wrapper #mainCol .txtUrl {
  word-break: break-all;
}

.wrapper #mainCol .fontSL {
  font-size: larger;
}

.wrapper #mainCol .fontSS {
  font-size: 0.9em !important;
}

.wrapper #mainCol .fontWN {
  font-weight: normal;
}

.wrapper #mainCol .clrObtain {
  color: #30821d;
}

.wrapper #mainCol .clrNote {
  color: #cc0000;
}

.wrapper #mainCol .clrPlus {
  color: #cc0000;
}

.wrapper #mainCol .clrMinus {
  color: #30821d;
}

/* Text & Image Layout */
.wrapper #mainCol .txtImg .left {
  float: left;
}

.wrapper #mainCol .txtImg .right {
  float: right;
}

.wrapper #mainCol .txtImg .left.sneak {
  padding: 0 20px 10px 0;
}

.wrapper #mainCol .txtImg .right.sneak {

  padding: 0 0 10px 20px;
}

.wrapper #mainCol .txtImg .left.sneak+.right,
.wrapper #mainCol .txtImg .right.sneak+.left {
  float: none;
  vertical-align: top;
}

/* Image Layout */
.wrapper #mainCol .figure {
  display: table;
  width: 1px;
  margin: 0 auto;
  text-align: center;
}

.wrapper #mainCol .figure .figcaption {
  text-align: left;
  margin-top: 1em;
}


/* List */
.wrapper #mainCol ul {
  margin-top: 1em;
}

.wrapper #mainCol ul li {
  line-height: 1.7;
  margin-bottom: 1em;
}

.wrapper #mainCol ul li:last-child,
.wrapper #mainCol ul.flat li ul li:last-child,
.wrapper #mainCol ul.border li ul li:last-child,
.wrapper #mainCol ul.borderL li ul li:last-child {
  margin-bottom: 0;
}

.wrapper #mainCol ul.flat li:last-child,
.wrapper #mainCol ul.border li:last-child,
.wrapper #mainCol ul.borderL li:last-child {
  margin-bottom: 1em;
}

.wrapper #mainCol ul li.odd {
  background-color: #efeff5;
}

.wrapper #mainCol .boxBackground ul li.odd,
.wrapper #mainCol ul.boxBackground li.odd {
  background-color: #e0e0e0;
}

.wrapper #mainCol ul.inline:first-child {
  margin-top: -1em;
}

.wrapper #mainCol ul.inline.boxBackground {
  padding-top: 6px !important;
}

.wrapper #mainCol ul.inline li {
  display: inline-block;
  margin-right: 40px;
}

.wrapper #mainCol ul.sns li {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
  line-height: 1;
  margin-top: 0;
}

.wrapper #mainCol ul.question li {
  position: relative;
  padding-left: 50px;
}

.wrapper #mainCol ul.question li a {
  text-decoration: underline;
}

.wrapper #mainCol ul.question li a:hover {
  text-decoration: underline;
}

.wrapper #mainCol ul.question li span:first-child {
  position: absolute;
  left: 0;
  display: inline-block;
  background: #1f7db4;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  min-height: 28px;
  line-height: 28px;
  min-width: 34px;
  text-align: center;
  /* border-radius */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.wrapper #mainCol ul.indicator {
  width: 100%;
  display: table;
  overflow: hidden;
}

.wrapper #mainCol ul.indicator li {
  display: table-cell;
  font-size: 1.14em;
  color: #333;
  text-align: center;
  background: #e6e6e6 url(/common2/pc/images/img_indicator.gif) no-repeat left center;
  background-size: 13px 100%;
  position: relative;
  vertical-align: middle;
  font-weight: bold;
  padding: 0;
}

.wrapper #mainCol ul.indicator li span {
  padding: 10px 0px 10px 13px;
  display: block;
}

.wrapper #mainCol ul.indicator li:first-child span {
  padding: 10px 0px 10px 3px;
}

.wrapper #mainCol ul.indicator li:last-child span {
  padding: 10px 3px 10px 13px;
}

.wrapper #mainCol ul.indicator li span {
  padding: 10px 0px 10px 13px;
  display: block;
}

.wrapper #mainCol ul.indicator.step2 li {
  width: 50%;
}

.wrapper #mainCol ul.indicator.step3 li {
  width: 33.333333%;
}

.wrapper #mainCol ul.indicator.step4 li {
  width: 25%;
}

.wrapper #mainCol ul.indicator.step5 li {
  width: 20%;
}

.wrapper #mainCol ul.indicator.step6 li {
  width: 16.666666%;
}

.wrapper #mainCol ul.indicator.step7 li {
  width: 14.285714%;
}

.wrapper #mainCol ul.indicator.step8 li {
  width: 12.5%;
}

.wrapper #mainCol ul.indicator li.active {
  background: #000066 url(/common2/pc/images/img_indicator_active_before.gif) no-repeat left center;
  background-size: 13px 100%;
  color: #ffffff;
}

.wrapper #mainCol ul.indicator li.active a {
  color: #ffffff;
}

.wrapper #mainCol ul.indicator li.active+li {
  background: #e6e6e6 url(/common2/pc/images/img_indicator_active.gif) no-repeat left center;
  background-size: 13px 100%;
}

.wrapper #mainCol ul.indicator li:first-child {
  background: #e6e6e6;
}

.wrapper #mainCol ul.indicator li.active:first-child {
  background: #000066;
}

.wrapper #mainCol .jsTabGroup .section:first-child {
  margin-top: 3em;
}

.wrapper #mainCol ul.tab {
  width: 100%;
  display: table;
}

.wrapper #mainCol ul.tab li {
  display: table-cell;
  font-size: 1.1em;
  font-weight: bold;
  background: #e6e6e6;
  border-bottom: 3px solid #b2b2b2;
  text-align: center;
  border-left: 3px solid #ffffff;
  vertical-align: middle;
  cursor: pointer;
  line-height: 1.33;
}

.wrapper #mainCol ul.tab.col2 li {
  width: 50%;
}

.wrapper #mainCol ul.tab.col3 li {
  width: 33.333333%;
}

.wrapper #mainCol ul.tab.col4 li {
  width: 25%;
}

.wrapper #mainCol ul.tab.col5 li {
  width: 20%;
}

.wrapper #mainCol ul.tab.col6 li {
  width: 16.666666%;
}

.wrapper #mainCol ul.tab.col7 li {
  width: 14.285714%;
}

.wrapper #mainCol ul.tab.col8 li {
  width: 12.5%;
}

.wrapper #mainCol ul.tab.col9 li {
  width: 11.1%;
}

.wrapper #mainCol ul.tab.col10 li {
  width: 10%;
}

.wrapper #mainCol ul.tab.col11 li {
  width: 9.1%;
}

.wrapper #mainCol ul.tab li a {
  display: inline-block;
  text-decoration: none;
  padding: 10px 5%;
  color: #333333;
  outline: none;
  width: 90%;
}

.wrapper #mainCol ul.tab li a:hover {
  text-decoration: none;
}

.wrapper #mainCol ul.tab li:hover {
  background: #d6d6d6;
}

.wrapper #mainCol ul.tab.col2 li:first-child,
.wrapper #mainCol ul.tab.col3 li:first-child,
.wrapper #mainCol ul.tab.col4 li:first-child {
  border-left: 0;
}

.wrapper #mainCol ul.tab li.active {
  background: #000066;
  border-bottom: 3px solid #ffffff;
}

.wrapper #mainCol ul.tab li.active a {
  color: #ffffff;
}

.wrapper #mainCol ul.tab li.active:hover {
  background: #0068bb;
}


.wrapper #mainCol ul.listNav.linear {
  text-align: center;
  margin-top: 3em;
}

.wrapper #mainCol ul.listNav.linear li {
  display: inline-block;
  font-size: 1.07em;
  margin-left: 5px;
  margin-top: 0;
  padding-left: 0;
}

.wrapper #mainCol ul.listNav.linear li.forward {
  margin-left: 5px;
}

.wrapper #mainCol ul.listNav.linear li:first-child {
  margin-left: 0;
}

.wrapper #mainCol ul.listNav.linear li a {
  color: #000066;
  background: #e8e8e8;
  display: inline-block;
  padding: 10px 5px;
  border: none;
  margin: 0;
  line-height: 1;
  text-decoration: none !important;
  text-align: center;
  font-weight: normal;
  min-width: 21px;
  /* border-radius */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /* box-shadow */
  box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
  -webkit-box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
  -moz-box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
}

.wrapper #mainCol ul.listNav.linear li a:hover {
  background: #d6d6d6;
}

.wrapper #mainCol ul.listNav.linear li.active {
  padding: 0;
  background: none;
}

.wrapper #mainCol ul.listNav.linear li.active a {
  color: #ffffff;
  background: #000066;
}

.wrapper #mainCol ul.listNav.linear li.active a:hover {
  background: #0068bb;
}

.wrapper #mainCol li ul li {
  font-size: 1.0em;
}

.wrapper #mainCol .orderChar ul {
  margin-left: -10px;
}

.wrapper #mainCol .orderChar ul li {
  margin-left: 10px;
  margin-top: 13px;
  float: left;
}

.wrapper #mainCol .orderChar ul li a {
  display: block;
  font-size: 1.21em;
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  padding: 0;
  color: #0f0f6f;
  border: 1px solid #c3c3da;
  text-decoration: none;
  /* border-radius */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /* box-shadow */
  box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
  -webkit-box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
  -moz-box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
}

.wrapper #mainCol .orderChar ul li a:hover {
  background: #c3c3da;
}

.wrapper #mainCol .orderChar ul li a.disable,
.wrapper #mainCol .orderChar ul li a.disable:hover {
  background: #ffffff;
  color: #b9b9b9;
  border-color: #d6d6d6;
  /* box-shadow */
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

/* orderChar typeRow */
.wrapper #mainCol .orderChar.typeRow ul {
  width: 100%;
  left: auto;
  margin-left: -0.5%;
}

.wrapper #mainCol .orderChar.typeRow ul li {
  left: auto;
  width: 9%;
  margin-left: 1%;
}

.wrapper #mainCol .orderChar.typeRow ul li.nonBtnRight {
  margin-right: 10%;
}

.wrapper #mainCol .orderChar.typeRow ul li a {
  width: auto;
}

.wrapper #mainCol .orderChar.typeRow ul li.active a {
  color: #ffffff;
  background-color: #000066;
  border: 1px solid #000066;
}

.wrapper #mainCol .orderChar.typeRow ul li.active a:hover {
  background-color: #0068bb;
  border: 1px solid #0068bb;
}

/* orderChar typeRow end */

.wrapper #mainCol ol,
.wrapper #mainCol ol ol:first-child {
  margin-top: 1em;
}

.wrapper #mainCol ol li {
  line-height: 1.7;
  margin-bottom: 1em;
}

.wrapper #mainCol ol li:last-child {
  margin-bottom: 0;
}

.wrapper #mainCol ol.lowerRoman li {
  list-style: lower-roman;
}

.wrapper #mainCol ol.katakanaIroha li {
  list-style: katakana-iroha;
}

.wrapper #mainCol ol.upperLatin li {
  list-style: upper-latin;
}

.wrapper #mainCol ol.lowerLatin li {
  list-style: lower-latin;
}

.wrapper #mainCol li ol li {
  font-size: 1.0em;
}

.wrapper #mainCol ul.skeleton,
.wrapper #mainCol ol.skeleton {
  margin-top: 0;
  margin-left: 0;
}

.wrapper #mainCol ul.skeleton li,
.wrapper #mainCol ol.skeleton li {
  font-size: inherit;
  line-height: 1.7;
  margin-top: 0;
  margin-left: 0;
}

.wrapper #mainCol ul.listNav>li:before {
  content: "\f0da";
  color: #333333;
}

.wrapper #mainCol ul.listNav>li.active:before {
  color: #FFFFFF;
  background: #000066;
  margin-left: 0;
}

.wrapper #mainCol ul.listNav>li.active {
  padding-left: 0;
}

.wrapper #mainCol ul.listNav>li.active>a,
.wrapper #mainCol ul.listNav>li.active>*>a {
  background: #000066;
  display: inline-block;
  color: #FFFFFF;
  padding-left: 1.2em;
  padding-right: 5px;
}

.wrapper #mainCol ul.listNav.linear>li.active>a,
.wrapper #mainCol ul.listNav.linear>li.active>*>a {
  padding-left: 5px;
}

.wrapper #mainCol ul.linear li:before {
  content: none !important;
}


/* Definition List */
.wrapper #mainCol dl.QnA dt {
  margin-top: 2em;
  font-size: 1.42em;
  line-height: 150%;
  width: auto;
  float: none;
  clear: none;
  padding-left: 50px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 2px solid #000066;
}

.wrapper #mainCol dl.QnA.alt dt {
  line-height: 170%;
  font-size: 1em;
  width: auto;
  float: none;
  clear: none;
  padding: 10px 10px 10px 60px;
  position: relative;
  border-bottom: 0;
  background: #efeff5;
}

.wrapper #mainCol dl.QnA dt .icn,
.wrapper #mainCol dl.QnA dd .icn {
  position: absolute;
  left: 0;
  display: inline-block;
  background: #1f7db4;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  min-height: 28px;
  line-height: 28px;
  min-width: 34px;
  text-align: center;
  /* border-radius */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;

}

.wrapper #mainCol dl.QnA.alt dt .icn,
.wrapper #mainCol dl.QnA.alt dd .icn {
  left: 10px;
  top: 0.5em;
}

.wrapper #mainCol dl.QnA dt:first-child {
  margin-top: 0;
}

.wrapper #mainCol dl.QnA dd {
  margin-top: 15px;
  font-size: 1em;
  line-height: 170%;
  padding-left: 50px;
  border-bottom: none;
  padding-bottom: 0;
  position: relative;
}

.wrapper #mainCol dl.QnA dd:before {
  content: "";
}

.wrapper #mainCol dl.QnA.alt dd {
  margin-top: 3px;
  line-height: 170%;
  padding: 10px 10px 10px 60px;
  position: relative;
  background: #f3f3f3;
}

.wrapper #mainCol dl.QnA dd .icn {
  background: #cc0000;
}

.wrapper #mainCol dl.QnA.toggle dt {
  cursor: pointer;
  padding-right: 30px;
}

.wrapper #mainCol dl.QnA.toggle dt:after {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f055";
  color: #000066;
  font-size: 19px;
  position: absolute;

  right: 9px;
  top: 50%;
  margin-top: -10px;
}

.wrapper #mainCol dl.QnA.toggle dd {
  margin-top: 0;
  display: none;
}

.wrapper #mainCol dl.QnA.toggle dt.isOpen {
  background: #f3f3f3;
}

.wrapper #mainCol dl.QnA.toggle dt.isOpen:after {
  content: "\f056";
  color: #b2b2b2;
}

/* table */
.wrapper #mainCol table {
  border-top: 1px solid #b9b9b9;
  border-left: 1px solid #b9b9b9;
  width: 100%;
  margin-top: 0.85em;
  word-wrap: break-word;
}

.wrapper #mainCol table caption {
  font-size: 1.14em;
  line-height: 150%;
  font-weight: bold;
  margin-bottom: 0.4em;
}

.wrapper #mainCol table th,
.wrapper #mainCol table td {
  line-height: 1.7;
  border-right: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
  padding: 5px 7px;
}

.wrapper #mainCol table th>*:first-child,
.wrapper #mainCol table td>*:first-child {
  margin-top: 0;
}

.wrapper #mainCol table .odd th,
.wrapper #mainCol table .odd td,
.wrapper #mainCol table th.odd,
.wrapper #mainCol table td.odd {
  background: #f5f5f5;
}

.wrapper #mainCol table th {
  font-size: 1.07em;
  font-weight: bold;
  background: #e0ded6;
}

.wrapper div#mainCol table tfoot th,
.wrapper div#mainCol table tbody th {
  vertical-align: middle;
}

.wrapper #mainCol table td {
  background: transparent;
  text-align: left;
  vertical-align: top;
}

.wrapper #mainCol table th.tbgGray01,
.wrapper #mainCol table td.tbgGray01 {
  background: #e0ded6;
}

.wrapper #mainCol table th.tbgGray02,
.wrapper #mainCol table td.tbgGray02 {
  background: #f3f3f3;
}

.wrapper #mainCol table th.tbgBlue01,
.wrapper #mainCol table td.tbgBlue01 {
  background: #efeff5;
}

.wrapper #mainCol table th.tbgWhite01,
.wrapper #mainCol table td.tbgWhite01 {
  background: #ffffff;
}

.wrapper #mainCol table.skeleton {
  border: none;
}

.wrapper #mainCol table.skeleton>tr>th,
.wrapper #mainCol table.skeleton>tr>td,
.wrapper #mainCol table.skeleton>thead>tr>th,
.wrapper #mainCol table.skeleton>thead>tr>td,
.wrapper #mainCol table.skeleton>tbody>tr>th,
.wrapper #mainCol table.skeleton>tbody>tr>td {
  border: none;
  background: none;
  font-weight: normal;
  text-align: left;
}

.wrapper #mainCol table thead th.noBorderB,
.wrapper #mainCol table thead td.noBorderB,
.wrapper #mainCol table tbody th.noBorderB,
.wrapper #mainCol table tbody td.noBorderB,
.wrapper #mainCol table tfoot th.noBorderB,
.wrapper #mainCol table tfoot td.noBorderB {
  border-bottom: none;
}

.wrapper #mainCol table thead .borderT,
.wrapper #mainCol table tbody .borderT,
.wrapper #mainCol table tfoot .borderT {
  border-top: 1px solid #b9b9b9;
}

body.largeText .wrapper #mainCol table thead a,
body.largeText .wrapper #mainCol table tbody a,
body.largeText .wrapper #mainCol table tfoot a {
  word-break: break-word;
}

/* Line */
.wrapper #mainCol hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #ccc;
}

/* box */
.wrapper #mainCol .boxBorder {
  padding: 20px !important;
  border: 1px solid #d6d6d6;
}

.wrapper #mainCol .boxBackground,
.wrapper #mainCol .boxReadSpeaker {
  background: #f3f3f3;
  padding: 20px !important;
}

.wrapper #mainCol .boxBorder {
  border: 1px solid #d6d6d6;
  padding: 19px;
}

.wrapper #mainCol .boxBorder .txtImg .left {
  width: 20%;
}

.wrapper #mainCol .boxBorder .txtImg .right {
  width: 80%;
}

.wrapper.wide #mainCol .boxBorder .txtImg .left {
  width: 15%;
}

.wrapper.wide #mainCol .boxBorder .txtImg .right {
  width: 85%;
}

.wrapper #mainCol .boxBorder p:first-child {
  margin-top: 0;
}

.wrapper #mainCol .boxBorder ul:first-child,
.wrapper #mainCol .boxBorder ol:first-child {
  margin-top: 0;
}

.wrapper #mainCol .boxBgBrdr {
  border: 1px solid #d6d6d6;
  background: #f3f3f3;
  padding: 19px;
}

.wrapper #mainCol .boxReadSpeaker {
  border: 1px solid #d6d6d6;
}

.wrapper #mainCol .boxReadSpeaker .btnRound.sound+* {
  margin-left: 20px;
}

.wrapper #mainCol div.attention {

  padding: 14px 19px;
  color: #cc0000;
  background: #ffffff;
  border: 1px solid #d93a0a;
}

.wrapper #mainCol div.attention>ul:first-child {
  margin-top: 0;
}

.wrapper #mainCol .boxNotice.alt {
  background-color: #ffffff;
  border: 1px solid #AC0A5F;
}


/* 201604_add */
/* h1-004 */
.wrapper #mainCol .withLink {
  display: table;
  width: 100%;
}

.wrapper #mainCol .withLink [class$="Tit"] {
  display: table-cell;
  vertical-align: middle;
}

.wrapper #mainCol .withLink h1[class$="Tit"],
.wrapper #mainCol .withLink h2[class$="Tit"],
.wrapper #mainCol .withLink h3[class$="Tit"],
.wrapper #mainCol .withLink h4[class$="Tit"],
.wrapper #mainCol .withLink h5[class$="Tit"],
.wrapper #mainCol .withLink h6[class$="Tit"] {
  width: 100%;
  padding-right: 1%;
}

.wrapper #mainCol .withLink p[class$="Tit"] {
  width: 100%;
}

/* h2-003,h2-004 */
.wrapper #mainCol .strongH,
.wrapper #mainCol .relationH {
  background: #207db4;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: -1em;
  padding: 10px;
}

.wrapper #mainCol div.strong,
.wrapper #mainCol p.strong,
.wrapper #mainCol div.relation,
.wrapper #mainCol p.relation {
  background: #ffffff;
  border: 1px solid #207db4;
  margin-top: 1em;
  padding: 14px 19px;
}

/* h2-005 */
.wrapper #mainCol .attentionH {
  background: #d93a0a;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: -1em;
  padding: 10px;
}

.wrapper #mainCol div.attention,
.wrapper #mainCol p.attention {
  padding: 14px 19px;
  color: #cc0000;
  background: #ffffff;
  margin-top: 1em;
  border: 1px solid #d93a0a;
}

/* h2-006 */
.wrapper #mainCol .explanationH {
  background: #110665;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: -1em;
  padding: 10px;
}

.wrapper #mainCol div.explanation,
.wrapper #mainCol p.explanation {
  padding: 14px 19px;
  background: #ffffff;
  border: 1px solid #110665;
  margin-top: 1em;
}

.wrapper #mainCol *+.strongH,
.wrapper #mainCol *+.relationH,
.wrapper #mainCol *+.attentionH,
.wrapper #mainCol *+.explanationH {
  margin-top: 1em;
}

/* box in ul,ol */
.wrapper #mainCol .strong>*:first-child,
.wrapper #mainCol .relation>*:first-child,
.wrapper #mainCol .attention>*:first-child,
.wrapper #mainCol .explanation>*:first-child {
  margin-top: 0;
}

.wrapper #mainCol .strong ul li>ul:first-child,
.wrapper #mainCol .strong ul li>ol:first-child,
.wrapper #mainCol .strong ol li>ul:first-child,
.wrapper #mainCol .strong ol li>ol:first-child,
.wrapper #mainCol .relation ul li>ul:first-child,
.wrapper #mainCol .relation ul li>ol:first-child,
.wrapper #mainCol .relation ol li>ul:first-child,
.wrapper #mainCol .relation ol li>ol:first-child,
.wrapper #mainCol .attention ul li>ul:first-child,
.wrapper #mainCol .attention ul li>ol:first-child,
.wrapper #mainCol .attention ol li>ul:first-child,
.wrapper #mainCol .attention ol li>ol:first-child,
.wrapper #mainCol .explanation ul li>ul:first-child,
.wrapper #mainCol .explanation ul li>ol:first-child,
.wrapper #mainCol .explanation ol li>ul:first-child,
.wrapper #mainCol .explanation ol li>ol:first-child {
  margin-top: 1em;
}

.wrapper #mainCol .strong ul.flat,
.wrapper #mainCol .strong ol.flat,
.wrapper #mainCol .relation ul.flat,
.wrapper #mainCol .relation ol.flat,
.wrapper #mainCol .attention ul.flat,
.wrapper #mainCol .attention ol.flat,
.wrapper #mainCol .explanation ul.flat,
.wrapper #mainCol .explanation ol.flat {
  margin-top: 0;
}

.wrapper #mainCol .strong ul.flat:first-child,
.wrapper #mainCol .strong ol.flat:first-child,
.wrapper #mainCol .relation ul.flat:first-child,
.wrapper #mainCol .relation ol.flat:first-child,
.wrapper #mainCol .attention ul.flat:first-child,
.wrapper #mainCol .attention ol.flat:first-child,
.wrapper #mainCol .explanation ul.flat:first-child,
.wrapper #mainCol .explanation ol.flat:first-child {
  margin-top: -1em;
}

.wrapper #mainCol .strong ul.flat>li,
.wrapper #mainCol .strong ol.flat>li,
.wrapper #mainCol .relation ul.flat>li,
.wrapper #mainCol .relation ol.flat>li,
.wrapper #mainCol .attention ul.flat>li,
.wrapper #mainCol .attention ol.flat>li,
.wrapper #mainCol .explanation ul.flat>li,
.wrapper #mainCol .explanation ol.flat>li {
  margin-top: 1em;
  margin-bottom: 0;
}


/* box in p */
.wrapper #mainCol .boxReadSpeaker p:first-child,
.wrapper #mainCol .strong p:first-child,
.wrapper #mainCol .relation p:first-child,
.wrapper #mainCol .attention p:first-child,
.wrapper #mainCol .explanation p:first-child {
  margin-top: 0;
}

/* box in section */
.wrapper #mainCol .boxReadSpeaker .section:first-child,
.wrapper #mainCol .strong .section:first-child,
.wrapper #mainCol .relation .section:first-child,
.wrapper #mainCol .attention .section:first-child,
.wrapper #mainCol .explanation .section:first-child {
  margin-top: 0;
}

/* li-001 */
.wrapper #mainCol ul.flat:first-child {
  margin-top: 1em;
}

.wrapper #mainCol ul.flat li {
  display: inline-block;
  margin-right: 40px;
  text-indent: 0;
  padding-left: 1em;
}

.wrapper #mainCol ul.flat li:before {
  position: absolute;
  left: 0;
}

/* li-002-b */
.wrapper div#mainCol ul.listNav li.normal {
  padding-left: 1.3em;
  text-indent: 0;
  position: relative;
}

.wrapper div#mainCol ul.listNav li.normal:before {
  font-family: 'icomoon';
  content: "\e901";
  color: #207db4;
  position: absolute;
  top: 0;
  left: 0;
}

.wrapper div#mainCol ul.listNav.alnRight li.normal:before,
.wrapper div#mainCol ul.listNav.alnCenter li.normal:before {
  position: relative;
  top: 0;
  width: auto;
}

/* li-003 */
.wrapper #mainCol ul.border,

.wrapper #mainCol .borderL {
  background: #f3f3f3;
  padding: 1.42em 1.42em 0.42em 1.42em;
}

.wrapper #mainCol ul.border li {
  display: inline-block;
  margin-right: 40px;
}

/* li-006 */
.wrapper #mainCol ul.anchor li:before {
  content: "\f0d7" !important;
}

/* li-011 */
.wrapper #mainCol ul.tab li {
  padding-left: 0px;
}

.wrapper #mainCol ul.tab li:before {
  content: "" !important;
}

/* li-019 */
a.beginning:before,
a.back:before,
a.forward:after,
a.end:after {
  font-family: 'icomoon';
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  margin-right: 5px;
  vertical-align: bottom;
}

a.beginning:before,
a.back:before {
  margin-right: 5px;
}

a.forward:after,
a.end:after {
  margin-left: 5px;
}

a.beginning:before {
  content: "\f100";
}

a.back:before {
  content: "\f104";
}

a.forward:after {
  content: "\f105";
}

a.end:after {
  content: "\f101";
}

/* li-020 */
.wrapper #mainCol ol.normal,
.wrapper #mainCol ol.normal ol.normal {
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1.25em;
  padding-left: 1.3em;
  text-indent: -2em\9;
  padding-left: 2em\9;
}

@media all and (-ms-high-contrast: none) {

  .wrapper #mainCol ol.normal,
  .wrapper #mainCol ol.normal ol.normal {
    text-indent: -2em;
    padding-left: 2em;
  }
}

.wrapper #mainCol ol.normal ul,
.wrapper #mainCol ol.normal ol {
  text-indent: 0;
}

/* li-021 */
.wrapper #mainCol ol.paren {
  position: relative;
}

.wrapper #mainCol ol.paren>li {
  list-style: none;
  margin-left: 0;
}

/* li-024 */
.wrapper #mainCol ul.uprAlpha,
.wrapper #mainCol ol.uprAlpha {
  padding-left: 1.3em;
  list-style-type: upper-alpha;
}

/* li-026 */
.wrapper #mainCol ul.lowAlpha,
.wrapper #mainCol ol.lowAlpha {
  padding-left: 1.3em;
  list-style-type: lower-alpha;
}

/* li-027 */
.wrapper #mainCol ul.imageIcon>li,
.wrapper #mainCol ol.imageIcon>li {
  margin-left: 0;
  padding-left: 1.2em;
}

/* li-028 */
.wrapper #mainCol ul.normal>li {
  padding-left: 1.3em;
  position: relative;
}

.wrapper #mainCol ul.normal>li:before {
  font-family: 'icomoon';
  content: "\e901";
  color: #207db4;
  position: absolute;
  top: 0;
  left: 0;
}

.wrapper #mainCol .alnCenter ul.normal>li:before,
.wrapper #mainCol .alnRight ul.normal>li:before,
.wrapper #mainCol ul.normal.alnCenter>li:before,
.wrapper #mainCol ul.normal.alnRight>li:before,
.wrapper #mainCol ul.normal>li.alnCenter:before,
.wrapper #mainCol ul.normal>li.alnRight:before {
  left: -0.3em;
}

.wrapper #mainCol .attention ul.normal>li:before {
  color: #c00000;
}

/* li-033 */
.wrapper #mainCol ul>li.nonArrow,
.wrapper #mainCol ol>li.nonArrow {
  list-style: none;
  background: none;
}

.wrapper #mainCol ul>li.nonArrow ul,
.wrapper #mainCol ol>li.nonArrow ol {
  padding-left: 1em;
}

.wrapper #mainCol ul li.nonArrow:before,
.wrapper #mainCol ol li.nonArrow:before {
  content: "" !important;
}

/* li-034 */
ul.listNav li:before {
  font-family: 'icomoon';
  position: absolute;
  left: 0;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
  vertical-align: bottom;
}

ul.listNav li,
ul li.icmBlank,
dl dd {
  position: relative;
}

ul.listNav li,
ul li.icmBlank,
dl dd.icmBlank {
  padding-left: 1.2em;
}

.icmCaretRight.active,
ul.listNav>li.active {
  padding-right: 2px;
  text-decoration: none !important;
  display: inline-block;
  color: #ffffff !important;
}

.icmCaretRight.active,
.icmCaretRight.active a,
ul.listNav>li.active {
  text-decoration: none !important;
  display: inline-block;
  color: #ffffff !important;
}

ul li.icmCaretRight.active:before,
ul li.icmBlank:before,
ul.listNav li:before,
ul.listNav li.active:before,
dl dd:before {
  position: absolute;
  left: 0;
}

ul li.icmBlank:before {
  color: #333333;
}

/* li-035 */
.wrapper #mainCol ul>li.icmBlank:before {
  left: 0.1em;
}

.wrapper #mainCol .alnCenter ul>li.icmBlank:before,
.wrapper #mainCol .alnRight ul>li.icmBlank:before,
.wrapper #mainCol ul.alnCenter>li.icmBlank:before,
.wrapper #mainCol ul.alnRight>li.icmBlank:before,
.wrapper #mainCol ul>li.icmBlank.alnCenter:before,
.wrapper #mainCol ul>li.icmBlank.alnRight:before {
  left: 0.2em;
}

/* li-036 */
.wrapper #mainCol ol.hyphen {
  position: relative;
}

.wrapper #mainCol ol.hyphen>li {
  list-style: none;
  margin-left: 0;
}

/* li-paren&annotation&imageIcon */
.wrapper #mainCol ul.paren>li,
.wrapper #mainCol ol.paren>li,
.wrapper #mainCol ul.hyphen>li,
.wrapper #mainCol ol.hyphen>li,
.wrapper #mainCol ul.annotation>li,
.wrapper #mainCol ol.annotation>li,
.wrapper #mainCol ul.imageIcon>li,
.wrapper #mainCol ol.imageIcon>li {
  position: relative;
}

.wrapper #mainCol ul.paren>li:before,
.wrapper #mainCol ol.paren>li:before,
.wrapper #mainCol ul.hyphen>li:before,
.wrapper #mainCol ol.hyphen>li:before,
.wrapper #mainCol ul.annotation>li:before,
.wrapper #mainCol ol.annotation>li:before,
.wrapper #mainCol ul.imageIcon>li:before,
.wrapper #mainCol ol.imageIcon>li:before {
  content: "";
}

.wrapper #mainCol ul.paren.char1>li,
.wrapper #mainCol ol.paren.char1>li,
.wrapper #mainCol ul.annotation.char1>li,
.wrapper #mainCol ol.annotation.char1>li {
  padding-left: 1em;
}

.wrapper #mainCol ul.paren.char2>li,
.wrapper #mainCol ol.paren.char2>li,
.wrapper #mainCol ul.annotation.char2>li,
.wrapper #mainCol ol.annotation.char2>li {
  padding-left: 2em;
}

.wrapper #mainCol ul.paren.char3>li,
.wrapper #mainCol ol.paren.char3>li,
.wrapper #mainCol ul.annotation.char3>li,
.wrapper #mainCol ol.annotation.char3>li {
  padding-left: 3em;
}

.wrapper #mainCol ul.paren.char4>li,
.wrapper #mainCol ol.paren.char4>li,
.wrapper #mainCol ul.annotation.char4>li,
.wrapper #mainCol ol.annotation.char4>li {
  padding-left: 4em;
}

.wrapper #mainCol ul.paren.char5>li,
.wrapper #mainCol ol.paren.char5>li,
.wrapper #mainCol ul.annotation.char5>li,
.wrapper #mainCol ol.annotation.char5>li {
  padding-left: 5em;
}

.wrapper #mainCol ul.hyphen.char1>li,
.wrapper #mainCol ol.hyphen.char1>li {
  padding-left: 1em;
}

.wrapper #mainCol ul.hyphen.char2>li,
.wrapper #mainCol ol.hyphen.char2>li {
  padding-left: 1.5em;
}

.wrapper #mainCol ul.hyphen.char3>li,
.wrapper #mainCol ol.hyphen.char3>li {
  padding-left: 2em;
}

.wrapper #mainCol ul.hyphen.char4>li,
.wrapper #mainCol ol.hyphen.char4>li {
  padding-left: 2.5em;
}

.wrapper #mainCol ul.hyphen.char5>li,
.wrapper #mainCol ol.hyphen.char5>li {
  padding-left: 3em;
}

.wrapper #mainCol ul.hyphen.char6>li,
.wrapper #mainCol ol.hyphen.char6>li {
  padding-left: 3.5em;
}

.wrapper #mainCol ul.paren li .number,
.wrapper #mainCol ol.paren li .number,
.wrapper #mainCol ul.hyphen li .number,
.wrapper #mainCol ol.hyphen li .number,
.wrapper #mainCol ul.annotation li .number,
.wrapper #mainCol ol.annotation li .number,
.wrapper #mainCol ul.imageIcon>li .img,
.wrapper #mainCol ol.imageIcon>li .img {
  position: absolute;
  display: inline-block;
  left: 0;
  white-space: nowrap;
}


/* list_all */
.wrapper #mainCol .alnCenter ul>li,
.wrapper #mainCol .alnRight ul>li,
.wrapper #mainCol .alnCenter ol>li,
.wrapper #mainCol .alnRight ol>li,
.wrapper #mainCol ul.alnCenter>li,
.wrapper #mainCol ul.alnRight>li,
.wrapper #mainCol ol.alnCenter>li,
.wrapper #mainCol ol.alnRight>li,
.wrapper #mainCol ul>li.alnCenter,
.wrapper #mainCol ul>li.alnRight,
.wrapper #mainCol ol>li.alnCenter,
.wrapper #mainCol ol>li.alnRight,
.wrapper #mainCol .imageLeft ul>li,
.wrapper #mainCol .imageLeft ol>li {
  position: relative;
  display: block;
  text-indent: -1em;
}

.wrapper #mainCol .alnCenter ul.flat>li,
.wrapper #mainCol .alnRight ul.flat>li,
.wrapper #mainCol .alnCenter ol.flat>li,
.wrapper #mainCol .alnRight ol.flat>li,
.wrapper #mainCol ul.flat.alnCenter>li,
.wrapper #mainCol ul.flat.alnRight>li,
.wrapper #mainCol ol.flat.alnCenter>li,
.wrapper #mainCol ol.flat.alnRight>li,
.wrapper #mainCol ul.flat>li.alnCenter,
.wrapper #mainCol ul.flat>li.alnRight,
.wrapper #mainCol ol.flat>li.alnCenter,
.wrapper #mainCol ol.flat>li.alnRight {
  display: inline-block;
}

.wrapper #mainCol .alnCenter ul>li:before,
.wrapper #mainCol .alnRight ul>li:before,
.wrapper #mainCol .alnCenter ol>li:before,
.wrapper #mainCol .alnRight ol>li:before,
.wrapper #mainCol ul.alnCenter>li:before,
.wrapper #mainCol ul.alnRight>li:before,
.wrapper #mainCol ol.alnCenter>li:before,
.wrapper #mainCol ol.alnRight>li:before,
.wrapper #mainCol ul>li.alnCenter:before,
.wrapper #mainCol ul>li.alnRight:before,
.wrapper #mainCol ol>li.alnCenter:before,
.wrapper #mainCol ol>li.alnRight:before,
.wrapper #mainCol .imageLeft ul>li:before,
.wrapper #mainCol .imageLeft ol>li:before {
  position: relative;
  top: 0;
  left: 0.2em;
  width: auto;
}

.wrapper #mainCol .alnCenter ul>li.active,
.wrapper #mainCol .alnRight ul>li.active,
.wrapper #mainCol ul.alnCenter>li.active,
.wrapper #mainCol ul.alnRight>li.active,
.wrapper #mainCol ul>li.active.alnCenter,
.wrapper #mainCol ul>li.active.alnRight {
  text-indent: 0;
}

.wrapper #mainCol .alnCenter ul>li.active:before,
.wrapper #mainCol .alnRight ul>li.active:before,
.wrapper #mainCol ul.alnCenter>li.active:before,
.wrapper #mainCol ul.alnRight>li.active:before,
.wrapper #mainCol ul>li.active.alnCenter:before,
.wrapper #mainCol ul>li.active.alnRight:before {
  display: inline-block;
  left: 0.4em;
  width: 1em;
}

.wrapper #mainCol .alnCenter ul>li.active a,
.wrapper #mainCol .alnRight ul>li.active a,
.wrapper #mainCol ul.alnCenter>li.active a,
.wrapper #mainCol ul.alnRight>li.active a,
.wrapper #mainCol ul>li.active.alnCenter a,
.wrapper #mainCol ul>li.active.alnRight a {
  padding-left: 0.2em;
}

.wrapper #mainCol .alnCenter ul.paren>li>.number,
.wrapper #mainCol .alnRight ul.paren>li>.number,
.wrapper #mainCol .alnCenter ol.paren>li>.number,
.wrapper #mainCol .alnRight ol.paren>li>.number,
.wrapper #mainCol ul.paren.alnCenter>li>.number,
.wrapper #mainCol ul.paren.alnRight>li>.number,
.wrapper #mainCol ol.paren.alnCenter>li>.number,
.wrapper #mainCol ol.paren.alnRight>li>.number,
.wrapper #mainCol ul.paren li.alnCenter>.number,
.wrapper #mainCol ul.paren li.alnRight>.number,
.wrapper #mainCol ol.paren li.alnCenter>.number,
.wrapper #mainCol ol.paren li.alnRight>.number,
.wrapper #mainCol .alnCenter ul.hyphen>li>.number,
.wrapper #mainCol .alnRight ul.hyphen>li>.number,
.wrapper #mainCol .alnCenter ol.hyphen>li>.number,
.wrapper #mainCol .alnRight ol.hyphen>li>.number,
.wrapper #mainCol ul.hyphen.alnCenter>li>.number,
.wrapper #mainCol ul.hyphen.alnRight>li>.number,
.wrapper #mainCol ol.hyphen.alnCenter>li>.number,
.wrapper #mainCol ol.hyphen.alnRight>li>.number,
.wrapper #mainCol ul.hyphen li.alnCenter>.number,
.wrapper #mainCol ul.hyphen li.alnRight>.number,
.wrapper #mainCol ol.hyphen li.alnCenter>.number,
.wrapper #mainCol ol.hyphen li.alnRight>.number,
.wrapper #mainCol .alnCenter ul.annotation>li>.number,
.wrapper #mainCol .alnRight ul.annotation>li>.number,
.wrapper #mainCol .alnCenter ol.annotation>li>.number,
.wrapper #mainCol .alnRight ol.annotation>li>.number,
.wrapper #mainCol ul.annotation.alnCenter li>.number,
.wrapper #mainCol ul.annotation.alnRight li>.number,
.wrapper #mainCol ol.annotation.alnCenter li>.number,
.wrapper #mainCol ol.annotation.alnRight li>.number,
.wrapper #mainCol ul.annotation li.alnCenter>.number,
.wrapper #mainCol ul.annotation li.alnRight>.number,
.wrapper #mainCol ol.annotation li.alnCenter>.number,
.wrapper #mainCol ol.annotation li.alnRight>.number,
.wrapper #mainCol .alnCenter ul.imageIcon>li>.number,
.wrapper #mainCol .alnRight ul.imageIcon>li>.number,
.wrapper #mainCol .alnCenter ol.imageIcon>li>.number,
.wrapper #mainCol .alnRight ol.imageIcon>li>.number,
.wrapper #mainCol ul.imageIcon.alnCenter>li>.img,
.wrapper #mainCol ul.imageIcon.alnRight>li>.img,
.wrapper #mainCol ol.imageIcon.alnCenter>li>.img,
.wrapper #mainCol ol.imageIcon.alnRight>li>.img,
.wrapper #mainCol ul.imageIcon>li.alnCenter>.img,
.wrapper #mainCol ul.imageIcon>li.alnRight>.img,
.wrapper #mainCol ol.imageIcon>li.alnCenter>.img,
.wrapper #mainCol ol.imageIcon>li.alnRight>.img {
  position: relative;
  top: 0;
  width: 1em;
  text-align: left;
  left: 0.9em;
}

/* char2 */
.wrapper #mainCol .alnCenter ul.paren.char2>li,
.wrapper #mainCol .alnRight ul.paren.char2>li,
.wrapper #mainCol .alnCenter ol.paren.char2>li,
.wrapper #mainCol .alnRight ol.paren.char2>li,
.wrapper #mainCol ul.paren.char2.alnCenter>li,
.wrapper #mainCol ul.paren.char2.alnRight>li,
.wrapper #mainCol ol.paren.char2.alnCenter>li,
.wrapper #mainCol ol.paren.char2.alnRight>li,
.wrapper #mainCol ul.paren.char2>li.alnCenter,
.wrapper #mainCol ul.paren.char2>li.alnRight,
.wrapper #mainCol ol.paren.char2>li.alnCenter,
.wrapper #mainCol ol.paren.char2>li.alnRight,
.wrapper #mainCol .alnCenter ul.annotation.char2>li,
.wrapper #mainCol .alnRight ul.annotation.char2>li,
.wrapper #mainCol .alnCenter ol.annotation.char2>li,
.wrapper #mainCol .alnRight ol.annotation.char2>li,
.wrapper #mainCol ul.annotation.char2.alnCenter>li,
.wrapper #mainCol ul.annotation.char2.alnRight>li,
.wrapper #mainCol ol.annotation.char2.alnCenter>li,
.wrapper #mainCol ol.annotation.char2.alnRight>li,
.wrapper #mainCol ul.annotation.char2>li.alnCenter,
.wrapper #mainCol ul.annotation.char2>li.alnRight,
.wrapper #mainCol ol.annotation.char2>li.alnCenter,
.wrapper #mainCol ol.annotation.char2>li.alnRight {
  text-indent: -2em;
}

.wrapper #mainCol .alnCenter ul.paren.char2>li>.number,
.wrapper #mainCol .alnRight ul.paren.char2>li>.number,
.wrapper #mainCol .alnCenter ol.paren.char2>li>.number,
.wrapper #mainCol .alnRight ol.paren.char2>li>.number,
.wrapper #mainCol ul.paren.char2.alnCenter li>.number,
.wrapper #mainCol ul.paren.char2.alnRight li>.number,
.wrapper #mainCol ol.paren.char2.alnCenter li>.number,
.wrapper #mainCol ol.paren.char2.alnRight li>.number,
.wrapper #mainCol ul.paren.char2 li.alnCenter>.number,
.wrapper #mainCol ul.paren.char2 li.alnRight>.number,
.wrapper #mainCol ol.paren.char2 li.alnCenter>.number,
.wrapper #mainCol ol.paren.char2 li.alnRight>.number,
.wrapper #mainCol .alnCenter ul.annotation.char2>li>.number,
.wrapper #mainCol .alnRight ul.annotation.char2>li>.number,
.wrapper #mainCol .alnCenter ol.annotation.char2>li>.number,
.wrapper #mainCol .alnRight ol.annotation.char2>li>.number,
.wrapper #mainCol ul.annotation.char2.alnCenter li>.number,
.wrapper #mainCol ul.annotation.char2.alnRight li>.number,
.wrapper #mainCol ol.annotation.char2.alnCenter li>.number,
.wrapper #mainCol ol.annotation.char2.alnRight li>.number,
.wrapper #mainCol ul.annotation.char2 li.alnCenter>.number,
.wrapper #mainCol ul.annotation.char2 li.alnRight>.number,
.wrapper #mainCol ol.annotation.char2 li.alnCenter>.number,
.wrapper #mainCol ol.annotation.char2 li.alnRight>.number {
  width: 2em;
  left: 1.9em;
}

/* char3 */
.wrapper #mainCol .alnCenter ul.paren.char3>li,
.wrapper #mainCol .alnRight ul.paren.char3>li,
.wrapper #mainCol .alnCenter ol.paren.char3>li,
.wrapper #mainCol .alnRight ol.paren.char3>li,
.wrapper #mainCol ul.paren.char3.alnCenter>li,
.wrapper #mainCol ul.paren.char3.alnRight>li,
.wrapper #mainCol ol.paren.char3.alnCenter>li,
.wrapper #mainCol ol.paren.char3.alnRight>li,
.wrapper #mainCol ul.paren.char3>li.alnCenter,
.wrapper #mainCol ul.paren.char3>li.alnRight,
.wrapper #mainCol ol.paren.char3>li.alnCenter,
.wrapper #mainCol ol.paren.char3>li.alnRight,
.wrapper #mainCol .alnCenter ul.annotation.char3>li,
.wrapper #mainCol .alnRight ul.annotation.char3>li,
.wrapper #mainCol .alnCenter ol.annotation.char3>li,
.wrapper #mainCol .alnRight ol.annotation.char3>li,
.wrapper #mainCol ul.annotation.char3.alnCenter>li,
.wrapper #mainCol ul.annotation.char3.alnRight>li,
.wrapper #mainCol ol.annotation.char3.alnCenter>li,
.wrapper #mainCol ol.annotation.char3.alnRight>li,
.wrapper #mainCol ul.annotation.char3>li.alnCenter,
.wrapper #mainCol ul.annotation.char3>li.alnRight,
.wrapper #mainCol ol.annotation.char3>li.alnCenter,
.wrapper #mainCol ol.annotation.char3>li.alnRight {
  text-indent: -3em;
}

.wrapper #mainCol .alnCenter ul.paren.char3>li>.number,
.wrapper #mainCol .alnRight ul.paren.char3>li>.number,
.wrapper #mainCol .alnCenter ol.paren.char3>li>.number,
.wrapper #mainCol .alnRight ol.paren.char3>li>.number,
.wrapper #mainCol ul.paren.char3.alnCenter li>.number,
.wrapper #mainCol ul.paren.char3.alnRight li>.number,
.wrapper #mainCol ol.paren.char3.alnCenter li>.number,
.wrapper #mainCol ol.paren.char3.alnRight li>.number,
.wrapper #mainCol ul.paren.char3 li.alnCenter>.number,
.wrapper #mainCol ul.paren.char3 li.alnRight>.number,
.wrapper #mainCol ol.paren.char3 li.alnCenter>.number,
.wrapper #mainCol ol.paren.char3 li.alnRight>.number,
.wrapper #mainCol .alnCenter ul.annotation.char3>li>.number,
.wrapper #mainCol .alnRight ul.annotation.char3>li>.number,
.wrapper #mainCol .alnCenter ol.annotation.char3>li>.number,
.wrapper #mainCol .alnRight ol.annotation.char3>li>.number,
.wrapper #mainCol ul.annotation.char3.alnCenter li>.number,
.wrapper #mainCol ul.annotation.char3.alnRight li>.number,
.wrapper #mainCol ol.annotation.char3.alnCenter li>.number,
.wrapper #mainCol ol.annotation.char3.alnRight li>.number,
.wrapper #mainCol ul.annotation.char3 li.alnCenter>.number,
.wrapper #mainCol ul.annotation.char3 li.alnRight>.number,
.wrapper #mainCol ol.annotation.char3 li.alnCenter>.number,
.wrapper #mainCol ol.annotation.char3 li.alnRight>.number {
  width: 3em;
  left: 2.9em;
}

/* char4 */
.wrapper #mainCol .alnCenter ul.paren.char4>li,
.wrapper #mainCol .alnRight ul.paren.char4>li,
.wrapper #mainCol .alnCenter ol.paren.char4>li,
.wrapper #mainCol .alnRight ol.paren.char4>li,
.wrapper #mainCol ul.paren.char4.alnCenter>li,
.wrapper #mainCol ul.paren.char4.alnRight>li,
.wrapper #mainCol ol.paren.char4.alnCenter>li,
.wrapper #mainCol ol.paren.char4.alnRight>li,
.wrapper #mainCol ul.paren.char4>li.alnCenter,
.wrapper #mainCol ul.paren.char4>li.alnRight,
.wrapper #mainCol ol.paren.char4>li.alnCenter,
.wrapper #mainCol ol.paren.char4>li.alnRight,
.wrapper #mainCol .alnCenter ul.annotation.char4>li,
.wrapper #mainCol .alnRight ul.annotation.char4>li,
.wrapper #mainCol .alnCenter ol.annotation.char4>li,
.wrapper #mainCol .alnRight ol.annotation.char4>li,
.wrapper #mainCol ul.annotation.char4.alnCenter>li,
.wrapper #mainCol ul.annotation.char4.alnRight>li,
.wrapper #mainCol ol.annotation.char4.alnCenter>li,
.wrapper #mainCol ol.annotation.char4.alnRight>li,
.wrapper #mainCol ul.annotation.char4>li.alnCenter,
.wrapper #mainCol ul.annotation.char4>li.alnRight,
.wrapper #mainCol ol.annotation.char4>li.alnCenter,
.wrapper #mainCol ol.annotation.char4>li.alnRight {
  text-indent: -4em;

}

.wrapper #mainCol .alnCenter ul.paren.char4>li>.number,
.wrapper #mainCol .alnRight ul.paren.char4>li>.number,
.wrapper #mainCol .alnCenter ol.paren.char4>li>.number,
.wrapper #mainCol .alnRight ol.paren.char4>li>.number,
.wrapper #mainCol ul.paren.char4.alnCenter li>.number,

.wrapper #mainCol ul.paren.char4.alnRight li>.number,
.wrapper #mainCol ol.paren.char4.alnCenter li>.number,
.wrapper #mainCol ol.paren.char4.alnRight li>.number,
.wrapper #mainCol ul.paren.char4 li.alnCenter>.number,
.wrapper #mainCol ul.paren.char4 li.alnRight>.number,
.wrapper #mainCol ol.paren.char4 li.alnCenter>.number,
.wrapper #mainCol ol.paren.char4 li.alnRight>.number,
.wrapper #mainCol .alnCenter ul.annotation.char4>li>.number,
.wrapper #mainCol .alnRight ul.annotation.char4>li>.number,
.wrapper #mainCol .alnCenter ol.annotation.char4>li>.number,
.wrapper #mainCol .alnRight ol.annotation.char4>li>.number,
.wrapper #mainCol ul.annotation.char4.alnCenter li>.number,
.wrapper #mainCol ul.annotation.char4.alnRight li>.number,
.wrapper #mainCol ol.annotation.char4.alnCenter li>.number,
.wrapper #mainCol ol.annotation.char4.alnRight li>.number,
.wrapper #mainCol ul.annotation.char4 li.alnCenter>.number,
.wrapper #mainCol ul.annotation.char4 li.alnRight>.number,
.wrapper #mainCol ol.annotation.char4 li.alnCenter>.number,
.wrapper #mainCol ol.annotation.char4 li.alnRight>.number {
  width: 4em;
  left: 3.9em;
}

/* char5 */
.wrapper #mainCol .alnCenter ul.paren.char5>li,
.wrapper #mainCol .alnRight ul.paren.char5>li,
.wrapper #mainCol .alnCenter ol.paren.char5>li,
.wrapper #mainCol .alnRight ol.paren.char5>li,
.wrapper #mainCol ul.paren.char5.alnCenter>li,
.wrapper #mainCol ul.paren.char5.alnRight>li,
.wrapper #mainCol ol.paren.char5.alnCenter>li,
.wrapper #mainCol ol.paren.char5.alnRight>li,
.wrapper #mainCol ul.paren.char5>li.alnCenter,
.wrapper #mainCol ul.paren.char5>li.alnRight,
.wrapper #mainCol ol.paren.char5>li.alnCenter,
.wrapper #mainCol ol.paren.char5>li.alnRight,
.wrapper #mainCol .alnCenter ul.annotation.char5>li,
.wrapper #mainCol .alnRight ul.annotation.char5>li,
.wrapper #mainCol .alnCenter ol.annotation.char5>li,
.wrapper #mainCol .alnRight ol.annotation.char5>li,
.wrapper #mainCol ul.annotation.char5.alnCenter>li,
.wrapper #mainCol ul.annotation.char5.alnRight>li,
.wrapper #mainCol ol.annotation.char5.alnCenter>li,
.wrapper #mainCol ol.annotation.char5.alnRight>li,
.wrapper #mainCol ul.annotation.char5>li.alnCenter,
.wrapper #mainCol ul.annotation.char5>li.alnRight,
.wrapper #mainCol ol.annotation.char5>li.alnCenter,
.wrapper #mainCol ol.annotation.char5>li.alnRight {
  text-indent: -5em;
}

.wrapper #mainCol .alnCenter ul.paren.char5>li>.number,
.wrapper #mainCol .alnRight ul.paren.char5>li>.number,
.wrapper #mainCol .alnCenter ol.paren.char5>li>.number,
.wrapper #mainCol .alnRight ol.paren.char5>li>.number,
.wrapper #mainCol ul.paren.char5.alnCenter li>.number,
.wrapper #mainCol ul.paren.char5.alnRight li>.number,
.wrapper #mainCol ol.paren.char5.alnCenter li>.number,
.wrapper #mainCol ol.paren.char5.alnRight li>.number,
.wrapper #mainCol ul.paren.char5 li.alnCenter>.number,
.wrapper #mainCol ul.paren.char5 li.alnRight>.number,
.wrapper #mainCol ol.paren.char5 li.alnCenter>.number,
.wrapper #mainCol ol.paren.char5 li.alnRight>.number,
.wrapper #mainCol .alnCenter ul.annotation.char5>li>.number,
.wrapper #mainCol .alnRight ul.annotation.char5>li>.number,
.wrapper #mainCol .alnCenter ol.annotation.char5>li>.number,
.wrapper #mainCol .alnRight ol.annotation.char5>li>.number,
.wrapper #mainCol ul.annotation.char5.alnCenter li>.number,
.wrapper #mainCol ul.annotation.char5.alnRight li>.number,
.wrapper #mainCol ol.annotation.char5.alnCenter li>.number,
.wrapper #mainCol ol.annotation.char5.alnRight li>.number,
.wrapper #mainCol ul.annotation.char5 li.alnCenter>.number,
.wrapper #mainCol ul.annotation.char5 li.alnRight>.number,
.wrapper #mainCol ol.annotation.char5 li.alnCenter>.number,
.wrapper #mainCol ol.annotation.char5 li.alnRight>.number {
  width: 5em;
  left: 4.9em;
}

/* ol.hyphen */
/* char2 */
.wrapper #mainCol .alnCenter ul.hyphen.char2>li,
.wrapper #mainCol .alnRight ul.hyphen.char2>li,
.wrapper #mainCol .alnCenter ol.hyphen.char2>li,
.wrapper #mainCol .alnRight ol.hyphen.char2>li,
.wrapper #mainCol ul.hyphen.char2.alnCenter>li,
.wrapper #mainCol ul.hyphen.char2.alnRight>li,
.wrapper #mainCol ol.hyphen.char2.alnCenter>li,
.wrapper #mainCol ol.hyphen.char2.alnRight>li,
.wrapper #mainCol ul.hyphen.char2>li.alnCenter,
.wrapper #mainCol ul.hyphen.char2>li.alnRight,
.wrapper #mainCol ol.hyphen.char2>li.alnCenter,
.wrapper #mainCol ol.hyphen.char2>li.alnRight {
  text-indent: -1em;
}

.wrapper #mainCol .alnCenter ul.hyphen.char2>li>.number,
.wrapper #mainCol .alnRight ul.hyphen.char2>li>.number,
.wrapper #mainCol .alnCenter ol.hyphen.char2>li>.number,
.wrapper #mainCol .alnRight ol.hyphen.char2>li>.number,
.wrapper #mainCol ul.hyphen.char2.alnCenter li>.number,
.wrapper #mainCol ul.hyphen.char2.alnRight li>.number,
.wrapper #mainCol ol.hyphen.char2.alnCenter li>.number,
.wrapper #mainCol ol.hyphen.char2.alnRight li>.number,
.wrapper #mainCol ul.hyphen.char2 li.alnCenter>.number,
.wrapper #mainCol ul.hyphen.char2 li.alnRight>.number,
.wrapper #mainCol ol.hyphen.char2 li.alnCenter>.number,
.wrapper #mainCol ol.hyphen.char2 li.alnRight>.number {
  width: 1em;
  left: 0.95em;
}

/* char3 */
.wrapper #mainCol .alnCenter ul.hyphen.char3>li,
.wrapper #mainCol .alnRight ul.hyphen.char3>li,
.wrapper #mainCol .alnCenter ol.hyphen.char3>li,
.wrapper #mainCol .alnRight ol.hyphen.char3>li,
.wrapper #mainCol ul.hyphen.char3.alnCenter>li,
.wrapper #mainCol ul.hyphen.char3.alnRight>li,
.wrapper #mainCol ol.hyphen.char3.alnCenter>li,
.wrapper #mainCol ol.hyphen.char3.alnRight>li,
.wrapper #mainCol ul.hyphen.char3>li.alnCenter,
.wrapper #mainCol ul.hyphen.char3>li.alnRight,
.wrapper #mainCol ol.hyphen.char3>li.alnCenter,
.wrapper #mainCol ol.hyphen.char3>li.alnRight {
  text-indent: -1.5em;
}

.wrapper #mainCol .alnCenter ul.hyphen.char3>li>.number,
.wrapper #mainCol .alnRight ul.hyphen.char3>li>.number,
.wrapper #mainCol .alnCenter ol.hyphen.char3>li>.number,
.wrapper #mainCol .alnRight ol.hyphen.char3>li>.number,
.wrapper #mainCol ul.hyphen.char3.alnCenter li>.number,
.wrapper #mainCol ul.hyphen.char3.alnRight li>.number,
.wrapper #mainCol ol.hyphen.char3.alnCenter li>.number,
.wrapper #mainCol ol.hyphen.char3.alnRight li>.number,
.wrapper #mainCol ul.hyphen.char3 li.alnCenter>.number,
.wrapper #mainCol ul.hyphen.char3 li.alnRight>.number,
.wrapper #mainCol ol.hyphen.char3 li.alnCenter>.number,
.wrapper #mainCol ol.hyphen.char3 li.alnRight> {
  width: 1.5em;
  left: 1.45em;
}

/* char4 */
.wrapper #mainCol .alnCenter ul.hyphen.char4>li,
.wrapper #mainCol .alnRight ul.hyphen.char4>li,
.wrapper #mainCol .alnCenter ol.hyphen.char4>li,
.wrapper #mainCol .alnRight ol.hyphen.char4>li,
.wrapper #mainCol ul.hyphen.char4.alnCenter>li,
.wrapper #mainCol ul.hyphen.char4.alnRight>li,
.wrapper #mainCol ol.hyphen.char4.alnCenter>li,
.wrapper #mainCol ol.hyphen.char4.alnRight>li,
.wrapper #mainCol ul.hyphen.char4>li.alnCenter,
.wrapper #mainCol ul.hyphen.char4>li.alnRight,
.wrapper #mainCol ol.hyphen.char4>li.alnCenter,
.wrapper #mainCol ol.hyphen.char4>li.alnRight {
  text-indent: -2em;
}

.wrapper #mainCol .alnCenter ul.hyphen.char4>li>.number,
.wrapper #mainCol .alnRight ul.hyphen.char4>li>.number,
.wrapper #mainCol .alnCenter ol.hyphen.char4>li>.number,
.wrapper #mainCol .alnRight ol.hyphen.char4>li>.number,
.wrapper #mainCol ul.hyphen.char4.alnCenter li>.number,
.wrapper #mainCol ul.hyphen.char4.alnRight li>.number,
.wrapper #mainCol ol.hyphen.char4.alnCenter li>.number,
.wrapper #mainCol ol.hyphen.char4.alnRight li>.number,
.wrapper #mainCol ul.hyphen.char4 li.alnCenter>.number,
.wrapper #mainCol ul.hyphen.char4 li.alnRight>.number,
.wrapper #mainCol ol.hyphen.char4 li.alnCenter>.number,
.wrapper #mainCol ol.hyphen.char4 li.alnRight>.number {
  width: 2em;
  left: 1.95em;
}

/* char5 */
.wrapper #mainCol .alnCenter ul.hyphen.char5>li,
.wrapper #mainCol .alnRight ul.hyphen.char5>li,
.wrapper #mainCol .alnCenter ol.hyphen.char5>li,
.wrapper #mainCol .alnRight ol.hyphen.char5>li,
.wrapper #mainCol ul.hyphen.char5.alnCenter>li,
.wrapper #mainCol ul.hyphen.char5.alnRight>li,
.wrapper #mainCol ol.hyphen.char5.alnCenter>li,
.wrapper #mainCol ol.hyphen.char5.alnRight>li,
.wrapper #mainCol ul.hyphen.char5>li.alnCenter,
.wrapper #mainCol ul.hyphen.char5>li.alnRight,
.wrapper #mainCol ol.hyphen.char5>li.alnCenter,
.wrapper #mainCol ol.hyphen.char5>li.alnRight {
  text-indent: -2.5em;
}

.wrapper #mainCol .alnCenter ul.hyphen.char5>li>.number,
.wrapper #mainCol .alnRight ul.hyphen.char5>li>.number,
.wrapper #mainCol .alnCenter ol.hyphen.char5>li>.number,
.wrapper #mainCol .alnRight ol.hyphen.char5>li>.number,
.wrapper #mainCol ul.hyphen.char5.alnCenter li>.number,
.wrapper #mainCol ul.hyphen.char5.alnRight li>.number,
.wrapper #mainCol ol.hyphen.char5.alnCenter li>.number,
.wrapper #mainCol ol.hyphen.char5.alnRight li>.number,
.wrapper #mainCol ul.hyphen.char5 li.alnCenter>.number,
.wrapper #mainCol ul.hyphen.char5 li.alnRight>.number,
.wrapper #mainCol ol.hyphen.char5 li.alnCenter>.number,
.wrapper #mainCol ol.hyphen.char5 li.alnRight>.number {
  width: 2.5em;
  left: 2.45em;
}

/* char6 */
.wrapper #mainCol .alnCenter ul.hyphen.char6>li,
.wrapper #mainCol .alnRight ul.hyphen.char6>li,
.wrapper #mainCol .alnCenter ol.hyphen.char6>li,
.wrapper #mainCol .alnRight ol.hyphen.char6>li,
.wrapper #mainCol ul.hyphen.char6.alnCenter>li,
.wrapper #mainCol ul.hyphen.char6.alnRight>li,
.wrapper #mainCol ol.hyphen.char6.alnCenter>li,
.wrapper #mainCol ol.hyphen.char6.alnRight>li,
.wrapper #mainCol ul.hyphen.char6>li.alnCenter,
.wrapper #mainCol ul.hyphen.char6>li.alnRight,
.wrapper #mainCol ol.hyphen.char6>li.alnCenter,
.wrapper #mainCol ol.hyphen.char6>li.alnRight {
  text-indent: -3em;
}

.wrapper #mainCol .alnCenter ul.hyphen.char6>li>.number,
.wrapper #mainCol .alnRight ul.hyphen.char6>li>.number,
.wrapper #mainCol .alnCenter ol.hyphen.char6>li>.number,
.wrapper #mainCol .alnRight ol.hyphen.char6>li>.number,
.wrapper #mainCol ul.hyphen.char6.alnCenter li>.number,
.wrapper #mainCol ul.hyphen.char6.alnRight li>.number,
.wrapper #mainCol ol.hyphen.char6.alnCenter li>.number,
.wrapper #mainCol ol.hyphen.char6.alnRight li>.number,
.wrapper #mainCol ul.hyphen.char6 li.alnCenter>.number,
.wrapper #mainCol ul.hyphen.char6 li.alnRight>.number,
.wrapper #mainCol ol.hyphen.char6 li.alnCenter>.number,
.wrapper #mainCol ol.hyphen.char6 li.alnRight>.number {
  width: 3em;
  left: 2.95em;
}

/* socialBookmark */
.wrapper #mainCol div.socialBookmark ul.flat li {
  display: inline-block;
}


/* column-001, column-002 */
.wrapper #mainCol .column2 .col,
.wrapper #mainCol .column3 .col,
.wrapper #mainCol .column4 .col,
.wrapper #mainCol .column2>li,
.wrapper #mainCol .column3>li,
.wrapper #mainCol .column3 .colW,
.wrapper #mainCol .column4 .colW,
.wrapper #mainCol .column4 .col2W,
.wrapper #mainCol .column4>li {
  float: left;
  margin-left: 2%;
  margin-top: 3em;
}

.wrapper #mainCol .column2:first-of-type .col,
.wrapper #mainCol .column3:first-of-type .col,
.wrapper #mainCol .column4:first-of-type .col,
.wrapper #mainCol .column2:first-of-type>li,
.wrapper #mainCol .column3:first-of-type>li,
.wrapper #mainCol .column3:first-of-type .colW,
.wrapper #mainCol .column4:first-of-type .colW,
.wrapper #mainCol .column4:first-of-type .col2W,
.wrapper #mainCol .column4:first-of-type>li {
  margin-top: 0;
}

.wrapper #mainCol .column2:first-of-type .col:nth-child(n+3),
.wrapper #mainCol .column3:first-of-type .col:nth-child(n+4),
.wrapper #mainCol .column4:first-of-type .col:nth-child(n+5),
.wrapper #mainCol .column2:first-of-type>li:nth-child(n+3),
.wrapper #mainCol .column3:first-of-type>li:nth-child(n+4),
.wrapper #mainCol .column3:first-of-type .colW:nth-child(n+4),
.wrapper #mainCol .column4:first-of-type .colW:nth-child(n+5),
.wrapper #mainCol .column4:first-of-type .col2W:nth-child(n+5),
.wrapper #mainCol .column4:first-of-type>li:nth-child(n+5) {
  margin-top: 3em;
}

.wrapper #mainCol *+.column2:first-of-type .col,
.wrapper #mainCol *+.column3:first-of-type .col,
.wrapper #mainCol *+.column4:first-of-type .col,
.wrapper #mainCol *+.column2:first-of-type>li,
.wrapper #mainCol *+.column3:first-of-type>li,
.wrapper #mainCol *+.column3:first-of-type .colW,
.wrapper #mainCol *+.column4:first-of-type .colW,
.wrapper #mainCol *+.column4:first-of-type .col2W,
.wrapper #mainCol *+.column4:first-of-type>li,
.wrapper #mainCol div.inner+[class^="column"]>[class^="col"] {
  margin-top: 1em;
}

.wrapper #mainCol *+.column2:first-of-type,
.wrapper #mainCol *+.column3:first-of-type,
.wrapper #mainCol *+.column4:first-of-type,
.wrapper #mainCol *+.column2:first-of-type,
.wrapper #mainCol *+.column3:first-of-type,
.wrapper #mainCol *+.column3:first-of-type,
.wrapper #mainCol *+.column4:first-of-type,
.wrapper #mainCol *+.column4:first-of-type,
.wrapper #mainCol *+.column4:first-of-type {
  margin-top: 1em;
}

.wrapper #mainCol ul[class^="column"]>li {
  margin-bottom: 0;
}

.wrapper #mainCol ul[class^="column"]+[class^="column"] {
  margin-top: 0;
}

.wrapper #mainCol [class^="column"]+[class^="column"]>[class^="col"],
.wrapper #mainCol [class^="column"]+[class^="column"]>li {
  margin-top: 1em;
}

.wrapper #mainCol [class^="column"]>[class^="col"]>.section:first-child {
  margin-top: 2em;
}

.wrapper #mainCol .strong>[class^="column"]>[class^="col"]>.section:first-child,
.wrapper #mainCol .relation>[class^="column"]>[class^="col"]>.section:first-child,
.wrapper #mainCol .attention>[class^="column"]>[class^="col"]>.section:first-child,
.wrapper #mainCol .explanation>[class^="column"]>[class^="col"]>.section:first-child {
  margin-top: 0;
}

.wrapper #mainCol .strong .h3Tit,
.wrapper #mainCol .relation .h3Tit,
.wrapper #mainCol .attention .h3Tit,
.wrapper #mainCol .explanation .h3Tit {
  padding: 0 0 7px 0px;
}

/* in p */
.wrapper #mainCol .column2 .col p:first-child,
.wrapper #mainCol .column3 .col p:first-child,
.wrapper #mainCol .column4 .col p:first-child,
.wrapper #mainCol .column3 .colW p:first-child,
.wrapper #mainCol .column4 .colW p:first-child,
.wrapper #mainCol .column4 .col2W p:first-child,
.wrapper #mainCol .fixedWidth90R p:first-child,
.wrapper #mainCol .fixedWidth116R p:first-child,
.wrapper #mainCol .fixedWidth168R p:first-child,
.wrapper #mainCol .fixedWidth220R p:first-child,
.wrapper #mainCol .fixedWidth90L p:first-child,
.wrapper #mainCol .fixedWidth116L p:first-child,
.wrapper #mainCol .fixedWidth168L p:first-child,
.wrapper #mainCol .fixedWidth220L p:first-child,
.wrapper #mainCol .imageLeft p:first-child,
.wrapper #mainCol .imageRight p:first-child {
  margin-top: 0;
}

/* in ul,ol */
.wrapper #mainCol .column2:last-of-type .col>ul:first-child,
.wrapper #mainCol .column3:last-of-type .col>ul:first-child,
.wrapper #mainCol .column4:last-of-type .col>ul:first-child,
.wrapper #mainCol .column3:last-of-type .colW>ul:first-child,
.wrapper #mainCol .column4:last-of-type .colW>ul:first-child,
.wrapper #mainCol .column4:last-of-type .col2W>ul:first-child,
.wrapper #mainCol .column2:last-of-type .col>ol:first-child,
.wrapper #mainCol .column3:last-of-type .col>ol:first-child,
.wrapper #mainCol .column4:last-of-type .col>ol:first-child,
.wrapper #mainCol .column3:last-of-type .colW>ol:first-child,
.wrapper #mainCol .column4:last-of-type .colW>ol:first-child,
.wrapper #mainCol .column4:last-of-type .col2W>ol:first-child,
.wrapper #mainCol .fixedWidth90R ul:first-child,
.wrapper #mainCol .fixedWidth116R ul:first-child,
.wrapper #mainCol .fixedWidth168R ul:first-child,
.wrapper #mainCol .fixedWidth220R ul:first-child,
.wrapper #mainCol .fixedWidth90L ul:first-child,
.wrapper #mainCol .fixedWidth116L ul:first-child,
.wrapper #mainCol .fixedWidth168L ul:first-child,
.wrapper #mainCol .fixedWidth220L ul:first-child,
.wrapper #mainCol .imageLeft>ul:first-child,
.wrapper #mainCol .imageRight>ul:first-child,
.wrapper #mainCol .fixedWidth90R ol:first-child,
.wrapper #mainCol .fixedWidth116R ol:first-child,
.wrapper #mainCol .fixedWidth168R ol:first-child,
.wrapper #mainCol .fixedWidth220R ol:first-child,
.wrapper #mainCol .fixedWidth90L ol:first-child,
.wrapper #mainCol .fixedWidth116L ol:first-child,
.wrapper #mainCol .fixedWidth168L ol:first-child,
.wrapper #mainCol .fixedWidth220 ol:first-child,
.wrapper #mainCol .imageLeft ol:first-child,
.wrapper #mainCol .imageRight ol:first-child {
  margin-top: 0;
}

/* strong in */
.wrapper #mainCol .strong .column2:first-child .col,
.wrapper #mainCol .strong .column3:first-child .col,
.wrapper #mainCol .strong .column4:first-child .col,
.wrapper #mainCol .strong .column2:first-child>li,
.wrapper #mainCol .strong .column3:first-child>li,
.wrapper #mainCol .strong .column3:first-child .colW,
.wrapper #mainCol .strong .column4:first-child .colW,
.wrapper #mainCol .strong .column4:first-child .col2W,
.wrapper #mainCol .strong .column4:first-child>li {
  margin-top: 0;
}

/* relation in */
.wrapper #mainCol .relation .column2:first-child .col,
.wrapper #mainCol .relation .column3:first-child .col,
.wrapper #mainCol .relation .column4:first-child .col,
.wrapper #mainCol .relation .column2:first-child>li,
.wrapper #mainCol .relation .column3:first-child>li,
.wrapper #mainCol .relation .column3:first-child .colW,
.wrapper #mainCol .relation .column4:first-child .colW,
.wrapper #mainCol .relation .column4:first-child .col2W,
.wrapper #mainCol .relation .column4:first-child>li {
  margin-top: 0;
}

/* attention in */
.wrapper #mainCol .attention .column2:first-child .col,
.wrapper #mainCol .attention .column3:first-child .col,
.wrapper #mainCol .attention .column4:first-child .col,
.wrapper #mainCol .attention .column2:first-child>li,
.wrapper #mainCol .attention .column3:first-child>li,
.wrapper #mainCol .attention .column3:first-child .colW,
.wrapper #mainCol .attention .column4:first-child .colW,
.wrapper #mainCol .attention .column4:first-child .col2W,
.wrapper #mainCol .attention .column4:first-child>li {
  margin-top: 0;
}

/* explanation in */
.wrapper #mainCol .explanation .column2:first-child .col,
.wrapper #mainCol .explanation .column3:first-child .col,
.wrapper #mainCol .explanation .column4:first-child .col,
.wrapper #mainCol .explanation .column2:first-child>li,
.wrapper #mainCol .explanation .column3:first-child>li,
.wrapper #mainCol .explanation .column3:first-child .colW,
.wrapper #mainCol .explanation .column4:first-child .colW,
.wrapper #mainCol .explanation .column4:first-child .col2W,
.wrapper #mainCol .explanation .column4:first-child>li {
  margin-top: 0;
}

.wrapper #mainCol .column2 .col,
.wrapper #mainCol .column2>li {
  width: 49%;
}

.wrapper #mainCol .column2 .col:nth-child(2n+1),
.wrapper #mainCol .column2>li:nth-child(2n+1),
.wrapper #mainCol .column3 .col:nth-child(3n+1),
.wrapper #mainCol .column3 .colW:nth-child(2n+1),
.wrapper #mainCol .column3>li:nth-child(3n+1),
.wrapper #mainCol .column4 .col:nth-child(4n+1),
.wrapper #mainCol .column4 .colW:nth-child(3n+1),
.wrapper #mainCol .column4 .col2W:nth-child(2n+1),
.wrapper #mainCol .column4>li:nth-child(4n+1) {
  margin-left: 0;
}

.wrapper #mainCol .column4 .spColumn2 {
  float: left;
  width: 49%;
}

.wrapper #mainCol .column4 .spColumn2>.col {
  width: 48%;
  margin-left: 4%;
}

.wrapper #mainCol .column4 .spColumn2>.col:first-child {
  margin-left: 0;
}

.wrapper #mainCol .column4 .spColumn2:last-child {
  margin-left: 2%;
}

.wrapper #mainCol .column4 .spColumn2:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}

/* column-003,column-005 */
.wrapper #mainCol .column3 .col,
.wrapper #mainCol .column3>li {
  width: 32%;
}

/* column-004 */
.wrapper #mainCol .column3 .colW {
  width: 66%;
}

/* column-006,column-007 */
.wrapper #mainCol .column4 .col,
.wrapper #mainCol .column4>li {
  width: 23.5%;
}

/* column-007 */
.wrapper #mainCol .column4 .col2W {
  width: 74.5%;
}

.wrapper #mainCol .column4 .colW {
  width: 49%;
}

/* grid */

.wrapper #mainCol .imageLeft,
.wrapper #mainCol .imageRight,
.wrapper #mainCol .fixedWidth90R,
.wrapper #mainCol .fixedWidth116R,
.wrapper #mainCol .fixedWidth168R,
.wrapper #mainCol .fixedWidth220R,
.wrapper #mainCol .fixedWidth90L,
.wrapper #mainCol .fixedWidth116L,
.wrapper #mainCol .fixedWidth168L,
.wrapper #mainCol .fixedWidth220L {
  margin-top: 1em;
  min-height: 1%;
}

.wrapper #mainCol .fixedWidth90R>.img,
.wrapper #mainCol .fixedWidth116R>.img,
.wrapper #mainCol .fixedWidth168R>.img,
.wrapper #mainCol .fixedWidth220R>.img {
  float: right;
  margin: 0 0 1% 1%;
}

.wrapper #mainCol .fixedWidth90L>.img,
.wrapper #mainCol .fixedWidth116L>.img,
.wrapper #mainCol .fixedWidth168L>.img,
.wrapper #mainCol .fixedWidth220L>.img {
  float: left;
  margin: 0 1% 1% 0;
}

.wrapper #mainCol .fixedWidth90R>.text,
.wrapper #mainCol .fixedWidth116R>.text,
.wrapper #mainCol .fixedWidth168R>.text,
.wrapper #mainCol .fixedWidth220R>.text,
.wrapper #mainCol .fixedWidth90L>.text,
.wrapper #mainCol .fixedWidth116L>.text,
.wrapper #mainCol .fixedWidth168L>.text,
.wrapper #mainCol .fixedWidth220L>.text {
  float: left;
  margin-top: 0;
}

.wrapper #mainCol .fixedWidth90R:after,
.wrapper #mainCol .fixedWidth116R:after,
.wrapper #mainCol .fixedWidth168R:after,
.wrapper #mainCol .fixedWidth220R:after,
.wrapper #mainCol .fixedWidth90L:after,
.wrapper #mainCol .fixedWidth116L:after,
.wrapper #mainCol .fixedWidth168L:after,
.wrapper #mainCol .fixedWidth220L:after,
.wrapper #mainCol .imageLeft:after,
.wrapper #mainCol .imageRight:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}

/* grid-001,grid-005 */
.wrapper #mainCol .fixedWidth90R>.text,
.wrapper #mainCol .fixedWidth90L>.text {
  width: 85.9%;
}

.wrapper #mainCol .fixedWidth90R>.img,
.wrapper #mainCol .fixedWidth90L>.img {
  width: 90px;
}

.wrapper #mainCol .strong>.fixedWidth90R>.text,
.wrapper #mainCol .relation>.fixedWidth90R>.text,
.wrapper #mainCol .attention>.fixedWidth90R>.text,
.wrapper #mainCol .explanation>.fixedWidth90R>.text,
.wrapper #mainCol .strong>.fixedWidth90L>.text,
.wrapper #mainCol .relation>.fixedWidth90L>.text,
.wrapper #mainCol .attention>.fixedWidth90L>.text,
.wrapper #mainCol .explanation>.fixedWidth90L>.text {
  width: 85.1%;
}

div.wrapper div#mainCol div.column2 div.col div.fixedWidth90L p.text,
div.wrapper div#mainCol div.column2 div.col div.fixedWidth90L div.text,
div.wrapper div#mainCol div.column2 div.col div.fixedWidth90R p.text,
div.wrapper div#mainCol div.column2 div.col div.fixedWidth90R div.text {
  width: 72.3%;
}

/* grid-002,grid-006 */
.wrapper #mainCol .fixedWidth116R>.text,
.wrapper #mainCol .fixedWidth116L>.text {
  width: 82.1%;
}

.wrapper #mainCol .fixedWidth116R>.img,
.wrapper #mainCol .fixedWidth116L>.img {
  width: 116px;
}

.wrapper #mainCol .strong>.fixedWidth116R>.text,
.wrapper #mainCol .relation>.fixedWidth116R>.text,
.wrapper #mainCol .attention>.fixedWidth116R>.text,
.wrapper #mainCol .explanation>.fixedWidth116R>.text,
.wrapper #mainCol .strong>.fixedWidth116L>.text,
.wrapper #mainCol .relation>.fixedWidth116L>.text,
.wrapper #mainCol .attention>.fixedWidth116L>.text,
.wrapper #mainCol .explanation>.fixedWidth116L>.text {
  width: 81.1%;
}

/* grid-003,grid-007 */
.wrapper #mainCol .fixedWidth168R>.text,
.wrapper #mainCol .fixedWidth168L>.text {
  width: 74.6%;
}

.wrapper #mainCol .fixedWidth168R>.img,
.wrapper #mainCol .fixedWidth168L>.img {
  width: 168px;
}

.wrapper #mainCol .strong>.fixedWidth168R>.text,
.wrapper #mainCol .relation>.fixedWidth168R>.text,
.wrapper #mainCol .attention>.fixedWidth168R>.text,
.wrapper #mainCol .explanation>.fixedWidth168R>.text,
.wrapper #mainCol .strong>.fixedWidth168L>.text,
.wrapper #mainCol .relation>.fixedWidth168L>.text,
.wrapper #mainCol .attention>.fixedWidth168L>.text,
.wrapper #mainCol .explanation>.fixedWidth168L>.text {
  width: 73.1%;
}

/* grid-004,grid-008 */
.wrapper #mainCol .fixedWidth220R>.text,
.wrapper #mainCol .fixedWidth220L>.text {
  width: 67.1%;
}

.wrapper #mainCol .fixedWidth220R>.img,
.wrapper #mainCol .fixedWidth220L>.img {
  width: 220px;
}

.wrapper #mainCol .strong>.fixedWidth220R>.text,
.wrapper #mainCol .relation>.fixedWidth220R>.text,
.wrapper #mainCol .attention>.fixedWidth220R>.text,
.wrapper #mainCol .explanation>.fixedWidth220R>.text,
.wrapper #mainCol .strong>.fixedWidth220L>.text,
.wrapper #mainCol .relation>.fixedWidth220L>.text,
.wrapper #mainCol .attention>.fixedWidth220L>.text,
.wrapper #mainCol .explanation>.fixedWidth220L>.text {
  width: 65.1%;
}

/* grid-009 */
.wrapper #mainCol .imageLeft .image {
  float: left;
  margin: 0 10px 10px 0;
}

.wrapper #mainCol .imageRight .image {
  float: right;
  margin: 0 0 10px 10px;
}

/* wrapper wide */
.wrapper.wide #mainCol .fixedWidth90R .text,
.wrapper.wide #mainCol .fixedWidth90L .text {
  width: 89.4%;
}

.wrapper.wide #mainCol .fixedWidth116R .text,
.wrapper.wide #mainCol .fixedWidth116L .text {
  width: 86.6%;
}

.wrapper.wide #mainCol .fixedWidth168R .text,
.wrapper.wide #mainCol .fixedWidth168L .text {
  width: 81.1%;
}

.wrapper.wide #mainCol .fixedWidth220R .text,
.wrapper.wide #mainCol .fixedWidth220L .text {
  width: 75.5%;
}



/* dl-002 */
.wrapper #mainCol dl.newsFlat:first-of-type {
  margin-top: 1em;
}

.wrapper #mainCol dl.newsFlat:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}

.wrapper #mainCol dl.newsFlat:first-of-type dt:nth-of-type(1),
.wrapper #mainCol dl.newsFlat:first-of-type dd:nth-of-type(1) {
  border-top: none;
  padding-top: 0;
}

.wrapper #mainCol dl.newsFlat dt {
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 1.7;
  width: 27%;
  border-top: 2px solid #e2e2e2;
  clear: both;
  float: left;
}

.wrapper #mainCol dl.newsFlat dd {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.5%;
  line-height: 1.7;
  width: 71.5%;
  float: left;
  border-top: 2px solid #e2e2e2;
}

.wrapper #mainCol dl.newsFlat:last-of-type {
  border-bottom: 2px solid #e2e2e2;
}

.wrapper #mainCol dl.newsFlat dd:before {
  font-family: 'icomoon';
  content: "\f0da";
}

.wrapper #mainCol dl.newsFlat dd.icmBlank,
.wrapper #mainCol dl.newsFlat dd.icmAfterFilePdf {
  width: 70.4%;
  padding-left: 2.6%;
}

.wrapper #mainCol dl.newsFlat dd.disc {
  width: 70.4%;
  padding-left: 1.5%;
}

.wrapper #mainCol dl.newsFlat dd.icmBlank:before {
  content: "\e800" !important;
}

.wrapper #mainCol dl.newsFlat dd.icmAfterFilePdf:before {
  content: "\e800" !important;
}

.wrapper #mainCol dl.newsFlat dd.disc:before {
  content: "\e901" !important;
  left: -6px;
}

.wrapper #mainCol dl.newsFlat dd.nonArrow {
  padding-left: 0;
}

.wrapper #mainCol dl.newsFlat dd.nonArrow:before {
  content: "";
  margin-left: 0;
  margin-right: 0;
}

.wrapper #mainCol dl.brdNone dd {
  border-bottom: 0;
}

.wrapper #mainCol dl dd .label {
  display: inline-block;
  background: #207db4;
  padding: 0 3px;
  color: #ffffff;
  margin-right: 5px;
  text-decoration: none;
}

.wrapper #mainCol dl dd .newsIcon {
  margin-top: 0.29em;
  margin-right: 0.2em;
}

/* dl-003 */
.wrapper #mainCol dl.news {
  line-height: 1.7;
  margin-top: 1em;
}

.wrapper #mainCol dl.news dt {
  padding-bottom: 0;
  width: auto;
  float: none;
}

.wrapper #mainCol dl.news dd {
  line-height: 1.7;
  margin-top: 0;
  padding-left: 0;
  border: none;
}

.wrapper #mainCol dl.news dd.icmBlank,
.wrapper #mainCol dl.news dd.icmCaretRight {
  padding-left: 1.25em;
}

/* dl-004 */
.wrapper #mainCol dl.newsFlat dd.subTit,
.wrapper #mainCol dl.newsFlat dd+dd,
.wrapper #mainCol dl.newsFlat dd+dd.nonArrow {
  font-size: 1em;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
  border-top: none;
}

.wrapper #mainCol dl.newsFlat dd+dd,
.wrapper #mainCol dl.newsFlat dd+dd.subTit,
.wrapper #mainCol dl.newsFlat dd+dd.nonArrow {
  padding-left: 27%;
  padding-bottom: 0;
  margin-top: -1em;
}

.wrapper #mainCol dl.newsFlat dd+dd {
  padding-left: 28.4%;
}

.wrapper #mainCol dl.newsFlat dd+dd.icmBlank,
.wrapper #mainCol dl.newsFlat dd+dd.icmCaretRight {
  padding-left: 29.7%;

}

.wrapper #mainCol dl.newsFlat dd+dd:before {
  left: 27%;
}

.wrapper #mainCol dl.newsFlat dd+dd,
.wrapper #mainCol dl.newsFlat dd.subTit:last-of-type,
.wrapper #mainCol dl.newsFlat dd+dd.nonArrow:last-of-type {
  padding-bottom: 1em;
}

.wrapper #mainCol dl.newsFlat dd.subTit:before {
  content: '';
}

.wrapper #mainCol dl.newsFlat dd.subTit:after {
  content: '';
}

.wrapper #mainCol dl.newsFlat dd+dd.subTit+dd,
.wrapper #mainCol dl.newsFlat dd+dd.nonArrow+dd {
  margin-top: 0;
}

.wrapper #mainCol dl.newsFlat dd+dd.subTit+dt,
.wrapper #mainCol dl.newsFlat dd+dd.subTit+dt+dd,
.wrapper #mainCol dl.newsFlat dd+dd.nonArrow+dt,
.wrapper #mainCol dl.newsFlat dd+dd.nonArrow+dt+dd {
  margin-top: 1em;
}

/* image-001 */
.wrapper #mainCol p.caption {
  margin-top: 0.5em;
}

/* image-002 */
.wrapper #mainCol dl.capImage dt {
  width: auto;
  margin-top: 1em;
  font-weight: bold;
  float: none;
  padding-bottom: 0;
}

.wrapper #mainCol dl.capImage dd {
  margin-top: 1em;
  padding-left: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.wrapper #mainCol dl.capImage dd:before {
  content: "";
  margin-left: 0;
  margin-right: 0;
}

img.textImage {
  vertical-align: middle;
  margin-right: 0.2em;
}

/* icm** add span */
span.icmBlank:before,
span.icmCaretRight:before {
  margin-left: 0.2em;
}

/* terms textarea */
div.wrapper div#mainCol div.textArea {
  position: relative;
  font-size: 1em;
  margin: 2em 0 0;
  border: 1px solid #878787;
  height: 250px;
  overflow: auto;
  padding: 5px;
}

/* e-mail magazine pre */
.wrapper #mainCol #areaBefore {
  margin: 1em auto 0;
  text-align: center;
}

.wrapper #mainCol #areaBefore pre {
  text-align: left;
  width: 60%;
  margin: 0 auto;
  font-family: "MS Gothic", Osaka;
  line-height: 1.2;
  font-size: 95%;
}

/* 201604_add_end */

.wrapper #mainCol .boxNotice.alt .boxTit {
  background-color: #AC0A5F;
}

.wrapper #mainCol .boxNotice.alt .boxBdy {
  color: #AC0A5F;
}

.wrapper #mainCol .boxImportant,
.wrapper #mainCol .boxEntity {
  background: #ffffff;
  border: 1px solid #207db4;
  margin-top: 2em;
}

.wrapper #mainCol .boxImportant .boxTit,
.wrapper #mainCol .boxEntity .boxTit {
  background: #207db4;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
}

.wrapper #mainCol .boxImportant .boxBdy,
.wrapper #mainCol .boxEntity .boxBdy {
  padding: 14px 19px;
}

.wrapper #mainCol .boxEntity {
  border: none;
}

.wrapper #mainCol .boxEntity.plane {
  border: 1px solid #207db4;
}

.wrapper #mainCol .boxEntity .boxTit {
  background: #207db4;
  color: #ffffff;
  font-weight: bold;
  padding: 10px;
}

.wrapper #mainCol .boxEntity .boxBdy {
  padding: 14px 19px;
}

.wrapper #mainCol .boxEntity .boxBdy {
  background-color: #f1f1ed;
}

.wrapper #mainCol .boxEntity.legacy .boxBdy {
  background-color: #fbefca;
}

.wrapper #mainCol .boxEntity.plane .boxBdy {
  background: #ffffff;
}

.wrapper #mainCol .boxEntity .column2 {
  background: url(/common2/pc/images/bg_boxEntityChild.gif) repeat-y 20px top;
}

.wrapper #mainCol .boxEntity.legacy .column2,
.wrapper #mainCol .boxEntity.plane .column2 {
  background: none;
}

.wrapper #mainCol .boxImportant.alt {
  background: #f3f3f3;
  border: 0;
}

.wrapper #mainCol .boxEntityChild {
  background: #ffffff;
}

.wrapper #mainCol .boxEntityChild .boxTit {
  background: #000066;
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px;
}

.wrapper #mainCol .boxEntityChild .boxBdy {
  padding: 25px 30px;
  background: #ffffff;
}

.wrapper #mainCol .boxEntity.legacy .boxEntityChild .boxBdy,
.wrapper #mainCol .boxEntity.plane .boxEntityChild .boxBdy {
  padding: 23px 28px;
  border: 1px solid #000066;
  border-top: 0;
}

.wrapper #mainCol .boxEntityChild.alt {
  background: #efeeea;
}

.wrapper #mainCol .boxEntityChild.alt .boxTit {
  background: #006800;
}

.wrapper #mainCol .boxEntity.legacy .boxEntityChild.alt .boxBdy,
.wrapper #mainCol .boxEntity.plane .boxEntityChild.alt .boxBdy {
  border: 1px solid #006800;
  border-top: 0;
}

.wrapper #mainCol .boxFaq {
  background: #ffffff;
  margin-top: 2em;
}

.wrapper #mainCol .boxFaq .boxTit {
  background: #207db4;
  color: #ffffff;
  font-weight: bold;
  padding: 10px 10px 10px 95px;
  position: relative;
}

.wrapper #mainCol .boxFaq .boxTit img {
  position: absolute;

  top: 50%;
  left: 12px;
  margin-top: -23px;
}

.wrapper #mainCol .boxFaq .boxBdy {
  padding: 14px 19px;
  border: 1px solid #d6d6d6;
}

.wrapper #mainCol .boxFaq .boxBdy *:first-child {
  margin-top: 0;
}

.wrapper #mainCol .boxFunction {
  background: none;
  border: 1px solid #110665;
  margin-top: 2em;
}

.wrapper #mainCol .boxFunction .boxTit {
  background: #110665;
  color: #ffffff;
  font-weight: bold;
  padding: 10px;
}

.wrapper #mainCol .boxFunction .boxBdy {
  padding: 14px 19px;
}

.wrapper #mainCol .boxSearch {
  background: #efeeea;
  text-align: center;
  padding: 13px;
}

.wrapper #mainCol .boxStockSearch {
  background: #f3f3f3;
  padding: 18px 20px;
}

.wrapper #mainCol input.searchText {
  margin: 0;
  border: 1px;
  padding: 3px;
  /* box-shadow */
  box-shadow: rgb(179, 179, 179) 1px 1px 2px 0px inset;
  -webkit-box-shadow: rgb(179, 179, 179) 1px 1px 2px 0px inset;
  -moz-box-shadow: rgb(179, 179, 179) 1px 1px 2px 0px inset;
  margin-right: 7px;
}

.wrapper #mainCol .boxSearch input.searchText {
  width: 360px;

}

.wrapper #mainCol .boxStockSearch input.searchText {
  width: 334px;
}

.wrapper #mainCol .boxEmergency {
  background: #fbfaea;
  color: #CC0000;
  padding: 20px;
  border: 1px solid #CC0000;
}

.wrapper #mainCol .boxEmergency .attention {
  margin-top: 6px;
  padding: 0 0 0 35px;
  background: url(/common2/pc/images/icn_emergency.png) no-repeat left top;
  min-height: 21px;
  border: none;
}

.wrapper #mainCol .boxEmergency .attention:hover {
  text-decoration: underline;
}

.wrapper #mainCol .boxEmergency .attention:first-child {
  margin-top: 0;
}

.wrapper #mainCol .boxEmergency a {
  color: #CC0000;
}

.wrapper #mainCol .boxEmergency a:hover {
  text-decoration: none;
}

/* extra */
.wrapper #mainCol .exLink,
.wrapper #mainCol .movedLink {
  text-align: center;
}

.wrapper #mainCol .exLink p,
.wrapper #mainCol .movedLink p {
  margin-top: 40px;
}

.wrapper #mainCol .exLink .btnRound,
.wrapper #mainCol .movedLink .btnRound {
  min-width: 175px;
}

.wrapper #mainCol .exLink ul,
.wrapper #mainCol .movedLink ul {
  margin-top: 80px;
}

.wrapper #mainCol .exLink li,
.wrapper #mainCol .movedLink li {
  display: inline;
  margin-left: 40px;
}

.wrapper #mainCol .exLink li:first-child,
.wrapper #mainCol .movedLink li:first-child {
  margin-left: 0;
}

/* Sub Column Setting
============================================*/
#subCol #loginArea ul {
  border-bottom: 3px solid #b2b2b2;
}

#subCol #loginArea li {
  border-top: 1px solid #ffffff;
}

#subCol #loginArea li:first-child {
  margin-top: 0;
}

#subCol #loginArea a {
  display: block;
  padding: 6px 20px 6px 6px;
  color: #ffffff;
  font-size: 1.4em;
  background: #0F0F6F url(/common2/pc/images/icn_arrow_large.gif) no-repeat 207px center;
  min-height: 38px;
  line-height: 38px;
}

body.mini #subCol #loginArea a {
  background-position: 116px center;
}

#subCol #loginArea a:hover,
#subCol #loginArea a.active {
  background-color: #0068bb;
  color: #ffffff;
  text-decoration: none;
}

#subCol #loginArea a span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  line-height: 1.2;
  width: 158px;
}

#subCol #loginArea a img {
  vertical-align: middle;
}

body.mini #subCol #loginArea a img {
  display: none;
}

body.mini #subCol #loginArea a span,
body.mini #subCol #importantArea a span {
  width: auto;
}

#subCol #importantArea {
  margin-top: 17px;
}

#subCol #importantArea ul {
  border-bottom: 3px solid #b2b2b2;
  margin-top: 17px;
}

#subCol #importantArea ul:first-child {
  margin-top: 0;
}

#subCol #importantArea li {
  border-top: 1px solid #ffffff;
}

#subCol #importantArea li:first-child {
  margin-top: 0;
}

#subCol #importantArea a {
  display: block;
  padding: 6px 23px 6px 6px;
  color: #ffffff;
  font-size: 1.4em;
  background: #207DB4 url(/common2/pc/images/icn_arrow_large.gif) no-repeat 207px center;
  min-height: 38px;
  line-height: 38px;
}

#subCol #importantArea a:hover,
#subCol #importantArea a.active {
  background-color: #004A7F;
  text-decoration: none;
}

#subCol #importantArea a span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
  width: 158px;
}

#subCol #importantArea a img {
  vertical-align: middle;
}

body.mini #subCol #importantArea a {
  background-position: 116px center;
}

body.mini #subCol #importantArea a img {
  display: none;
}



#subCol #lNav {
  margin-top: 17px;
  border-bottom: 3px solid #b2b2b2;
}

#subCol #lNav a {
  display: block;
  color: #00005F;
  padding: 14px 14px 14px 21px;
  font-size: 1.4em;
  position: relative;
}

#subCol #lNav a:hover,
#subCol #lNav a.active {
  background: #c8c1b5;
  text-decoration: none;
}

#subCol #lNav a.child_active {
  background: #C8C1B5 !important;
  text-decoration: none;
}

#subCol #lNav a:before {
  font-family: 'icomoon';
  content: "\f0da";
  position: absolute;
  left: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1.4;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#subCol #lNav li.external a {
  padding: 14px 14px 14px 28px;

}

#subCol #lNav li.external a:before {
  content: "\e800";
}

#subCol #lNav a:before:hover {
  text-decoration: none;
}

#subCol #lNav h2 {
  line-height: 1.4;
}

#subCol #lNav h2 a {
  background: #79766e;
  color: #ffffff;
  font-weight: bold;
}

#subCol #lNav h2 a:before {
  font-weight: normal;
}

#subCol #lNav h2 a:hover,
#subCol #lNav h2 a.active {
  background: #52493f;
  color: #ffffff;
  text-decoration: none;
}

#subCol #lNav ul.parent li.parent {
  border-top: 1px solid #cccccc;
}

#subCol #lNav ul li {
  line-height: 1.4;
}

#subCol #lNav ul.parent li a {
  background: #efeeea;
}

#subCol #lNav ul.parent li a:hover,
#subCol #lNav ul.parent li a.active {
  background: #c8c1b5;
  color: #000066 !important;
}

#subCol #lNav ul.parent li a.active {
  font-weight: bold;
  color: #333 !important;
}

#subCol #lNav ul.parent li ul {
  padding: 6px 0;
  background: #efeeea;
}

#subCol #lNav ul.parent li ul li a {
  background: #efeeea;
  padding: 6px 14px 6px 32px;
}

#subCol #lNav ul.parent li ul li.external a {
  padding: 6px 14px 6px 38px;
}

#subCol #lNav ul.parent li ul li a.active {
  background: #efeeea;
  font-weight: bold;
}

#subCol #lNav ul.parent li ul li a:before {
  left: 20px;
}

#subCol #infoArea {
  margin-top: 17px;
  padding-bottom: 16px;
  border-bottom: 1px solid #cccccc;
}

#subCol #infoArea h2 {
  border-top: 1px solid #cccccc;
  padding: 16px 10px 0;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 16px;
}

body.mini #subCol #infoArea h2 {
  padding: 16px 0 0;
}

#subCol #infoArea ul {
  padding: 16px 10px 0;
}

body.mini #subCol #infoArea ul {
  padding: 16px 0 0;
}

#subCol #infoArea ul li {
  font-size: 1.4em;
  line-height: 1.4;
  margin-top: 10px;
  padding-left: 23px;
  position: relative;
}

#subCol #infoArea ul li:first-child {
  margin-top: 0;
}

#subCol #infoArea ul li:before {
  font-family: 'icomoon';
  content: "\f0da";
  position: absolute;
  left: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1.4;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#subCol #infoArea ul li[class="icmBlank"]:before {
  left: 5px;
  color: #00005F;
}

#subCol #infoArea a {
  color: #00005F;
  display: inline-block;
}

#subCol #bannerArea p {
  margin-top: 20px;
}

/* Footer Setting
============================================*/

#footer {
  margin-top: 20px;
  border-top: 3px solid #010065;
  background: #F0EFEB;
  padding-top: 30px;
  position: relative;
  min-width: 960px;
}

body.mini #footer {
  min-width: 750px;
}

#footer .inner {
  width: 960px;
  margin: 0 auto;
  line-height: 1.4;
}

body.mini #footer .inner {
  width: 750px;
}

#footer #legal {
  font-size: 1.4em;
  width: 380px;
  float: left;
}

#footer #legal.wide {
  width: 100%;
  float: none;
}

#footer ul {
  margin-top: 10px;
}

#footer ul li {
  margin-top: 10px;
}

#footer #legal.wide ul li {
  display: inline-block;
  margin-right: 20px;
}

#footer .signature {
  margin-top: 10px;
}

#footer .signature+ul {
  margin-top: 30px;
}

#footer #groupCorp {
  font-size: 1.4em;
  width: 250px;
  float: left;
  margin-left: 40px;
}

#footer #social {
  font-size: 1.4em;
  width: 250px;
  float: left;
  margin-left: 40px;
}

#footer #social li {
  display: inline-block;
  margin-left: 14px;
}

#footer #social li:first-child {
  margin-left: 0;
}

#footer #plugin {
  font-size: 1.4em;
  clear: both;
  padding-top: 40px;
}

#footer #plugin .flash {
  width: 460px;
  float: left;
}

#footer #plugin .pdf {
  width: 460px;
  margin-left: 40px;
  float: left;
}

#footer #plugin .flash span,
#footer #plugin .pdf span {
  margin-top: 12px;
  display: block;
}

#footer h2 {
  font-weight: bold;
  border-bottom: 1px solid #b9b8b5;
  line-height: 1.4;
  padding-bottom: 8px;
  margin-top: 30px;
}

#footer h2:first-child {
  margin-top: 0;
}

#footer h2 a {
  text-decoration: none;
  padding-left: 0.7em;
}

#footer h2 a:hover {
  text-decoration: underline;
}

#footer .pgtp {
  position: absolute;
  bottom: 626px;
  right: 20px;
  left: 50%;
  margin-left: 434px;
  width: 46px;
  height: 46px;
}

body.mini #footer .pgtp {
  margin-left: 300px;
}

#footer .pgtp.fixed {
  position: fixed;
  opacity: 0.7;
}

#footer #copyright {
  margin-top: 30px;
  background: #deddda;
  font-size: 1.2em;
  line-height: 1;
  padding: 10px 0;
}

/* Clearfix Setting
============================================*/
#header .inner:after,
#header #navMain:after,
#header #navMain .mddGrandChild:after,
#header #navMain ul.mddChild.hasNotChild:after,
#footer .inner:after,
.wrapper:after,
.column2:after,
.column3:after,
.column4:after,
.wrapper #mainCol .txtImg:after,
.wrapper #mainCol .ttlBtn:after,
.wrapper #mainCol ul.tab:after,
.wrapper #mainCol .orderChar ul:after,
#resultsArea:after,
.boxSearch:after,
.clearfix:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}

/*speakAnchor Setting
============================================*/
div.speakAnchor {
  position: absolute;
  left: -9999em;
  top: 0;
}

div#navSpeak {
  position: absolute;
  left: -9999em;
  top: 0;
}

div#navSpeak.navSpeakShow {
  position: static;
  left: 0;
  width: 100%;
  background-color: #444444;
  text-align: center;
  padding: 1em;
  font-size: 1.4em;
  line-height: 1.5;
}

div#navSpeak.navSpeakShow ul li {
  position: static;
  left: 0;
  font-size: 0.85em;
  display: inline;
  margin-right: 1em;
}

div#navSpeak.navSpeakShow ul li a {
  color: #ffffff;
  background-color: transparent;
}


/*Browser Hacks
============================================*/

/* IE6 & IE7 & IE8 Hack
	
	ie6 => * html selector
	ie7 => *+html selector
	ie6+7 => html*selector
	ie6+7+8 => css-property: value \9;

*/
html*img {
  line-height: 0;
}

/* for position fixed */

html*#footer .fixed {
  position: static !important;
}


/* for clearfix */
html*#header .inner,
html*#header #navMain,
html*#header #navMain .mddGrandChild,
html*#header #navMain ul.mddChild.hasNotChild,
html*#footer .inner,
html*.wrapper,
html*.imageLeft,
html*.imageRight,
html*.newsFlat,
html*.column2,
html*.column3,
html*.column4,
html*.wrapper .txtImg,
html*.wrapper #mainCol .ttlBtn,
html*.wrapper #mainCol ul.tab,
html*.wrapper #mainCol .orderChar ul,
html*.clearfix {
  zoom: 1;
  min-height: 1%;
}



/* for Poor float layout */
html*.wrapper #mainCol .column2 .col,
html*.wrapper #mainCol .column3 .col,
html*.wrapper #mainCol .column4 .col {
  display: inline;
  zoom: 1
}


/* for display: inline-block & table-cell*/
html*#header .inner .logo,
html*#header .inner #navExtra,
html*#header .inner #groupLogo,
html*#header .inner #navExtra #utilNav ul,
html*#header .inner #navExtra #utilNav li,
html*#header .inner #navExtra .bankCode,
html*#header .inner #navExtra #noScript,
html*#header .inner #navExtra #textresizerEmbed,
html*#header .inner #navExtra #textresizerEmbed.scripted,
html*#header .inner #navExtra #textresizerEmbed p,
html*#header .inner #navExtra #textresizerEmbed ul,
html*#header .inner #navExtra #textresizerEmbed li,
html*#header #navMain ul.mddParent li.mddRoot,
html*#header #navMain .mddGrandChild ul,
html*#breadcrumbTop li,
html*#breadcrumbBtm li,
html*#subCol #loginArea a span,
html*#subCol #importantArea a span,
html*.wrapper #mainCol .numTit span,
html*.wrapper #mainCol .ttlBtn .ttl,
html*.wrapper #mainCol .ttlBtn .btn,
html*.wrapper #mainCol ul.annotation li .number,
html*.wrapper #mainCol ol.annotation li .number,
html*.wrapper #mainCol ul.inline li,
html*.wrapper #mainCol ul.listNav.linear li,
html*.wrapper #mainCol ul.question li span,
html*.wrapper #mainCol ul.tab,
html*.wrapper #mainCol ul.tab li,
html*.wrapper #mainCol ul.tab li a,
html*.wrapper #mainCol ul.indicator,

html*.wrapper #mainCol ul.indicator li,
html*.wrapper #mainCol .txtFreeDial span,
html*.icmCaretRight.active,
html*.icmCaretRight.active,
html*.icmCaretRight.active,
html*.icmCaretRight.active,
html*.icmCaretRight.active a,
html*.icmCaretRight.active a,
html*.icmCaretRight.active a,
html*.icmCaretRight.active a,
html*#footer #legal.wide .signature p,
html*#footer #legal.wide ul li,
html*#footer #social li {
  display: inline;
  zoom: 1;
}

/* for display: table*/
html*.wrapper #mainCol .ttlBtn {
  display: block;
}

/* for unknown margin */
html*#subCol #loginArea li,
html*#subCol #importantArea li,
html*#subCol #loginArea li a,
html*#subCol #importantArea li a {
  zoom: 1;
}

/* for Unique Bug */
* html #header .inner #navExtra .bankCode,
* html #header .inner #navExtra #textresizerEmbed {
  line-height: 1.2;
}

* html .wrapper #mainCol .numTit span {
  left: -35px;
}

* html .wrapper #mainCol dl.QnA.alt dt .icn,
* html .wrapper #mainCol dl.QnA.alt dd .icn {
  left: -50px;
}

html*.wrapper #mainCol ul.tab li {
  margin-left: -3px;
}

* html .wrapper #mainCol ul.tab li {
  margin-left: -4px;
}

*+html .wrapper #mainCol ul.tab.col6 li {
  width: 16.6%;
}

*+html .wrapper #mainCol ul.tab.col7 li {
  width: 14.2%;
}

*+html .wrapper #mainCol ul.tab.col8 li {
  width: 12.4%;
}

.wrapper #mainCol ul.indicator li {
  background-image: url(/common2/pc/images/img_indicator_ie.gif) \9;
}

.wrapper #mainCol ul.indicator li.active {
  background-image: url(/common2/pc/images/img_indicator_active_before_ie.gif) \9;
}

.wrapper #mainCol ul.indicator li.active+li {
  background-image: url(/common2/pc/images/img_indicator_active_ie.gif) \9;
}

html* .wrapper #mainCol ul.indicator li:first-child {
  background-image: none !important;
}

* html .wrapper #mainCol ul.indicator.step2 li {
  width: 49.9%;
}

* html .wrapper #mainCol ul.indicator.step3 li {
  width: 33.2%;
}

* html .wrapper #mainCol ul.indicator.step4 li {
  width: 24.9%;
}

* html .wrapper #mainCol ul.indicator.step5 li {
  width: 19.9%;
}

html*.wrapper #mainCol ul.indicator.step6 li {
  width: 16.6%;
}

*+html .wrapper #mainCol ul.indicator.step7 li {
  width: 14.2%;
}

html*.wrapper #mainCol ul.indicator.step8 li {
  width: 12.4%;
}

html*.wrapper #mainCol ul.annotation li .number,
html*.wrapper #mainCol ol.annotation li .number {
  margin-left: -1em;
  position: relative;
}

html*.wrapper #mainCol ul.annotation.char2 li .number,
html*.wrapper #mainCol ol.annotation.char2 li .number {
  margin-left: -2em;
}

html*.wrapper #mainCol ul.annotation.char3 li .number,
html*.wrapper #mainCol ol.annotation.char3 li .number {
  margin-left: -3em;
}

html*.wrapper #mainCol ul.annotation.char4 li .number,
html*.wrapper #mainCol ol.annotation.char4 li .number {
  margin-left: -4em;
}

html*#header #navMain ul.mddChild {
  left: 0;
  top: 33px;
}

/* IE8 Hack */

/* lte IE10 Hack */
#subCol #lNav a:before,
#subCol #infoArea a:before {
  line-height: 1.2\9;
}

/* IE11 Hack */
@media all and (-ms-high-contrast:none) {

  *::-ms-backdrop,
  #subCol #lNav a:before {
    line-height: 1.2
  }

  *::-ms-backdrop,
  #subCol #infoArea a:before {
    line-height: 1.2
  }
}

/* Firefox Hack */

/* Safari Hack */


/* search Hack */

.fleft {
  float: left !important;
}

.fright {
  float: right !important;
}

.mT0 {
  margin-top: 0px !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT15 {
  margin-top: 15px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT25 {
  margin-top: 25px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mB0 {
  margin-bottom: 0px !important;
}

.mB5 {
  margin-bottom: 5px !important;
}

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

.mB15 {
  margin-bottom: 15px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB25 {
  margin-bottom: 25px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mL0 {
  margin-left: 0px !important;
}

.mL5 {
  margin-left: 5px !important;
}

.mL10 {
  margin-left: 10px !important;
}

.mL15 {
  margin-left: 15px !important;
}

.mL20 {
  margin-left: 20px !important;
}

.mL25 {
  margin-left: 25px !important;
}

.mL30 {
  margin-left: 30px !important;
}

.mR0 {
  margin-right: 0px !important;
}

.mR5 {
  margin-right: 5px !important;
}

.mR10 {
  margin-right: 10px !important;
}

.mR15 {
  margin-right: 15px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.mR25 {
  margin-right: 25px !important;
}

.mR30 {
  margin-right: 30px !important;
}

.pT0 {
  padding-top: 0px !important;
}

.pT5 {
  padding-top: 5px !important;
}

.pT10 {
  padding-top: 10px !important;
}

.pT15 {
  padding-top: 15px !important;
}

.pT20 {
  padding-top: 20px !important;
}

.pT25 {
  padding-top: 25px !important;
}

.pT30 {
  padding-top: 30px !important;
}

.pB0 {
  padding-bottom: 0px !important;
}

.pB5 {
  padding-bottom: 5px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.pB15 {
  padding-bottom: 15px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pB25 {
  padding-bottom: 25px !important;
}

.pB30 {
  padding-bottom: 30px !important;
}

.pL0 {
  padding-left: 0px !important;
}

.pL5 {
  padding-left: 5px !important;
}

.pL10 {
  padding-left: 10px !important;
}

.pL15 {
  padding-left: 15px !important;
}

.pL20 {
  padding-left: 20px !important;
}

.pL25 {
  padding-left: 25px !important;
}

.pL30 {
  padding-left: 30px !important;
}

.pR0 {
  padding-right: 0px !important;
}

.pR5 {
  padding-right: 5px !important;
}

.pR10 {
  padding-right: 10px !important;
}

.pR15 {
  padding-right: 15px !important;
}

.pR20 {
  padding-right: 20px !important;
}

.pR25 {
  padding-right: 25px !important;
}

.pR30 {
  padding-right: 30px !important;
}

.wrapper #mainCol.search .icon img {
  vertical-align: -3px;
  margin-right: 5px;
}

.wrapper #mainCol.search .boxBlue {
  margin: 10px 0 0 0 !important;
  width: 230px;
  overflow: hidden;
}

.wrapper #mainCol.search .boxBlue p {
  margin: 0;
}

.wrapper #mainCol.search .boxBlue .col {
  margin: 0 0 2em 10px;
}

.wrapper #mainCol.search .boxBlue.column4 .spColumn2 {
  float: none;
  width: auto;
}

.wrapper #mainCol.search .boxBlue.column4 .spColumn2:last-child {
  margin-left: 0;
}

.wrapper #mainCol.search .boxBlue.column4 .spColumn2>.col {
  width: auto;
  margin-left: 10px;
}

.wrapper #mainCol.search .boxSearch .left {
  float: left;
  width: 660px;
  margin-top: 1em;
}

.wrapper #mainCol.search .boxSearch dl {
  clear: both;
}

.wrapper #mainCol.search .boxSearch .left dl {
  border: none;
}

.wrapper #mainCol.search .boxSearch dl dt {
  width: auto;
  padding: 0;
  display: table-cell;
}

.wrapper #mainCol.search .boxSearch dl dd {
  padding: 0;
  margin: 0;
  display: table-cell;

  border: none;
}

.wrapper #mainCol.search .boxSearch dl dd label {
  display: inline-table;
}

.wrapper #mainCol.search .boxSearch .left p+dl {
  margin-top: 1em;
}

.wrapper #mainCol.search .boxSearch .left p span {
  display: inline-block;
}

.wrapper #mainCol .wdt650 {
  width: 650px !important;
}

.wrapper #mainCol .wdt680 {
  width: 670px !important;
}

.wrapper #mainCol .wdt465 {
  width: 465px !important;
}

.wrapper #mainCol .wdt940 {
  width: 940px !important;
}

#mainCol.search .SearchSelect {
  height: 28px !important;
  padding: 3px !important;
  vertical-align: 4px;
}

#mainCol.search #resultsArea {
  margin-top: 10px;
  border-top: 1px solid #D6D6D6 !important;
}

#mainCol.search #SearchResultBOX>p:first-child {
  margin-top: 0;
}

#mainCol.search #results {
  padding-top: 10px;
  float: left;
  width: 700px;
}

#mainCol.search .Border {
  border-bottom: 1px solid #D6D6D6 !important;
  word-break: break-all !important;
}

#mainCol.search .inpBorder {
  border: solid 1px #D6D6D6 !important;
}

#mainCol.search .txtImg p:first-child {
  margin-top: 0;
}

#mainCol.search .Border .txtImg {
  margin: 0 10px 10px 10px;
}

#mainCol.search .SearchAcordionBtn {
  display: none;
}

#mainCol.search .icmIr:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_ir.gif") !important;
}


#mainCol.search .icmCase:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_case.gif") !important;
}

#mainCol.search .icmColumn:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_column.gif") !important;
}

#mainCol.search .icmCompany:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_company.gif") !important;
}

#mainCol.search .icmCompany_02:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_company_02.gif") !important;
}


#mainCol.search .icmCorporate:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_corporate.gif") !important;
}

#mainCol.search .icmCsr:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_csr.gif") !important;
}

#mainCol.search .icmEnvironment:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_environment.gif") !important;
}

#mainCol.search .icmEvent:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_event.gif") !important;
}

#mainCol.search .icmFinal:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_final.gif") !important;
}

#mainCol.search .icmFinancial:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_financial.gif") !important;
}

#mainCol.search .icmGoods:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_goods.gif") !important;
}

#mainCol.search .icmIndividual:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_individual.gif") !important;
}

#mainCol.search .icmIt:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_it.gif") !important;
}

#mainCol.search .icmItem:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_item.gif") !important;
}

#mainCol.search .icmManagement:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_management.gif") !important;
}

#mainCol.search .icmMhbk:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_mhbk.gif") !important;
}

#mainCol.search .icmMhcb:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_mhcb.gif") !important;
}

#mainCol.search .icmMhfg:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_mhfg.gif") !important;
}

#mainCol.search .icmMhir:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_mhir.gif") !important;
}

#mainCol.search .icmMhsc:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_mhsc.gif") !important;
}

#mainCol.search .icmMhtb:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_mhtb.gif") !important;
}

#mainCol.search .icmOthers:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_others.gif") !important;
}

#mainCol.search .icmSaiyou:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_saiyou.gif") !important;
}

#mainCol.search .icmSeminar:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_seminar.gif") !important;
}

#mainCol.search .icmService:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_service.gif") !important;
}

#mainCol.search .icmAboutUs:before {
  vertical-align: -1px !important;
  content: url("/common/images/en/icon_about.gif") !important;
}

#mainCol.search .icmFinancial_en:before {
  vertical-align: -1px !important;
  content: url("/common/images/en/icon_final.gif") !important;
}

#mainCol.search .icmCampaign:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_campaign.gif") !important;
}

#mainCol.search .icmMarket:before {
  vertical-align: -1px !important;

  content: url("/common/images/jp/icon_market.gif") !important;
}

#mainCol.search .icmProcedure:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_procedure.gif") !important;
}

#mainCol.search .icmTakarakuji:before {
  vertical-align: -1px !important;
  content: url("/common/images/jp/icon_takarakuji.gif") !important;
}

.wrapper #mainCol.search .subArea .h4Tit,
.wrapper #mainCol.search .subArea .h6Tit {
  font-size: 1.6em;
}

.wrapper #mainCol.search span.icon1 {
  padding: 3px 5px;
  color: #ffffff;
  background: #003366;
  font-size: 0.59em;
}

.wrapper #mainCol.search span.icon2 {
  padding: 3px 5px;
  color: #ffffff;
  background: #0099cc;
  font-size: 0.59em;
}

.wrapper #mainCol.search span.icon3 {
  padding: 3px 5px;
  background: #c0c0c0;
  font-size: 0.59em;
}

.wrapper #mainCol.search .subArea {
  float: right;
  width: 230px;
}

.wrapper #mainCol.search .subArea section,
.wrapper #mainCol.search .subArea section:first-child {
  margin-top: 10px;
}

.wrapper #mainCol.search .subArea ul li {
  padding-left: 23px;
}

.wrapper #mainCol.search .subArea ul.links li {
  line-height: 1.4;
  margin-top: 10px;
  padding-left: 23px;
  position: relative;
}

.wrapper #mainCol.search .subArea ul.links li:before {
  font-family: 'icomoon';
  content: "\f0da";
  position: absolute;
  left: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wrapper #mainCol.search .subArea ul.links li.icmBlank:before {
  left: 5px;
}

.wrapper #mainCol.search .boxSearch .h4Tit {
  float: left;
}

.wrapper #mainCol.search.search .boxSearch {
  text-align: left;
}

.wrapper #mainCol.search .boxSearch .rankBox {
  float: right;
  margin: 0;
}

.wrapper #mainCol.search .boxSearch .rankBox section {
  padding: 10px 10px 10px 40px;
  width: 200px;
  background: url(/common2/pc/images/rank_bd.gif) left center no-repeat;
  margin: 0;
}

.wrapper #mainCol.search .boxSearch .rankBox section h4.relationRank {
  font-size: 1.07em;
  font-weight: bold;
}

.wrapper #mainCol.search .boxSearch .rankBox ul li {
  margin-top: 0.5em;
}

.wrapper #mainCol.search .ResultC .sort1 {
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #000;
}

.wrapper #mainCol.search .ResultD {
  margin-top: 0.5em;
}

.wrapper #mainCol.search .ResultD a {
  font-weight: bold;
  margin-left: 15px;
}

.wrapper #mainCol.search .SpBorder {
  position: relative;
}

.wrapper #mainCol.search .SpBorder:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}

.wrapper #mainCol.search .column2.SpBorder .ResultA {
  position: absolute;
  right: 0;
  top: 2em;
}

.wrapper #mainCol.search .listNum {
  margin-left: 2em;

}

/* search english */
#mainCol.search #results {
  width: 700px;
}

#mainCol.search #results.wide {
  width: 960px;
}

#mainCol.search .column2.SpBorder+#resultsArea {
  margin-top: 3em;
}

#mainCol.search .h4Tit+.SearchAcordionTgt {
  clear: both;
}

#mainCol.search .rankBox+.SearchAcordionTgt {
  float: left;
}

.en .wrapper #mainCol.search .listNum {
  margin-left: 0;
}

/* search_paging */
.wrapper #mainCol.search ul.pnavi {
  text-align: center;
  margin-top: 3em;
  padding-bottom: 3px;
  /* 20160516_add */
}

.wrapper #mainCol.search ul.pnavi li {
  display: inline-block;
  font-size: 1.07em;
  margin-left: 10px;
  margin-top: 0;
}

.wrapper #mainCol.search ul.pnavi li.prev {
  margin-right: 20px;
}

.wrapper #mainCol.search ul.pnavi li.next {
  margin-left: 20px;
}

.wrapper #mainCol.search ul.pnavi li:first-child {
  margin-left: 0;
}

.wrapper #mainCol.search ul.pnavi li a {
  color: #000066;
  background: #e8e8e8;
  display: inline-block;
  min-width: auto;
  padding: 10px 12px;
  border: none;
  margin: 0;
  line-height: 1;
  text-decoration: none !important;
  text-align: center;
  font-weight: normal;
  /* border-radius */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /* box-shadow */
  box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
  -webkit-box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
  -moz-box-shadow: rgb(179, 179, 179) 0px 3px 0px 0px;
}

.wrapper #mainCol.search ul.pnavi li a:hover {
  background: #d6d6d6;
}

.wrapper #mainCol.search ul.pnavi li.active a {
  color: #fff;
  background: #000066;
}

.wrapper #mainCol.search ul.pnavi li.active a:hover {
  background: #0068bb;
}

/* search_column */
.wrapper #mainCol.search dl dt {
  float: left;
  clear: left;
}

/* search_dl */
.wrapper #mainCol.search dl dt,
.wrapper #mainCol.search dl dd {
  line-height: 1.7;
}

.forPcBlock {
  display: block !important;
}

.forSpBlock {
  display: none !important;
}

#okw_contents #okw_contents_base #okw_contents_inner .okw_parts_usr_12 .ttl_bg {
  background: #ffffff;
}

#okw_contents #okw_contents_base #okw_contents_inner .okw_parts_usr_32 {
  display: none;
}

#okw_contents #okw_contents_base #okw_contents_inner .ttl_col .ttl_bg .icoCate {
  font-weight: normal;
}

.largeText #navExtra,
.largeText #navMain .search,
.largeText .wrapper,
.largeText #footer,
.largeText #breadcrumbTop,
.largeText #breadcrumbBtm,
.largeText #emergencyArea {
  font-size: inherit;
}

.mediumText #navExtra,
.mediumText #navMain .search,
.mediumText .wrapper,
.mediumText #footer,
.mediumText #breadcrumbTop,
.mediumText #breadcrumbBtm,
.mediumText #emergencyArea {
  font-size: inherit;
}

body.lang_size_medium {
  font-size: 62.5%;
}

.hdquestion_col .ttl_bg {
  padding: 0 0 20px 0;
  border: none;
  font-size: 2.29em;
  line-height: 1.31;
}

#footer #legal.wide ul li {
  border-right: 1px solid #4D4D4D;
  padding-right: 10px;
  margin-right: 6px;
}

#okw_contents_base .okw_parts_category h2.ttl_bg {
  font-size: 1.45em;
  background: #efeeea;
  border-top: 3px solid #0f0f6f;
  padding: 7px 15px;
  width: auto;
}

.okw_main_category {
  width: 100%;
}

.search_list_bg2 {
  line-height: 20px
}

body.lang_size_large {
  font-size: x-small;
}

body.lang_size_small {
  font-size: x-small;
}

.parts_incident_54 .top {
  margin-top: 7px;
}

.strongH {
  margin-top: 10px;
}

.mT10 {
  margin-top: 10px;
}

.hd_question_form div {
  margin-bottom: 5px;
  line-height: 16px;
}

#okw_side #faqTop a {
  padding-left: 41px;
  padding-right: 44px;
  width: 61%;
}

#faqTop .next:after {
  margin-left: 3px;
  vertical-align: -6px;
}

.next:after {
  font-family: 'icomoon';
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  font-size: 28px;
  vertical-align: -5px;
  margin-left: 0px;
}

@font-face {
  font-family: 'icomoon';
  src: url('/usr/file/attachment/icomoon.eot?vu3106');
  src: url('/usr/file/attachment/icomoon.eot?vu3106#iefix') format('embedded-opentype'),
    url('/usr/file/attachment/icomoon.ttf?vu3106') format('truetype'),
    url('/usr/file/attachment/icomoon.woff?vu3106') format('woff'),
    url('/usr/file/attachment/icomoon.svg?vu3106#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

#category_index .okw_parts_search div.ttl_col h2 {
  width: 100%
}

.search_keyword_morph,
.okw_sort_select.flo_r,
.search_date_area {
  display: none;
}

.HDcolumn_right .parts_incident_49 .form_incident_49 {
  line-height: 24px;
}

.hdq_finish_msg_text .hdq_confirm_btn_s {
  display: none;
}

.cate_count {
  display: none;
}

div.column_ttl.super_assistant_msg {
  text-align: left;
  padding: 10px;
}

/*--- common ここから ---*/
.section__button-wrap-faq {
  display: flex;
  justify-content: center;
}

.aln-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center !important;
}

.section__button {
  background: #08287f;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  width: 100%;
  outline: none;
  text-align: center;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  border-radius: 32px;
  font-size: 20px;
  max-width: 336px;
  padding: 0 36px;
  height: 64px;
}

.section__button--back {
  background: #fff;
  border: 1px solid #888;
  color: #555 !important;
}

.section__button--back:link {
  text-decoration: none !important;
}

.section__button--back::before {
  background: url(/usr/file/attachment/icon_link_bullet_back.svg) no-repeat;
  background-size: contain;
  content: '';
  height: 12px;
  left: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}

/*--- common ここまで ---*/
/*--- fg_common ここから ---*/
.js-sp-acd-view {
  display: none;
}

.drop-overlay {
  background-color: #333;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.25s ease-in;
  width: 100%;
  z-index: 10;
}

.drop-overlay.isShow {
  display: block;
  opacity: 0.25;
}

@media screen and (max-width: 767.9px) {
  #fg-header {
    height: 68px;
  }

  #fg-header .header__pc__wrapper {
    display: none;
  }

  #fg-header .header__sp__wrapper {
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    transition: margin-top 0.5s;
    width: calc(100% - 10px);
    z-index: 5;
  }

  #fg-header .header__sp__overlay {
    display: flex;
    height: 68px;
    justify-content: space-between;
    padding: 0 11px 0 15px;
  }

  #fg-header .header__sp-logo {
    height: auto;
    padding-top: 23px;
    width: 100%;
  }

  #fg-header .header__sp-logo a {
    display: block;
  }

  #fg-header .header__sp-logo img {
    height: 100%;
    max-width: 300px;
    width: 95%;
  }

  #fg-header .header__sp__btn {
    background-image: url(/common2024/images/icon/icon_menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 48px;
    margin: 10px 0;
    position: relative;
    width: 48px;
    z-index: 1;
  }

  #fg-header .header__sp__btn span {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }

  #fg-header .header__sp__form {
    position: relative;
  }

  #fg-header .header__sp__form [type=text] {
    background: #f0f4ff;
    border-radius: 24px;
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    height: 48px;
    line-height: 1.6;
    padding: 12px 44px 10px 15px;
    width: 100%;
  }

  #fg-header .header__sp__form [type=submit] {
    background: url(/common2024/images/icon/icon_search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-indent: 100%;
    top: 50%;
    transform: translate(0, -50%);
    white-space: nowrap;
    width: 24px;
  }

  #fg-header .header__sp__menu {
    backdrop-filter: blur(5px);
    background-color: #fff;
    border-radius: 0 0 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    height: 0;
    height: 68px;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    overscroll-behavior: contain;
    position: fixed;
    top: 0;
    transition: opacity 0.15s ease-out, height 0.3s ease-out;
    width: 100%;
    z-index: -1;
  }

  #fg-header .header__sp__menu.isShow {
    height: calc(var(--vh, 1vh) * 100);
  }

  #fg-header .header__sp__menu.isFade {
    opacity: 1;
    z-index: 5;
  }

  #fg-header .header__sp__menu__head {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    height: 68px;
    justify-content: space-between;
    left: 0;
    padding: 10px 10px 10px 15px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  #fg-header .header__sp__menu__head.isShow {
    opacity: 1;
  }

  #fg-header .header__sp__menu__search {
    height: 40px;
    padding-right: 10px;
    width: calc(100% - 48px);
  }

  #fg-header .header__sp__menu__close {
    background-image: url(/common2024/images/icon/icon_menu_close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 48px;
    position: relative;
    width: 48px;
  }

  #fg-header .header__sp__menu__close>span {
    bottom: 20%;
    color: #285ae1;
    display: block;
    font-size: 8px;
    font-weight: bold;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, 0);
    white-space: nowrap;
  }

  #fg-header .header__sp__menu__body {
    display: block;
    opacity: 0;
  }

  #fg-header .header__sp__menu__body.isShow {
    opacity: 1;
  }

  #fg-header .header__sp__menu__body-wrap>.header__sp__menu__list>.header__sp__menu__item>.header__sp__menu__item-label>a {
    padding-left: 0;
    width: 100%;
  }

  #fg-header .header__sp__menu__item {
    border-top: 1px solid #ccc;
    cursor: pointer;
  }

  #fg-header .header__sp__menu__item-label {
    align-items: center;
    box-sizing: content-box;
    color: #333;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    height: 73px;
    line-height: 1.2;
    padding-left: 15px;
    position: relative;
  }

  #fg-header .header__sp__menu__item-label>a {
    display: block;
    padding: 22px 15px 24px;
    position: relative;
    width: 100%;
  }

  #fg-header .header__sp__menu__item-label>span {
    display: inline-block;
    height: 100%;
    width: 100%;
  }

  #fg-header .header__sp__menu__item-label>span>a {
    display: inline-block;
    height: 100%;
    padding-top: 24px;
    width: 100%;
  }

  #fg-header .header__sp__menu__acd-head {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-left: 15px;
  }

  #fg-header .header__sp__menu__acd-btn {
    background-image: url(/common2024/images/icon/icon_acd_plus.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    content: "";
    display: block;
    height: 46px;
    width: 46px;
  }

  #fg-header .header__sp__menu__acd-btn.isShow {
    background-image: url(/common2024/images/icon/icon_acd_minus.svg);
  }

  #fg-header .header__sp__menu__acd-body {
    background-color: #f3f3f3;
  }

  #fg-header .header__sp__menu__acd-item {
    padding-left: 15px;
  }

  #fg-header .header__sp__menu__acd-item .header__sp__menu__item-label {
    border-top: 1px solid #ccc;
    color: #333;
    font-size: 1.6rem;
    height: auto;
    padding-left: 0;
  }

  #fg-header .header__sp__menu__acd-item .header__sp__menu__acd-body {
    border-top: 1px solid #ccc;
  }

  #fg-header .header__sp__menu__acd-item:first-child .header__sp__menu__item-label {
    border-top: none;
  }

  #fg-header .header__sp__menu__acd-mention {
    padding-bottom: 16px;
    padding-right: 15px;
    padding-top: 16px;
  }

  #fg-header .header__sp__menu__mention {
    background-color: #fcfcfc;
    border-radius: 10px;
    padding: 24px 16px 17px;
  }

  #fg-header .header__sp__menu__mention-head {
    cursor: initial;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
  }

  #fg-header .header__sp__menu__mention-list {
    margin-top: 3px;
  }

  #fg-header .header__sp__menu__mention-item {
    border-top: 1px solid #ccc;
  }

  #fg-header .header__sp__menu__mention-item>a {
    color: #285ae1;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    padding: 9px 16px 7px 0;
    position: relative;
  }

  #fg-header-simple {
    height: 68px;
  }

  #fg-header-simple .header__pc__wrapper {
    display: none;
  }

  #fg-header-simple .header__sp__wrapper {
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    transition: margin-top 0.5s;
    width: calc(100% - 10px);
    z-index: 5;
  }

  #fg-header-simple .header__sp__overlay {
    display: flex;
    height: 68px;
    justify-content: space-between;
    padding: 0 11px 0 15px;
  }

  #fg-header-simple .header__sp-logo {
    height: auto;
    padding-top: 23px;
    width: 100%;
  }

  #fg-header-simple .header__sp-logo a {
    display: block;
  }

  #fg-header-simple .header__sp-logo img {
    height: 100%;
    max-width: 300px;
    width: 83.3%;
  }
}

@media screen and (min-width: 768px) {
  #fg-header {
    height: 119px;
    position: relative;
    z-index: 101;
  }

  #fg-header .header__sp__wrapper {
    display: none;
  }

  #fg-header .header__inner {
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    left: 50%;
    max-width: 1242px;
    padding: 12px 0 0;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 20px);
  }

  #fg-header .header__pc__upper {
    display: flex;
    height: 32px;
    justify-content: space-between;
    padding: 0 16px;
  }

  #fg-header .header__pc__upper__menu {
    align-items: center;
    display: flex;
  }

  #fg-header .header__pc__logo {
    margin-top: 5px;
  }

  #fg-header .header__pc__logo>a>* {
    display: inline-block;
    height: auto;
    width: 285px;
  }

  #fg-header .header__pc__search {
    margin-left: 16px;
    width: 230px;
  }

  #fg-header .header__pc__form {
    position: relative;
  }

  #fg-header .header__pc__form>[type=text] {
    background: #f0f4ff;
    border-radius: 16px;
    color: #555;
    font-size: 1.35rem;
    font-weight: 500;
    height: 32px;
    line-height: 1.6;
    padding: 0 31px 0 12px;
    padding-left: 12px;
    transition: all 0.2s ease-out;
    width: 100%;
  }

  #fg-header .header__pc__form>[type=submit] {
    background: url(/common2024/images/icon/icon_search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    text-indent: 100%;
    top: 50%;
    transform: translate(0, -50%);
    transition: all 0.2s ease-out;
    white-space: nowrap;
    width: 16px;
  }

  #fg-header .header__pc__global {
    color: #285ae1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 19.6px;
  }

  #fg-header .header__pc__menu {
    padding: 7px 0 0;
  }

  #fg-header .header__pc__menu__list {
    display: flex;
    justify-content: center;
    padding: 0 16px;
  }

  #fg-header .header__pc__menu__list__item {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 68px;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 17.5%;
  }

  #fg-header .header__pc__menu__list__item.js-menu-switch {
    cursor: pointer;
  }

  #fg-header .header__pc__menu__list__item.selected {
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
  }

  #fg-header .header__pc__menu__list__item.selected::after {
    background: rgba(255, 255, 255, 0.9);
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: auto;
    position: absolute;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 1;
  }

  #fg-header .header__pc__menu__list__item.selected>div::before {
    left: 48%;
    transform: rotate(180deg);
  }

  #fg-header .header__pc__menu__list__item-head {
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    padding: 0 6% 10px;
  }

  #fg-header .header__pc__menu__list__item-head:hover {
    color: #285ae1;
  }

  #fg-header .header__pc__menu__list__item-head.has-sub-menu.selected {
    color: #285ae1;
    opacity: 1 !important;
  }

  #fg-header .header__pc__menu__list__item-head.has-sub-menu.selected::before {
    background: url(/common2024/images/icon/icon_triangle_bottom_blue.svg) no-repeat;
    transform: translateX(-50%) rotate(180deg);
  }

  #fg-header .header__pc__menu__list__item-head.has-sub-menu::before {
    background: url(/common2024/images/icon/icon_triangle_bottom_black.svg) no-repeat;
    background-size: contain;
    bottom: 4px;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 10px;
  }

  #fg-header .header__pc__menu__list__item-head.has-sub-menu:hover::before {
    background: url(/common2024/images/icon/icon_triangle_bottom_blue.svg) no-repeat;
  }

  #fg-header .header__pc__menu__list__item::after {
    background: #ccc;
    content: "";
    display: block;
    height: 34px;
    position: absolute;
    right: -1px;
    top: 12px;
    width: 1px;
  }

  #fg-header .header__pc__menu__list__item:first-child::before {
    background: #ccc;
    content: "";
    display: block;
    height: 34px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 1px;
  }

  #fg-header .header__pc__menu__body {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    transition: height 0.3s ease-out, opacity 0.3s 0.2s ease-out;
  }

  #fg-header .header__pc__menu__body.isShow {
    border-top: 1px solid #ccc;
    display: block;
    opacity: 1;
  }

  #fg-header .header__pc__menu__body__close {
    position: absolute;
    top: -10px;
  }

  #fg-header .header__pc__menu__body__inner {
    align-items: start;
    display: flex;
    justify-content: space-between;
    padding: 56px 44px 53px;
    position: relative;
  }

  #fg-header .header__pc__menu__body__links {
    width: 65%;
  }

  #fg-header .header__pc__menu__body__links-no__mantions {
    width: 100%;
  }

  #fg-header .header__pc__menu__body__links__head {
    font-size: 29px;
    font-weight: 700;
    margin-left: 17px;
    position: relative;
  }

  #fg-header .header__pc__menu__body__links__head::before {
    background: url(/common2024/images/icon/icon_triangle_right.svg) no-repeat;
    content: "";
    height: 12px;
    left: -16px;
    position: absolute;
    top: 35%;
    width: 12px;
  }

  #fg-header .header__pc__menu__body__links__list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 16px;
    row-gap: 16px;
    width: 100%;
  }

  #fg-header .header__pc__menu__body__links__item {
    border-bottom: 1px solid #ccc;
    height: 52px;
    width: 30%;
  }

  #fg-header .header__pc__menu__body__links__item>a {
    align-items: center;
    color: #333;
    display: inline-block;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    height: 100%;
    line-height: 1.2;
    margin-left: 18px;
    position: relative;
    width: 100%;
  }

  #fg-header .header__pc__menu__body__links__item>a::before {
    background: url(/common2024/images/icon/icon_triangle_right.svg) no-repeat;
    content: "";
    height: 12px;
    left: -16px;
    position: absolute;
    top: 41%;
    width: 12px;
  }

  #fg-header .header__pc__menu__body__links__item.left {
    margin: 0 auto 0 5%;
  }

  #fg-header .header__pc__menu__body__mentions {
    background: #f6f9ff;
    border-radius: 10px;
    padding: 24px 16px 20px;
    width: 30%;
  }

  #fg-header .header__pc__menu__body__mentions__header {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
  }

  #fg-header .header__pc__menu__body__mentions__list {
    margin-top: 3px;
  }

  #fg-header .header__pc__menu__body__mentions__item {
    border-top: 1px solid #ccc;
  }

  #fg-header .header__pc__menu__body__mentions__item>a {
    color: #285ae1;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    padding: 9px 16px 7px 0;
    position: relative;
  }

  #fg-header .header__pc__menu__body__mentions__item>a::before {
    background-image: url(/common2024/images/icon/icon_triangle_right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 9px;
  }

  #fg-header .header__pc__menu__body__mentions__item>a[target=_blank]::after {
    background: url(/common2024/images/icon/icon_blank.svg) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 0 0 6px;
    transform: translateY(2px);
    width: 18px;
  }

  #fg-header .header__pc__menu__body__close {
    background-image: url(/common2024/images/icon/icon_menu_close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 43px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 43px;
  }

  #fg-header .header__pc__menu__body__close>span {
    bottom: 20%;
    color: #285ae1;
    display: block;
    font-size: 8px;
    font-weight: bold;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, 0);
    white-space: nowrap;
  }

  #fg-header-simple {
    height: 68px;
    position: relative;
    z-index: 101;
  }

  #fg-header-simple .header__sp__wrapper {
    display: none;
  }

  #fg-header-simple .header__inner {
    backdrop-filter: blur(5px);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    left: 50%;
    margin: 0 auto;
    max-width: 1242px;
    padding: 20px 16px;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 20px);
  }

  #fg-header-simple .header__pc__logo>a>* {
    display: inline-block;
    height: auto;
    width: 283px;
  }
}

@media screen and (max-width: 767.9px) {
  #fg-footer {
    background-color: #08287f;
  }

  #fg-footer a {
    cursor: pointer;
  }

  #fg-footer .footer__inner {
    border-bottom: 1px solid #759bfd;
    padding: 54px 0 0;
  }

  #fg-footer .footer__inner__no-space {
    border-bottom: 1px solid #759bfd;
  }

  #fg-footer .footer__text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 25.6px;
  }

  #fg-footer .footer__text-bold {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 22.4px;
  }

  #fg-footer .footer__link {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    line-height: 1.6;
    position: relative;
    text-align: left;
    width: 100%;
  }

  #fg-footer .footer__copyright {
    align-items: center;
    background-color: #fff;
    border-top: 0;
    display: flex;
    height: 54px;
    padding: 0;
  }

  #fg-footer .footer__copyright__text {
    color: #08287f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
    text-align: center;
    width: 100%;
  }

  #fg-footer .footer__separate {
    margin: 0 auto;
    max-width: 1242px;
    padding: 0 15px 48px;
  }

  #fg-footer .footer__menu {
    margin-top: 48px;
  }

  #fg-footer .footer__menu:first-child {
    margin-top: 0;
  }

  #fg-footer .footer__menu__head {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42;
    text-align: left;
  }

  #fg-footer .footer__menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 48px;
  }

  #fg-footer .footer__menu__list__item {
    align-items: center;
    border-bottom: 1px solid #759bfd;
    padding: 17px 0;
    width: 100%;
  }

  #fg-footer .footer__menu__list__item:nth-child(-n+3) {
    border-top: 1px solid #759bfd;
  }

  #fg-footer .footer__menu__list__item .footer__text {
    font-size: 16px;
    line-height: 22.4px;
  }

  #fg-footer .footer__menu__button__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 0;
    justify-content: space-between;
    margin-top: 48px;
  }

  #fg-footer .footer__menu__button__list__item {
    align-items: center;
    display: flex;
    height: 72px;
    width: 100%;
  }

  #fg-footer .footer__menu__button__list__item>a {
    align-items: center;
    border: 1px solid #759bfd;
    border-radius: 10px;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    line-height: 1.375;
    padding: 0 52px 0 16px;
    position: relative;
    text-align: left;
    width: 100%;
  }

  #fg-footer .footer__menu__button__list__item>a::after {
    background: url(/common2024/images/icon/icon_triangle_white.png) no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 12px;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 0;
    width: 12px;
  }

  #fg-footer .footer__menu__note__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 18px;
  }

  #fg-footer .footer__menu__note__list+.footer__menu__note__list {
    margin-top: 24px;
  }

  #fg-footer .footer__menu__note__list__item {
    display: block;
    width: 100%;
  }

  #fg-footer .footer__menu__note__list__item>a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.625;
    text-align: left;
  }

  #fg-footer .footer__menu__note__list__item:not(:first-child) {
    margin-top: 12px;
  }

  #fg-footer .pagetop {
    bottom: -50px;
    position: fixed;
    right: 0;
    transition: bottom 0.15s ease-out;
    width: 48px;
    z-index: 51;
  }

  #fg-footer .pagetop.isShow {
    bottom: 10px;
  }

  #fg-footer .pagetop-btn {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px 0 0 10px;
    color: #285ae1;
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px 0;
    text-align: center;
  }

  #fg-footer .pagetop-btn::before {
    background-image: url(/common2024/images/icon/ico_up.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    margin: 0 auto 2px;
    width: 16px;
  }

  #fg-footer-simple {
    border-top: #759bfd solid 1px;
    height: 54px;
    margin-top: 56px;
  }

  #fg-footer-simple .footer__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
    text-align: center;
  }

  #fg-footer-simple .footer__copyright {
    color: #08287f;
    font-size: 16px;
    font-weight: bold;
  }

  #fg-footer-simple .pagetop {
    bottom: -50px;
    position: fixed;
    right: 0;
    transition: bottom 0.15s ease-out;
    width: 48px;
    z-index: 51;
  }

  #fg-footer-simple .pagetop.isShow {
    bottom: 10px;
  }

  #fg-footer-simple .pagetop-btn {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px 0 0 10px;
    color: #285ae1;
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px 0;
    text-align: center;
  }

  #fg-footer-simple .pagetop-btn::before {
    background-image: url(/common2024/images/icon/ico_up.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    margin: 0 auto 2px;
    width: 16px;
  }
}

@media screen and (min-width: 768px) {
  #fg-footer .footer__inner {
    border-bottom: 1px solid #759bfd;
    padding: 54px 15px 0;
  }

  #fg-footer .footer__inner__no-space {
    border-bottom: 1px solid #759bfd;
    padding: 0 15px 32px;
  }

  #fg-footer .footer__text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 25.6px;
  }

  #fg-footer .footer__text-bold {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 22.4px;
  }

  #fg-footer .footer__link {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    line-height: 1.6;
    position: relative;
    text-align: left;
    width: 100%;
  }

  #fg-footer .footer__separate {
    margin: 0 auto;
    max-width: 1242px;
    padding: 0 0 48px;
  }

  #fg-footer .footer__copyright {
    align-items: center;
    background-color: #fff;
    border-top: 0;
    display: flex;
    height: 54px;
    padding: 0;
  }

  #fg-footer .footer__copyright__text {
    color: #08287f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
    text-align: center;
    width: 100%;
  }

  #fg-footer .footer__menu {
    margin-top: 48px;
  }

  #fg-footer .footer__menu:first-child {
    margin-top: 0;
  }

  #fg-footer .footer__menu__head {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42;
    text-align: left;
  }

  #fg-footer .footer__menu__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 48px;
  }

  #fg-footer .footer__menu__list__item {
    align-items: center;
    border-bottom: 1px solid #759bfd;
    height: 96px;
    width: 30.44%;
  }

  #fg-footer .footer__menu__list__item:nth-child(-n+3) {
    border-top: 1px solid #759bfd;
  }

  #fg-footer .footer__menu__list__item .footer__text {
    font-size: 16px;
    line-height: 22.4px;
  }

  #fg-footer .footer__menu__button__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 0;
    justify-content: space-between;
    margin-top: 48px;
  }

  #fg-footer .footer__menu__button__list__item {
    align-items: center;
    display: flex;
    height: 72px;
    width: 30.44%;
  }

  #fg-footer .footer__menu__button__list__item>a {
    align-items: center;
    border: 1px solid #759bfd;
    border-radius: 10px;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    line-height: 1.375;
    padding: 0 52px 0 16px;
    position: relative;
    text-align: left;
    width: 100%;
  }

  #fg-footer .footer__menu__button__list__item>a::after {
    background: url(/common2024/images/icon/icon_triangle_white.png) no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 12px;
    margin: auto;
    position: absolute;
    right: 12px;
    top: 0;
    width: 12px;
  }

  #fg-footer .footer__menu__note__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    width: 85%;
  }

  #fg-footer .footer__menu__note__list__item {
    display: inline-block;
  }

  #fg-footer .footer__menu__note__list__item>a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.625;
    padding: 0 16px 0 32px;
    position: relative;
    text-align: left;
  }

  #fg-footer .footer__menu__note__list__item>a::before {
    align-items: center;
    bottom: 0;
    color: #759bfd;
    content: "｜";
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
  }

  #fg-footer .footer__menu__note__list__item:last-child>a {
    padding-right: 0;
  }

  #fg-footer .footer__menu__note__list__item:nth-child(5n+1)>a {
    padding-left: 0;
  }

  #fg-footer .footer__menu__note__list__item:nth-child(5n+1)>a::before {
    content: none;
  }

  #fg-footer .footer__menu__note__list__item:nth-child(5n)>a {
    padding-right: 32px;
  }

  #fg-footer .footer__menu__note__list__item:nth-child(5n)>a::after {
    align-items: center;
    bottom: 0;
    color: #759bfd;
    content: "｜";
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
  }

  #fg-footer .pagetop {
    bottom: -60px;
    position: fixed;
    right: 16px;
    transition: bottom 0.15s ease-out;
    z-index: 51;
  }

  #fg-footer .pagetop.isShow {
    bottom: 10px;
  }

  #fg-footer .pagetop-btn {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    color: #285ae1;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 13.5px 8px;
  }

  #fg-footer .pagetop-btn::before {
    background-image: url(/common2024/images/icon/ico_up.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    margin: 0 auto 2px;
    width: 16px;
  }

  #fg-footer-simple {
    border-top: #759bfd solid 1px;
    height: 55px;
    margin-top: 64px;
  }

  #fg-footer-simple .footer__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
    text-align: center;
  }

  #fg-footer-simple .footer__copyright {
    color: #08287f;
    font-size: 16px;
    font-weight: bold;
  }

  #fg-footer-simple .pagetop {
    bottom: -60px;
    position: fixed;
    right: 16px;
    transition: bottom 0.15s ease-out;
    z-index: 51;
  }

  #fg-footer-simple .pagetop.isShow {
    bottom: 10px;
  }

  #fg-footer-simple .pagetop-btn {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    color: #285ae1;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    padding: 13.5px 8px;
  }

  #fg-footer-simple .pagetop-btn::before {
    background-image: url(/common2024/images/icon/ico_up.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 16px;
    margin: 0 auto 2px;
    width: 16px;
  }
}

body * {
  box-sizing: border-box;
  color: #333;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
  font-size: 16px;
  background: #fff;
}

.content__title {
  font-size: 36px !important;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 64px;
}

.section__h2 {
  font-size: 30px !important;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 32px;
}

.section__text {
  font-size: 16px;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  max-width: 966px;
  width: 100%;
}

/*--- fg_common ここまで ---*/

.okw_bread_list>span {
  margin: 0 3px;
}

.section__button--back:hover {
  background-color: #e0e0e0;
}

.kwd_none.kwd_none {
  background-color: #F3F3F3;
  border: none;
}

.topLink,
#fontCol {
  display: none;
}

#okw_contents {
  z-index: 0;
  position: relative;
}

.okw_contents_inner {
  z-index: inherit !important;
}

input[type="checkbox"] {
  appearance: none;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle;

  cursor: pointer;
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 4px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  width: 20px;
}

input[type="checkbox"]:checked {
  background: #285ae1;
  border-color: #285ae1;
}

input[type="checkbox"]:checked::before {
  background: url(/usr/file/attachment/icon_checked.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}

input[type="checkbox"]+label {
  width: 95%;
  display: inline-block;
}

.HDcolumn_right {
  width: 100%;
}

*[name="incident[attribute][238]"]+label {
  width: 94% !important;
}

*[name="incident[attribute][244][]"]+label {
  width: 95% !important;
}

/*--- FAQお問合せここから ---*/
#helpdesk_index .ttl_bg {
  font-weight: 700;
  line-height: 1.4;
  margin-top: 64px;
}

#helpdesk_index .ttl_bg>span {
  font-size: 36px !important;
  height: auto;
}

#helpdesk_index .hd_question_form .inner>p {
  line-height: 1.6;
  font-size: 16px;
}

#helpdesk_index .hd_question_form {
  width: 100%;
  max-width: 966px;
  margin: 32px auto 0;
}

#helpdesk_index .section__box-quote {
  padding: 40px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: none;
  margin-bottom: 15px;
}

#helpdesk_index .section__text {
  line-height: 1.6;
  margin-top: 0;
}

#helpdesk_index .okw_parts_usr_62>.section__text {
  margin: 30px 0 20px;
}

#helpdesk_index .section__box-quote a {
  color: #1111CC;
  text-decoration: underline;
}

#helpdesk_index .section__link {
  display: inline-block;
  font-weight: 700;
  padding-left: 20px;
  position: relative;
}

#helpdesk_index .section__link-text {
  color: #285ae1;
}

#helpdesk_index .section__text.center {
  text-align: center;
}

#helpdesk_index .section__link:before {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 12px;
}

#helpdesk_index .button-column {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  gap: 25px;
}

#helpdesk_index .button-column .section__button {
  background: #08287f;
  border-radius: 24px;
  width: 25%;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 32px;
  position: relative;
  height: 48px;
  outline: none;
  text-align: center;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}

#helpdesk_index .button-column .section__button--secondary:hover {
  text-decoration: none;
  background: #2c4a9b;
}

#helpdesk_index .button-column .section__button--secondary {
  background: #285ae1;
}

#helpdesk_index .button-column .section__button--tertiary {
  text-decoration: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1019607843);
  background: #fff;
  border: 1px solid #ccc;
  color: #555;
}

#helpdesk_index .button-column .section__button--tertiary:hover {
  background: #e0e0e0;
}

#helpdesk_index .siteLink {
  display: none;
}

#helpdesk_index div,
#helpdesk_index span {
  font-size: 16px;
  line-height: 1.6;
}

#helpdesk_index .help_attention .note {
  font-size: 16px;
  line-height: 1.6;
}

#helpdesk_index .hd_question_form .column_ttl {
  display: none;
}

#helpdesk_index .hd_question_form div:nth-child(n+2) {
  margin-bottom: 0;
}

#helpdesk_index .HDcontents_table {
  padding-top: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 32px 15px 0;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
  background: #fff;
}

#helpdesk_index .HDcontents_table>.HDcontent {
  width: 100%;
  border: none;
}

#helpdesk_index .HDcontents_table>.HDcontent>dl {
  background-color: #fff;
  padding: 10px 5px;
  width: 100%;
}

#helpdesk_index .HDcontents_table>.HDcontent:nth-child(n+3)>dl {
  flex-direction: column;
}

#helpdesk_index .HDcontents_table>.HDcontent dd>div>div:first-child {
  display: inline-block;
  margin-bottom: 5px;
}

#helpdesk_index .HDcontents_table>.HDcontent>dl>dt {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  float: none;
  display: inline-block;
  border: none;
  background-color: transparent;
}

#helpdesk_index .HDcontents_table>.HDcontent>dl>dd {
  display: inline-block;
  border: none;
  max-width: none;
}

#helpdesk_index .HDcontents_table>.HDcontent .HDcolumn_left>div {
  font-weight: 700;
}

#helpdesk_index .HDcontents_table>.HDcontent:nth-child(n+3) .HDcolumn_right {
  width: 100%;
}

#helpdesk_index .HDcontents_table>.HDcontent:nth-child(n+3) .HDcolumn_right>div {
  width: 100%;
}

#helpdesk_index input[name="incident[attribute][1]"],
#helpdesk_index input[name="incident[attribute][0]"] {
  width: 80% !important;
}

#helpdesk_index input[name="incident[attribute][2]"],
#helpdesk_index input[name="incident[attribute][82]"] {
  width: 50% !important;
}

#helpdesk_index input[name="incident[attribute][83]"] {
  width: 35% !important;
}

#helpdesk_index input[name="incident[attribute][3]"] {
  width: 100% !important;
}

#helpdesk_index input[type="radio"] {
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 100%;
  position: relative;
  appearance: none;
  transform: translateY(3px);
}

#helpdesk_index input[type="radio"]:checked {
  background: #285ae1;
  border-color: #285ae1;
}

#helpdesk_index input[type="radio"]:checked::before {
  border: 2px solid #fff;
  border-radius: 100%;
  content: '';
  display: block;
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
}

#helpdesk_index input[type="radio"]+label {
  width: 95% !important;
  display: inline-block;
  margin-bottom: 10px;
}

#helpdesk_index input[type="text"] {
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.6;
  outline: none;
  padding: 8px;
  position: relative;
  width: 100%;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
}

#helpdesk_index textarea {
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.6;
  outline: none;
  padding: 8px;
  position: relative;
  width: 100%;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
}

#helpdesk_index .commit_button_block {
  background: none;
}

#helpdesk_index .hdq_confirm_btn>div {
  display: none;
}

#helpdesk_index .hdq_confirm_btn_c {
  background: #285ae1;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  width: 100%;
  outline: none;
  text-align: center;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  border-radius: 32px;
  font-size: 20px;
  max-width: 336px;
  padding: 0 36px;
  height: 64px;
}

#helpdesk_index .hdq_confirm_btn_c:hover {
  background: #2c4a9b;
}

#helpdesk_index .commit_button_block {
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 32px 15px 40px;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}

#helpdesk_index .HDcolumn_right:has(.parts_custom_usr_29) {
  width: 100%;
}

#helpdesk_index div:has(>select) {
  position: relative;
}

#helpdesk_index div:has(>select)::before {
  background: url(/usr/file/attachment/icon_triangle_bottom.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  z-index: 1;
  pointer-events: none;
}

#helpdesk_index select {
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.6;
  outline: none;
  padding: 8px;
  position: relative;
  width: 100%;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

#helpdesk_index .HDcolumn_right>div.parts_incident_331>div {
  margin-bottom: 0 !important;
}

#helpdesk_index .back_btn {
  display: none;
}

#helpdesk_index .scr {
  width: 100%;
  max-width: none;
  height: 200px;
  border: 1px solid #8eadfe;
  background: #f0f4ff;
}

#helpdesk_index .scr>p {
  background: transparent;
}

#helpdesk_index .scr a {
  background: transparent;
}

/*--- FAQお問合せここまで ---*/

/*--- FAQお問合せ(create)ここから ---*/
#helpdesk_create .ttl_bg {
  font-weight: 700;
  line-height: 1.4;
  margin-top: 64px;
}

#helpdesk_create .ttl_bg>span {
  font-size: 36px !important;
  height: auto;
}

#helpdesk_create .hd_question_form .inner>p {
  line-height: 1.6;
  font-size: 16px;
}

#helpdesk_create .hd_question_form {
  width: 100%;
  max-width: 966px;
  margin: 32px auto 0;
}

#helpdesk_create .section__box-quote {
  padding: 40px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: none;
  margin-bottom: 15px;
}

#helpdesk_create .section__text {
  line-height: 1.6;
  margin-top: 0;
}

#helpdesk_create .okw_parts_usr_62>.section__text {
  margin: 30px 0 20px;
}

#helpdesk_create .section__box-quote a {
  color: #1111CC;
  text-decoration: underline;
}

#helpdesk_create .section__link {
  display: inline-block;
  font-weight: 700;
  padding-left: 20px;
  position: relative;
}

#helpdesk_create .section__link-text {
  color: #285ae1;
}

#helpdesk_create .section__text.center {
  text-align: center;
}

#helpdesk_create .section__link:before {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 12px;
}

#helpdesk_create .button-column {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  gap: 25px;
}

#helpdesk_create .button-column .section__button {
  background: #08287f;
  border-radius: 24px;
  width: 25%;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 32px;
  position: relative;
  height: 48px;
  outline: none;
  text-align: center;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}

#helpdesk_create .button-column .section__button--secondary:hover {
  text-decoration: none;
  background: #2c4a9b;
}

#helpdesk_create .button-column .section__button--secondary {
  background: #285ae1;
}

#helpdesk_create .button-column .section__button--tertiary {
  text-decoration: none;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1019607843);
  background: #fff;
  border: 1px solid #ccc;
  color: #555;
}

#helpdesk_create .button-column .section__button--tertiary:hover {
  background: #e0e0e0;
}

#helpdesk_create .siteLink {
  display: none;
}

#helpdesk_create div,
#helpdesk_create span {
  font-size: 16px;
  line-height: 1.6;
}

#helpdesk_create .help_attention .note {
  font-size: 16px;
  line-height: 1.6;
}

#helpdesk_create .hd_question_form .column_ttl {
  display: none;
}

#helpdesk_create .hd_question_form div:nth-child(n+2) {
  margin-bottom: 0;
}

#helpdesk_create .HDcontents_table {
  padding-top: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 32px 15px 0;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
  background: #fff;
}

#helpdesk_create .HDcontents_table>.HDcontent {
  width: 100%;
  border: none;
}

#helpdesk_create .HDcontents_table>.HDcontent>dl {
  background-color: #fff;
  padding: 10px 5px;
  width: 100%;
}

#helpdesk_create .HDcontents_table>.HDcontent dd>div>div:first-child {
  display: inline-block;
  margin-bottom: 5px;
}

#helpdesk_create .HDcontents_table>.HDcontent>dl>dt {
  margin-bottom: 0;
  padding-bottom: 0;
  float: none;
  display: inline-block;
  border: none;
  background-color: transparent;
  width: 100%;
}

#helpdesk_create .HDcontents_table>.HDcontent>dl>dd {
  display: inline-block;
  border: none;
  max-width: none;
}

#helpdesk_create .HDcontents_table>.HDcontent .HDcolumn_left>div {
  font-weight: 700;
}

#helpdesk_create .HDcontents_table>.HDcontent .HDcolumn_right {
  width: 100%;
}

#helpdesk_create .HDcontents_table>.HDcontent .HDcolumn_right>div {
  width: 100%;
}

#helpdesk_create input[name="incident[attribute][1]"],
#helpdesk_create input[name="incident[attribute][0]"] {
  width: 80% !important;
}

#helpdesk_create input[name="incident[attribute][2]"],
#helpdesk_create input[name="incident[attribute][82]"] {
  width: 50% !important;
}

#helpdesk_create input[name="incident[attribute][83]"] {
  width: 35% !important;
}

#helpdesk_create input[name="incident[attribute][3]"] {
  width: 100% !important;
}

#helpdesk_create input[type="radio"] {
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 100%;
  position: relative;
  appearance: none;
  transform: translateY(3px);
}

#helpdesk_create input[type="radio"]:checked {
  background: #285ae1;
  border-color: #285ae1;
}

#helpdesk_create input[type="radio"]:checked::before {
  border: 2px solid #fff;
  border-radius: 100%;
  content: '';
  display: block;
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
}

#helpdesk_create input[type="radio"]+label {
  width: 95%;
  display: inline-block;
  margin-bottom: 10px;
}

#helpdesk_create input[type="text"] {
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.6;
  outline: none;
  padding: 8px;
  position: relative;
  width: 100%;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
}

#helpdesk_create textarea {
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.6;
  outline: none;
  padding: 8px;
  position: relative;
  width: 100%;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
}

#helpdesk_create .commit_button_block {
  background: none;
}

#helpdesk_create .hdq_confirm_btn>div {
  display: none;
}

#helpdesk_create .hdq_confirm_btn_c {
  background: #285ae1;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  width: 30%;
  outline: none;
  text-align: center;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  border-radius: 32px;
  font-size: 20px;
  max-width: 336px;
  padding: 0 36px;
  height: 64px;
}

#helpdesk_create .hdq_confirm_btn_c:hover {
  background: #2c4a9b;
}

#helpdesk_create .commit_button_block {
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 32px 15px 40px;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}

#helpdesk_create .hdq_confirm_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
  position: relative;
}

#helpdesk_create .hdq_confirm_btn:has(>.back_btn)::before {
  background: url(/usr/file/attachment/icon_link_bullet_back.svg) no-repeat;
  background-size: contain;
  content: '';
  height: 12px;
  left: 22%;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}

#helpdesk_create div:has(>select) {
  position: relative;
}

#helpdesk_create div:has(>select)::before {
  background: url(/usr/file/attachment/icon_triangle_bottom.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  z-index: 1;
  pointer-events: none;
}

#helpdesk_create select {
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.6;
  outline: none;
  padding: 8px;
  position: relative;
  width: 100%;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

#helpdesk_create .HDcolumn_right>div.parts_incident_331>div {
  margin-bottom: 0 !important;
}

#helpdesk_create .back_btn {
  background: #fff;
  color: #555;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  width: 30%;
  outline: none;
  text-align: center;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  border-radius: 32px;
  font-size: 20px;
  max-width: 336px;
  padding: 0 36px;
  height: 64px;
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
}

#helpdesk_create .back_btn:hover {
  background-color: #e0e0e0;
}

#helpdesk_create .scr {
  width: 100%;
  max-width: none;
  height: 200px;
  border: 1px solid #8eadfe;
  background: #f0f4ff;
}

#helpdesk_create .scr>p {
  background: transparent;
}

#helpdesk_create .scr a {
  background: transparent;
}

/*--- FAQお問合せ(create)ここまで ---*/

/*--- FAQお問合せ(compleate)ここから ---*/
#helpdesk_complete .ttl_col {
  margin-top: 64px;
}

#helpdesk_complete h2>span {
  font-size: 30px;
  font-weight: 700;
  height: 100%;
}

#helpdesk_complete .hdq_finish_msg_mark {
  background-size: 4%;
  background-position-y: 6px;
  font-size: 24px;
  padding-left: 30px;
}

#helpdesk_complete .hdq_finish_msg_text {
  line-height: 1.6;
}

#helpdesk_complete .hdq_finish_msg_text a {
  color: #285ae1;
}

#helpdesk_complete .hdq_finish_msg_text a:link {
  color: #285ae1;
}

#helpdesk_complete .hdq_finish_msg_area {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  border: none;
  background-color: #fff;
  border-radius: 10px;
  padding: 32px 15px 0;
}

/*--- FAQお問合せ(compleate)ここまで ---*/

/*--- FAQここから ---*/
#fontCol {
  display: none;
}

#keyword_text_field {
  background: #f0f4ff;
  border: 1px solid #8eadfe;
  border-radius: 10px;
  height: 44px;
  font-size: 16px;
  line-height: 1.6;
  outline: none;
  padding: 8px;
  position: relative;
  width: 100%;
  margin-bottom: 32px;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
}

.keyword_frmbtn.keyword_frmbtn.keyword_frmbtn {
  margin: auto;
  background: #285ae1;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  width: 100%;
  outline: none;
  text-align: center;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  border-radius: 32px;
  font-size: 20px;
  max-width: 336px;
  padding: 0 36px;
  height: 64px;
}

.keyword_frmbtn.keyword_frmbtn.keyword_frmbtn:hover {
  background-color: #2c4a9b;
}

#okw_contents_inner .okw_parts_search.okw_parts_search {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  max-width: 966px;
  width: 100%;
  padding: 32px 32px 16px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #fff;
  border: none;
}

.okw_parts_search>.ttl_col {
  display: none;
}

#k_search_description,
.search_faq_type,
.search_switch .clearfix,
.keyword_helpbtn_popup {
  display: none;
}

p.topLink {
  display: none;
}

#okw_contents {
  position: relative;
  z-index: 0;
}

#okw_contents_base {
  padding-right: 0;
  width: 100%;
  max-width: 966px;
}

#okw_contents_inner#okw_contents_inner {
  padding: 0;
}

#okw_footer_default {
  display: none;
}

.okw_parts_category {
  margin-top: 80px;
}

#category_index .search_frmArea.search_frmArea {
  margin: 0;
}

#okw_contents_base .okw_parts_category h2.ttl_bg.ttl_bg {
  font-weight: bold;
  background: none;
  border-top: none;
  padding: 0;
  width: auto;
}

#okw_contents_base .okw_parts_category h2.ttl_bg.ttl_bg>span {
  font-size: 30px;
  font-weight: bold;
}

#okw_contents #okw_contents_base #okw_contents_inner .ttl_col .ttl_bg .icoCate.icoCate {
  font-weight: 700 !important;
}

.cateList_area {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 40px;
  margin-top: 24px;
}

#category_index .cateList_area .cate_middle.cate_middle {
  border-bottom: none;
  margin-left: 0;
}

#category_index .cateList_area .cate_middle.cate_middle a {
  background: none;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  position: relative;
  text-decoration: none;
  color: #285ae1;
  font-weight: 700;
}

#category_index .cateList_area .cate_middle.cate_middle a:before {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 12px;
}

#category_index .cateList_area ul.cate_small.cate_small {
  width: 200%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  gap: 10px 0;
  margin-top: 10px;
}

#category_index .cateList_area ul.cate_small.cate_small li {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 7px 6px;
}

#category_index .cateList_area ul.cate_small.cate_small li a {
  background: none;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  position: relative;
  text-decoration: none;
  color: #285ae1;
  font-weight: 700;
}

#category_index .cateList_area ul.cate_small.cate_small li a::before {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 12px;
}

#fg-footer .pagetop-btn.pagetop-btn::before {
  background: url(/usr/file/attachment/ico_up.svg) no-repeat;
}

.okw_bread {
  margin: 12px auto 0;
}

.okw_bread a:link {
  color: #285ae1;
}

#category_index .section__text:nth-child(n+3) {
  margin-top: 0;
}

/*--- FAQここまで ---*/

/*--- FAQカテゴリメニューここから ---*/
#category_show .okw_parts_category .cateList_area .cateList_box {
  margin: 10px;
}

#category_show .okw_parts_category .cateList_area .cate_middle {
  border-bottom: none;
  margin-left: 0;
}

#category_show .okw_parts_category .cateList_area li a {
  background: none;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  text-decoration: none;
  color: #285ae1;
  font-weight: 700;
}

#category_show .okw_parts_category .cateList_area li a::before {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 12px;
}

#category_show .okw_parts_category .cateList_area ul.cate_small {
  width: 200%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  gap: 10px 0;
  margin-top: 10px;
}

#category_show .cateSepa {
  display: none;
}

#category_show .cateList_area.cateList_area li {
  width: 50%;
}

.oneCol.okw_parts_sub_category .ttl_col h2.ttl_bg.ttl_bg {
  background: none;
  border: none;
  line-height: 1.4;
  margin-top: 32px;
  padding: 0;
}

.oneCol.okw_parts_sub_category .ttl_col h2.ttl_bg.ttl_bg>span {
  font-size: 30px !important;
  font-weight: 700;
  line-height: 1.4;
}

#category_show .okw_parts_sub_category .cateList_area.cateList_area li {
  width: 100%;
}

#category_show .okw_parts_sub_category .cateList_area {
  margin: 24px 0 0 0;
  padding: 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

#category_show .okw_parts_sub_category .cateList_area li a {
  background: none;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding: 16px 35px 16px 15px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  color: #285ae1;
  line-height: 1.2;
}

#category_show .okw_parts_sub_category .cateList_area li a:after {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

#category_show .okw_parts_sub_category .cateList_area li>div {
  position: relative;
  padding: 24px 36px 16px 24px;
}

#category_show .okw_parts_sub_category .cateList_area li:nth-child(n + 2)>div::before,
#category_show .okw_parts_sub_category .cateList_area ul:nth-child(n + 2) li>div::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 35px);
  height: 1px;
  background: #ccc;
  transform: translateX(-50%);
}

#category_show .okw_main_category .ttl_col .ttl_bg {
  background: none;
  border: none;
  padding: 0;
}

#category_show .okw_main_category .ttl_col .ttl_bg .icoResult {
  font-size: 30px;
  font-weight: bold;
}

#category_show .pg_col_top {
  display: none;
}

#category_show .search_list {
  margin-top: 24px;
  font-weight: 700;
}

#category_show .search_list {
  margin-top: 24px;
  font-weight: 700;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border: none;
}

#category_show .search_list .search_list_inner {
  background-color: #FFF !important;
  padding: 16px 36px 16px 24px;
  position: relative;
  border: none;
}

#category_show .search_list .search_list_inner::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 12px;
  height: 12px;
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

#category_show .search_list .search_list_inner:nth-child(n+2)::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 35px);
  height: 1px;
  background: #ccc;
  transform: translateX(-50%);
}

#category_show .faq_list_show_detail {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#category_show .icoQ_sml {
  background: none;
  padding: 0;
}

#category_show .icoA_sml {
  background: none;
  padding: 0;
  font-weight: normal;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.6;
}

#category_show .search_qattl>a {
  font-size: 20px;
  text-decoration: none;
  color: #285ae1;
  line-height: 1.2;
}

#category_show .pg_col_down {
  display: none;
}

div.faqstrong {
  border-color: #285ae1;
  line-height: 1.4;
  border: none;
}

div.faqstrong p:first-child {
  font-weight: 700;
}

div.faqstrong p {
  font-size: 14px;
  line-height: 1.6;
}

/*--- FAQカテゴリメニューここまで ---*/

/*--- 以下defaultのコピー ---*/
/*--- FAQここから ---*/
#faq_show .cateList_area .cateSepa {
  display: none;
}

#faq_show .okw_parts_category h2.ttl_bg {
  font-size: 1.45em;
  background: #efeeea;
  border-top: 3px solid #0f0f6f;
  padding: 7px 15px;
  width: auto;
}

#faq_show .okw_parts_category h2.ttl_bg .icoCate {
  height: auto;
}

#faq_show .okw_parts_category .cateList_area .cateList_box {
  margin: 10px;
}

#faq_show .okw_parts_category .cateList_area .cate_middle {
  border-bottom: none;
  margin-left: 0;
}

#faq_show .okw_parts_category .cateList_area li a {
  background: none;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  text-decoration: none;
  color: #285ae1;
  font-weight: 700;
}

#faq_show .okw_parts_category .cateList_area li a::before {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 12px;
}

#faq_show .okw_parts_category .cateList_area ul.cate_small {
  width: 200%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  gap: 10px 0;
  margin-top: 10px;
}

#faq_show .okw_parts_category h2.ttl_bg.ttl_bg {
  font-weight: bold;
  background: none;
  border-top: none;
  padding: 0;
  width: auto;
}

#faq_show .okw_parts_category h2.ttl_bg.ttl_bg>span {
  font-size: 30px;
  font-weight: bold;
}

#faq_show .cateList_area ul.cate_small.cate_small li {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 0 6px;
}

#faq_show .cateList_area ul.cate_small.cate_small li a {
  background: none;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  position: relative;
  text-decoration: none;
  color: #285ae1;
  font-weight: 700;
}

#faq_show .cateList_area ul.cate_small.cate_small li a::before {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 12px;
}

#faq_show .oneCol h1.ttl_bg {
  font-size: 36px !important;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 64px;
  padding: 0;
  width: auto;
}

#faq_show .icoQ {
  background: url("/usr/file/attachment/icon_qa_q.svg") left center no-repeat;
  padding: 0;
  padding-left: 31px;
  font-size: 25px;
  background-size: 22px;
}

#faq_show .icoA {
  background: url("/usr/file/attachment/icon_qa_a.svg") no-repeat;
  padding: 0;
  padding-left: 31px;
  font-size: 25px;
  background-size: contain;
  height: 21px;
  width: auto;
  background-position: left 17%;
  padding-top: 2px;
}

#faq_show .faq_qstCont_ttl.faq_qstCont_ttl {
  background-color: #f0f4ff;
  border: none;
  padding: 40px;
  padding-bottom: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#faq_show .faq_qstCont_col.faq_qstCont_col {
  background-color: #f0f4ff;
  padding: 40px;
  padding-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#faq_show .faq_qstCont_txt {
  background-color: #f0f4ff;
  width: 100%;
}

#faq_show .faq_qstCont_txt b {
  background-color: transparent;
}

#faq_show .faq_qstCont_txt div {
  background-color: transparent;
}

#faq_show .faq_qstCont_txt div>strong {
  background-color: transparent;
}

#faq_show .faq_ans_bor {
  margin-bottom: 0;
  padding: 40px;
  padding-bottom: 16px;
  background-color: #f3f3f3;
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#faq_show .faq_ans_col.faq_ans_col {
  background-color: #f3f3f3;
  padding: 40px;
  padding-top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#faq_show .faq_ans_col.faq_ans_col .faq_ansCont_txt {
  width: 100%;
}

#faq_show .faq_ans_col.faq_ans_col .faq_ansCont_txt div {
  background-color: #f3f3f3;
}

#faq_show .faq_ans_col.faq_ans_col .faq_ansCont_txt ul {
  margin: 0;
  background-color: #f3f3f3;
}

#faq_show .faq_ans_col.faq_ans_col .faq_ansCont_txt li {
  background-color: transparent;
}

#faq_show .faq_ans_col.faq_ans_col a {
  background-color: #f3f3f3;
  font-weight: 700;
  color: #285ae1;
}

#faq_show .faq_ansCont_txt>div {
  background-color: #f3f3f3;
  padding-top: 10px;
}

#faq_show .colArea {
  margin-top: 24px;
}

/*--- FAQここまで ---*/

/*--- FAQ検索結果ここから ---*/
#category_search .okw_parts_category .cateList_area .cateList_box {
  margin: 10px;
}

#category_search .okw_parts_category .cateList_area .cate_middle {
  border-bottom: none;
  margin-left: 0;
  padding: 0;
}

#category_search .okw_parts_category .cateList_area li a {
  background: none;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 16px;
  text-decoration: none;
  color: #285ae1;
  font-weight: 700;
}

#category_search .okw_parts_category .cateList_area li a::before {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 12px;
}

#category_search .okw_parts_category .cateList_area ul.cate_small {
  width: 200%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  gap: 10px 0;
  margin-top: 10px;
}

#category_search .cateSepa {
  display: none;
}

#category_search .cateList_area.cateList_area li {
  width: 50%;
}

#category_search .okw_parts_sub_category .cateList_area.cateList_area li {
  width: 100%;
}

#category_search .okw_parts_sub_category .cateList_area {
  margin: 24px 0 0 0;
  padding: 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

#category_search .okw_parts_sub_category .cateList_area li a {
  background: none;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  padding: 16px 35px 16px 15px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  color: #285ae1;
  line-height: 1.2;
}

#category_search .okw_parts_sub_category .cateList_area li a:after {
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

#category_search .okw_parts_sub_category .cateList_area li>div {
  position: relative;
  padding: 24px 36px 16px 24px;
}

#category_search .okw_parts_sub_category .cateList_area li:nth-child(n + 2)>div::before,
#category_search .okw_parts_sub_category .cateList_area ul:nth-child(n + 2) li>div::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 35px);
  height: 1px;
  background: #ccc;
  transform: translateX(-50%);
}

#category_search .okw_main_category .ttl_col .ttl_bg {
  background: none;
  border: none;
  padding: 0;
}

#category_search .okw_main_category .ttl_col .ttl_bg .icoResult {
  font-size: 30px;
  font-weight: bold;
}

#category_search .pg_col_top {
  display: none;
}

#category_search .search_list {
  margin-top: 24px;
  font-weight: 700;
}

#category_search .search_list {
  margin-top: 24px;
  font-weight: 700;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border: none;
}

#category_search .search_list .search_list_inner {
  background-color: #FFF !important;
  padding: 16px 36px 16px 24px;
  position: relative;
  border: none;
}

#category_search .search_list .search_list_inner::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  width: 12px;
  height: 12px;
  background: url(/usr/file/attachment/icon_triangle.svg) no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

#category_search .search_list .search_list_inner:nth-child(n+2)::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 35px);
  height: 1px;
  background: #ccc;
  transform: translateX(-50%);
}

#category_search .faq_list_show_detail {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#category_search .icoQ_sml {
  background: none;
  padding: 0;
}

#category_search .icoA_sml {
  background: none;
  padding: 0;
  font-weight: normal;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.6;
}

#category_search .search_qattl>a {
  font-size: 20px;
  text-decoration: none;
  color: #285ae1;
  line-height: 1.2;
}

#category_search .pg_col_down {
  margin-top: 20px;
}

/*--- FAQ検索結果ここまで2 ---*/