@charset "utf-8";
/*
 * PKSHA FAQ
 * Copyright(c) 2002-2020 PKSHA Communication
 * modified by Fujio SUZUKI 2024/05/08 
*/

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

  ▼テンプレート使用色

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

/*ライン：#18a3dc（ブルー）#dee1e2（グレー）*/
ライン：#158864（CATOダークグリーン）#dee1e2（グレー）
リンク色： #18a3dc
濃色：#006699
グレー：#58676b #f7f7f7（濃←→薄）


/* =======================================================
     basic
======================================================= */
/* ------------------------------
     default settings
------------------------------ */
body {
    font-family: "メイリオ", Meiryo, Osaka, sans-serif; /* 文字フォント */
    line-height: 1.5; /* テキスト高さ */
}

h1 {
    font-size: 100%; /* 文字サイズ */
}
* {
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}

/* ------------------------------
     font size
------------------------------ */
/* 大 */
body.lang_size_large,
.lang_size_large textarea {
    font-size: 100%; /* 文字サイズ */
}
.lang_size_large .login_txt,
.lang_size_large .keyword_frm {
    font-size: 100%; /* 文字サイズ */
}
/* 中 */
body.lang_size_medium,
.lang_size_medium .login_txt,
.lang_size_medium  .keyword_frm,
.lang_size_medium textarea {
    font-size: 88%; /* 文字サイズ */
}
/* 小 */
body.lang_size_small,
.lang_size_small textarea {
    font-size: 75%; /* 文字サイズ */
}
.lang_size_small .login_txt,
.lang_size_small .keyword_frm {
    font-size: 75%; /* 文字サイズ */
}

/* ------------------------------
     link
------------------------------ */
/* リンク */
a:link {
    color: #333; /* テキスト色 */
}
/* 訪問済み */
a:visited {
    color: #333; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
   /* color: #18a3dc; テキスト色 */
    color: #148964; /* テキスト色-CATOグリーン */
    text-decoration: underline; /* テキスト装飾 */
}
/* アクティブ */
a:active {
    color: #333; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/*フォーム*/
textarea, input, select {
font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important; 
padding: 2px 3px;
}
/* =======================================================
     base layout
======================================================= */
.okw_headline { display:none; }
/*---------- ヘッダー フッター ----------*/
.header_contents {
  border-bottom:2px solid #18a3dc;
  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 {
	padding: 10px;
}
.copyright {
	width: 965px;
	margin: 0 auto;
	color: #999;
	font-size: 12px;
	text-align: center;
}

/* ------------------------------------
#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;
}

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

/* ------------------------------
     wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {}

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

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

#okw_side .oneCol {
  margin-bottom: 15px;
}
/* ------------------------------
     main column
------------------------------ */
/* 領域 */
#okw_center{}
/* 領域・サイドカラム有 */
#okw_center.okw_side {
    width: 690px; /* 幅 */
}
/* 領域・サイドカラム無 */
#okw_center .side_none {
    width: auto; /* 幅 */
}
/* ------------------------------
     footer
------------------------------ */
#copy {
    color: #787878;
    font-size: 80%;
    margin: 10px auto;
    width: 960px;
}

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

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



/* =======================================================
     sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
    background: #fff;
    line-height: 22px;
    margin-bottom: 15px;
}

/* =======================================================
     design parts
======================================================= */
/* 領域 */
.colArea {
    margin-bottom: 40px; /* 周囲余白 */
}
/* ------------------------------
     title
------------------------------ */
/* 2 列パーツ */
.twoCol {
    width: 48.5%; /* 幅 */
}
/* 1 列パーツ */
.ttl_col {
    background: none; /* 背景 */
    height: auto; /* 高さ */
    padding: 0; /* 余白 */
    margin-bottom: 15px;
    border-bottom: 2px solid #dee1e2;
}
/* パーツタイトル */
.ttl_bg {
    background: none; /* 背景 */
    height: auto; /* 高さ */
    padding: 0; /* 余白 */
}
/* パーツタイトル文字 */
.ttl_col h2 {
    font-size: 100%; /* 文字サイズ */
    position:relative;
}
/* ------------------------------
     info & news
------------------------------ */
/* 1 行 */
.newsList li {
    background: none; /* 背景 */
    padding: 0; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
    clear:both;
    overflow: hidden;
    line-height: 1.6;
    border-bottom: 1px dotted #bbb;
}
/* 日付 */
.datetime {
    line-height: 1.6; /* テキスト高さ */
    margin-right: 5px; /* 周囲余白 */
    white-space: nowrap; /* 要素内余白表示 */
}
/* Info&News一覧日付 */
.newsList li .datetime{
    font-size: 95%;
}

