@charset "UTF-8";
/* OKBiz
 * OKFAQ Copyright(c) OKWAVE. */
#okw_sub_header #fontCol {
  display: none !important;
}

/*==================================================================
 *
 *  ▼テンプレート使用色
 *
 *================================================================== */
/*ベース: #FFFFFF
 *メイン: #006db0 (不透明度10%： #e8f2fb)
 *アクセント: #003e63 #E8860A
 *グレー：#333 #999 #ccc #cdcdcd #f5f5f5（濃←→薄） */
/*==================================================================
 *
 *  ▼OKBiz デフォルトCSSのリセット
 *
 *================================================================== */
/*---------- 文字サイズ ---------- */
html {
  font-size: 62.5%;
  /* 1em = 10px */
}

body.lang_size_large {
  font-size: 1.6em;
  /* 16px */
}

.lang_size_large textarea, .lang_size_large .login_txt, .lang_size_large .keyword_frm {
  font-size: 100%;
}

body.lang_size_medium {
  font-size: 1.6em;
  /* 14px */
}

.lang_size_medium .login_txt, .lang_size_medium .keyword_frm, .lang_size_medium textarea {
  font-size: 100%;
}

body.lang_size_small {
  font-size: 1.2em;
  /* 12px */
}

.lang_size_small textarea, .lang_size_small .login_txt, .lang_size_small .keyword_frm {
  font-size: 100%;
}

/* 文字サイズ＝小 */
body.lang_size_small .ttl_col h2, body.lang_size_small .category_tree .ttl_bg, body.lang_size_small .search_qattl, body.lang_size_small .faq_ans_ttl, body.lang_size_small .questioner_ttl, body.lang_size_small #login_col h2 {
  font-size: 117%;
  /* 14px */
}
body.lang_size_small .topLink, body.lang_size_small .search_switc, body.lang_size_small .keyword_frmbtn, body.lang_size_small #login_btn, body.lang_size_small .mail_input_button, body.lang_size_small .questioner_btn, body.lang_size_small .category_tree, body.lang_size_small .cate_small, body.lang_size_small .help_attention, body.lang_size_small .input_note, body.lang_size_small .hdq_confirm_btn_c {
  font-size: 100%;
  /* 12px */
}
body.lang_size_small .okw_bread li, body.lang_size_small li.okw_txt, body.lang_size_small .search_description, body.lang_size_small .pg_col_top, body.lang_size_small .search_dateNo li, body.lang_size_small .pg_col_down, body.lang_size_small .siteLink li, body.lang_size_small .faq_dateNo li, body.lang_size_small .faq_cate_col dt, body.lang_size_small .questioner_sub_msg, body.lang_size_small .questioner_description, body.lang_size_small .button_to_link, body.lang_size_small .infonews_date_txt {
  font-size: 84%;
  /* 10px */
}
body.lang_size_medium .ttl_col h2, body.lang_size_medium .category_tree .ttl_bg, body.lang_size_medium .search_qattl, body.lang_size_medium .faq_ans_ttl, body.lang_size_medium .questioner_ttl, body.lang_size_medium #login_col h2 {
  font-size: 115%;
  /* 16px */
}
body.lang_size_medium .topLink, body.lang_size_medium .search_switc, body.lang_size_medium .keyword_frmbtn, body.lang_size_medium #login_btn, body.lang_size_medium .mail_input_button, body.lang_size_medium .questioner_btn, body.lang_size_medium .category_tree, body.lang_size_medium .cate_small, body.lang_size_medium .help_attention, body.lang_size_medium .hdq_confirm_btn_c {
  font-size: 100%;
  /* 14px */
}
body.lang_size_medium .okw_bread li, body.lang_size_medium li.okw_txt, body.lang_size_medium .search_description, body.lang_size_medium .pg_col_top, body.lang_size_medium .search_dateNo li, body.lang_size_medium .pg_col_down, body.lang_size_medium .siteLink li, body.lang_size_medium .faq_dateNo li, body.lang_size_medium .faq_cate_col dt, body.lang_size_medium .questioner_sub_msg, body.lang_size_medium .questioner_description, body.lang_size_medium .input_note, body.lang_size_medium .button_to_link, body.lang_size_medium .infonews_date_txt {
  font-size: 86%;
  /* 12px */
}
body.lang_size_large .ttl_col h2, body.lang_size_large .category_tree .ttl_bg, body.lang_size_large .search_qattl, body.lang_size_large .faq_ans_ttl, body.lang_size_large .questioner_ttl, body.lang_size_large #login_col h2 {
  font-size: 106%;
  /* 17px */
}
body.lang_size_large .topLink, body.lang_size_large .search_switc, body.lang_size_large .keyword_frmbtn, body.lang_size_large #login_btn, body.lang_size_large .mail_input_button, body.lang_size_large .questioner_btn, body.lang_size_large .category_tree, body.lang_size_large .cate_small, body.lang_size_large .hdq_confirm_btn_c {
  font-size: 100%;
  /* 16px */
}
body.lang_size_large .search_description, body.lang_size_large .pg_col_top, body.lang_size_large .search_dateNo li, body.lang_size_large .pg_col_down, body.lang_size_large .siteLink li, body.lang_size_large .faq_dateNo li, body.lang_size_large .faq_cate_col dt, body.lang_size_large .questioner_sub_msg, body.lang_size_large .questioner_description, body.lang_size_large .help_attention, body.lang_size_large .input_note, body.lang_size_large .button_to_link {
  font-size: 88%;
  /* 14px */
}
body.lang_size_large .okw_bread li, body.lang_size_large li.okw_txt, body.lang_size_large .infonews_date_txt {
  font-size: 75%;
  /* 12px */
}

