@charset "utf-8";
/*
   OKBiz
   OKFAQ Copyright(c) OKWAVE.
*/



/*==================================================================

  ▼テンプレート使用色

==================================================================*/

/*
ベース: #ffffff
メイン: #006db0
アクセント: #006699 #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.4em; /* 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: 79%; /* コンテンツ幅により調節の必要あり */
}

/* カテゴリーツリー */
.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;
}
.category_level_0 {
	margin: 0;
}
.category_level_1,
.category_level_2,
.category_level_3 {
	background: #fff;
}

/* 見出し */
.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;
}
.category_tree a, .category_nofaq {
    overflow: visible;
}

/* 検索パーツ */
.keyword_frm {
	padding: 0 2px;
}
.search_faq_type {
    margin-top: 10px;
}

/* カテゴリーパーツ */
.cateSepa {
	margin-right: 6px;
}

/* カテゴリーページ */
.current {
	font-weight: bold;
	padding: 3px 6px;
}

/* FAQ詳細ページ */
#faq_answer_contents img {
	max-width: 100%;
	width: auto !important;
	width: 100%;
}

.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: #006699;
}
a:hover {
	color: #e8860a;
}

/*---------- レイアウト ----------*/
#okw_sub_header {
	margin-bottom: 10px;
}
.twoCol {
	width: 49%;
}

/*---------- ヘッダー フッター ----------*/
.header_contents {
  border-bottom:2px solid #00205b;
  padding:19px 20px;
}
.header_contents h1 {
  display:inline-block;
}
.header_contents h1 a {
  display:flex;
  align-items:center;
  height:60px;
}
.header_contents h1 a img {
  max-height:60px;
  width:auto;
}
.header_contents .header_contents_text {
  margin-left:20px;
  font-size:25px;
}
.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("/usr/file/attachment/temp_bg_ttl.png") repeat-x left top;
	padding: 0;
	height: auto;
}
/*temp_bg_ttl.png*/

.ttl_bg {
	background: transparent url("/usr/file/attachment/temp_bg_ttl.png") repeat-x scroll right top;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #00205b;
	height: auto;
	padding: 0;
	overflow: hidden; /* スーパーアシスタント利用時の表示崩れ対策 */
  position:relative;
}
/*----------タイトルバー背景 temp_bg_ttl.png ----------*/


.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFaq, .icoHdquestion, .icoPickup, .icoFavorite, .icoKey, .icoProf {
	height: auto;
	line-height: 1.2;
	padding: 0 0 0 10px;
	background: none;
	border-left: 4px solid #00205b;
	margin: 10px 5px;
	white-space: normal;
	word-break: break-all;
}

/*---------- パーツ ----------*/
/* カテゴリーツリー */
.category_tree {
	background: #fff;
	border: none;
	color: #ddd;
}
.category_tree .ttl_bg {
	background: #00205b;
	border-radius: 5px 5px 0 0;
	height: auto;
	padding: 10px 0;
	color: #fff;
	font-weight: normal;
}

.icocate_tree {
	height: auto;
	line-height: 32px; /* .category_tree .ttl_bgの高さに合わせる */
	background: none;
	padding: 0 9px 0 9px;
	line-height: 1.2;
}

.category_level_0 {
	border: solid #cdcdcd;
	border-width: 0 1px 1px;
	border-radius: 0 0 5px 5px;
}

.category_select {
	background-color: #ddd;
}

.category_none.category_select {
  background: #ddd;
}
.cate_pull_inert_bg {
    display: flex;
}
.category_tree a, .category_nofaq {
    width: calc(100% - 25px);
}

/* 閲覧の多いFAQ */
.qaList li {
	background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left top 7px;
	padding: 0 0 0 10px;
}
/*temp_arrow.png*/

/* 最新のFAQ */
.faqList li {
	background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left 0.7em;
	padding: 0 0 0 10px;
}
/*temp_arrow.png*/

/*---------- カテゴリーページ ----------*/
.sort_arrow {
    margin: 5px 0 0 7px;
    width: 12px;
}

/*
.sort_arrow span, .sort_arrow a {
	height: 11px;
	width: 12px;
}
*/

.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;
	}

.search_attachment_icon {
	background: url("/usr/file/attachment/temp_clip.png") no-repeat scroll 0 0;
}
/*temp_clip.png*/

/*---------- FAQ詳細ページ ----------*/

.faq_qstCont_ttl {
  	font-size:142%;
	color: #003e63;
}
.faq_cate_col {
	background-color: #fff;
	border-color: #cdcdcd;
	border-style: dotted;
	border-width: 1px 0;
	padding: 5px 0;
}
.faq_ans_bor {
	background: none;
}
.faq_addition_col {
	background-color: #f5f5f5;
	border: 1px solid #cdcdcd;
}
.faq_attachment_file_list dt {
	display: inline;
	float: left;
}
.faq_attachment_file_list dd {
	display: block;
	float: left;
	}