/* ------------------------------
     keyword search
------------------------------ */
/* フォーム */
.keyword_frm {
    width: 69%; /* 幅 */
    height: 28px; /* 高さ */
    float: left; /* 表示配置 */
    border: 1px #ccc solid; /* 罫線スタイル */
    border-radius: 5px;
    line-height: 2.0; /* テキスト高さ */
    font-size: 100%; /* 文字サイズ */
    letter-spacing: 1.8px; /* 文字間 */
    margin-right: 5px;
    padding: 0 2px;
}
/* ボタン */
.search_frmArea .keyword_frmbtn {
    background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top; /* 背景 */
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    color: #555; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 100%; /* 文字サイズ */

    margin-top: -2px;
}
/* 自然文ボタン */
.search_frmArea .n_keyword_frmbtn{
    background: url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top transparent;
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    color: #555; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
    float:right;
    margin:5px 0 0 0; /* 周囲余白 */
    display:block;
}
.search_frmArea .keyword_frmbtn:hover, .search_frmArea .n_keyword_frmbtn:hover {
        background: url("/usr/file/attachment/simple_bg_btn_h.png") no-repeat scroll left top transparent;
        /*simple_bt_btn_h.png*/
        color: #18a3dc;
    }
/* 検索切り替え */
.search_switch{
    font-size:0.9em; /* 文字サイズ */
}
/*お問い合わせパーツ*/
.okw_parts_helpdesk .qaList li {
	background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left top 7px;
	/*temp_arrow.png*/
	padding: 0 0 0 10px;
}
/* ------------------------------
     login parts
------------------------------ */
/* ログインパーツ */
.loginArea,
.loginUsrArea{
    border-top: 1px solid #ddd;
    margin: 0 3px 0 3px;
    padding: 15px 10px 0;
    width: auto;
    box-sizing: border-box;
}
/* ログインボタン */
.loginUsrArea p{
    border-bottom: none; /* 罫線 */
}

/* ------------------------------
     category list
------------------------------ */
/* 小カテゴリ */
.cate_small{
    font-size: 90%;
}

/* ------------------------------
     category tree
------------------------------ */

.oneCol.okw_parts_category_tree a:hover {
    color: #18a3dc;
}

.fo_b{ font-weight:bold;}

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