/* 文字サイズ＝中 */
/* 文字サイズ＝大 */
/*---------- タグ ---------- */
textarea, input, select {
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
  padding: 2px 3px;
}

/*---------- レイアウト ---------- */
#okw_contents {
  background: none;
}

#okw_contents_base {
  background: none;
  padding-right: 0px;
  width: 965px;
}

#okw_contents_inner {
  background: none;
  padding: 15px 0;
}

.colArea {
  margin-bottom: 24px;
}

/*---------- Biz要素 ----------= */
.okw_bread {
  width: 75%;
  /* コンテンツ幅により調節の必要あり */
}

/* カテゴリーツリー */
.category_tree {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px;
  margin: 0;
  padding-bottom: 0;
}
.category_tree .ttl_col {
  padding: 0;
}
.category_tree .ttl_bg {
  border: none;
  width: 100%;
  padding: 0;
}

.icocate_tree {
  padding: 0 0 0 35px;
  background-position: 10px center;
  height: auto;
  line-height: 32px;
  /* .category_tree .ttl_bgの高さに合わせる */
}

.category_level_0 {
  margin: 0;
}

.category_level_1, .category_level_2, .category_level_3 {
  background: #fff;
}

/* 見出し */
.ttl_bg {
  height: 100%;
  padding: 0;
  overflow: hidden;
  /* スーパーアシスタント利用時の表示崩れ対策 */
  background: none;
}

.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFaq, .icoPickup, .icoFavorite, .icoKey {
  height: auto;
  line-height: 44px;
  /* .ttl_colの高さに合わせる */
  padding: 0 0 0 40px;
  background-position: 5px center;
}

.icoHdquestion {
  background: url("../images/front/icon_helpttl.jpg") no-repeat 5px center;
  height: auto;
  line-height: 44px;
  padding: 0 0 0 20px;
}

/* 検索パーツ */
.keyword_frm {
  padding: 0 2px;
}

/* カテゴリーパーツ */
.cateSepa {
  margin-right: 6px;
}