.okw_enquete_area {
	background: #e8f2fb;
	border: none;
	border-radius: 5px;
}
.questioner_ttl {
	border-bottom: 1px solid #cdcdcd;
}
.questioner_btn {
	color: #00205b;
}
.faq_relate_list li {
	background-image: url("/usr/file/attachment/temp_arrow.png");
}
/*temp_arrow.png*/

.faq_list_bg2 {
	background-color: #f5f5f5;
	}

/*---------- Info&Newsページ ----------*/
.infonews_date_txt {
	margin-bottom: 5px;
}


/*==================================================================

   ▼追加CSS

==================================================================*/
/* ------------------------------------
     カテゴリー一覧子カテゴリー
------------------------------------ */

.cateList_area {
    color: #ddd;
}

.cate_middle {
    word-break: break-all;


    white-space: normal;
}

/* ------------------------------
     Info&Newsタイトル
------------------------------ */

.infoTxt {
    word-break: break-all;
    white-space: normal;
    padding-bottom: 4px;
}


/* ------------------------------
     Info&Newsページ内
------------------------------ */
.infonews_txt {
    white-space: normal;
    word-break: break-all;
}

/* ------------------------------
     パンくずリスト
------------------------------ */

.okw_bread li {
    display: inline-block;
	word-break: break-all;
    white-space: normal;
}

.okw_bread li a {
    margin: 0 4px 0 4px;
}

.okw_bread li span:last-child {
    margin-left: 4px;
    /* display: none; */
}

.okw_bread li a:first-child {
    margin-left: 0px;
}


/*最新のFAQ_閲覧の多いFAQ_関連するFAQ_アイコン位置調整*/
.faqList li.Q_sml, 
.qaList li.Q_sml {
    padding: 2px 0 0 24px;
    margin-bottom: 5px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
}
/*----------項目矢印 arrow.png ----------*/

.icoQ {
	line-height: 1.2em;
}

.icoA {
    padding: 3px 0 8px 40px;
    line-height: 1.4em;
	color: #00205b;
}

/* TOPへ */
.topLink a {
	height: auto;
    background: url("/usr/file/attachment/temp_arrow_top.png") no-repeat scroll left center;
}

/*----------トップへ戻る矢印 temp_arrow_top.png ----------*/

/* ------------------------------
    ショルダー部分 カテゴリツリー
------------------------------ */

.category_open .pm_icon {
    background: url("/usr/file/attachment/temp_open.png") no-repeat scroll 0 0;
}
/*----------マイナスアイコン temp_open.png ----------*/

.category_open a.pm_icon:hover {
    background: url("/usr/file/attachment/temp_open_hover.png") no-repeat scroll 0 0;
}
/*----------マイナスアイコンホバー temp_open_hover.png ----------*/

.category_close .pm_icon {
    background: url("/usr/file/attachment/temp_close.png") no-repeat scroll 0 0;
}
/*----------プラスアイコン temp_close.png ----------*/

.category_close a.pm_icon:hover {
    background: url("/usr/file/attachment/temp_close_hover.png") no-repeat scroll 0 0;
}
/*----------プラスアイコンホバー temp_close_hover.png ----------*/

.category_none {
	padding-left: 28px;
}

.siteLink li {
    display: inline-block;
    height: 25px;
}

/* ------------------------------
   検索結果表示背景
------------------------------ */

.kwd_none {
    background-color: #ddd;
}
/* 検索結果 */
.cate_small {
  padding-top:10px;
  word-break: break-all;
}

.cate_small span a {
    display: inline-block;
    padding-bottom: 7px;
    padding-left:10px;
    background:url("/usr/file/attachment/temp_arrow.png") no-repeat left top 6px;
  /*temp_arrow.png*/
}


/* 「一覧表示」によるタイトルずれ解除*/
.icoFavorite,
.icoPickup{
    display: block;
    width: calc(100% - 110px);
	float: none;
}

.okw_parts_favorite_faq .list, 
.okw_parts_pickup_faq .list, 
.okw_parts_mypage_list .list {
    float: none;
    margin-top: 0px;
    margin-right: 0px;
    font-weight: normal;
    position: absolute;
    right: 9px;
    bottom: 9px;
    font-size:14px;
}


/* ------------------------------
   カテゴリーツリー
------------------------------ */

/* 【現在いるカテゴリー】時の、件数表記 */
.category_select a span.cate_count {
    color: #666;
}


/* ------------------------------
   FAQ一覧
------------------------------ */
/* FAQ一覧「詳細表示」余白*/
.faq_list_show_detail {
    padding-left: 20px;
}


/* カスタムで作成するアイコンサイズ調整*/
.faq_custom_mark {
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    padding-bottom: 1px;
    height: auto;
}

/* ------------------------------
   FAQ詳細ページ
------------------------------ */
.preLink a {
		padding: 4px 3px 2px 18px;
	}

.faq_ans_ttl {
    word-break: break-all;
    white-space: normal;
}

/* ------------------------------
   FAQ詳細ページ　昇順アイコン
------------------------------ */
.sort_asc_image_on {
	background-image: url("/usr/file/attachment/temp_arrow_up.png");
	background-size: contain;
}
/* 上向選択時アイコン temp_arrow_up.png*/