/* 選択中のカテゴリ */
.category_select{ background-color: transparent;}
.category_select a, .category_select a span{ color: #18a3dc; font-weight: normal; }


/* カテゴリ名文字 */
.category_level_0{ margin: 0 0 0 3px; width: 230px; background: transparent; }
.category_level_0 li{ border-top: 1px solid #ddd;}

.category_level_1{ background: transparent; margin-left:20px; clear:both;}
.category_level_1 li{ border-top: 1px dotted #ddd;}

.category_level_2{background: transparent; margin-left:20px; clear:both;}
.category_level_2 li{ border-top: 1px dotted #ddd;}

.category_level_3{background: transparent; margin-left:20px; clear:both;}
.category_level_3 li{ border-top: 1px dotted #ddd;}

/* =======================================================
 faq detail page
======================================================= */
/* 領域 */
.faq_qstInf_col {
    border-bottom: 1px dotted #bbb; /* 罫線 */
    margin: 0 0 16px; /* 周囲余白 */
}

/* ------------------------------
     question
------------------------------ */
/* タイトル */
.faq_qstCont_ttl {
/*    font-size: 142%;  /*文字サイズ */ */
    font-size: 100%;  /*文字サイズ */
    font-weight: normal; /* 文字太さ */
    color: #444; /* テキスト色 */
    /*line-height: 1.2;  テキスト高さ */
    margin: 10px 25px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
	white-space: normal;
}
/* カテゴリ */
.faq_cate_col {
    padding: 5px; /* 余白 */
    border-style: dotted none;
    border-width: 1px 0px;
    border-color: #bbb;
    background-color: #fff; /* 背景色 */
    font-size: 80%;
}

/* ------------------------------
     answer
------------------------------ */
/* タイトル領域 */
.faq_ans_bor {
    background: none; /* 背景 */
}
/* タイトル */
.faq_ans_ttl {
    font-size: 100%; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    line-height: 1.2; /* テキスト高さ */
    margin: 10px 20px 10px; /* 周囲余白 */
}

/* 添付ファイル項目名 */
/* 横並び設定 */
.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_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%;
}

/* ------------------------------
     enquate
------------------------------ */
/* 領域 */
.oneCol.okw_parts_enquete {
    width: 80%;
    margin: 0 auto;
}

.okw_enquete_area{
    border: none;
    margin: 0 auto 20px;
    padding: 10px 15px 5px;
    width: auto;
    background: #f7f7f7;
    border-radius: 7px;
}
/* テキストタイトル */
.questioner_ttl {
    font-size:100%;
    text-align:center;
    border-bottom:2px solid #18a3dc;
}
/* テキストエリア領域 */
.questioner_txt_col{
    width: 60%;
}
/* テキストエリア上メッセージ */
.questioner_sub_msg{
    font-size: 100%;
}
/* テキストエリア */
.questioner_txt {
    background-color: #fcfcfc;
    border: 1px solid #aaaaaa; /* 罫線 */
    width: 95%; /* 幅 */
    height: 80px;
    margin: 5px 0;
    padding: 5px;
}

/* ボタン領域 */
.questioner_submit_btn {
    height: 40px; /* 高さ */
}
/* 送信ボタン */
.questioner_btn {
    font-size: 100%; /* 文字サイズ */
    color: #555; /* テキスト色 */
    background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top; /* 背景 */
    /*simple_bg_btn.png*/
    width: 76px; /* 幅 */
    height: 34px; /* 高さ */
    display: block;
}
/* 送信ボタン ホバー */
.questioner_btn:hover {
    background: transparent url("/usr/file/attachment/simple_bg_btn_h.png") no-repeat scroll left top;
    /*simple_bg_btn_h.png*/
    color: #18a3dc; /* テキスト色 */
}
/* 送信ボタン 非活性時 */
.questioner_btn[disabled]{
    filter: alpha(opacity=50); /*IE*/
    -moz-opacity: 0.5; /*Firefox*/
    opacity: 0.5; /*Opera・Safari*/
}

/* ------------------------------
     related faq : おすすめFAQ
------------------------------ */
/* 奇数行 */
.faq_list_bg1 {
    background-color: #fff; /* 背景色 */
}
/* 偶数行 */
.faq_list_bg2 {
    background-color: #fff; /* 背景色 */
}

.faq_relate_list li.Q_sml {
    margin-bottom: 5px;
}


/* =======================================================
     faq search list page
======================================================= */
/* ------------------------------
     list
------------------------------ */
/* 領域 */
.search_list {
    overflow: hidden; /* 領域外表示 */
}
/* 1 行 */
.search_list_inner {
    border-bottom: 1px dotted #bbb; /* 罫線 */
    padding: 10px; /* 余白 */
}
/* 1 行 ホバー */
li.search_list_inner:hover {
    background-color: #f7f7f7; /* 背景色 */
}
/* 奇数行 */
.search_list_bg1 {
    background-color: #fff; /* 背景色 */
    padding: 10px; /* 余白 */
}
/* 偶数行 */
.search_list_bg2 {
    background-color: #fff; /* 背景色 */
    padding: 10px; /* 余白 */
}

/* ------------------------------
     paging common
------------------------------ */
/* ページング領域（上） */
.pg_col_top {
    font-family: inherit; /* 文字フォント */
}
/* ページング領域（下） */
.pg_col_down {
    font-family: inherit; /* 文字フォント */
}

/* ------------------------------
     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; /* 検索時のソート条件の区切り文字 */
}

/* =======================================================
     info & news page
======================================================= */
/* 投稿日時領域 */
.infonews_datetime {
    font-size: 84%;
}

/* タイトル領域 */
.infonewstitle_col,
.hdquestion_col{
    padding-bottom: 2px;
    border-bottom: 1px dotted #ddd;
    height: auto;
}

/* タイトル領域 */
.infonews_ttl {
    background-color: #fff; /* 背景色 */
    font-size: 100%; /* 文字サイズ */
    padding-left: 0px; /* 余白 */
    height: auto;
}

/* =======================================================
     reissue password page
======================================================= */
/* 領域 */
#reissue_password {
    width: 500px; /* 幅 */
}
/* タイトル */
#reissue_password h2 {
    font-size: 18px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin-bottom: 10px; /* 周囲余白 */
}
/* PW再発行フォーム(登録済みメールアドレス) */
#reissue_password .form_field {
    margin: 0 16px 14px; /* 周囲余白 */
}
/* 登録済みメールアドレス */
#reissue_password dt {
    width: 13em; /* 幅 */
}
/* 登録済みメールアドレス */
#reissue_password .mail_txt {
    width: 220px; /* 幅 */
}