/* カテゴリーページ */
.current {
  font-weight: bold;
  padding: 3px 6px;
}

/* FAQ詳細ページ */
#faq_answer_contents img {
  max-width: 100%;
  width: auto !important;
  width: 100%;
}

/* HDお問合せページ */
#sa_button {
  margin: 10px 10px 0 0;
}

.HDcolumn_right textarea {
  width: 565px;
  /* paddingを追加したため */
}

.button_to_link {
  height: auto;
}

/* FAQ内テーブル */
#faq_question_contents table, #faq_answer_contents table, #info_news_contents table {
  border-spacing: 0;
}

#faq_question_contents th, #faq_answer_contents th, #info_news_contents th {
  background: #ccc;
  border: 1px solid #000;
}

#faq_question_contents td, #faq_answer_contents td, #info_news_contents td {
  border: 1px solid #000;
}

/*==================================================================
 *
 *   ▼テンプレート用CSS
 *
 *================================================================== */
/*---------- タグ ---------- */
a:link, a:visited, a:active {
  color: #003e63;
}
a:hover {
  color: #E8860A;
}

/*---------- レイアウト ---------- */
#okw_sub_header {
  margin-bottom: 10px;
}

.twoCol {
  width: 49%;
}

/*---------- ヘッダー フッター ---------- */
.header {
  border-top: 2px solid #006db0;
  border-bottom: 1px solid #cdcdcd;
}

.header_inner {
  width: 965px;
  margin: 0 auto;
  padding: 10px 0;
}

.footer {
  background: #f5f5f5;
  padding: 10px;
}

.copyright {
  width: 965px;
  margin: 0 auto;
  color: #999;
  font-size: 12px;
  text-align: right;
}

#okw_footer_default {
  background: #f5f5f5;
}

#okw_logo_footer {
  width: 965px;
  margin: 0 auto;
  float: none;
  display: block;
  overflow: hidden;
}
#okw_logo_footer a {
  float: right;
}

/*---------- 見出し ---------- */
.ttl_col {
  background: url("/template/usr/file/attachment/bg_ttl.png") repeat-x left top;
  padding: 0;
  height: auto;
}

.ttl_bg {
  background: none;
  border-bottom: 1px solid #ccc;
  border-top: 2px solid #006db0;
  height: auto;
  padding: 0;
}

.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFaq, .icoHdquestion, .icoPickup, .icoFavorite, .icoKey {
  height: auto;
  line-height: 1.2;
  padding: 0 0 0 10px;
  background: none;
  border-left: 4px solid #003e63;
  margin: 10px 5px;
}

/*---------- パーツ ---------- */
/* カテゴリーツリー */
.category_tree {
  background: #FFF;
  border: none;
}
.category_tree .ttl_bg {
  background: #006db0;
  border-radius: 5px 5px 0 0;
  height: auto;
  padding: 10px 0;
  color: #fff;
  font-weight: normal;
}

.icocate_tree {
  background: none;
  height: auto;
  padding: 0 0 0 9px;
  line-height: 1.2;
}

.category_level_0 {
  border: solid #cdcdcd;
  border-width: 0 1px 1px;
  border-radius: 0 0 5px 5px;
}

.category_open .pm_icon {
  background: url("/template/usr/file/attachment/open.png") no-repeat scroll 0 0;
}
.category_open a.pm_icon:hover {
  background: url("/template/usr/file/attachment/open_hover.png") no-repeat scroll 0 0;
}

.category_close .pm_icon {
  background: url("/template/usr/file/attachment/close.png") no-repeat scroll 0 0;
}
.category_close a.pm_icon:hover {
  background: url("/template/usr/file/attachment/close_hover.png") no-repeat scroll 0 0;
}

.category_none {
  background: url("/template/usr/file/attachment/arrow.png") no-repeat scroll 11px 10px;
  padding-left: 28px;
}

.category_select {
  background-color: #e8f2fb;
}