.sort_asc_image_off {
	background-image: url("/usr/file/attachment/temp_arrow_up_off.png");
	background-size: contain;
}
/* 上向非選択時アイコン temp_arrow_up_off.png*/

.sort_asc_image_off:hover {
	background-image: url("/usr/file/attachment/temp_arrow_up_h.png");
	background-size: contain;
}
/* 上向非選択時ホバーアイコン temp_arrow_up_h.png*/


/* ------------------------------
   FAQ詳細ページ　降順アイコン
------------------------------ */
.sort_desc_image_on {
	background-image: url("/usr/file/attachment/temp_arrow_down.png");
	background-size: contain;
}
/* 下向選択時アイコン temp_arrow_down.png*/

.sort_desc_image_off {
	background-image: url("/usr/file/attachment/temp_arrow_down_off.png");
	background-size: contain;
}
/* 下向非選択時アイコン temp_arrow_down_off.png*/

.sort_desc_image_off:hover {
	background-image: url("/usr/file/attachment/temp_arrow_down_h.png");
	background-size: contain;
}
/* 下向非選択時ホバーアイコン temp_arrow_down_h.png*/

/* =======================================================
     お問合せ入力フォーム
======================================================= */

.HDcolumn_right input {
    max-width: 565px;
}


/* ボタンエリア、お問い合わせ完了テーブル */
.commit_button_block,
.me_commit_button_block
{
    background: #f0f0f0;
}


/* =======================================================
     お問合せ入力ページ（スーパーアシスト画面）
======================================================= */
.hd_question_form .ttl_bg {
    border-top: none;
    border-bottom: 1px dotted #a0a0a0;
    background: none;
    margin-bottom: 20px;
}

.hd_question_form .icoQa {
    border-left: 3px solid #a0a0a0;
}

#sa_button {
	margin: 10px 0 0 0;
	width: auto;
}

/* 戻るボタン */
.button_to_link {
    height: auto;
    padding: 4px 3px 2px 18px;
    font-size: 100%;
}


/* =======================================================
     お問合せ完了ページ
======================================================= */
.hdq_finish_msg_mark {
    background: url("/usr/file/attachment/temp_icon_helpinfo.gif") no-repeat;
    background-position: left top 1px;
    min-height: 25px;
}
/*---------- 完了アイコン temp_icon_helpinfo.gif ----------*/

/*==================================================================

  ▼6/26以降変更部分（HDお問い合わせページ）

==================================================================*/

.HDcolumn_right textarea {
    padding: 7px;
}

.HDcolumn_right input {
    padding: 0px 7px;
}

.HDcolumn_right select {
    font-family: initial;
    padding-left: 4px;
}

.hdq_confirm_btn_c:active, .hdq_confirm_btn_c:focus {
    outline: none;
}

/* =======================================================
     マイページ
======================================================= */

/* ログイン画面 */
#login_col .reissue_password a, 
#login_col .create_account_request a {
    padding-left: 16px;
    background: url("/usr/file/attachment/temp_myp_login_arrow.png") no-repeat scroll left center transparent;
    background-size: 9px;
}
/*---------- 矢印アイコン temp_myp_login_arrow.png ----------*/

#login_btn, .mail_input_button {
    color: #404040;
}

#login_btn:hover, .mail_input_button:hover {
	background: transparent url("../images/front/loginbtnoff.gif") no-repeat scroll left top;
}

/* お問い合わせ内容確認画面 */
.q_contents .q_ttl_br {
    background-color: #ddd;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 47px;
}

.q_contents .q_ttl_br {
  background: none;
  border: none;
  padding: 10px 10px 10px 47px;
  position: relative;
}
.q_contents .q_ttl_br::before {
  content: "Q";
  width: 26px;
  height: 26px;
  border-radius: 3px;
  border: 0px;
  position: absolute;
  background-color: #00205b;
  color: #fff;
  text-align: center;
  font-size: 18px;
  left: 15px;
  top: 7px;
  font-family: Arial;
  font-weight: normal;
  line-height: 1.5;
}
.a_contents .a_ttl_br {
  border: none;
  padding: 10px 10px 10px 47px;
  background: none;
  position: relative;
}
.a_contents .a_ttl_br::before {
  content: "A";
  width: 26px;
  height: 26px;
  border-radius: 3px;
  border: 1px solid #00205b;
  box-sizing: border-box;
  position: absolute;
  background-color: #fff;
  color: #00205b;
  text-align: center;
  font-size: 18px;
  left: 15px;
  top: 7px;
  line-height: 1.4;
  font-family: Arial;
  font-weight: normal;
  line-height: 1.5;
}
.mrktenqt_link {
  background-color: #fff;
  border-color: #ccc;
}
/* =======================================================
     回答メールからの遷移画面
======================================================= */
.hd_question_form .q_contents, .hd_question_form .a_contents {
    border: none;
}
.q_contents .attribute, .a_contents .attribute {
    border: 1px dotted #999;
    background-color: #f7f7f7;
}
.mrktenqt_link {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
}
/* =======================================================
     サーベイ
======================================================= */