/* =======================================================
    helpdesk table
======================================================= */
.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: initial;
    max-width: calc(100% - 10px);
}

/* =======================================================
     helpdesk フォーム関連
======================================================= */
/* 入力用のフォント */
textarea,input {
    font-family: inherit; /* フォント */
}

/* ===========================================================
　　　helpdesk error
============================================================== */
.preLink {
    font-size: 88%;
}

/* ===========================================================
　　　template
============================================================== */
/* template */

.header {
    width: 960px;
    margin: 24px auto 15px;
}

#okw_side .okw_parts_login {
    background: url("/usr/file/attachment/simple_bg_side_bot.png") no-repeat scroll 0 bottom;
    /*simple_bg_side_bot.png*/
    padding-bottom: 4px;
}
#okw_side .okw_parts_login .ttl_col {
    background: url("/usr/file/attachment/simple_bg_side_top.png") no-repeat scroll left top;
    /*simple_bg_side_top.png*/
    border-bottom: none;
    height: 35px;
    padding: 0;
    width: 100%;
    margin-bottom: 1px;
}
#okw_side .okw_parts_login .ttl_bg {
    background: url("/usr/file/attachment/simple_bg_side_ttl.png") no-repeat scroll 3px 3px;
    /*simple_bg_side_ttl.png*/
    border: none;
    color: #58676b;
    font-size: 100%;
    font-weight: bold;
    height: 32px;
    margin: 0;
    padding: 3px 3px 1px;
    text-indent: 5px;
    width: 230px;
}
#okw_side .okw_parts_login .icoLogin {
    background: url("/usr/file/attachment/simple_ico_lock.png") no-repeat scroll 3px center;
    /*simple_ico_lock.png*/
    display: inline-block; /* 表示要素 */
    height: 32px; /* 高さ */
    padding: 2px 0 0 35px; /* 余白 */
    letter-spacing: 0.05em;
    line-height: 32px;
}

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


/* =======================================================
     追加css
======================================================= */

/* ------------------------------
     design parts
------------------------------ */
/* 共通 */
.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoHot, .icoFaq, .icoFavorite, .icoPickup, .icoCommunity, .icoProf, .icoKey, .icoLogin, .icoHdquestion {
	background: none;
    display: inline-block;
    padding: 0 10px 0 6px;
    border-bottom: 2px solid #18a3dc;
    min-width: 37%;
    letter-spacing: 0.05em;
    height: auto;
    margin-bottom: -2px;
    word-break: break-all;
    line-height: 1.5;
}


/* ------------------------------
     faq detail page
------------------------------ */

#faq_answer_contents img {
  max-width: 100%;
  width: auto !important;
}