.category_none.category_select {
  background: #e8f2fb url("/template/usr/file/attachment/arrow.png") no-repeat scroll 11px 10px;
}

/* 閲覧の多いFAQ */
.qaList li {
  background: url("/template/usr/file/attachment/arrow.png") no-repeat scroll left top 7px;
  padding: 0 0 0 10px;
}

/* 最新のFAQ */
.faqList li {
  background: url("/template/usr/file/attachment/arrow.png") no-repeat scroll left 0.7em;
  padding: 0 0 0 10px;
}

/*Info&News */
.newsList li {
  background: url("/template/usr/file/attachment/arrow.png") no-repeat scroll left 0.7em;
}

/* TOPへ */
.topLink a {
  background: url("/template/usr/file/attachment/arrow_top.png") no-repeat scroll left center;
  height: auto;
}

/*---------- カテゴリーページ ---------- */
.sort_arrow {
  margin: 0 0 0 7px;
  width: 12px;
}
.sort_arrow span, .sort_arrow a {
  height: 11px;
  width: 12px;
}

.sort_asc_image_on {
  background-image: url("/template/usr/file/attachment/arrow_up.png");
}

.sort_asc_image_off {
  background-image: url("/template/usr/file/attachment/arrow_up_off.png");
}
.sort_asc_image_off:hover {
  background-image: url("/template/usr/file/attachment/arrow_up.png");
}

.sort_desc_image_on {
  background-image: url("/template/usr/file/attachment/arrow_down.png");
}

.sort_desc_image_off {
  background-image: url("/template/usr/file/attachment/arrow_down_off.png");
}
.sort_desc_image_off:hover {
  background-image: url("/template/usr/file/attachment/arrow_down.png");
}

.search_list {
  border-top: 1px dotted #ccc;
}

.search_list_inner {
  border-bottom: 1px dotted #ccc;
}

.search_list_bg2 {
  background-color: #fff;
}

li.search_list_inner:hover {
  background-color: #f5f5f5;
}

.icoQ_sml {
  background: url("/template/usr/file/attachment/ico_q_s.png") no-repeat scroll 0 40%;
}

.icoA_sml {
  background: url("/template/usr/file/attachment/ico_a_s.png") no-repeat scroll 0 10%;
}

.search_attachment_icon {
  background: url("/template/usr/file/attachment/clip.png") no-repeat scroll 0 0;
}

/*---------- FAQ詳細ページ ---------- */
.preLink {
  background: url("/template/usr/file/attachment/arrow_back.png") no-repeat scroll left center;
}
.preLink a {
  padding: 2px 3px 2px 18px;
}

.faq_qstCont_ttl {
  color: #003e63;
}

.faq_cate_col {
  background-color: #fff;
  border-color: #cdcdcd;
  border-style: dotted;
  border-width: 1px 0;
  padding: 5px 0;
}

.icoQ {
  background-image: url("/template/usr/file/attachment/ico_q.png");
}

.icoA {
  background-image: url("/template/usr/file/attachment/ico_a.png");
  color: #006db0;
}

.faq_ans_bor {
  background: none;
}

.faq_addition_col {
  background-color: #f5f5f5;
  border: 1px solid #cdcdcd;
}

.faq_attachment_file_list > dt, .faq_attachment_file_list dt {
  display: inline;
  float: left;
}
.faq_attachment_file_list > dd, .faq_attachment_file_list dd {
  float: left;
}

.okw_enquete_area {
  background: #e8f2fb;
  border: none;
  border-radius: 5px;
}

.questioner_ttl {
  border-bottom: 1px solid #cdcdcd;
}

.questioner_btn {
  color: #003e63;
}

.faq_relate_list li {
  background-image: url("/template/usr/file/attachment/arrow.png");
}

.faq_list_bg2 {
  background-color: #f5f5f5;
}

/*---------- Info&Newsページ ---------- */
.infonews_date_txt {
  margin-bottom: 5px;
}