.icoMenquete {
    height: auto;
	line-height: 1.2;
	padding: 0 0 0 10px;
	background: none;
	border-left: 4px solid #003e63;
	margin: 10px 5px;
	white-space: normal;
	word-break: break-all;
}
.mrktenqt_incident_desc {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

/*==================================================================

  ▼7/5以降変更部分（アイコンCSS化）

==================================================================*/

/* 三角アイコン #00205b・青*/
.category_none {
    background: none;
    position: relative;
}

.category_none:before {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent transparent transparent #00205b;
    position: absolute;
    left: 11px;
    top: 11px;
}

/* 四角アイコン #00205b・青*/
.newsList li {
    position: relative;
	padding-left: 12px;
	background: none;
}

.newsList li:before {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid;
    border-radius: 2px;
    border-color: #00205b;
    position: absolute;
    left: 0px;
    top: 6px;
}

/* Q,Aアイコン・#00205b・青*/
.faqList li.Q_sml, 
.faq_relate_list li.Q_sml, 
.qaList li.Q_sml,
.icoQ_sml, 
.icoA_sml,
.icoQ,
.icoA,
.q_contents .q_ttl_br {
    background: none;
    position: relative;
}

.faqList li.Q_sml:before, 
.faq_relate_list li.Q_sml:before, 
.qaList li.Q_sml:before,
.icoQ_sml:before,
.q_contents .q_ttl_br:before{
    content: "Q";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color:#00205b;
    color: #fff;
    text-align:center;
    font-size: 12px;
    font-weight:normal;
    font-family:Arial;
}

.faq_relate_list li.Q_sml:before{
    left: 9px;
    top: 7px;
}

.faqList li.Q_sml:before, 
.qaList li.Q_sml:before {
    left: 0px;
    top: 2px;
}

.icoQ_sml, 
.icoA_sml {
    padding-left: 24px;
}

.icoQ_sml:before {
    left:0;
    top:3px;
}

/* Aアイコン・小 #00205b・青*/
.icoA_sml:before {
    content: "A";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #00205b;
    box-sizing:border-box;
    position: absolute;
    background-color:#fff;
    color: #00205b;
    text-align:center;
    font-size: 12px;
  font-family:Arial;
}

.icoA_sml:before {
    left:0;
    top:0px;
}

/* Q,Aアイコン・大 #00205b・青*/

.icoQ:before, .q_contents .q_ttl_br:before{
    content: "Q";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color:#00205b;
    color: #fff;
    text-align:center;
    font-size: 18px;
    left:0px;
    top:0px;
    line-height: 1.5;
    font-family:Arial;
    font-weight:normal;
}

.icoA:before {
    content: "A";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #00205b;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #00205b;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 3px;
    line-height: 1.4;
    font-family:Arial;
    font-weight:normal;
}
li.K_sml {
    padding-left: 24px;
}

/* =======================================================
     TCI customize
======================================================= */
/* ------------------------------
     Base
------------------------------ */
/* font */
body {
	font-family: "HiraKakuProN W3", sans serif;
}
textarea, input, select {
	font-family: "HiraKakuProN W3", sans serif !important;
	}
/* header_footer */
.header_contents {
    border-bottom: none;
    padding: 0 15px;
}
.sub_header {
	width: 100%;
	padding: 10px;
	background-color: #eee;
	text-align: center;
}
.sub_header h1 img {
    width: 340px;
    height: 60px;
}
.copyright {
    text-align: center;
}
/* rayout */
#category_index #okw_contents_base{
    width: 100%;
}
#category_index .oneCol .ttl_col, #category_index .oneCol .search_frmArea, #category_index .oneCol #info_and_news_list, #category_index .oneCol .qaList, #category_index .oneCol .faqList {
    width: 1000px;
    margin: 0 auto;
}
#okw_sub_header {
    width: 1000px;
    margin: 0 auto;
}
.topLink {
	float: none;
    margin: 10px auto;
    width: 680px;
    text-align: right;
}
#category_index .topLink {
    width: 1000px;
}
#fontCol {
    margin: 10px 0 0;
}
.okw_bread {
    width: 75%;
    margin: 0 0 30px;
}
/* heading */
h2 {
    font-size: 180%;
    font-weight: bold;
    color: #00205B;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}
.cont h2 > span {
    font-size: 80%;
}
.ttl_col, .ttl_bg {
	background: none;
	border-top: none;
}
.icoKeyword, .icoInf, .icoQa, .icoPickup {
	border-left: none;
	padding: 0;
	margin: 10px 5px 10px 0;
	font-size: 157%;
    font-weight: bold;
    color: #00205B;
    letter-spacing: 0.05em;
}
.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFaq, .icoHdquestion, .icoPickup, .icoFavorite, .icoKey, .icoProf {
    border-left: none;
    font-size: 150%;
}
#category_index .okw_parts_info_and_news, #category_index .okw_parts_access_rank_faq, #category_index .okw_parts_pickup_faq {
	margin-top: 70px;
}
#category_index #category, #category_index #contact {
	width: 100%;
	padding: 0 0 50px;
	margin-top: 70px;
	background-color: #f8f8f8;
	border-top: 1px solid #e5e5e5;
}
#category_index .search_frmArea .keyword_frmbtn,
#category_index .search_frmArea .n_keyword_frmbtn {
    background: #00205B;
    width: 130px;
    border-radius: 5px;
}
#category_index .keyword_frm,
#category_index .n_keyword_frm {
	width: 85%;
	border-radius: 5px;
}
/*アンケートパーツ調整*/
.okw_enquete_area {
    width: 93%;
    background: #f2f2f2;
}
.search_frmArea .keyword_frmbtn, .search_frmArea .n_keyword_frmbtn, .questioner_btn {
    color: #fff;
    background: #00205B;
    border-radius: 5px;
}
.search_frmArea .keyword_frmbtn:hover, .search_frmArea .n_keyword_frmbtn:hover, .questioner_btn:hover {
    background: #00205B;
}
/* 送信ボタン 非活性時 */
.questioner_btn[disabled]{
    color: #fff;
    opacity: .3;
}
.questioner_submit_btn, .knowledge_vote_button .questioner_submit_btn {
    margin: 25px auto 10px;
}
/* リンクテキストカラー */
#faq_question_contents a,#faq_answer_contents a,#info_news_contents a{
    color: #036EC0;
    text-decoration: underline;
}
#faq_question_contents a:visited,#faq_answer_contents a:visited,#info_news_contents a:visited{
    color: #551A8B;
}
#faq_question_contents a:hover,#faq_answer_contents a:hover,#info_news_contents a:hover {
    text-decoration: none;
}
a:link, a:active {
	color: #036EC0;
    text-decoration: underline;
}
a:visited {
    color: #551A8B;
    text-decoration: underline;
}
#okw_sub_header ul.okw_bread li a:visited {
    color: #036EC0;
}
a:hover {
	color: #036EC0;
    text-decoration: none;
}
#tree_1 a:link, #tree_1 a:visited, #tree_1 a:active,
.search_qattl a:link, .search_qattl a:visited, .search_qattl a:active {
	color: #036EC0;
    text-decoration: none;
}
.search_qattl a:visited {
    color: #551A8B;
}
#tree_1 a:hover, .search_qattl a:hover {
	color: #036EC0;
    text-decoration: underline;
}
.icoA_sml a:link, .icoA_sml a:visited, .icoA_sml a:active,
.search_date_area a:link, .search_date_area a:visited, .search_date_area a:active {
    text-decoration: none;
}
.icoA_sml a:hover,
.search_date_area a:hover {
    text-decoration: underline;
}
.icoA_sml a:visited,
.search_date_area a:visited,
.topLink a:visited ,
.copyright a:visited {
	color: #036EC0;
}
/* フォーム */
#n_search_description.search_description {
    display: block;
}
.keyword_frm, .n_keyword_frm {
    border-width: 1px;
}
#category_index .keyword_frm, #category_index .n_keyword_frm {
	width: 620px;
	height: 40px;
}
#category_index .search_frmArea .keyword_frmbtn {
    width: 90px;
    height: 40px;
    margin: 0 0 0 10px;
    font-weight: normal;
}
#category_index .search_frmArea .n_keyword_frmbtn {
    width: 90px;
    height: 45px;
    margin: 0 270px 0 0;
    font-weight: normal;
}
.keyword_frm, .n_keyword_frm, .search_attribute .search_attribute_input .combo-text, .search_attribute input.search_attribute_input {
	height: 40px;
    border-radius: 5px;
}
.search_frmArea .keyword_frmbtn {
    width: 80px;
    height: 40px;
    margin: 0 0 0 10px;
    font-weight: normal;
}
.search_frmArea .n_keyword_frmbtn {
    width: 90px;
    height: 40px;
    margin: 10px 0;
    font-weight: normal;
}
.search_switch {
    margin: 10px 0 0;
}
.search_description {
    margin: 3px 0 20px;
}
/* FAQ個別ページ内のカテゴリ非表示 */
#faq_show .faq_cate_col {
	display: none;
}