/* タイトル */
.infonews_ttl_bor,
.icoHdquestion{
    background-image: none;
    font-size: 50%;
/*    font-size: 132%; */
    font-weight: normal;
    padding: 10px;
	border-left: 4px solid #18a3dc;
    border-bottom: none;
}

.faq_relate_list {
    margin: 5px 10px 10px;
}
/* ------------------------------------
     カテゴリー一覧子カテゴリー
------------------------------------ */

.cateList_area {
    color: #ddd;
}

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

.cateList_box {
    margin: 10px 10px 10px 0;
}
/* ------------------------------------
     キーワード検索
------------------------------------ */
.search_frmArea {
    margin: 15px 10px;
}

.twoCol .search_frmArea {
    margin: 10px;
}
.search_frmArea .keyword_helpbtn {
    margin-left: 5px;
}
/* ------------------------------
     Info&Newsタイトル
------------------------------ */

.infoTxt {
    float: left;
    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;
    max-width: 79%;
	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;
}

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


/* ------------------------------
     キーワード検索
------------------------------ */

.search_frmArea .keyword_mode .keyword_frmbtn, .search_frmArea .natural_mode .keyword_frmbtn {
    background: transparent url("/usr/file/attachment/simple_bg_btn.png") no-repeat scroll left top;
    width: 74px;
    height: 33px;
    color: #333;
	text-indent: 3px;
    line-height: 2.3em;
}
/* 検索ボタン　simple_bg_btn.png */
.search_frmArea .natural_mode .keyword_frmbtn {
    margin-right: -8px;
}


.search_frmArea .keyword_mode .keyword_frmbtn:hover, .search_frmArea .natural_mode .keyword_frmbtn:hover {
    background: transparent url("/usr/file/attachment/simple_bg_btn_h.png") no-repeat scroll left top;
    color: #18a3dc;
}
/* 検索ボタンホバー　simple_bg_btn_h.png */


.kwd_none {
    background-color: #eef9ff;
}
/* 検索結果 */
.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*/
}

.okw_sort_select .sort_arrow {
  margin: 3px 0 0 10px;
}
/* ------------------------------
     カテゴリーツリー
------------------------------ */
/* TOPカテゴリータイトル、背景 */

.category_tree {
    font-size:87.5%;
    border: none;
    margin: 0 0 40px;
    padding-bottom: 3px;
    width: 100%;
    background: url("/usr/file/attachment/simple_bg_side_top.png") no-repeat scroll 0 top;
}
/* カテゴリーツリートップライン simple_bg_side_top.png*/



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


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

.category_open .pm_icon {
    background: url("/usr/file/attachment/temp_open.png") no-repeat 0 0;
    min-height:18px;
}
/* カテゴリーツリーマイナスアイコン temp_open.png*/

.category_close .pm_icon {
    background: url("/usr/file/attachment/temp_close.png") no-repeat 0 0;
    min-height:18px;
}
/* カテゴリーツリープラスアイコン temp_close.png*/


/* カテゴリーアイコン無し調整 */
.category_none{ 
	padding-left:28px;
    background: url("/usr/file/attachment/temp_arrow.png") no-repeat 11px 12px;
}
/* カテゴリーツリー矢印アイコン temp_arrow.png*/

/* 配下カテなし選択カテゴリーの画像 */
.category_none.category_select{
    background: url("/usr/file/attachment/temp_arrow.png") no-repeat 11px 12px #f7f7f7;
}
/* カテゴリーツリー矢印アイコン temp_arrow.png*/

.category_select{
	background-color: #f7f7f7;
}

.category_tree a, .category_nofaq {
    overflow: visible;
}
.cate_pull_inert_bg {
    display: flex;
}
.category_tree a, .category_nofaq {
    width: calc(100% - 25px);
}

/* ===========================================================
　　　カテゴリーツリー二重線枠
============================================================== */

.oneCol.okw_parts_category_tree {
    background: transparent;
}

.category_tree {
    background: none;
    border: double #efefef;
    border-radius: 7px;
    box-sizing: content-box;
    color: #ddd;
}