/* ------------------------------
 *     7.13
 *------------------------------ */
/*最新のFAQ_閲覧の多いFAQ_関連するFAQ_アイコン位置調整 */
.faqList li.Q_sml, .qaList li.Q_sml {
  background: url("/template/usr/file/attachment/arrow.png") no-repeat scroll left 4px top 8px;
  padding: 0 0 0 18px;
  margin-bottom: 5px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: normal;
}

.faq_relate_list li.Q_sml {
  background-image: url("/template/usr/file/attachment/arrow.png");
  background-position: left 16px top 12px;
}

/*==================================================================
 *
 *  以下Support変更CSS
 *
 *================================================================== */
/* ------------------------------
 *    ヘッダー
 *------------------------------ */
#okw_wrapper .header {
  border-top: none;
  border-bottom: none;
  position: relative;
  width: 100%;
  height: auto;
  margin: 20px auto 17px;
}

#header #site-logo {
  position: static;
  max-width: 960px;
  width: auto;
  overflow: hidden;
  margin: 0 auto;
}
#header #site-logo a {
  display: block;
  float: left;
}
#header #site-logo a img {
  width: 210px;
}
#header #nav-global {
  position: static;
  padding: 5px 0;
  background-color: #00559d;
}
#header #nav-global ul {
  display: table;
  max-width: 960px;
  width: 960px;
  margin: 0 auto;
  height: 56px;
  position: relative;
  z-index: 2;
}
#header #nav-global ul li {
  float: none;
  display: table-cell;
}
#header #nav-global ul li a:link, #header #nav-global ul li a:hover, #header #nav-global ul li a:visited {
  position: relative;
  display: block;
  padding: 16px 5px;
  font-size: 16px !important;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 2px;
  font-weight: normal;
}

/* ------------------------------
 *     全体
 *------------------------------ */
body {
  font-family: "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "MS PGothic", sans-serif;
  font-size: 13px;
  text-align: left;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.42857;
  color: #333;
}

/*---------- 背景白 ---------- */
#okw_contents {
  width: 960px;
  margin: 0 auto;
  padding: 20px 20px 5px;
}

#okw_contents_base {
  padding-right: 0px;
  width: 960px;
}

/*---------- カテゴリタイトル ---------- */
.ttl_col {
  background: transparent url(/usr/file/attachment/HA4VNYxp6LcMx6FB.png) repeat-x scroll left top;
  height: auto;
  padding: 0;
}

/*---------- タイトルバー背景 osg_bg_ttl.png---------- */
.faqList li.Q_sml, .qaList li.Q_sml, .newsList li {
  background: transparent url(/usr/file/attachment/63xnZw5zYPRH2nql.png) no-repeat left 6px;
  padding-left: 10px;
  padding-top: 0px;
  margin-top: 0px;
  line-height: 1.5;
}

/*---------- 矢印アイコンosg_arrow.png---------- */
/*---------- キーワード検索パーツ---------- */
.search_faq_type {
  display: none;
}

.icoQ_sml {
  background: transparent url(/usr/file/attachment/0Pm6SzTGpsdyrlvX.png) no-repeat scroll 0% 40%;
  padding: 0 0 0 20px;
}

/*---------- Qアイコンosg_ico_q_s.png---------- */
.icoA_sml {
  background: transparent url(/usr/file/attachment/UO1b0ADgC43xtqDr.png) no-repeat scroll 0% 10%;
  padding: 0 0 0 20px;
  word-wrap: break-word;
}

/*---------- Aアイコンosg_ico_a_s.png---------- */
.icoA {
  background: transparent url(/usr/file/attachment/ujIXYPmh4qunW5Je.png) no-repeat scroll left top;
  display: block;
  padding: 8px 0 8px 40px;
  margin: 0 5px;
}

/*---------- Aアイコンosg_ico_a.png---------- */
/* ------------------------------
 *     個別FAQ画面
 *------------------------------ */