/* ------------------------------
     カテゴリから探す
------------------------------ */
h3.menu {
color: #fff;
padding: 12px 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
margin-bottom: 13px;
font-weight: bold;
background: #00205B;
}
.cont {
width: 1000px;
margin: 0 auto;
padding-top: 70px;
}
ul.btncolumn4 {
position: relative;
margin-bottom: 13px;
}
ul.btncolumn4 li:first-child {
    margin-left: 0;
}
ul.btncolumn4 li {
    float: left;
    width: 240px;
    margin-left: 13px;
}
ul.btncolumn4 li p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    -ms-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: -prefix-linear-gradient(top, white, #E6EBF0);
    background: linear-gradient(to bottom, white, #E6EBF0);
    background-repeat: no-repeat;
    background-position: 95%;
    color: #00174B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 100%;
    width: 240px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
ul.btncolumn4 li p:hover {
    cursor: pointer;
    background: #1469BE;
    color: #fff;
}
ul.btncolumn4 li a{
display: block;
padding: 20px;
}
div.cont a:link,div.cont a:visited,div.cont a:active {
color: #00174B;
text-decoration: none;
}
ul.btncolumn4 li a:hover {
color: #fff;
text-decoration: none;
}

/* ------------------------------
     車種から探す
------------------------------ */
/*高さ*/
.hg {
    position: relative;
    height: 430px;
}
/*タブ切り替え全体のスタイル*/
.tabs {
  position: absolute;
  top: 70px;
  margin-top: 50px;
  padding-bottom: 40px;
  width: 1000px;
  margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
  width: 200px;
  height: 46px;
  border: 1px solid #00205b;
  border-bottom: 0;
  -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  background-color: #fff;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #00205b;
  display: block;
  float: right;
  margin-left: 5px;
  text-align: center;
  transition: all 0.2s ease;
}
.tab_item:hover {
  background-color: #eee;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 0 0;
  clear: both;
  overflow: hidden;
  border-top: 3px solid #00205b;
}
/*選択されているタブのコンテンツのみを表示*/
#carJoyo:checked ~ #carJoyo_content,
#carKei:checked ~ #carKei_content {
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #00205b;
  color: #fff;
}
ul.carList {position:relative;}
ul.carList > li{
  text-align: center;
  margin-bottom: 20px;
  width: 200px;
  float: left;
}
ul.carList.pb li > p span{ height: 125px;}
ul.carList li > p{  width: 200px; }
ul.carList li > p span{
  position: relative;
  display: block;
  line-height: 1.3;
}
ul.carList li > p:hover{
  cursor: pointer;
  color: #1469BE;
}
ul.carList li > p span:after,
ul.carList li.on > p span:after{
  content: "";
  height: 100%;
  width: 198px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border: 3px solid #1469BE;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
ul.carList li > p span:after{
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
ul.carList li > p:hover span:after,ul.carList li.on > p span:after{
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
ul.carList li > p img{
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
ul.carList li > p:hover img{
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
ul.carList > li.on p span{
  color: #1469BE;
}
div.Joyo a:link,div.Joyo a:visited,div.Joyo a:active,
div.Kei a:link,div.Kei a:visited,div.Kei a:active {
color: #00174B;
text-decoration: none;
}
div.Joyo a:hover,
div.Kei a:hover {
color: #1469BE;
}

/* ------------------------------
     スバコミ以下
------------------------------ */
#subacom{
  width: 100%;
  padding: 30px 0 80px;
  margin-top: 50px;
  background: url(/usr/file/attachment/subacomi_bg.png) #1469BE;
}
#subacom .cont h2{
  color: #fff;
  position: relative;
}
#subacom .cont h2 a.logo{
  display: inline-block;
  position:absolute;
  right: 0;
  top: -50px;
  padding-right: 10px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#subacom .cont h2 a.logo:after{
  position:absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/usr/file/attachment/newwin.png) no-repeat left top;
  top: -5px;
  right: 0;
}
#subacom .cont h2 a.logo:hover{
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

#subacom .cont h2 a.logo img{
  width: 180px;
  height: auto;
}
ul.btncolumn3{
  position:relative;
  margin-bottom: 13px;
}
ul.btncolumn3 > li{
  float:left;
  width:240px;
  margin-left:13px;
}
ul.btncolumn3 > li{
  width:325px;
  margin-left:12px;
}
ul.btncolumn3 > li:first-child{ margin-left:0; }

ul.btn li a,ul.btncolumn3 > li p{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  -ms-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  background: -prefix-linear-gradient(top, white, #E6EBF0);
  background: linear-gradient(to bottom, white, #E6EBF0);
  background-repeat: no-repeat;
  background-position: 95%;
  color: #00174B;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 100%;
  width: 240px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
ul.btncolumn3.bcver2 > li p{
  height: 5.5em;
}
ul.btncolumn3 > li p:hover{
  cursor: pointer;
  background: #1469BE no-repeat 95% center;
  color: #fff;
}
ul.btncolumn3 > li.on p{
  background: #1469BE no-repeat 95% center;
  color: #fff;
}

#subacom ul.btncolumn3 > li p:hover{
  background-color: #00205b;
  color: #fff;
}
#subacom ul.btncolumn3 > li.on p{
  background-color: #00205b;
  color: #fff;
}
ul.btncolumn3 > li p{ width: 325px; }

#subacom ul.btncolumn3 li a{
display: block;
padding: 30px;
}
div.cont a:link,div.cont a:visited,div.cont a:active {
color: #00174B;
text-decoration: none;
}
#subacom ul.btncolumn3 li a:hover {
color: #fff;
text-decoration: none;
}