.icocate_tree {
	text-indent: 3px;
    background: url("/usr/file/attachment/simple_ico_cate.png"),url("/usr/file/attachment/simple_bg_side_ttl.png");
    background-repeat: no-repeat;
    background-position: 8px 8px,0px 0px;
    padding: 7px 4px 0 38px;
	display: inline-block; /* 表示要素 */
    letter-spacing: 0.05em;
}

/* ファイルアイコン simple_ico_cate.png*/
/* 吹き出しアイコン simple_bg_side_ttl.png*/

.cate_small span a {
    display: inline-block;
    padding-bottom: 7px;
}
/* ===========================================================
　　　文字折り返し設定
============================================================== */

/* 「一覧表示」によるタイトルずれ解除*/
.icoFavorite,
.icoPickup{
    max-width: calc(100% - 95px);
	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: 7px;
    bottom: 0px;
}

.attention_keyword_list,
.faqList{
    white-space: normal;
    word-break: break-all;
}

.attention_keyword_list{
	padding-left: 10px;
}

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

/* サブカテゴリー一覧幅 */

.okw_parts_category .cateList_2line {
    width: 49%;
    float: left;
}
/* ===========================================================
　　　FAQ詳細ページ
============================================================== */

.faq_ansCont_txt {
    padding-top: 4px;
	line-height: 1.3em;
}


/* テキスト領域 */
.faq_qstCont_txt {
    margin-bottom: 24px;
    word-break: break-all;
    line-height: 1.3em;
}

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

/* ------------------------------
   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*/


/* ------------------------------
     faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml {
	padding: 0 0 0 28px; /* 余白 */

}

/* 回答小 */
.icoA_sml {
	line-height: 1.3em;
    padding: 0 0 0 28px; /* 余白 */
}

.category_tree .ttl_bg{
    background:  none;
    border: none;
    color: #58676b;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-indent: 0;
    width: 230px;
}

.category_tree .ttl_col, .category_tree .ttl_bg, .icocate_tree
{
    height: auto;
	line-height: 1.6;
	min-height: 25px;
}


/* TOPカテゴリータイトル*/
.category_tree .ttl_col {
    background: none;
    border-bottom: none;
    padding: 0;
    width: 230px;
    margin-bottom: 0px;
}


/* =======================================================
     link
======================================================= */

/* トップヘリンク */
.topLink a { 
    height: 13px; /* 高さ */
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
    background: transparent url("//macnica-cato/usr/file/attachment/temp_arrow_top.png") no-repeat scroll left 4px;
}
/* トップへ戻るアイコン temp_arrow_top.png*/


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

.hd_question_form, .create_account_request_form {
    width: auto;
}


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


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

/* =======================================================
     お問合せ入力ページ（スーパーアシスト画面）
======================================================= */

/* 関連するFAQ表示画面 */
.hd_question_form .ttl_col {
    border-bottom: none;
    height: 28px;
}


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




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

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

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


.HDcolumn_right textarea {
    font-size: 100%;
    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;
}
/*---------- 矢印アイコン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: 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: #006699;
    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 #006699;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #006699;
    text-align: center;
    font-size: 18px;
    left: 15px;
    top: 7px;
    line-height: 1.4;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.5;
}
.mypage_profile_edit_link {
    margin-top: 0;
}
.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: #f0f0f0;
    border: 1px solid #dcdcdc;
}

/* =======================================================
     サーベイ
======================================================= */
.okw_enq_form_area .ttl_col {
    border-bottom: 1px dotted #dee1e2;
}