.icoQ {
  background: transparent url(/usr/file/attachment/zNM9srEBI8Ta7j0j.png) no-repeat scroll left top;
  display: block;
  padding: 1px 0 7px 40px;
}

/*---------- Qアイコンosg_ico_q.png---------- */
.faq_relate_list li.Q_sml {
  background-attachment: scroll;
  background-image: url(/usr/file/attachment/63xnZw5zYPRH2nql.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding: 5px 10px 5px 28px;
  word-break: break-all;
  word-wrap: break-word;
}

/*---------- 矢印アイコンosg_arrow.png---------- */
.topLink a {
  background: url(/usr/file/attachment/QLj1g8PheuWf5qSW.png) no-repeat scroll left center;
  height: auto;
}

/*---------- トップへ矢印アイコンosg_arrow_top.png---------- */
.preLink {
  background: url(/usr/file/attachment/ELxLc3ChV0BqnOYv.png) no-repeat scroll left center;
}

/*---------- 戻る矢印アイコンosg_arrow_back.png---------- */
/* ------------------------------
 *     フッター
 *------------------------------ */
/*---------- 背景白 ---------- */
.footer {
  width: 960px;
  margin: 50px auto;
  padding: 20px 4% 13%;
  border-top: 1px solid #eee;
}

#Footer .container {
  padding: 0;
  width: 960px;
  margin: 0 auto;
}
#Footer #footUnder {
  width: 965px;
  margin: 0px auto;
  padding: 20px 15px 0;
  border-top: 1px solid #eee;
}
#Footer #footUnder #copyright {
  text-align: left;
  font-size: 1.2rem;
  padding-bottom: 20px;
  color: #838383;
}

/*---------- 上ボーダー ---------- */
/*---------- コピーライト文字設定 ---------- */
.small {
  font-size: 80%;
}

#okw_footer_default {
  padding-top: 10px;
}

/* ------------------------------
 *     ショルダー
 *------------------------------ */
.category_tree .ttl_bg {
  background: #00559d;
}

.category_open .pm_icon {
  background: url(../images/front/cate_on.gif) no-repeat 0px 0px;
}

.category_none {
  background: url(/usr/file/attachment/63xnZw5zYPRH2nql.png) no-repeat scroll 11px 10px;
  padding-left: 24px;
}

/*---------- サイド矢印アイコンosg_arrow.png---------- */
.category_open .pm_icon {
  background: url(/usr/file/attachment/Ic3Mow7bpry7o1wH.png) no-repeat 0px 0px;
}

/*---------- サイドマイナスアイコンosg_open.png---------- */
.category_close .pm_icon {
  background: url(/usr/file/attachment/1pFxSamUdPQ0Gv4J.png) no-repeat scroll 0 0;
}

/*---------- サイドプラスアイコン	osg_close.png---------- */
.category_open a:hover.pm_icon {
  background: url(/usr/file/attachment/ixeuBAvHZ3BYwUkW.png) no-repeat 0px 0px;
}

/*---------- サイドマイナスアイコンosg_open_hover.png---------- */
.category_close a:hover.pm_icon {
  background: url(/usr/file/attachment/CKqPp1N5RBh0VIYb.png) no-repeat 0px 0px;
}

/*---------- サイドプラスアイコンosg_close_hover.png---------- */
/* FAQリンク領域 */
.admin_back_link {
  /* 上位置 */
  z-index: 99999;
}

/* ------------------------------
 *     カテゴリアイコン追加スタイル
 *------------------------------ */
.okw_parts_category .cateList_area img {
  width: 64px;
  height: 64px;
}

/*---------- カテゴリ上余白下げる---------- */
.cate_middle {
  padding: 6px 5px 0 5px;
}

/*----------QとAの間の質問を表示せず、Qのタイトルを表示する---------- */
#faq_question_contents div {
    display: none;
}