.box_harf{
  width: 495px;
  min-height: 170px;
  background: url(/usr/file/attachment/box_bg1.jpg)  no-repeat;
  text-align: center;
  float: left;
}
.box_full h3,
.box_harf h3{
  color: #1469BE;
  font-weight: bold;
  padding: 14px 0;
}
.box_harf h3.type1{
  padding-bottom: 5px;
}
.box_harf p.note {
  margin-top: 35px;
  color: #777;
  font-size: 12px;
  text-align: left;
}
.box_harf p.note a{
  text-decoration: underline;
  color: #00174B;
}
.box_harf p.note a:hover{
  text-decoration: none;
}
.box_harf ul.btn{
  margin: 0 auto;
  width: 452px;
}
ul.btn li{
  float: left;
}
.box_harf ul.btn:not(.wid) li:first-child{
  margin-right: 25px;
  padding-right: 25px;
  border-right: 1px solid #BAD3E8;
}
ul.btn li a{
  width: 200px;
  height: 80px;
  padding: 16px 10px;
  font-size: 100%;
  background: -prefix-linear-gradient(top, white, #E6EBF0);
  background: linear-gradient(to bottom, white, #E6EBF0);
  vertical-align: middle;
}
ul.btn.wid li{
  float: none;
}
ul.btn.wid li a{
  width: 350px;
  margin: 0 auto;
}
ul.btn li a:hover{
  background: #1469BE;
  color: #fff;
}
ul.btn li a:not(.newWin){
  background-repeat: no-repeat;
  background-position: 95%;
}

ul.btn li a.Link{
  background: url(/usr/file/attachment/icon_link.png),-prefix-linear-gradient(top, white, #E6EBF0);
  background: url(/usr/file/attachment/icon_link.png),linear-gradient(to bottom, white, #E6EBF0);
  background-repeat: no-repeat;
  background-position: 95%;
}
ul.btn li a.Link:hover{
  background: url(/usr/file/attachment/icon_link_on.png) #1469BE no-repeat 95% center;
}

ul.btn li a.Link{
  background: -prefix-linear-gradient(top, white, #E6EBF0);
  background: linear-gradient(to bottom, white, #E6EBF0);
  background-repeat: no-repeat;
  background-position: 95%;
}
ul.btn li a.Link:hover{
  background: #1469BE no-repeat 95% center;
}
ul.btn li a.newWin:after{
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(/usr/file/attachment/newwin_black.png) no-repeat left top;
}
ul.btn li a.newWin:hover:after{
  background: url(/usr/file/attachment/newwin_white.png) no-repeat left top;
}

.box_full{
  height: 172px;
  background: url(/usr/file/attachment/box_bg2.jpg);
  text-align: center;
}
.box_full ul.btn{
  margin: 10px auto 0;
  width: 842px;
}
.box_full ul.btn li:first-child{
  margin-right: 70px;
  padding-right: 70px;
  border-right: 1px solid #BAD3E8;
}
.box_full ul.btn li a{ width: 350px; }

.pt30 {
    padding-top: 30px !important;
}
.mt50 {
    margin-top: 50px !important;
}


/*----------------------------------
　お問い合わせ
----------------------------------*/
table.tstyle1{
  border: 1px solid #B9D3E8;
  width: 100%;
  margin-bottom: 30px;
}
table.tstyle1 th,table.tstyle1 td{
  border: 1px solid #B9D3E8;
  padding: 15px 20px;
}
table.tstyle1 th{
  background-color: #EDF5FC;
  font-weight: bold;
  color: #1469BE;
  text-align: center;
}

.cbox{
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  -ms-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  background-color: #fff;
  padding: 10px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.cbox > div{ display: table-cell; height: 100%; vertical-align: middle; }
.cboxin{
  width: 455px; background-color: #E6EDF9;
}

.cboxin div.attention{
	color: #C00000;
	border-style: solid;
	border-color: #00174B;
	padding: 10px 3px;
	margin: 0 10px;
}

.cboxin .attention { 
	color: #C00000; 
	background: #fff;
	text-align: left; 
	margin-top: 10px; 
	font-weight: bold;
	font-size: 110%; 	
}

.cboxin.recall{ 
	float: right; 
}

.cboxin ol{
  position: relative;
  padding: 0 40px;
  counter-reset:li;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.cboxin ol li{
  margin: 15px 0;
  font-weight: bold;
  padding-left: 2em;
  list-style:none;
  position:relative;
  font-size: 110%;
}
.cboxin ol li span{ font-size: 80%; line-height: 1.4em;}
.cboxin ol li:before{
  content:counter(li);
  counter-increment:li;
  position:absolute;
  top:0;
  left:0;
  width:1.4em;
  height: 1.4em;
  padding:0 0;
  color:#fff;
  background-color: #00174B;
  font-weight:bold;
  text-align:center;
  font-size: 110%;
  z-index: 12;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
.cboxin p{ color: #00174B; font-size: 80%; padding: 0 20px; }

.call{ width: 485px; margin: 0 auto; padding: 20px 10px 20px 20px; text-align: center; }
.call h3{
  background-color: #00174B;
  color: #fff;
  font-weight: bold;
  padding: 3px 0;
  font-size: 120%;

}

.call p.tel{
  font-size: 250%;
  margin: 15px 0;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.call p.tel:before {
    content: "";
    display: inline-block;
    background: url(/usr/file/attachment/tell-logo.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 50px;
	background-size: cover;
    vertical-align: middle;
    margin-left: 3px;
}	
.call h4{
  float: left;
  background-color: #E6EDF9;
  color: #00174B;
  width: 80px;
  padding: 5px 0;
  margin: 8px 15px 0 0;
}
.call dl{
  float: left;
  text-align: left;
  margin: 8px 0 5px;
}
.call dt{
  float: left;
  width: 3.5em;
}
.call dd{
  margin-left: 4em;
}
.call p.note{
  text-align: left;
  font-size: 11px;
  line-height: 1.4em;
  padding-left: 1.2em;
  position: relative;
}
.call p.note::before{ content: "※"; position: absolute; left: 0; top: 0; }

.call p.note span,.holiday p.note span{
  display: inline-block;
  background-color: #00174B;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  color: #fff;
  width: 1.5em;
  text-align: center;
  margin-right: 3px;
}

.holiday p.note{
  text-align: left;
  font-size: 13px;
  line-height: 1.6em;
}

.recall .call dt{
  width: 6.7em;
}
.recall .call dd{
  margin-left: 7em;
}
.cboxin.recall ol{ background-color: #D0F4FD;}
.cboxin.recall ol:after{ border-top: 15px solid #D0F4FD; }
.cboxin.recall ol li:before,.cboxin.recall .call h3{ background-color: #129DC0; }
.cboxin.recall .call h4{ background-color: #D0F4FD; color: #108CAB; margin-bottom: 5px; }
.cboxin.recall .call dl{ margin-top: 13px;}

p.caution{ color: #C40000; margin-bottom: 10px;}

#contact h2{
  margin-bottom: 20px;
}
p.contact_btn a{
  width: 550px;
  margin: 40px auto;
  text-align: center;
  display: block;
  padding: 27px 20px;
  font-size: 140%;
  background: -prefix-linear-gradient(top, #1372BF, #1366B9);
  background: linear-gradient(to bottom, #1372BF, #1366B9);
  color: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  -ms-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
p.contact_btn a:after{
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/usr/file/attachment/newwin_white.png) no-repeat left center;
}
p.contact_btn a:hover{ background: #115AA4;}

div#contact div.cont .contact_btn a:link, div#contact div.cont .contact_btn a:visited, div#contact div.cont .contact_btn a:active {
    color: #fff;
}
/*FAQ種別全体の非表示*/
.search_faq_type {
    display: none;
}
/*OKWAVEロゴ非表示*/
#okw_logo_footer {
display: none;
}




/*----------------------------------
　お問い合わせ2
----------------------------------*/


.contact2{
	margin-bottom: 50px;	
}

.contact2Inner{
 	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-ms-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;	
	background-color: #fff;	
	margin: 0 auto;
	padding: 20px 10px 20px 20px;
	line-height: 1.6em;	
	font-size:120%;
}


.contact2Inner li{
	margin-bottom: 10px;	
}


.contact2Inner span{
	background-color: #00174B;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px;
	text-align: left;
}


.contact2Inner div{
	font-weight: bold;
	padding: 10px 0;
	font-size: 95%;
}

ul.btncolumncontact {
	position: relative;
	margin-bottom: 13px;
	width: 300px;
	margin: auto;
}

.btncolumncontact li {
    float: left;
    width: 240px;
	text-align: center;
}
.btncolumncontact li p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    -ms-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: -prefix-linear-gradient(top, white, #E6EBF0);
    background: linear-gradient(to bottom, white, #E6EBF0);
    background-repeat: no-repeat;
    background-position: 95%;
    color: #00174B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 100%;
    width: 240px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.btncolumncontact li p:hover {
    cursor: pointer;
    background: #1469BE;
    color: #fff;
}
.btncolumncontact li a{
display: block;
padding: 20px;
}

div.cont a:link,div.cont a:visited,div.cont a:active {
color: #00174B;
text-decoration: none;
}

.btncolumncontact li a:hover {
color: #fff;
text-decoration: none;
}

.btncolumncontact li a.newWin:after{
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  background: url(/usr/file/attachment/newwin_black.png) no-repeat left top;
}
.btncolumncontact li a.newWin:hover:after{
  background: url(/usr/file/attachment/newwin_white.png) no-repeat left top;
}


/*----------------------------------
　公的機関などの相談窓口
----------------------------------*/


.refarence{
	margin-top: 70px;
}

.refarenceInner{
 	-webkit-box-shadow: 0 0 5px #ccc;
	-moz-box-shadow: 0 0 5px #ccc;
	-ms-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;	
	background-color: #fff;	
	margin: 0 auto;
	padding: 20px 10px 20px 20px;
	text-align: reft; 
	line-height: 1.6em;	
	font-size:120%;
}

#contact #refarenceLink a:hover{
    text-decoration: underline;
}

#contact #refarenceLink a{
    color: #438bc5;
    text-decoration: none;
}

.refarenceIcon:after {
    content: "";
    display: inline-block;
    background: url(https://faq.subaru.jp/usr/file/attachment/newwin_black.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 20px;
    vertical-align: top;
    margin-left: 3px;
}	

.refarence_note{
	font-size: 58% !important;
	margin-left: 30px;
}