.icoMenquete {
    background-image: none;
    font-size: 132%;
    font-weight: normal;
    padding: 10px;
    border-left: 4px solid #18a3dc;
    border-bottom: none;
}
.mrktenqt_incident_desc {
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

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

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

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

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

.category_none:before,
.qaList li.Q_sml:before{
    content: "";
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent transparent transparent #006699;
    position: absolute;
    left: 1px;
    top: 6px;
}

.category_none:before{
    left: 11px;
    top: 12px;
}

.qaList li.Q_sml:before{
    left: 1px;
    top: 6px;
}

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

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


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

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

.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:before {
    left:0;
    top:3px;
}

.icoA_sml:before {
    content: "A";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #006699;
    box-sizing:border-box;
    position: absolute;
    background-color:#fff;
    color: #006699;
    text-align:center;
    font-size: 12px;
    font-family:Arial;
    font-weight:normal;
    line-height:1.5;
}

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

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

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

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

.search_qattl {
  font-size:112.5%;
  font-weight:bold;
  min-height:20px;
}

/* ------------------------------
    ユーザーパスワード再発行
------------------------------ */
.password_reset_area .qaList li {
  background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left top 7px;
  padding: 0 0 0 10px;
}
/*temp_arrow.png*/

.password_reset_description {
  padding: 0 10px 5px;
}

/* ------------------------------
    ユーザーメールアドレス変更
------------------------------ */
.okw_parts_mailaddress_change .qaList li {
  background: url("/usr/file/attachment/temp_arrow.png") no-repeat scroll left top 7px;
  padding: 0 0 0 10px;
}
/*temp_arrow.png*/

/* ------------------------------
    ログインパーツ
------------------------------ */
.okw_parts_end_user_login .form_field dt {
  float: none;
  text-align: unset;
  width: auto;
  display: flex;
  align-items: center;
}
.twoCol.okw_parts_end_user_login .form_field dt {
  width: 25%;
  justify-content: center;
}
.okw_parts_end_user_login .form_field {
  width: 100%;
  display: flex;
  justify-content: center;
}
.okw_parts_end_user_login .form_field dd {
  float: none;
  width: 80%;
}
#okw_center .okw_parts_end_user_login .form_field dd, .twoCol.okw_parts_end_user_login .form_field dd {
  width: auto;
}
.oneCol.okw_parts_end_user_login .form_field {
  width: 48%;
  display: inline-flex;
}
.oneCol.okw_parts_end_user_login .form_field:nth-of-type(1) {
  justify-content: flex-end;
  margin-right: 5px;
}
.oneCol.okw_parts_end_user_login .form_field:nth-of-type(2) {
  justify-content: flex-start;
  margin-left: 5px;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 0 10px 0;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field dt {
  float: left;
  width: 32%;
}
#okw_side .oneCol.okw_parts_end_user_login .form_field dd {
  float: left;
  width: 67%;
}
.okw_parts_end_user_login .form_field dd input {
  margin: 0;
}
#login_btn {
  margin-top: 10px !important;
}

.loginUsrArea p{
    word-break: break-all;
}

/* =======================================================
     22.6追加
======================================================= */

/*ウィザード使用の画像サイズ調整*/
.wzd_qstCont_col img,
.faq_ans_col img,
.wzd_slct_area .chckbx_off img {
    max-width: 100%;
}

/*ログイン画面の調整*/
#login_login .colArea,
body[id*="routine_work"] .colArea {
    display: block;
}


/* --- 0622追記 --- */
.faq_relate_list li.K_sml {
    margin-bottom: 5px;
}
.qaList li.K_sml,
.faqList li.K_sml {
    background-position-y: 2px;
}
.faq_relate_list li.K_sml {
    background-position-y: 7px;
}
.lang_size_small .qaList li.K_sml,
.lang_size_small .faqList li.K_sml {
    margin-bottom: -5px;
    padding-bottom: 10px;
}

.icoK_sml {
    padding-left: 28px;
    background-position-y: 3px;
}
.icoKA_sml {
    padding-left: 28px;
    background-position-y: 0;
    line-height: 1.3em;
}
.lang_size_small .icoKA_sml {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

/*PCSP_テーブル_罫線表示*/
.okw_main_faq table, .okw_main_faq td, .okw_main_faq th,
.okw_main_info_and_news table, .okw_main_info_and_news td, .okw_main_info_and_news th {
    border: solid 1px;
    float: none;
}
/*PCSP_info&newsページテーブル_上下余白*/
.okw_main_info_and_news table {
    margin: 15px 0;
}
/*PC_FAQ属性テーブル_枠線表示*/
.faq_addition_list table, .faq_addition_list th, .faq_addition_list td {
    border: solid 1px;
    border-collapse: collapse;
}
.faq_addition_list table {
    margin: 10px 0;
}

/* =======================================================
     23.01追加
======================================================= */
/*ウィザード選択肢色*/
.wzd_qstCont_col {
    background-color: #f7f7f7;
    border-color: #006699;
}


/* =======================================================
     23.05追加
======================================================= */
/*画像全体*/
#okw_contents img {
    max-width: 100%;
}

/*カテゴリーアイコン------------*/
img.cate_icon {
    width: 50px;
    height: auto;
}
/*ナレッジ関連---------------*/
.qaList li.K_sml, .faqList li.K_sml,.faq_relate_list li.K_sml  {
    background: none;
    position: relative;
}

.qaList li.K_sml:before, .faqList li.K_sml:before,.faq_relate_list li.K_sml:before  {
    content: "?";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color: #006699;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    left: 0px;
    top: 2px;
}
.faq_relate_list li.K_sml:before {
    left: 9px;
    top: 7px;
}
#operator_comment_form_button {
    margin: 0 auto;
}
.icoK_sml {
    background: none;
    position: relative;
    font-size: 112.5%;
    font-weight: bold;
    min-height: 20px;
}

.icoK_sml:before {
    content: "?";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color: #006699;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    left: 0;
    top: 3px;
}

.icoKA_sml {
    background: none;
    position: relative;
}
.icoKA_sml {
    background: none;
    position: relative;
}

.icoKA_sml:before {
    content: "!";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #006699;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #006699;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.5;
    left: 0;
    top: 0;
}

.icoK,.icoKA {
    background: none;
    position: relative;
}

.icoK:before {
content: "?";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 0px;
    position: absolute;
    background-color: #006699;
    color: #fff;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 0px;
    font-family: Arial;
    font-weight: normal;
}


.icoKA:before {
    content: "!";
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #006699;
    box-sizing: border-box;
    position: absolute;
    background-color: #fff;
    color: #006699;
    text-align: center;
    font-size: 18px;
    left: 0px;
    top: 3px;
    line-height: 1.4;
    font-family: Arial;
    font-weight: normal;
}

/*FAQサジェストパーツ---------------*/
#okw_side .keyword_frm, #okw_side .n_keyword_frm {
    width: 63%;
}
.faq_suggest_title {
    background: none;
    position: relative;
    padding: 0 0 0 28px;
    font-weight: bold;
    margin: 0 0 5px;
    min-height: 20px;
}

.faq_suggest_link {
    font-size: 1em;
}
.faq_suggest_title:before {
    content: "Q";
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 0px;
    position: absolute;
    background-color: #006699;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    left: 0;
    top: 2px;
}
.faq_suggest_title-knowledge:before {
    content: "?";
}
.faq_suggest_link:hover {
    background-color: #f7f7f7;
    text-decoration: none;
}

.faq_search_frmArea .keyword_frmbtn {
    background: transparent url(/usr/file/attachment/simple_bg_btn.png) no-repeat scroll left top;
    width: 76px;
    height: 34px;
    color: #555;
    font-weight: bold;
    border: 0;
    font-size: 100%;
    margin-top: -2px;
}

.faq_search_frmArea .keyword_frmbtn:hover {
    background: url(/usr/file/attachment/simple_bg_btn_h.png) no-repeat scroll left top transparent;
    color: #18a3dc;
}


/*印刷ページ*/
body:not([id]) #okw_wrapper {
    padding: 20px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* add footer MACNICA LOGO by Fujio 2024/5/8 */
/* ロゴ */
#okw_logo_footer.logo_footer a {
    background: transparent url("/usr/file/attachment/macnica_logo.png") no-repeat scroll left top; /* 背景 */
    width: 107px; /* 幅 */
    height: 26px; /* 高さ */
    display: block; /* 表示要素 */
    text-indent: -99999px; /* インデント */
    overflow: hidden; /* 領域外表示 */
}