@charset "utf-8";
/*
 * OKBiz
 * OKFAQ Copyright(c) 2002-2012 OKWave.
*/
/* =======================================================
     basic
======================================================= */
/* ------------------------------
     default settings
------------------------------ */
* {
    margin: 0; /* 周囲余白 */
    padding: 0; /* 余白 */
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0; /* 周囲余白 */
    padding: 0; /* 余白 */
}
fieldset, img, table {
    border: 0; /* 罫線 */
}
li,ol,ul {
    list-style: none; /* リスト */
}
body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; /* 文字フォント */
    line-height: 1.5; /* テキスト高さ */
    color: #333; /* テキスト色 */
    text-align: left; /* テキスト配置 */
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%; /* 文字サイズ */
    font-weight: normal; /* 文字太さ */
}
h1 {
    font-size: 12px; /* 文字サイズ */
}
em {
    font-style: normal; /* 文字斜体 */
}
/* ------------------------------
     font size
------------------------------ */
/* 大 */
body.lang_size_large,
.lang_size_large textarea {
    font-size: 120%; /* 文字サイズ */
}
.lang_size_large .login_txt,
.lang_size_large .keyword_frm {
    font-size: 110%; /* 文字サイズ */
}
/* 中 */
body.lang_size_medium,
.lang_size_medium .login_txt,
.lang_size_medium  .keyword_frm,
.lang_size_medium textarea {
    font-size: 100%; /* 文字サイズ */
}
/* 小 */
body.lang_size_small,
.lang_size_small textarea {
    font-size: 80%; /* 文字サイズ */
}
.lang_size_small .login_txt,
.lang_size_small .keyword_frm {
    font-size: 90%; /* 文字サイズ */
}
/* ------------------------------
     common
------------------------------ */
.flo_l {
    float: left; /* 表示配置 */
}
.flo_r {
    float: right; /* 表示配置 */
    display: inline;
}
/* ------------------------------
     link
------------------------------ */
/* リンク */
a:link {
    color: #1111CC; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* 訪問済み */
a:visited {
    color: #551A8B; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
    color: #1111CC; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* アクティブ */
a:active {
    color: #1111CC; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* =======================================================
     base layout
======================================================= */
/* ------------------------------
     okwave wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {
    position: relative;
    z-index: 1000;
}

/* ------------------------------
     okwave head line
------------------------------ */
/* 領域 */
.okw_headline {
    width: 980px; /* 幅 */
    margin: 0 auto; /* 周囲余白 */
}
/* h1 タグ内 */
.okw_headline h1{
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    margin: 4px 4px 0;
    text-align: right;
}
/* ------------------------------
     okwave headder
------------------------------ */
/* 領域 */
#okw_header {
    background: transparent url("../images/front/headerbg.jpg") repeat-x scroll left top; /* 背景 */
}
/* 内部領域 */
#okw_header_inner {
    background: transparent url("../images/front/pic_header.jpg") no-repeat scroll left top; /* 背景 */
    width: 980px; /* 幅 */
    margin: 0 auto; /* 周囲余白 */
    height: 100px; /* 高さ */
    padding: 1px 0 0; /* 余白 */
}
/* ロゴ */
#okw_header_logo.logo_header a {
    background: transparent url("../images/front/logo_header.png") no-repeat scroll left top; /* 背景 */
    width: 190px; /* 幅 */
    text-indent: -99999px; /* インデント */
    overflow: hidden; /* 領域外表示 */
    display: block; /* 表示要素 */
    height: 52px; /* 高さ */
    margin: 20px 0 0; /* 周囲余白 */
}
/* ------------------------------
     okwave contents
------------------------------ */
/* 領域 */
#okw_contents {
    background: #fafafa url("../images/front/bodybg.jpg") repeat-x scroll left top; /* 背景 */
}
/* 表示領域ベース */
#okw_contents_base {
    margin: 0 auto; /* 周囲余白 */
    padding-right: 15px; /* 余白 */
    width: 965px; /* 幅 */
    background: url("../images/front/contentsbg_r.gif") repeat-y scroll right top; /* 背景 */
    position: relative; /* ポジショニング */
}
#okw_contents_base, div#MB_window {
    background-color: #fff; /* 背景色 */
}
/* 表示領域 */
#okw_contents_inner {
    background: url("../images/front/contentsbg_l.gif") repeat-y scroll left top; /* 背景 */
    padding: 5px 0 1px 15px; /* 余白 */
}
#okw_contents_inner, div#MB_frame {
    background-color: transparent; /* 背景色 */
}
/* ------------------------------
     side column
------------------------------ */
/* 領域 */
#okw_side {
    width: 260px; /* 幅 */
}
/* ------------------------------
     main column
------------------------------ */
/* 領域 */
#okw_center{}
/* 領域・サイドカラム有 */
#okw_center.okw_side {
    width: 680px; /* 幅 */
}
/* 領域・サイドカラム無 */
#okw_center .side_none {
    width: auto; /* 幅 */
}
/* ------------------------------
     okwave footer
------------------------------ */
/* ライン画像領域 … custom フッターで消える */
#okw_footer_custom {
    height: 15px; /* 高さ */
    background: transparent url("../images/front/footerbg.jpg") repeat-x scroll left top; /* 背景 */
}
/* 領域 */
#okw_footer_default {
    padding: 0px 10px 10px; /* 余白 */
}
/* コピーライト部分文字サイズ固定 */
body #okw_footer_default{
    font-size:12px;
}
/* コピーライト位置調整 */
.okw_copy {
    margin-top: 10px;
}
/* コピーライト */
.okw_copy a:link,
.okw_copy a:visited,
.okw_copy a:active,
.okw_copy a:hover{
    color:#333333;
    text-decoration: none;
}

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

/* ------------------------------
     エンドユーザ同意機能
------------------------------ */
#cookie_notice_overlay {
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    position:fixed;
    z-index:9999999;
    top: 0;
}
#cookie_notice_overlay .main_area {
    width: auto;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 20px;
    background-color: #fff;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#cookie_notice_overlay .main_area .title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 20px 30px 0;
}
#cookie_notice_overlay .main_area p {
    padding: 15px 30px;
}
#cookie_notice_overlay .btn_area {
    display: flex;
    justify-content: center;
}
#cookie_notice_overlay .btn_area li {
    display: inline-block;
    border: 1px solid #bbb;
    padding: 5px 8px;
    margin: 0 5px;
    min-width: 35px;
    text-align: center;
    cursor: pointer;
}

#cookie_notice_overlay .btn_area li:hover {
    background: #bbb;
}

#cookie_notice_bottom_slide {
    z-index: 999999;
    position: fixed;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.75);
    color: #fff;
    display: none;
}
#cookie_notice_bottom_slide .main_area {
    width: 980px;
    height: auto;
    margin: 0 auto;
    padding: 4px 0 5px 0;
    display: flex;
    align-items: center;
}
#cookie_notice_bottom_slide .text_area {
    width: 800px;
    margin-right: 15px;
}
#cookie_notice_bottom_slide .title {
    display: inline;
    font-weight: bold;
    font-size: 15px;
    margin-right: 5px;
}
#cookie_notice_bottom_slide p {
    display: inline;
    font-size: 13px;
}
#cookie_notice_bottom_slide .btn_area li {
    display: inline-block;
    border: 1px solid #bbb;
    padding: 5px 20px;
    min-width: 35px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
}

#cookie_notice_bottom_slide .btn_area li:hover {
    background: #bbb;
}

/* =======================================================
     link
======================================================= */
/* トップヘ */
.topLink {
    float: right; /* 表示配置 */
    font-size: 12px; /* 文字サイズ */
    margin: 10px 0; /* 周囲余白 */
    height:auto;
}
/* トップヘリンク */
.topLink a {
    background: transparent url("../images/front/ico_toparrow.gif") no-repeat scroll 2px 100%; /* 背景 */
    background-position:left center;
    height: 13px; /* 高さ */
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
}
/* 領域 */
.siteLink li {
    display: inline; /* 表示要素 */
    font-size: 12px; /* 文字サイズ */
}
/* 戻る */
.preLink {
    background: transparent url("../images/front/ico_back.gif") no-repeat scroll 2px 100%; /* 背景 */
    text-align: left; /* テキスト配置 */
    margin-right: 15px; /* 周囲余白 */
}
/* 戻るリンク */
.preLink a {
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
    height: 13px; /* 高さ */
}
/* ------------------------------
     admin link : 管理者向けリンク
------------------------------ */
/* 領域 */
.fixed_link {
    position: fixed!important; /* ポジショニング  IE6にも対応 */
    position:absolute;
    right: 0; /* 右位置 */
}
/* リンク内 */
.fixed_link div a {
    display: block; /* 表示要素 */
    width: 36px; /* 幅 */
    height: 102px; /* 高さ */
    overflow: hidden; /* 領域外表示 */
    text-indent: -99999px; /* インデント */
}

/* FAQリンク領域 */
.admin_back_link {
    top: 150px; /* 上位置 */
    z-index: 9998;
}
/* FAQリンク */
.admin_back a {
    background: transparent url("../images/front/admin_back.gif") no-repeat scroll center center; /* 背景 */
}
/* デザインプレビューリンク領域 */
.preview_close_link {
    top: 260px; /* 上位置 */
    z-index: 9998;
}
/* デザインプレビューリンク */
.preview_close a {
    background: transparent url("../images/front/preview_close.gif") no-repeat scroll center center; /* 背景 */
}
/* =======================================================
     icon
======================================================= */
/* ------------------------------
     design parts
------------------------------ */
/* 共通 */
.icoInf,
.icoInfoNews,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoResult,
.icoHelpdesk,
.icoLogin,
.icoHot,
.icoFavorite,
.icoPickup,
.icoCommunity,
.icoProf,
.icoKey{
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: left top; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
    display: inline-block; /* 表示要素 */
    height: 24px; /* 高さ */
    padding: 6px 0 0 35px; /* 余白 */
}
/* info & news */
.icoInf {
    background-image: url("../images/front/ico_info.gif");
}
/* キーワード検索 */
.icoKeyword {
    background-image: url("../images/front/ico_search.gif");
}
/* よくある質問 */
.icoQa {
    background-image: url("../images/front/ico_qa.gif");
}
/* 最新の FAQ */
.icoNew {
    background-image: url("../images/front/ico_new.gif");
}
/* カテゴリー */
.icoCate {
    background-image: url("../images/front/ico_cate.gif");
}
/* FAQ一覧 */
.icoResult{
    background-image: url("../images/front/ico_faq.gif");
}
/* お問合わせ */
.icoHelpdesk{
    background-image:url("../images/front/icon_helpdesk.gif");
    background-position: 5% 50%;
}
/* ログイン */
.icoLogin{
    background-image:url("../images/front/ico_login.gif");
}
/* 注目のキーワード */
.icoHot {
    background-image: url("../images/front/ico_hot.gif");
}
/* お気に入りFAQ */
.icoFavorite {
    background-image: url("../images/front/ico_favorite.png");
    float:left; /* 表示配置 */
}
/* 注目のFAQ */
.icoPickup {
    background-image: url("../images/front/ico_pickup.png");
    float:left; /* 表示配置 */
}
/* コミュニティ連携 */
.icoCommunity {
    background-image: url("../images/front/icon_logo.png");
}
/* マイページプロフィール */
.icoProf{
    background-image:url("../images/front/ico_prof.png");
}
/* エンドユーザーパスワード再発行 */
.icoKey{
    background-image:url("../images/front/ico_key.gif");
}

/* ------------------------------
     faq detail page
------------------------------ */
/* おすすめのFAQ */
.icoFaq {
    background: transparent url("../images/front/ico_faq.gif") no-repeat scroll 0% 50%; /* 背景 */
    display: inline-block; /* 表示要素 */
    height: 30px; /* 高さ */
    padding: 6px 0 0 35px; /* 余白 */
}
/* 印刷 */
.icoPrint {
    background: transparent url("../images/front/ico_print.gif") no-repeat scroll 2px 2px; /* 背景 */
    display: inline-block; /* 表示要素 */
}
/* 印刷リンク */
.icoPrint a{
    display: block; /* 表示要素 */
    padding: 2px 3px 2px 20px; /* 余白 */
    height: 16px; /* 高さ */
    display: inline;
}
/*お気に入り*/
.icoFavorite_mark_on {
    background: transparent url("../images/front/favorite_on.png") no-repeat scroll 2px 1px;
    display: inline-block; /* 表示要素 */
}
.icoFavorite_mark_off {
    background: transparent url("../images/front/favorite_off.png") no-repeat scroll 2px 1px;
    display: inline-block; /* 表示要素 */
}
.icoFavorite_mark_on a,
.icoFavorite_mark_off a
{
    display: block; /* 表示要素 */
    padding: 2px 3px 2px 20px; /* 余白 */
    height: 16px; /* 高さ */
    display: inline;
}


/* 質問 */
.icoQ {
    background: transparent url("../images/front/ico_qst.gif") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 1px 0 7px 40px; /* 余白 */
}
/* 回答 */
.icoA {
    background: transparent url("../images/front/ico_ans.gif") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 8px 0 8px 40px; /* 余白 */
    margin: 0 5px; /* 周囲余白 */
}
/* ナレッジ */
.icoK {
    background: transparent url("../images/front/ico_klg.png") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 1px 0 7px 40px; /* 余白 */
}
/* ナレッジ回答 */
.icoKA {
    background: transparent url("../images/front/ico_klg_a.png") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 8px 0 8px 40px; /* 余白 */
    margin: 0 5px; /* 周囲余白 */
}

.incident_ai_suggest_resolve_btn form {
    width: 170px;
    float: left;
}

.incident_ai_suggest_resolve_btn {
    height: 30px;
}

.incident_ai_suggest_resolve_description {
    text-align: center;
}

.sa_ai_suggest_resolve_description {
    text-align: center;
    font-size: 12px;
}

/* ------------------------------
     faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml{
    background: transparent url("../images/front/ico_qst_s.gif") no-repeat scroll 0% 40%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* 回答小 */
.icoA_sml{
    background: transparent url("../images/front/ico_ans_s.gif") no-repeat scroll 0% 10%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
    word-wrap: break-word; /* 文字折り返し */
}
/* 連絡小 */
.icoM_sml{
    background: transparent url("../images/front/ico_nts_s.gif") no-repeat scroll 0% 40%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* ナレッジ小 */
.icoK_sml{
    background: transparent url("../images/front/ico_klg_s.png") no-repeat scroll 0% 40%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* ナレッジ回答小 */
.icoKA_sml{
    background: transparent url("../images/front/ico_klg_sa.png") no-repeat scroll 0% 40%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}

/* =======================================================
     sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
    margin-bottom: 5px; /* 周囲余白 */
    line-height: 22px;
}
/* ------------------------------
     category path
------------------------------ */
/* 領域 */
.okw_bread {
}
/* 各部 */
.okw_bread li {
    display: inline; /* 表示要素 */
    font-size: 12px; /* 文字サイズ */
}
/* リンク */
.okw_bread li a {
    margin: 0 5px 0 0; /* 周囲余白 */
}
/* ------------------------------
     font size change
------------------------------ */
/* 領域 */
#fontCol {
    white-space: nowrap; /* 要素内余白表示 */
    line-height: 22px;
}
/* テキスト部 */
li.okw_txt {
    font-size: 12px; /* 文字サイズ */
    float: left; /* 表示配置 */
    margin-right: 10px; /* 周囲余白 */
}
/* 大中小 */
.fntBig,
.fntMid,
.fntSml,
li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
    width: 22px; /* 幅 */
    height: 22px; /* 高さ */
    float: left; /* 表示配置 */
    text-indent: -99998px; /* インデント */
    overflow: hidden; /* 領域外表示 */
    margin-right: 5px; /* 周囲余白 */
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: left top; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
}
/* 大中小リンク */
.fntBig a, .fntMid a, .fntSml a {
    display: block; /* 表示要素 */
}
/* 大 */
li.fntBig {
    background-image: url("../images/front/btn_fntbig_ja_off.gif"); /* 背景画像 */
}
li.fntBig_en {
    background-image: url("../images/front/btn_fntbig_en_off.gif"); /* 背景画像 */
}
/* 中 */
li.fntMid {
    background-image: url("../images/front/btn_fntmdl_ja_off.gif"); /* 背景画像 */
}
li.fntMid_en {
    background-image: url("../images/front/btn_fntmdl_en_off.gif"); /* 背景画像 */
}
/* 小 */
li.fntSml {
    background-image: url("../images/front/btn_fntsml_ja_off.gif"); /* 背景画像 */
}
li.fntSml_en {
    background-image: url("../images/front/btn_fntsml_en_off.gif"); /* 背景画像 */
}
/* 大 ホバー・アクティブ */
li.fntBig:hover, li.fntBigOn {
    background-image: url("../images/front/btn_fntbig_ja_on.gif"); /* 背景画像 */
}
li.fntBig_en:hover, li.fntBigOn_en {
    background-image: url("../images/front/btn_fntbig_en_on.gif"); /* 背景画像 */
}
/* 中 ホバー・アクティブ */
li.fntMid:hover, li.fntMidOn {
    background-image: url("../images/front/btn_fntmdl_ja_on.gif"); /* 背景画像 */
}
li.fntMid_en:hover, li.fntMidOn_en {
    background-image: url("../images/front/btn_fntmdl_en_on.gif"); /* 背景画像 */
}
/* 小 ホバー・アクティブ */
li.fntSml:hover, li.fntSmlOn {
    background-image: url("../images/front/btn_fntsml_ja_on.gif"); /* 背景画像 */
}
li.fntSml_en:hover, li.fntSmlOn_en {
    background-image: url("../images/front/btn_fntsml_en_on.gif"); /* 背景画像 */
}
/* =======================================================
     design parts
======================================================= */
/* 領域 */
.colArea {
    margin-bottom: 10px; /* 周囲余白 */
    position: relative;
}
/* ------------------------------
     title
------------------------------ */
/* 2 列パーツ */
.twoCol {
    width: 49.5%; /* 幅 */
}
/* 1 列パーツ */
.ttl_col {
    background: transparent url("../images/front/ttll.gif") no-repeat scroll left top; /* 背景 */
    height: 44px; /* 高さ */
    padding: 0 0 0 2px; /* 余白 */
}
/* パーツタイトル */
.ttl_bg {
    background: transparent url("../images/front/ttlbg.gif") no-repeat scroll right top; /* 背景 */
    height: 38px; /* 高さ */
    padding: 6px 0 0 5px; /* 余白 */
}
/* パーツタイトル文字 */
.ttl_col h2 {
    font-size: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
}

/* パーツの説明文エリア */
.description_area{
    background-color: #f9f9f9; /* 背景色 */
    padding: 3px 10px; /* 背景色 */
    margin: 4px 10px; /* 背景色 */
}
.description_area .powered_by {
  font-size: 10px; /* 文字サイズ */
  font-weight: normal; /* 背景色 */
  text-align: right; /* 背景色 */
}
.description_area .description{
  font-size: 11px; /* 背景色 */
}
/* ------------------------------
     access rank faq &  new faq
------------------------------ */
/* 「閲覧の多いFAQ＆最新のFAQ」の「FAQ追加属性」は、デフォルトでは非表示にしています */
/* 利用する場合は本クラスの display:none を display:block に更新してください */
.access_rank_faq,
.new_faq{
    display:none;
    font-size: 12px;
    border: 1px dotted #CCCCCC;
    padding: 5px;
}
/* 追加属性 領域 */
.access_rank_faq .faq_attribute_area,
.new_faq .faq_attribute_area{
    margin: 0 10px 0 0;
}
/* ------------------------------
     info & news
------------------------------ */
/* リスト領域 */
.newsList {
    margin: 5px 10px 0; /* 周囲余白 */
}
/* 1 行 */
.newsList li {
    background: transparent url("../images/front/marker_square.gif") no-repeat scroll left 0.5em; /* 背景 */
    padding: 0 0 0 10px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
    clear:both;
    overflow: hidden;
    line-height: 1.2;
}
/* 日付 */
.datetime {
    line-height: 1.2; /* テキスト高さ */
    margin-right: 5px; /* 周囲余白 */
    white-space: nowrap; /* 要素内余白表示 */
}
/* Info&News一覧日付 */
.newsList li .datetime{
    float: left;
}
/* Info&News一覧本文 */
.infoTxt{
    float:left;
    word-break:keep-all;
    white-space: nowrap;
}
.infoTxt a{
    display:inline-block;
}
/* 「もっと見る」領域 */
/* デフォルトで「もっと見る」は非表示にしています */
/* 利用する場合は本クラスの display:none を display:block に更新してください */
#info_and_news_more_page{
    display: none;
    /* リストの行頭文字を消します */
    background: none;

}
#info_and_news_more_page_inner{
    text-align: right;
    font-size: 12px;
}
#info_and_news_more_page .more_page_link {
    background-image: url("../images/front/ico_nextarrow.gif");
    background-attachment: scroll;
    background-color: transparent;
    background-position: 2px 50%;
    background-repeat: no-repeat;
    padding-left: 18px;
    display: inline-block;
    height: 16px;
}
/* ------------------------------
     keyword search
------------------------------ */
/* 領域 */
.search_frmArea {
    margin: 15px 20px; /* 周囲余白 */
}
.twoCol .search_frmArea {
    margin: 5px;
}

.search_frmArea label, .search_frmArea select, .search_frmArea input,
.search_frmArea p {
  font-size: 0.9em;
}

/* ショルダー時領域 */
#okw_side .search_frmArea {
    margin: 5px 0; /* 周囲余白 */
}
/* 説明文 */
.search_description{
    font-size:12px; /* 文字サイズ */
    color:#666666; /* テキスト色 */
    margin:3px 0; /* 周囲余白 */
}
#n_search_description.search_description{
    display: inline-block;
}
#okw_side .search_description {
    font-size: 12px;
}

/* フォーム */
.keyword_frm {
    height: 28px; /* 高さ */
    float: left; /* 表示配置 */
    border-width: 1px 0 1px 1px; /* 罫線幅 */
    border-color: #ccc; /* 罫線色 */
    border-style: solid; /* 罫線スタイル */
    line-height: 2.0; /* テキスト高さ */
    font-size: 14px; /* 文字サイズ */
    letter-spacing: 1.8px; /* 文字間 */
}
/* 自然文フォーム */
.n_keyword_frm{
    background-color: #FCFCFC; /* 背景色 */
    border: 1px solid #CCCCCC; /* 罫線 */
    min-width: 200px;
    width: 100%; /* 幅 */
}
.n_keyword_frm:focus{
    background-color: #FFFFFF; /* 背景色 */
}
/* ボタン */
.search_frmArea .keyword_frmbtn {
    background: transparent url("../images/front/btnsearch.gif") no-repeat scroll left top; /* 背景 */
    width: 72px; /* 幅 */
    height: 30px; /* 高さ */
    color: #fff; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
}
/* 自然文ボタン */
.search_frmArea .n_keyword_frmbtn{
    background: url("../images/front/btnsearch.gif") no-repeat scroll left top transparent;
    width: 72px; /* 幅 */
    height: 30px; /* 高さ */
    color: #fff; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
    float:right;
    margin:5px 0 0 0; /* 周囲余白 */
    display:block;
}
/* 検索ヘルプボタン */
.search_frmArea .keyword_helpbtn {
    background: url('../images/front/icon_question.png') no-repeat;
    height: 20px;
    width: 20px;
    position: relative;
    top: 6px;
    right: 7px;
    background-size: contain;
    display: inline-block;
    margin-left: 8px;
}
/* 検索ヘルプボタン ポップアップ */
.search_frmArea .keyword_helpbtn_popup {
    display: none;
    font-size: 13px;
    padding: 7px;
    border: dashed 3px #F3D9B3;
    background-color: #FFFEEE;
    z-index: 9000;
    position: absolute;
}
.search_frmArea .keyword_helpbtn_popup {
    top: 30px;
    left: 0;
}
.flo_l.twoCol .search_frmArea .keyword_helpbtn_popup {
    top: 30px;
    left: 0;
}
.flo_r.twoCol .search_frmArea .keyword_helpbtn_popup {
    top: 30px;
    left: -200px;
}
/*”?”ポップアップ_右ショルダー時位置調整*/
.flo_r#okw_side .search_frmArea .keyword_helpbtn_popup {
    left: -260px;
}

.oneCol .search_target {
    margin-top: 5px;
}
#okw_center .twoCol .search_target {
    margin: 2px 5px 5px 0;
}
#keyword_form .search_description {
    margin-top: -4px;
}
.keyword_mode .search_description {
    font-size: 12px;
    margin-top: -2px;
}
.oneCol .keyword_mode .search_description {
    margin-top: -6px;
}
.oneCol .search_description {
    display: inherit;
}

/* 検索切り替え */
.search_switch{
    margin: 5px auto 0 0; /* 周囲余白 */
}
/* 検索対象 */
.search_target {
    margin:0 20px 0 0;
    float:left;
}
/* 検索対象 セレクトボックス */
.search_target select{
    width: 160px;
}

/* カテゴリー選択エリア */
.search_category_wrapper {
    position: relative;
    z-index: 4000;
    margin-top: 5px;
}
.search_category_wrapper .dropdownCheckComboboxWapper {
    width: 250px;
}
.search_category_wrapper .combo .combo-text {
    width: 222px;
}
.search_category_wrapper label {
    float: left;
}
.search_category_inner_wrapper {
    float: left;
    margin-left: 5px;
}

/* 文章検索 チェックスボックス */
.search_keyword_morph {
    float:left;
}
/* ショルダー 検索対象･文章検索 */
#okw_side .search_target,
#okw_side .search_keyword_morph{
    float:none;
}
/* 2列パーツ 検索対象･文章検索 */
.twoCol .search_target,
.twoCol .search_keyword_morph{
    float:none;
}
.kwd_none {
    margin: 15px 3px 20px 0px; /* 周囲余白 */
    background-color: #F6FFF2; /* 背景色 */
    border: 1px solid #E4E4E4; /* 罫線 */
    padding: 20px; /* 余白 */
}
.kwd_none span {
    font-weight: bold; /* 文字太さ */
}
/* 検索サジェスト 表示基点 */
.search_frmArea{
    position: relative;
}
/* 検索サジェスト　表示調整 */
.search_suggest_area{
    position:relative;
    z-index: 9000;
    width:100%;
}
/* 検索サジェスト */
.search_suggest {
    position: absolute;
    background-color: #FFFFFF;
    border-right: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    max-height: 100px;
    min-height: 25px;
    overflow: auto;
    left: 0;
    top: 0;
    width: 70%;
    margin-top: 0px;
}
/* 検索サジェスト　IE6対応 */
.search_suggest{
    _height: 100px;
}
/* 検索サジェスト　サジェスト単語 */
.search_suggest div {
    padding: 1px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.search_suggest div.over{
    background-color: #EEEEEE;
}
/* ------------------------------
     search attribute
------------------------------ */
/* 検索絞込 領域 */
.search_attribute{
    margin: 5px auto 0 0;
    position: relative;
    z-index: 3000;
}

/* 検索絞込 セレクトボックス */
.search_attribute select{
    width: 160px;
}
/* 検索絞込 ラベル */
.k_search_attribute_select label{
    float:left;
}
/* 検索絞込 セレクトボックス領域 */
.k_search_attribute_select div{
    margin-left: 5px;
    display: inline;
    float: left;
}
/* 各セレクトボックス領域 */
.k_search_attribute_select span{
    display:block;
}
/* 選択肢セレクトボックス領域 */
.k_search_attribute_select .search_attribute_select{
    margin-top: 7px;
}
/* 検索絞込 テキストエリア */
.search_attribute .keyword_frm{
    border-right:1px solid #CCCCCC;
    float:none;
}
/* 通常検索パーツ　エラー表示 */
.search_attribute.error input{
  border: solid 1px #fddfe2;
  padding: 2px;
}
#keyword_form .search_attribute.error input{
  background: #fff8f7;
}
.search_attribute .fieldErrorMessage{
  margin: 4px 0 0 0;
}

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

.search_frmArea .search_attribute .conditions {
    margin-top: 10px;
}

/* 詳細検索の個別条件エリア(デフォルト1個配置) */
.search_frmArea .search_attribute .conditions .condition {
    border: 1px solid #ccc;
    width: 95%;
    background-color: #f9f9f9;
    border-radius: 3px;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.search_frmArea .search_attribute .conditions .condition.error,
.search_frmArea .search_attribute .attribute_input_wrapper.error {
    background-color: #fff8f7;
    border-color: #fddfe2;
}
.search_frmArea .search_attribute .attribute_input_wrapper {
    padding: 5px;
}

.search_frmArea .search_attribute .conditions .condition.error .values .combo input{
    border: solid 1px #fddfe2;
}

.search_frmArea .search_attribute .conditions .fieldErrorMessage,
.search_frmArea .search_attribute .conditions .condition.error label.attribute_show_name,
.search_frmArea .search_attribute .validation_message {
    color: #ea1c0d;
}
/* 詳細検索パーツをメインエリア2カラム一緒の所に配置した場合は、条件が横に2つ入る */
#okw_contents #okw_center .oneCol .search_frmArea .search_attribute .conditions .condition {
    width: 46%;
}

/* 詳細検索パーツをサイドバーに配置した場合は条件が一つ入る */
#okw_contents #okw_side .oneCol .search_frmArea .search_attribute .conditions .condition {
    width: 95%;
}

/* 詳細検索パーツでメインのエリアを全部使う場合のみ3つ入る */
#okw_contents .oneCol .search_frmArea .search_attribute .conditions .condition {
    width: 31%;
}

/* 詳細検索の個別条件の値 */
.search_frmArea .search_attribute .conditions .condition .values {
    margin: 2px 4px 1px 0;
    position: relative;
}

/* 属性絞込のエリア */
#advanced_search_form #keyword_search_attribute_input {
    float: left;
    margin-right: 20px;
}

/* 属性絞込の個別条件の削除ボタン */
.search_attribute .conditions .condition .delete_btn {
    background-image: url("../images/front/x_transparent.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 3px;
    height: 9px;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 9px;
}

/* 属性絞込の個別条件の削除ボタンのホバー */
.search_attribute .conditions .condition .delete_btn:hover{
    background-color: white;
    display: block;
    cursor: pointer;
}

/* 通常検索パーツでのサイズ */
.keyword_frm,
.search_attribute .search_attribute_input .combo-text,
.search_attribute input.search_attribute_input {
    width: 70%;
}
.search_attribute input.search_attribute_input.date,
.search_attribute .conditions .condition input.search_attribute_input.date {
    width: 60%;
}

.search_attribute .dropdownCheckComboboxWapper{
    width: 71%;
}

/* 詳細検索パーツでのサイズ */
.search_attribute .conditions .condition input.search_attribute_input,
.search_attribute .conditions .condition select.search_attribute_input,
.search_attribute .conditions .condition .search_attribute_input .combo-text{
    width: 99%;
}
.search_attribute .search_attribute_input_compare {
    width: unset;
}

.search_attribute .conditions .condition .dropdownCheckComboboxWapper{
    width: 100%;
}

/* 属性絞込の個別条件のラベル */
.search_attribute .conditions .condition > label {
    display: block;
    margin-right: 16px;
    word-break: break-all;
    word-wrap: break-word;
}

/* 属性絞込のオペレータ(AND/OR) */
.search_attribute .search_ops {
    display: none;
    float: left;
}
.search_attribute .search_ops input {
    margin-right: 2px;
}

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

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

#advanced_search_form .keyword_mode,
#advanced_search_form .natural_mode {
    position: relative;
    z-index: 9000;
}
#advanced_search_form  .search_switch {
    position: relative;
    z-index: 5000;
}


/* ------------------------------
     qa list
------------------------------ */
/* 領域 */
.qaList {
    margin: 5px 10px 10px; /* 周囲余白 */
}
/* 1 行 */
.qaList li {
    padding: 0 0 0 23px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
}
.qaList li.Q_sml {
    background: transparent url("../images/front/ico_qst_s.png") no-repeat scroll left center; /* 背景 */
}
.qaList li.K_sml {
    background: transparent url("../images/front/ico_klg_s.png") no-repeat scroll left center; /* 背景 */
}
/* ------------------------------
     new faq list
------------------------------ */
/* 領域 */
.faqList {
    margin: 5px 10px 10px; /* 周囲余白 */
}
/* 1 行 */
.faqList li {
    padding: 0 0 0 23px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
}
.faqList li.Q_sml {
    background: transparent url("../images/front/ico_qst_s.png") no-repeat scroll left center; /* 背景 */
}
.faqList li.K_sml {
    background: transparent url("../images/front/ico_klg_s.png") no-repeat scroll left center; /* 背景 */
}

/* ------------------------------
     login parts
------------------------------ */
/* ログインパーツ */
.loginArea,
.loginUsrArea{
    margin: 5px 10px 10px; /* 周囲余白 */
}
/* ログインフォーム 領域 */
.loginArea{
    margin-top:5px; /* 周囲余白 */
}
/* 1列表示ログインフォーム */
.okw_parts_login form {
    float: left;
    width: 790px;
}
/* ショルダーあり1列表示ログインフォーム */
#okw_center .okw_parts_login form {
    float: left;
    width: 520px;
}
/* ショルダー,2列表示ログインフォーム */
#okw_side .okw_parts_login form,
#okw_center .twoCol.okw_parts_login form,
.twoCol.okw_parts_login form {
    float: none;
    width: auto;
}
/* ログインフォーム */
/* 1列表示ログインフォーム項目 */
.okw_parts_login .form_field {
    margin-bottom: 5px;
    width: 40%;
    float:left;
}
/* ショルダー,2列表示ログインフォーム項目 */
#okw_side .okw_parts_login .form_field,
.twoCol.okw_parts_login .form_field {
    width: 100%;
}

/* ログイン入力フォーム左 */
.okw_parts_login .form_field dt {
    float: left; /* 表示配置 */
    text-align: right; /* テキスト配置 */
    width: 35%; /* 幅 */
}

/* ログイン入力フォーム右 */
.okw_parts_login .form_field dd {
    float: left;
    width: 60%;
}

/* ログイン入力フォーム */
.okw_parts_login .form_field .login_txt {
    border: 1px solid #CCCCCC; /* 罫線 */
    letter-spacing: 1.8px; /* 文字間 */
    line-height: 2; /* テキスト高さ */
    width: 100%; /* 幅 */
    margin: 0;
}
/* ログインボタン */
.loginUsrArea p{
    border-bottom: 1px solid #CCCCCC; /* 罫線 */
    margin-bottom: 5px; /* 周囲余白 */
    padding-bottom: 5px; /* 余白 */
}
/* パスワード再発行 リンク */
.okw_parts_login .reissue_password {
    text-align: right;
}
/* ショルダー,2列表示パスワード再発行 リンク */
#okw_side .okw_parts_login .reissue_password {
    margin-top: 5px;
    text-align: center;
    clear:both;
}
.okw_parts_login .reissue_password a,
.okw_parts_end_user_login .create_account_request a {
    font-size: 90%;
}
/* エンドユーザーアカウント新規作成 */
.okw_parts_end_user_login .create_account_request {
    padding: 5px;
    font-size: 90%;
    float: right;
}
/* ログイン中 リンク */
.loginUsr_link{
    text-align: right; /* テキスト配置 */
    font-size: 90%;
}
.mypage_link{
    text-align: right; /* テキスト配置 */
    float: right;
    font-size: 90%;
    padding-left: 10px;
}

/* クライアントユーザーのログインフォーム */
.okw_parts_end_user_login .form_field {
    display: inline-block; /* 表示要素 */
    margin-top: 5px; /* 周囲余白 */
    width:100%;
}
.okw_parts_end_user_login .form_field dt {
    float: left; /* 表示配置 */
    text-align: right; /* テキスト配置 */
    width: 40%; /* 幅 */
}
.okw_parts_end_user_login .form_field dd {
    float: left; /* 表示要素 */
    width: 55%; /* 幅 */
}
.okw_parts_end_user_login .form_field .login_txt {
    border: 1px solid #CCCCCC; /* 罫線 */
    letter-spacing: 1.8px; /* 文字間 */
    line-height: 2; /* テキスト高さ */
    width: 100%; /* 幅 */
}

.okw_parts_favorite_faq .list,
.okw_parts_pickup_faq .list,
.okw_parts_mypage_list .list{
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    font-weight: normal;
}
.okw_parts_favorite_faq .faqList .favorite_faq,
.okw_parts_pickup_faq .faqList .pickup_faq {
    display: none;
    font-size: 12px;
    border: 1px dotted #CCCCCC;
    padding: 5px;
}

.okw_main_faq .favorite_mark {
    font-size:12px;
    padding-left: 18px;
}

/* ------------------------------
     category list
------------------------------ */
/* 1 領域 */
* html .cateList {
    margin: 5px 10px 5px 10px; /* 周囲余白 */
    padding: 0 0 0 10px; /* 余白 */
}
/* カテゴリーアイコン*/
.cate_icon{
    float:left;
    margin-right:5px;
}
/* 中カテゴリ */
.cate_middle {
    padding:0 5px 0 5px;
}
.cate_middle a{
    font-weight:bold;
}
/* 小カテゴリ */
.cate_small{
    display: table;
    padding: 5px 5px 0 5px;
    font-size:80%;
}
/* 小カテゴリ */
.cate_small li{
    display:inline;
    padding: 0 4px 0 0;
    word-wrap:break-word;
    word-break:break-all;
}
/* 件数 */
.cate_count {
    padding: 0 0 0 5px; /* 余白 */
    color: #666; /* テキスト色 */
    white-space: nowrap; /* 要素内余白表示 */
    font-weight: normal;
    font-size: 80%;
}
/* カテゴリー列表示用 */
.cateList_box{
    margin: 10px 10px;/* 領域 */
}
/* 1列表示 */
.cateList_1line{
    width:100%;/* 横幅 */
}
/* 2列表示 */
.cateList_2line{
    width:49%;/* 横幅 */
    float:left;
}
/* 3列表示 */
.cateList_3line{
    width:33%;/* 横幅 */
    float:left;
}
/* 4列表示 */
.cateList_4line{
    width:24.9%;/* 横幅 */
    float:left;
}
/* ------------------------------
     category tree
------------------------------ */
/* TOPカテゴリータイトル、背景 */
.category_tree .ttl_bg{
    background: url(../images/front/ttlbg.gif) no-repeat 0 -2px transparent;
    border-left: 1px solid #adadad;
    border-right: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
    color: #333;
    display: block;
    font-weight: bold;
    padding:0 0px 0 10px;
    margin:0px;
    width: 246px;
    height:32px;
    font-size: 12px;
}

.category_tree {
    word-break: break-all;
    font-size: 12px;
    padding-bottom:2px;
    width: 260px;
    margin:2px 0 5px;
    background:#dedede;
}
.icocate_tree{
    background:url(../images/front/ico_cate_s.gif) no-repeat left; display: inline-block; /* 表示要素 */
    height: 24px; /* 高さ */
    padding: 6px 0 0 25px; /* 余白 */
}

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

.category_open a:hover.pm_icon {background:url(../images/front/cate_on_on.gif) no-repeat 0px 0px;}
.category_close a:hover.pm_icon{background:url(../images/front/cate_off_on.gif) no-repeat 0px 0px;}
.fo_b{font-weight:bold;}

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

/* カテゴリー+-アイコン調整 */
.category_tree .pm_icon {text-indent:-9999px; width:18px; margin:0 5px; display:inline;}
.category_open .pm_icon{background:url(../images/front/cate_on.gif) no-repeat 0px 0px;}
.category_close .pm_icon{background:url(../images/front/cate_off.gif) no-repeat 0px 0px;}

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

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

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

.category_level_0{margin:0 2px; background:#FFF;}
.category_level_0 li{border-top: 1px solid #e6e6e6;}

.category_level_1{background:#f2f2f2; margin-left:20px; clear:both;}
.category_level_1 li{border-top: 1px solid #dcdcdc;}

.category_level_2{background:#e8e8e8; margin-left:20px; clear:both;}
.category_level_2 li{border-top: 1px solid #cfcfcf;}

.category_level_3{background:#dfdfdf; margin-left:20px; clear:both;}
.category_level_3 li{border-top: 1px solid #cccccc;}

/* ------------------------------
     attention_keyword
------------------------------ */
.attention_keyword_list{
    margin-top: 10px;
    padding: 0px 5px;
}
.attention_keyword_list li{
    /* 縦並びにする場合は display:inline を display:block に更新してください */
    display: inline;
}
/* =======================================================
 faq detail page
======================================================= */
/* ------------------------------
     base info
------------------------------ */
/* 戻る */
.faq_qstInf_col .siteLink {
    float:left;
    display:inline;
}
/* 領域 */
.faq_qstInf_col {
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin: 0 0 5px; /* 周囲余白 */
}
/* 表示領域 */
.faq_dateNo {
    margin-right: 5px; /* 周囲余白 */
}
/* 各パーツ */
.faq_dateNo li {
    font-size: 12px; /* 文字サイズ */
    margin-right: 15px; /* 周囲余白 */
    display: inline; /* 表示要素 */
}
/* 印刷 */
.faq_dateNo li.faq_print {
    margin-right: 0; /* 周囲余白 */
}
/* お気に入り登録 リンク */
.faq_dateNo li.faq_favorite {
    margin-right: 0; /* 周囲余白 */
    position: relative;/* ポジショニング */
}
/* お気に入り登録 メッセージ */
.faq_dateNo .favorite_message {
    position: absolute;/* ポジショニング */
    background-color: #ffffff;/* 背景色 */
    border: 1px solid #a9a9a9;/* 罫線 */
    padding: 5px 20px;/* 余白 */
    width: 145px;/* 幅 */
    right: 5px;/* 右位置 */
    top: 22px;/* 上位置 */
}

/* ------------------------------
     question
------------------------------ */
/* タイトル */
.faq_qstCont_ttl {
    font-size: 20px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    color: #F90; /* テキスト色 */
    line-height: 1.4; /* テキスト高さ */
    margin: 10px 25px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* 領域 */
.faq_qstCont_col {
    margin: 10px 65px 30px; /* 周囲余白 */
}
/* テキスト領域 */
.faq_qstCont_txt {
    margin-bottom: 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* カテゴリ */
.faq_cate_col {
    font-size: 12px;
    padding: 5px; /* 余白 */
    border: 1px dotted #999; /* 罫線 */
    background-color: #f7f7f7; /* 背景色 */
}
.faq_cate_col dd span, .faq_cate_col dd a {
    float: left;
}
.faq_cate_col {
    margin: 3px 0 0 10px;
}
.faq_cate_col, .faq_cate_col a, .faq_cate_col a:visited {
    color:#767676!important;
}
/* カテゴリタイトル */
.faq_cate_col dt, .faq_cate_col dd {
    float: left; /* 表示配置 */
}
/* カテゴリ名 */
.faq_cate_col dt {
    margin-right: 5px; /* 周囲余白 */
}
/* ------------------------------
     answer
------------------------------ */
/* タイトル領域 */
.faq_ans_bor {
    background: transparent url("../images/front/bor_qst.gif") repeat-x scroll left bottom; /* 背景 */
    padding-bottom: 5px; /* 余白 */
    margin: 0 25px 10px; /* 周囲余白 */
}
/* タイトル */
.faq_ans_ttl {
    font-size: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    line-height: 1.2; /* テキスト高さ */
    margin: 10px 20px 10px; /* 周囲余白 */
}
/* 領域 */
.faq_ans_col {
    padding: 0 65px 20px; /* 余白 */
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin-bottom: 20px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* テキスト領域 */
.faq_ansCont_txt {
    margin-bottom: 10px; /* 周囲余白 */
}
/* 添付ファイル・追加フォーム領域 */
.faq_addition_col {
    padding: 5px 10px; /* 余白 */
}
/* 添付ファイル・追加フォーム */
.faq_addition_list > dt,
.faq_addition_col > dd {
    float: left; /* 表示配置 */
}

.faq_addition_list {
    padding: 5px;
    margin-bottom: 5px;
}
.faq_addition_list.not_html,
.faq_addition_list.faq_attachment_file_list{
    border: 1px dotted #999;
    background-color: #f7f7f7;
}
.faq_addition_list.not_html dt:after{
    content: ":";
    margin-right: 5px;
}

.faq_addition_list.html > dt {
    float: none;
    padding-bottom: 5px;
    background: transparent url("../images/front/bor_qst.gif") repeat-x scroll left bottom
}
.faq_addition_list.html > dd {
    float: none;
}

/* 添付ファイル・追加フォームタイトル */
.faq_addition_list > dt {
    margin-right: 5px; /* 周囲余白 */
}
/* 添付ファイル・追加フォーム値 */
.faq_addition_col > dd {
    word-break: break-all; /* 改行制御 */
    word-wrap: break-word; /* 改行制御 */
}
/* 添付ファイル項目名 */
/* 横並び設定 */
/*
.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;
}
.faq_attachment_file_list > dt {
    display:block;
    float:none;
}
/* ------------------------------
     wizard FAQ question
------------------------------ */
/* 質問文 */
.wzd_qstCont_col{
    background-color: #FEF3E0;
    border-left: 4px solid #F8961C;
    padding: 10px 8px 10px 15px;
    margin: 10px 65px 0px;
}

/* 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;
}
/* 2カラム　設問リンク */
.okw_side .wzd_bck{
    width: auto;
}
/* 選択肢　背景 */
.wzd_slct_area{
    background-color: #EEEEEE;
    padding: 10px 10px 10px 15px;
    margin: 2px 65px 20px;
    clear: both;
    overflow: hidden;
}
.wzd_slct_area div{
    overflow: hidden;
}
/* チェックボックス 領域 */
.wzd_slct_area .chckbx_off,
.wzd_slct_area .chckbx_on{
    display: inline-block;
    padding: 0 0 0 30px;
    word-wrap: break-word;
    width: auto;
}

/* 未選択チェックボックス アイコン */
.wzd_slct_area .chckbx_off{
    background: url("../images/front/btn_navi_off.gif") no-repeat scroll 0 -1px transparent;
}
/* 選択済チェックボックス アイコン */
.wzd_slct_area .chckbx_on{
    background: url("../images/front/btn_navi_on.gif") no-repeat scroll 0 -1px transparent;
    cursor: pointer;
}
/* 選択肢領域内テキスト */
.selecttxt{
    background: url("../images/front/icon_select.gif") no-repeat scroll left center transparent;
    clear: both;
    color: #999999;
    font-size: 80%;
    margin: 10px 0 0 2px;
    padding: 0 0 0 20px;
}

.wzd_qstCont_txt{
    float: left;
}

.wzd_qstCont_col .wzd_bck_area{
    display:block;
}

.wzd_qstCont_col .wzd_qstCont_txt{
    text-align: left;
    word-wrap: break-word;
    width: auto;
}

.wzd_qstCont_col .faq_addition_col{
    clear: both;
    margin-top: 10px;
}

.sa_wizard_list .wzd_qstCont_col {
  margin: 10px 25px 0;
}

.sa_wizard_list .wzd_slct_area {
  margin: 2px 25px 20px;
}

.sa_wizard_list .wzd_bck {
  width: 120px;
}

/* ------------------------------
     オペレータコメント
------------------------------ */
.operator_comment_msg {
    font-size: 80%;
    display: block;
}

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

.operator_view_msg {
    font-size: 80%;
    display: block;
    text-align:center;
}
/* ------------------------------
     enquate
------------------------------ */
/* 領域 */
.okw_enquete_area{
    border: 4px solid #CCEEAA;
    margin: 0 auto 20px;
    padding: 0 10px;
    width: 70%;
}
/* タイトル */
.questioner_ttl {
    font-size: 14px; /* 文字サイズ */
    padding: 10px 10px 3px; /* 余白 */
    text-align: left; /* テキスト配置 */
    font-weight: bold; /* 文字太さ */
    border-bottom:2px solid #66AA66; /* アンダーライン */
}
/* 内容領域 */
.questioner_col {
    text-align: center; /* テキスト配置 */
    padding: 10px; /* 余白 */
}
/* 選択肢領域 */
.faq_form_list {
    text-align:left;
    float:left;
    width:40%;
    word-break: break-all;
}
/* 選択肢 */
.faq_form_list li {
    display: block; /* 表示要素 */
}
/* テキストエリア領域 */
.questioner_txt_col{
    width:58%;
    margin:0 0 5px auto;
    text-align:left;
}
/* テキストエリア上メッセージ */
.questioner_sub_msg{
    font-size:80%;
}
/* テキストエリア */
.questioner_txt {
    background-color: #FCFCFC;
    border: 1px solid #AAAAAA; /* 罫線 */
    width: 100%; /* 幅 */
}
/* テキストエリア下メッセージ */
.questioner_description{
    font-size:80%;
    color:#666666;
}
/* ボタン領域 */
.questioner_submit_btn, .knowledge_vote_button .questioner_submit_btn {
    width: 125px; /* 幅 */
    height: 30px; /* 高さ */
    margin: 0 auto; /* 周囲余白 */
    clear:both;
}
/* 送信ボタン */
.questioner_btn {
    font-weight: bold; /* 文字太さ */
    font-size: 14px; /* 文字サイズ */
    color: #336600; /* テキスト色 */
    background: transparent url("../images/front/btn_formoff.gif") no-repeat scroll left top; /* 背景 */
    width: 125px; /* 幅 */
    height: 30px; /* 高さ */
    border: 0; /* 罫線 */
}
#operator_view_form_button, #operator_comment_form_button {
    background: transparent url("../images/front/btn_formoff.gif") no-repeat scroll left top;
    width: 125px;
    height: 30px;
    text-indent: 0;
}

#operator_comment_form_button {
    position: static;
}

/* 送信ボタン ホバー */
.questioner_btn:hover, #operator_view_form_button:hover, #operator_comment_form_button:hover {
    background: transparent url("../images/front/btn_formon.gif") no-repeat scroll left top; /* 背景 */
}
/* 送信ボタン 非活性時 */
.questioner_btn[disabled]{
    color:#A0A0A0; /* 文字色 */
}

#incident_ai_suggest_resolve {
    margin: 20px;
    background-color: #FFFFFF;
    padding: 10px;
}

#incident_ai_suggest_resolve div {
    text-align: center;
}

#sa_ai_suggest_resolve {
    margin: 20px auto;
    background-color: #FFFFFF;
    padding: 10px;
    width: 380px;
}

#sa_ai_suggest_resolve div {
    text-align: center;
}

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

/* ------------------------------
     related faq : おすすめFAQ
     api faq : 連携APIのFAQ
------------------------------ */
/* 領域 */
.faq_relate_list {
    margin: 5px 0 10px; /* 周囲余白 */
}
/* 1 行 */
.faq_relate_list li {
    background-attachment: scroll; /* 背景スクロール */
    background-position: 10px 50%; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
}
.faq_relate_list li.Q_sml {
    background-image: url("../images/front/ico_qst_s.gif"); /* 背景 */
    padding: 5px 10px 5px 35px; /* 余白 */
}
.faq_relate_list li.K_sml {
    background-image: url("../images/front/ico_klg_s.png"); /* 背景 */
    padding: 5px 10px 5px 35px; /* 余白 */
}
/* 奇数行 */
.faq_list_bg1 {
    background-color: #fff; /* 背景色 */
}
/* 偶数行 */
.faq_list_bg2 {
    background-color: #edffe5; /* 背景色 */
}
/* =======================================================
     faq search list page
======================================================= */
/* ------------------------------
     list
------------------------------ */
/* 領域 */
.search_list {
    margin-bottom: 4px; /* 周囲余白 */
    border-top: 1px dotted #333; /* 罫線 */
    width:99%; /* 幅 */
}
/* 1 行 */
.search_list_inner {
    border-bottom: 1px dotted #333; /* 罫線 */
    padding: 5px 10px; /* 余白 */
    position: relative; /* ポジショニング */
    word-wrap: break-word;
}
/* 1 行 ホバー */
li.search_list_inner:hover {
    background-color: #ceedff; /* 背景色 */
}
/* 奇数行 */
.search_list_bg1 {
    background-color: #fff; /* 背景色 */
    padding: 5px 10px; /* 余白 */
}
/* 偶数行 */
.search_list_bg2 {
    background-color: #f6fff2; /* 背景色 */
    padding: 5px 10px; /* 余白 */
}
/* タイトル */
.search_qattl {
    font-weight: bold; /* 文字太さ */
    font-size: 16px; /* 文字サイズ */
    margin-bottom: 3px; /* 周囲余白 */
}
/* faq id、更新日時、カテゴリー 領域 */
ul.search_dateNo {
    margin-left: 20px; /* 周囲余白 */
}
/* faq id、更新日時、カテゴリー */
.search_dateNo li {
    font-size: 12px; /* 文字サイズ */
    margin: 0 10px 0 0px; /* 周囲余白 */
    display: inline; /* 表示要素 */
    color: #999; /* テキスト色 */
}
/* 検索結果文字 */
.search_word {
    font-weight: bold; /* 文字太さ */
}
/* カテゴリパスツールチップ */
.ui-tooltip {
  font-size:12px;
  position: absolute;
  background: #fafafa;
  border: 1px solid #a4a4a4;
  opacity: 1;
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
  -moz-opacity:1;
  max-width:750px;
  color: #333;
  padding:10px;
  z-index:1000;
  border-radius: 3px;
}
.ui-tooltip .tooltip_breadcrumbs{
  word-break: keep-all;
  word-wrap: normal;
}
.ui-tooltip .tooltip_breadcrumbs span {display: inline-block;}

/* ------------------------------
     attribute
------------------------------ */
/* 追加属性 領域*/
.search_list_inner .faq_list{
    border: 1px dotted #CCCCCC;
    margin-left: 20px;
    padding: 5px;
    font-size: 12px;
}
/* 各追加属性 */
.search_list_inner .faq_attribute_area{
    margin: 0 10px 0 0;
}

/* ------------------------------
     attachment
------------------------------ */
/* 添付画像 プルダウンメニュー基点 */
.search_date_area{
    position: relative;
}
/* 追加属性 FAQデータ */
.search_date_area .search_dateNo{
    float:left;
    width:84%;
}
/* 添付画像 アイコン表示位置 */
.faq_attachment_icon{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/* 添付画像 アイコン */
.search_attachment_icon{
    background: url("../images/front/attachment.gif") no-repeat scroll 0 -1px transparent;
    display: block;
    height: 16px;
    width: 16px;
}
/* 添付画像 プルダウンメニュー */
.faq_attachment_list{
    position: absolute;
    right: 0;
    background-color: #FFFFFF;
    border: 1px solid #a9a9a9;
    padding:5px 0px;
    white-space: nowrap;
    z-index: 2;
}
/* 添付画像 プルダウンメニュー リンク */
.faq_attachment_list a{
    display: block;
    padding: 0 20px;
}
/* 添付画像 プルダウンメニュー ホバー */
.faq_attachment_list a:hover{
    background-color: #f5f5f5;
    text-decoration: none;
}
/* ------------------------------
     paging common
------------------------------ */
/* ページング領域（上） */
.pg_col_top {
    margin: 4px 0 5px; /* 周囲余白 */
    font-size: 12px; /* 文字サイズ */
    font-family: Tahoma; /* 文字フォント */
}
/* ページング領域（下） */
.pg_col_down {
    margin: 0 0 5px; /* 周囲余白 */
    font-size: 12px; /* 文字サイズ */
    font-family: Tahoma; /* 文字フォント */
}
/* 件数表示 */
.pg_no {
    margin-left: 10px; /* 左余白 */
    width: 30%; /* 幅 */
}
/* ------------------------------
     attribute search
------------------------------ */
/* 絞込検索 キーワード */
.attr_search_kw_area,
.search_target_area {
    font-size: 12px;
    background-color: #EEEEEE;
    margin: 4px 10px;
    padding: 3px 10px;
}

/* 検索結果での選択された、検索対象/オペレータ/属性などを表示するエリアのスタイル */
.attr_search_kw_ttl{
    font-weight: bold;
}
.attr_search_kw_ttl, .attr_search_kw_value {
    word-break: break-all;
    word-wrap:break-word;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.attr_search_kw_area_value {
    margin-right: 10px;
}

/* ------------------------------
     synonyms keywords
------------------------------ */
/* 同義語 領域 */
.synonyms_kw_area{
    font-family: Tahoma;
    font-size: 12px;
    margin-left:10px;
    margin-top:4px;
    background-color: #EEEEEE;
    margin: 5px 10px;
    padding: 3px 10px;
}
.synonyms_kw_ttl{
    font-weight: bold;
}
/* 同義語 単語 */
.synonyms_kw_area ul,
.synonyms_kw_area li{
    display:inline;
}

/* ------------------------------
     sort
------------------------------ */
/* 領域 */
.okw_sort_select{
    margin-right:10px;
    width: 135px;
}
/* セレクトボックス */
.okw_sort_select select{
    width: 115px;
    float: left;
}
/* 昇順･降順 領域 */
.sort_arrow {
    float: left;
    margin: 0 0 0 10px;
    overflow: hidden;
    width: 9px;
}
/* 昇順･降順 各アイコン領域 */
.sort_arrow span,
.sort_arrow a {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    height: 8px;
    width: 9px;
    padding: 0px;
    margin: 0px;
}
/* 昇順アイコン 領域 */
.sort_arrow .sort_asc_image_on,
.sort_arrow .sort_asc_image_off {
    background-position: center bottom;
    margin: 0 0 2px;
}
/* 降順アイコン 領域 */
.sort_desc_image_on,
.sort_desc_image_off{
    background-position: center top;
}
/* 昇順アイコン */
.sort_asc_image_on {background-image: url("../images/back/marker_up.gif");}
.sort_asc_image_off {background-image: url("../images/back/marker_up_off.gif");}
.sort_asc_image_off:hover {background-image: url("../images/back/marker_up_h.gif");}
/* 降順アイコン */
.sort_desc_image_on {background-image: url("../images/back/marker_down.gif");}
.sort_desc_image_off {background-image: url("../images/back/marker_down_off.gif");}
.sort_desc_image_off:hover {background-image: url("../images/back/marker_down_h.gif");}
/* ------------------------------
     faq emphasis
------------------------------ */
/* 画像 領域 */
.new_ico,
.updated_ico,
.imp_ico{
    display: inline-block;
    margin-right:5px;
    width:32px;
    height:16px;
    vertical-align: text-top;
}

.new_ico_en{
    width: 32px
}
.updated_ico_en{
    width: 50px
}
.imp_ico_en{
    width: 70px
}

/* 画像「NEW」 */
.new_ico{
    background:url(../images/front/new_ico_ja.gif) left top no-repeat;
}
.new_ico_en{
    background:url(../images/front/new_ico_en.gif) left top no-repeat;
}
/* 画像 「更新」 */
.updated_ico{
    background:url(../images/front/updated_ico_ja.gif) left top no-repeat;
}
.updated_ico_en{
    background:url(../images/front/updated_ico_en.gif) left top no-repeat;
}

/* 画像 「重要」 */
.imp_ico{
    background:url(../images/front/imp_ico_ja.gif) left top no-repeat;
}
.imp_ico_en{
    background:url(../images/front/imp_ico_en.gif) left top no-repeat;
}
.faq_custom_mark{
    padding: 0 5px;
    border-radius: 3px;
    vertical-align: text-top;
    margin-bottom: 3px;
    margin-right: 5px;
    display: inline-block;
    font-size: 11px;
    height: 16px;
}

/* ------------------------------
     top paging
------------------------------ */
/* 上部ページング */
.pg_scr {
    text-align: center; /* テキスト配置 */
    width: 35%; /* 幅 */
}
/* 上部ページング テキスト部 */
.pg_scr span {
    margin: 0 10px; /* 周囲余白 */
}
/* 上部ページング 無効 */
.pg_scr span.disabled {
    color: #ddd; /* テキスト色 */
}
/* ------------------------------
     foot paging
------------------------------ */
/* ページャー */
.pagination {
    margin: 0 auto; /* 周囲余白 */
    font-size: 11px; /* 文字サイズ */
    float: right; /* 表示配置 */
    white-space: nowrap; /* 要素内余白表示 */
    font-family: Tahoma, "Lucida Grande", Arial, Sans-serif; /* 文字フォント */
}
/* リンク・現在地 */
.pagination a,
.pagination span {
    margin: 0; /* 周囲余白 */
    padding: 3px 6px; /* 余白 */
}
/* 現在地 */
.pagination span.okw_current,
.pagination span.current {
    font-weight: bold; /* 文字太さ */
}
/* リンクなし */
.pagination span.disabled {
    color: #ddd; /* テキスト色 */
}
/* =======================================================
     info & news page
======================================================= */
/* 領域 */
.infonews_col {
    margin: 0 0 40px; /* 周囲余白 */
    padding: 5px 0 0; /* 余白 */
}
/* 投稿日時領域 */
.infonews_datetime {
    text-align: right; /* テキスト配置 */
}
/* 投稿日時 */
.infonews_date_no {
    margin-right: 5px; /* 周囲余白 */
}
/* タイトル領域 */
.infonewstitle_col{
    margin:0 0 10px; /* 周囲余白 */
}
/* タイトル領域 */
.infonews_ttl {
    background-color: #f5f5f5; /* 背景色 */
    font-weight: bold; /* 文字太さ */
    font-size: 16px; /* 文字サイズ */
    padding-left:10px; /* 余白 */
}
/* タイトル */
.infonews_ttl_bor {
    background-image: url("../images/front/icon_helpttl.jpg"); /* 背景画像 */
    background-position: left center; /* 背景画像位置 */
    display: inline-block; /* 表示要素 */
    padding-left: 10px; /* 余白 */
}
/* 本文 */
.infonews_txt {
    padding: 0 20px; /* 余白 */
}
/* =======================================================
     login page
======================================================= */
/* 領域 */
#login_col {
    width: 350px; /* 幅 */
    margin: 10px auto 30px; /* 周囲余白 */
    padding: 10px; /* 余白 */
    border: 1px solid #999; /* 罫線 */
}
/* タイトル */
#login_col h2 {
    font-size: 18px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin-bottom: 10px; /* 周囲余白 */
}

/* PW再発行領域 */
/* アカウント新規作成領域 */
#login_col .reissue_password,
#login_col .create_account_request {
    font-size: 100%; /* 文字サイズ */
    border-top: 1px solid #ccc; /* 罫線 */
    margin-top: 20px; /* 周囲余白 */
    padding:15px 5px 5px;
}
/* PW再発行リンク */
/* アカウント新規作成リンク */
#login_col .reissue_password a,
#login_col .create_account_request a {
    padding-left:16px;
    background: url("../images/back/click_here.gif") no-repeat scroll left top transparent ; /* 背景 */
}
/* PW再発行説明文 */
/* アカウント新規作成説明文 */
#login_col .reissue_password_description,
#login_col .create_account_request_description,
.password_reminder_description {
    color: #666666;
    font-size: 80%;
    padding-left:16px;
}

/* =======================================================
     reissue password page
     create account request page
======================================================= */
#reissue_password,
#create_account,
#create_account_request,
#create_account_request_complete,
#change_mail {
    margin: 10px auto 30px; /* 周囲余白 */
    padding: 10px; /* 余白 */
    border: 1px solid #999; /* 罫線 */
}

/* 領域 */
#reissue_password,
#create_account,
#create_account_request,
#create_account_request_complete {
    width: 32em; /* 幅 */
}
#change_mail {
    width: 37em; /* 幅 */
}

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

/* メッセージ */
#reissue_password .form_msg,
#create_account .form_msg,
#create_account_request .form_msg,
#create_account_request_complete .form_msg,
#change_mail .form_msg {
    font-size: 98%; /* 文字サイズ */
    margin: 14px 8px; /* 周囲余白 */
}

/* フォーム */
#reissue_password dl,
#create_account dl,
#create_account_request dl,
#create_account_request_complete dl,
#change_mail dl {
    margin: 0 16px;
}
#reissue_password dl.last,
#create_account dl.last,
#create_account_request dl.last,
#create_account_request_complete dl.last,
#change_mail dl.last {
    margin-bottom: 16px
}

/* ラベル */
#reissue_password dt,
#create_account dt,
#create_account_request dt,
#create_account_request_complete dt,
#change_mail dt {
    height: 2em;
    display: table-cell;
    vertical-align: middle;
    padding-right: 8px;
    text-align: right;
}
#reissue_password dt,
#create_account dt,
#create_account_request dt,
#create_account_request_complete dt {
    width: 11em
}
#change_mail dt {
    width: 17em
}

/* テキストボックス */
#reissue_password dd,
#create_account dd,
#create_account_request dd,
#create_account_request_complete dd,
#change_mail dd {
    height: 1em;
    display: table-cell;
    vertical-align: middle;
}
#reissue_password dd,
#create_account dd,
#create_account_request dd,
#create_account_request_complete dd {
    width: 17em;
}
#change_mail dd {
    width: 16em
}

#reissue_password dd input,
#create_account dd input,
#create_account_request dd input,
#create_account_request_complete dd input,
#change_mail dd input {
    width: 100%;
}

/* アカウント重複確認 */
#create_account .usable_account_check_link,
#new_client_user .usable_account_check_link {
    font-size: 80%;
}
#create_account .usable_account_check_msg,
#new_client_user .usable_account_check_msg /* create account request form page */ {
    font-size: 80%;
    color: orange;
}

/* サブタイトル */
.form_field dt {
    width: 5.5em; /* 幅 */
    float: left; /* 表示配置 */
    text-align: right;
    margin-right: 8px;
}
/* テキストボックス・パスワードボックス */
.login_txt {
    width: 180px; /* 幅 */
    font-family: Tahoma, "Lucida Grande", Arial, Sans-serif; /* 文字フォント */
    margin: 0 0 10px 0; /* 周囲余白 */
}

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

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

/* 1列ログインボタン */
#login_btn,
.mail_input_button {
    background: transparent url("../images/front/loginbtnoff.gif") no-repeat scroll left top; /* 背景 */
    border: 0; /* 罫線 */
    width: 95px; /* 幅 */
    height: 25px; /* 高さ */
    font-weight: bold; /* 文字太さ */
    color: #090; /* テキスト色 */
    font-size: 14px;
    float:right;
}
/* ショルダー,2列表示ログインボタン */
#okw_side #login_btn, .mail_input_button,
.twoCol #login_btn, .mail_input_button {
    margin: 0 auto; /* 周囲余白 */
    float:none;
    clear:both;
}
/* ログイン画面ログインボタン */
#login_btn, .mail_input_button {
    float:none;
}
/* ログインボタン ホバー */
#login_btn:hover,
.mail_input_button:hover {
    background: transparent url("../images/front/loginbtnon.gif") no-repeat scroll left top; /* 背景 */
}

.mail_input_block {
    text-align: center;
}

/* ------------------------------
     login err
------------------------------ */
.login_error_txt {
    color: #F00; /* テキスト色 */
    text-align: center; /* テキスト配置 */
    font-weight: bold;
}
/* =======================================================
     password change page
======================================================= */
/* ------------------------------
     password change
------------------------------ */
/* タイトルメッセージ */
.pass_msg {
    color: #F00; /* テキスト色 */
    text-align: center; /* テキスト配置 */
    font-weight: bold;
    margin: 0 auto;
    padding: 0 10px;
    text-align: left;
    width: 350px;
}
/* パスワードエラー領域 */
.pass_error {
    width: 350px;
    padding: 0 10px;
    margin: 0 auto;
}
/* パスワードエラー */
.pass_error li {
    list-style:  disc inside none;
    font-size: 90%;
    color: #F00;
    margin:0 0 0 10px;
}
/* パスワード変更フォーム */
.form_pass dt {
    width: 8.0em;
}
/* =======================================================
     err page
======================================================= */
/* 背景 */
#error_bg {
    background-color: #e6f5ff; /* 背景色 */
}
/* 表示領域 */
#error_wrapper {
    margin: 80px auto; /* 周囲余白 */
    width: 550px; /* 幅 */
    padding: 22px 0 0; /* 余白 */
    background: #fff url("../images/front/errortop.gif") no-repeat scroll left top; /* 背景 */
}
/* タイトル */
#error_wrapper h2 {
    font-size: 24px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    border-bottom: 1px dotted #a2d9ff; /* 罫線 */
    margin: 0 30px 5px; /* 周囲余白 */
}
/* テキスト */
#error_wrapper p {
    margin: 0 30px 4px; /* 周囲余白 */
    font-size: 15px; /* 文字サイズ */
}
/* エラーコード */
.error_code {
    text-align: right; /* テキスト配置 */
    color: #999; /* テキスト色 */
}
/* ボタン */
.error_btm {
    background: #fff url("../images/front/errorbtm.gif") no-repeat scroll left bottom ; /* 背景 */
    width: 550px; /* 幅 */
    height: 22px; /* 高さ */
}
/* =======================================================
     clearfix
======================================================= */
.clearfix:after {
    visibility: hidden;
    display: block; /* 表示要素 */
    font-size: 0; /* 文字サイズ */
    content: " ";
    clear: both; /* 回りこみ */
    height: 0; /* 高さ */
}
* html .clearfix {
    zoom: 1; /* IE6 */
}
*:first-child+html .clearfix {
    zoom: 1; /* IE7 */
}


/* =======================================================
    helpdesk table
    create account request table
======================================================= */

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

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

/* お問い合わせ入力 */
.icoHdquestion,
.icoCreateAccountRequest {
    background-attachment: scroll;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    padding: 6px 0 0 35px;
}
/* お問合わせ　タイトルアイコン */
.icoHdquestion,
.icoCreateAccountRequest {
    background: url("../images/front/icon_helpttl.jpg") no-repeat scroll 0 center;
    padding-left: 10px;
}
/* お問合わせ内容　説明文 */
.hd_question_form,
.create_account_request_form {
    margin:20px auto 0;
    width:800px;
}

.hd_question_form .captcha_block {
    padding-bottom: 5px;
}
.hd_question_form .captcha_logic {
    padding-bottom: 5px;
}
.hd_question_form .g-recaptcha {
    display: inline-block;
}

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

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

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

.HDcontent dl,
.create_account_request_content dl {
    background-color: #F9F9F9;
    display: table;
}
.HDcontent dt, .HDcontent dd,
.create_account_request_content dt, .create_account_request_content dd {
     display: table-cell;
     vertical-align: top;
     *display: inline;
     *zoom: 1;
 }

.HDcolumn_left,
.create_account_request_left {
    width: 190px;
    padding:5px 0 5px 10px;
    word-break: break-all;
}

.HDcolumn_right,
.create_account_request_right {
    width: 584px;
    border-left: 1px dotted #DCDCDC;
    background-color: #FFFFFF;
    text-align: left;
    padding:5px 0 5px 10px;
    overflow: hidden;
    min-height: 1.4em;
    max-width: 584px;
}

.HDcolumn_right .horizon{
    display: inline-block;
    vertical-align: top;
}

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

.hdq_confirm_btn_c{
    overflow:visible;
}

/* =======================================================
     helpdesk フォーム関連
======================================================= */
/* ------------------------------
     お問合わせ内容画面
------------------------------ */
/* 領域 */
.hdcontents_box {
    margin-bottom: 20px;
}
/* お問合わせ画面　説明文 */
.hd_desc{
    background-color: #F0F0F0;
    border: 1px solid #DCDCDC;
    color: #555555;
    font-size: 90%;
    margin: 0 0 20px;
    padding: 7px 10px;
}
/* タイトル　*/
.hd_question_form .ttl_txt{
    font-weight: bold;
    float:left;
}
/* タイトル　日付 */
.hd_question_form .data{
    float:right;
    color: #666666;
    font-size: 80%;
    margin: 3px 0 0;
    *width:180px;
    *text-align:right;
}
/* 質問文・回答文 */
.hdcontents_box li{
    word-wrap: break-word;
}
.hd_question_form .content_txt{
    padding: 15px 45px;
}
/* 質問　領域 */
.hd_question_form .q_contents{
    border: 1px solid #FCD998;
    margin-bottom:20px;
}
/* 質問タイトル　背景 */
.q_contents .q_ttl_br{
    background: url("../images/front/ico_qst.gif") no-repeat scroll 10px center #FCD998;
    border: 1px solid #FCD998;
    padding: 10px 10px 10px 47px;
}
/* 質問・回答 追加属性　領域 */
.q_contents .attribute,
.a_contents .attribute,
.m_contents .attribute{
    margin: 0 47px 20px;
    padding: 7px 10px;
    font-size: 85%;
}
/* 質問　追加属性　色 */
.q_contents .attribute{
    border: 1px solid #FCD998;
    background-color: #fffaf0;
}
/* 回答　追加属性　色 */
.a_contents .attribute{
    background-color: #F7FBFF;
    border: 1px solid #A8DCFB;
}
/* 回答　領域 */
.hd_question_form .a_contents{
    border: 1px solid #A8DCFB;
    margin: 0 0 20px;
}
/* 回答タイトル　背景 */
.a_contents .a_ttl_br{
    background: url("../images/front/ico_ans.gif") no-repeat scroll 10px center #A8DCFB;
    border: 1px solid #A8DCFB;
    padding: 10px 10px 10px 47px;
}
/* 連絡タイトル　背景 */
.m_contents .m_ttl_br{
    background: url("../images/front/ico_nts.gif") no-repeat scroll 10px center #d7eec6;
    border: 1px solid #d7eec6;
    padding: 10px 10px 10px 47px;
}
/* 追加質問リンク　背景 */
.more_q_link{
    background-color: #F0F0F0;
    border: 1px solid #DCDCDC;
    font-size: 90%;
    margin: 0 0 20px;
    padding: 5px 10px;
    text-align: center;
}
/* 補足質問リンク　アイコン */
.more_q_link a {
    background: url("../images/front/icon_helpdesk.gif") no-repeat scroll left center transparent;
    padding: 0 0 0 28px;
    display:inline-block;
}

/* マイページログインリンク　背景 */
.mypage_login_link {
    background-color: #F0F0F0;
    border: 1px solid #DCDCDC;
    font-size: 90%;
    margin: 0 0 20px;
    padding: 5px 10px;
    text-align: center;
}
/* マイページログインリンク　アイコン */
.mypage_login_link a {
    padding: 0 0 0 28px;
    display:inline-block;
}

/* 追加質問入力フォーム */
.morequestion_box{
    margin: 0 0 20px;
}
/* ヘルプデスク補足質問　内容参照テーブルの下線 */
.hdcontents_bor {
    border-bottom: 1px solid #DCDCDC; /* 罫線色 */
}
/* 注記 (*印) */
.presence {
    color: #dc143c; /* 色 */
    padding: 3px; /* 余白 */
}
/* 注釈 "* は必ず入力してください" */
.help_attention {
    float: none;
    text-align:right;
    font-size: 14px;/* フォントサイズ */
    margin:0;/* 周囲余白 */
}

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

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

/* お問い合わせ確認画面 タイトル */
.column_ttl {
    background-color:#F0F0F0; /* 背景色 */
    padding:5px;  /* 余白 */
    color:#333333;
    font-weight:bold; /* 太字 */
    border: 1px solid #DCDCDC;
}
/* 補足質問入力画面　タイトル */
ul.contents_table li.content div.column_ttl{
    border:none;
}
/* スーパーアシスタント部分メッセージ */
.super_assistant_msg{
    text-align: center;
}
/* 入力用のフォント */
textarea,input,select {
    font-family: 'ＭＳ ゴシック', sans-serif; /* フォント */
}

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

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

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

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

/* 1カラム */
.column_0,
.column_end {
    float: left; /* 表示配置 */
    padding-bottom: 32768px; /* 余白 */
    margin-bottom: -32763px; /* 余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap:break-word; /* 改行指定 */
    padding-top: 5px; /* 余白 */
    padding-left: 5px; /* 余白 */
    padding-right: 5px; /* 余白 */
    border-right: 1px solid #dcdcdc; /* 罫線色 */
}

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

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


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

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

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

/* ===========================================================
　　　helpdesk common button
============================================================== */
/* ボタンエリア */
.commit_button_block  {
    background: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    border-top:none;
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
    width:auto;
}
/* 入力、確認ボタン 領域*/
.hdq_confirm_btn  {
    margin: 8px 0 0 0; /* 周囲余白 */
    display:-moz-inline-box;/*FireFox2用のinline-block*/
    display:inline-block; /* 表示要素 */
    cursor:pointer; /* マウスカーソル */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* エラーエッセージ背景テーブル　*/
.err_msg {
    color: #dc143c; /* テキスト色 */
    border: 3px double #dcdcdc; /* 罫線 */
    background: #ededed url("../images/back/warning.gif") no-repeat 3% 50%; /* 背景画像 */
    width: auto; /* 横幅 */
}
/* エラー文言 */
.err_msg dd {
    margin-left: 10px; /* 余白 */
    display: list-item; /* 表示要素 */
    list-style: disc inside none; /* リスト形式 */
    color: #dc143c; /* テキスト色 */
}
/* エラー ラベル */
.fieldWithErrors label {
    color: #dc143c; /* テキスト色 */
}

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

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

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

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

/* エラー・コメントタイトル */
.err_msg dt,
.comment_msg dt {
    color: #DC143C; /* テキスト色 */
    font-weight: bold; /* 太字 */
    margin-bottom: 5px; /* 余白 */
}
/* ヘルプデスク投稿フォームIE6対応 */
.hdq_confirm_btn,
.hdq_confirm_btn_s{
    *display: inline;
    *zoom: 1;
}
.preLink a{
    height:auto;
}
.preLink {
    background-position:left center;
}
/* カテゴリー一覧IE6対応 */
.cateList_area ul li{
    _padding:0!important;
    _margin:0!important;
}


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

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

/* 内容参照画面をIE9相当表示に調整 */
#faq_question_contents a,#faq_answer_contents a,#info_news_contents a{
    color: #06C;
    text-decoration: underline;
}
#faq_question_contents a:visited,#faq_answer_contents a:visited,#info_news_contents a:visited{
    color: #800080;
}
#faq_question_contents blockquote,#faq_answer_contents blockquote,#info_news_contents blockquote{
    display: block;
    margin: 1em 40px;
}
#faq_question_contents code,#faq_answer_contents code,#info_news_contents code{
    font-family: monospace;
    font-size: 10pt;
}
#faq_question_contents dd,#faq_answer_contents dd,#info_news_contents dd{
    display: block;
    margin: 0 0 0 40px;
}
#faq_question_contents div,#faq_answer_contents div,#info_news_contents div{
    display: block;
}
#faq_question_contents dl,#faq_answer_contents dl,#info_news_contents dl{
    display: block;
    margin: 1em 0;
}
#faq_question_contents dt,#faq_answer_contents dt,#info_news_contents dt{
    display: block;
}
#faq_question_contents em,#faq_answer_contents em,#info_news_contents em{
    font-style: italic;
}
#faq_question_contents fieldset,#faq_answer_contents fieldset,#info_news_contents fieldset{
    border-style: groove;
    border-width: 2px;
    display: block;
    margin: 0 2px;
    padding: 0 2px 3px;
    zoom: 1;
}
#faq_question_contents h1,#faq_answer_contents h1,#info_news_contents h1{
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
    page-break-after: avoid;
}
#faq_question_contents h2,#faq_answer_contents h2,#info_news_contents h2{
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
    page-break-after: avoid;
}
#faq_question_contents h3,#faq_answer_contents h3,#info_news_contents h3{
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
    page-break-after: avoid;
}
#faq_question_contents h4,#faq_answer_contents h4,#info_news_contents h4{
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0;
    page-break-after: avoid;
}
#faq_question_contents h5,#faq_answer_contents h5,#info_news_contents h5{
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
    page-break-after: avoid;
}
#faq_question_contents h6,#faq_answer_contents h6,#info_news_contents h6{
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
    page-break-after: avoid;
}
#faq_question_contents legend,#faq_answer_contents legend,#info_news_contents legend{
    padding: 0 2px;
    zoom: 1;
}
#faq_question_contents li,#faq_answer_contents li,#info_news_contents li, .faq_ansCont_txt li, .wzd_qstCont_txt li{
    display: list-item;
}
#faq_question_contents ol,#faq_answer_contents ol,#info_news_contents ol, .faq_ansCont_txt ol {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}
#faq_question_contents p,#faq_answer_contents p,#info_news_contents p{
    display: block;
    margin: 1em 0;
}
#faq_question_contents pre,#faq_answer_contents pre,#info_news_contents pre{
    display: block;
    font-family: monospace;
    font-size: 10pt;
    margin: 1em 0;
    white-space: pre;
}
#faq_question_contents table,#faq_answer_contents table,#info_news_contents table{
    border-color: #F0F0F0;
    border-spacing: 2px 2px;
    box-sizing: border-box;
    display: table;
    zoom: 1;
}
#faq_question_contents tbody,#faq_answer_contents tbody,#info_news_contents tbody{
    box-sizing: border-box;
    display: table-row-group;
    vertical-align: middle;
}
#faq_question_contents td,#faq_answer_contents td,#info_news_contents td{
    display: table-cell;
    padding: 1px;
    vertical-align: middle;
    zoom: 1;
}
#faq_question_contents th,#faq_answer_contents th,#info_news_contents th{
    display: table-cell;
    font-weight: bold;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    zoom: 1;
}
#faq_question_contents thead,#faq_answer_contents thead,#info_news_contents thead{
    box-sizing: border-box;
    display: table-header-group;
    vertical-align: middle;
}
#faq_question_contents tr,#faq_answer_contents tr,#info_news_contents tr{
    box-sizing: border-box;
    display: table-row;
    vertical-align: middle;
    zoom: 1;
}
#faq_question_contents ul,#faq_answer_contents ul,#info_news_contents ul, .faq_ansCont_txt ul {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}
.wzd_qstCont_txt ol, .wzd_qstCont_txt ul{
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    margin-left: 20px;
    padding: 0 0 0 10pt;
}
#faq_question_contents ul li,#faq_answer_contents ul li,#info_news_contents ul li, .faq_ansCont_txt ul li, .wzd_qstCont_txt ul li{
    list-style-type: disc;
}
#faq_question_contents ol li,#faq_answer_contents ol li,#info_news_contents ol li, .faq_ansCont_txt ol li, .wzd_qstCont_txt ol li{
    list-style-type: decimal;
}
#faq_question_contents ul>li,#faq_answer_contents ul>li,#info_news_contents ul>li, .faq_ansCont_txt ul>li, .wzd_qstCont_txt ul>li{
    list-style-type: disc;
}
#faq_question_contents ol>li,#faq_answer_contents ol>li,#info_news_contents ol>li, .faq_ansCont_txt ol>li, .wzd_qstCont_txt ol>li{
    list-style-type: decimal;
}

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

.hd_question_form .enquete_wrapper{
    border-top:1px solid #DCDCDC;
    padding-top:20px;
}
/* 補足質問画面　マーケットアンケートリンク　 */
.mrktenqt_intr_txt{
    font-size: 90%;
    padding: 8px;
    text-align: left;
}
/* 補足質問画面　マーケットアンケートリンク */
.mrktenqt_link{
    background-color: #EBF9DD;
    border: 1px solid #CCEEAA;
    margin: 10px 0;
    padding: 5px 10px;
    text-align: center;
}
.mrktenqt_link a {
    background: url("../images/front/icon_enquete.gif") no-repeat scroll left center transparent;
    padding: 5px 0 5px 28px;
}

.mrktenqt_incident_desc {
    background-color: #EBF9DD;
    border: 1px solid #DCDCDC;
    color: #555555;
    font-size: 90%;
    margin: 0 0 20px;
    padding: 7px 10px;
}

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

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

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

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

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

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

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

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

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

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

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

.me_content dl {
    background-color: #F9F9F9;
    display: table;
}

.me_content dt, .me_content dd{
    display: table-cell;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}

.me_column_left{
    width: 190px;
    padding:5px 0 5px 10px;
    word-break: break-all;
}

.me_column_right{
    width: 584px;
    border-left: 1px dotted #DCDCDC;
    background-color: #FFFFFF;
    text-align: left;
    padding:5px 0 5px 10px;
    overflow: hidden;
    min-height: 1.4em;
    max-width: 584px;
}

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

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

.me_confirm_btn_c{
    overflow:visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ボタン右側画像（角丸） */
.me_confirm_btn_r {
    background:url(../images/front/bg_btn01_r.jpg) no-repeat; /* 背景画像 */
    width:5px; /* 横幅 */
    height:40px; /* 高さ */
    overflow:hidden; /* 領域外表示 */
    display:block; /* 表示要素 */
    float:left; /* 表示配置 */
}
/* 投稿フォームIE6対応 */
.me_confirm_btn,
.me_confirm_btn_s{
    *display: inline;
    *zoom: 1;
}

/* ===========================================================
　　　fileuploader
============================================================== */
/* 領域 */
.fileuploader{
    display: block;
}
/* アップローダー　領域 */
.qq-uploader {
    position: relative;
}
/* アップローダー　ボタン */
.qq-upload-button{
    background-color: #FFFFFF;
    border-bottom: none;
    color: #003366;
    background-image: url("../images/back/csv_imp.gif");
    background-attachment: scroll;
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: auto;
    padding-left: 18px;
    padding-bottom:3px;
    overflow: hidden;
    position: relative;
    vertical-align: baseline;
}
/* ボタン　ホバー */
.qq-upload-button-hover {
    text-decoration: underline;
}
.qq-upload-button-hover,
.qq-upload-button-focus{
}
/* ボタン　領域 */
.qq-upload-button input{
    right: 0;
    font-size: 140px;
}
/* データドロップ　領域 */
.qq-upload-drop-area, .qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #FCFFC0;
    text-align: center;
    border: 2px dashed #ff9940;
    display/*\**/: none\9;
}
/* テキスト（データをドロップ） */
.qq-upload-drop-area span {
    display/*\**/: none\9;
    cursor/*\**/: default\9;
}
/* データホバー時の表示 */
.qq-upload-drop-area-active {
    background: #fffa80;
}
/* 添付画像リスト　削除リンク */
.update_file_list .delete_icon {
    margin-left: 10px;
}
.update_file_list div{
    margin-right: 15px;
}
/* 添付画像リストエラー文言 */
.update_file_list .error{
    color: red;
}
/* エラー */
.file_upload_error_tag{
    color: #DC143C;
}
/* ------------------------------
     data　pull-down
------------------------------ */
/* データ読み込み　プルダウン　 */
ul.qq-upload-list {
    padding: 0;
    list-style: none;
    width: 490px;
    top: 0px;
    height: auto;
    left: 0px;
    margin-bottom: 3px;
    line-height: 0;
}
/* プルダウン　行 */
ul.qq-upload-list li{
    margin: 0 0 -1px 0;
    margin-bottom/*\**/: 0px\9;
    padding: 3px;
    line-height: 15px;
    background-color: #FCFFC0;
    border:1px solid #ffbf40;
    border-collapse: collapse;
}
/* プルダウン　項目 */
.qq-upload-file,
.qq-upload-spinner,
.qq-upload-size,
.qq-upload-cancel,
.qq-upload-failed-text{
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* プルダウン　データ名 */
.qq-upload-file {
    width: 190px;
    margin-right: 10px;
    padding-bottom: 3px;
    overflow: hidden;
    white-space: nowrap;
}
/* プルダウン　スピン画像 */
.qq-upload-spinner {
    background: url("../images/file_uploader/loading.gif");
    height: 17px;
    background-repeat: no-repeat;
    width: 30px;
}
/* プルダウン　進捗（xx% from xxkB） */
.qq-upload-size{
    padding-right: 10px;
    padding-bottom: 3px;
    vertical-align: top;
}
/* プルダウン　キャンセルリンク */
.qq-upload-cancel {
    padding-right:10px;
    padding-bottom: 3px;
    padding-right: 10px;
    vertical-align: top;
}
/* プルダウン　Upload failed */
.qq-upload-failed-text {
    padding-bottom: 3px;
    display: none;
    text-align: right;
}
.qq-upload-success {
    background-color: #5DA30C;
    color: #FFFFFF;
}
.qq-upload-fail {
    background-color: #D60000;
    color: #FFFFFF;
}

.faq_question table,
#faq_question_contents table,
#wizard_list table
{
    border-collapse: collapse;
}
.faq_question table td ,
#faq_question_contents table td,
#wizard_list table td{
    border-width:1px;
    border-style:solid;
    border-color: #000;
    line-height:normal;
    font-size:12px;
}

div.calendar {
    z-index: 9900;
}
/* =======================================================
      mypage 関連
======================================================= */
/* マイページプロフィール */
.mypage_profile_table {
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    margin: 5px;
    padding: 0;
    border-spacing: 0;
    width: 95%;
}
.mypage_profile_table th, .mypage_profile_table td {
    border-bottom: 1px solid #dcdcdc;
    line-height:normal;
    padding: 5px;
    margin: 0;
    word-wrap: break-word;
}
.mypage_profile_table th {
    background-color: #f9f9f9;
    border-right: 1px dotted #dcdcdc;
    width: 30%;
    max-width: 200px;
    text-align: right;
}
.mypage_profile_table td {
    background-color: #ffffff;
    width: 70%;
    max-width: 400px;
}
.mypage_profile_edit_link {
    float: right;
    font-weight: normal;
    margin-right: 20px;
    margin-top: 5px;
}
.mypage_profile_edit_submit_btn  {
    margin: 8px 0 0 0; /* 周囲余白 */
    display:-moz-inline-box;/*FireFox2用のinline-block*/
    display:inline-block; /* 表示要素 */
    cursor:pointer; /* マウスカーソル */
}
* html .mypage_profile_edit_submit_btn,
* +html .mypage_profile_edit_submit_btn {
    display:inline; /* 表示要素 */
    zoom:1; /* 拡大 */
}
.mypage_profile_edit_submit_btn_l {
    background:url(../images/front/bg_btn01_l.jpg) no-repeat; /* 背景画像 */
    width:5px; /* 横幅 */
    height:40px; /* 高さ */
    overflow:hidden; /* 領域外表示 */
    display:block; /* 表示要素 */
    float:left; /*　表示配置 */
}
.mypage_profile_edit_submit_btn_c {
    background:url(../images/front/bg_btn01_c.jpg); /* 背景画像 */
    height:40px; /* 高さ */
    padding:0 20px; /* 余白 */
    float:left; /* 表示配置 */
    border: 0 none; /* 罫線無 */
    color: #555555; /* テキスト色 */
    font-size: 14px; /* フォントサイズ */
    font-weight: bold; /* 太字 */
    cursor:pointer; /* マウスカーソル */
    overflow:visible;
}
.mypage_profile_edit_submit_btn_r {
    background:url(../images/front/bg_btn01_r.jpg) no-repeat; /* 背景画像 */
    width:5px; /* 横幅 */
    height:40px; /* 高さ */
    overflow:hidden; /* 領域外表示 */
    display:block; /* 表示要素 */
    float:left; /* 表示配置 */
}
.mypage_profile_edit_no_contents {
    padding: 20px; /* 余白 */
}

/* マイページソート順選択領域 */
.okw_mypage_sort_select{
    margin-right:10px;
    width: 165px;
}
/* セレクトボックス */
.okw_mypage_sort_select select{
    width: 145px;
    float: left;
}

/* マイページお問い合わせ一覧検索結果 */
.mypage_search_table {
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    padding: 0;
    border-spacing: 0;
    width: 100%;
}

.mypage_search_table th, .mypage_search_table td {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    line-height:normal;
    padding: 5px;
    margin: 0;
}
.mypage_search_table th {
    background-color: #f9f9f9;
    text-align: left;
    font-size:12px;
}
.mypage_search_table td {

}

.mypage_search_table .page_line_num {
    text-align: right;
}

.mypage_search_table .page_line_num .mypage_perpage {
    padding: 0 3px;
}

.mypage_search_table .page_line_num .mypage_perpage.right {
    border-left: 1px solid black;
}

/* 昇順･降順 各アイコン領域 */
.mypage_search_table span.sort_asc_image_on,
.mypage_search_table span.sort_desc_image_on {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    height: 8px;
    width: 9px;
    padding: 0px;
    margin: 0px;
    background-position: center bottom;
    margin: 3px 1px 2px 0;
}

.mypage_search_no {
    width: 50px;
}
.mypage_search_status {
    width: 80px;
}
.mypage_search_question {
    min-width: 280px;
    max-width: 300px;
    word-wrap: break-word;
}
.mypage_search_created_at {
    width: 140px;
}
.mypage_search_answered_at {
    width: 140px;
}
.mypage_search_client_mail {
    min-width: 100px;
}

/* マイページお問い合わせ一覧検索フォーム */
.mypage_search_form {
    width: 100%;
    margin: 20px 0;
}

.mypage_search_form fieldset {
    border: 1px solid #dcdcdc;
    background-color: #f9f9f9;
}

.mypage_search_form legend {
    padding: 0 5px 0 5px;
    margin: 0 5px 0 5px;
    font-size: 14px;
    font-weight: bold;
}

.mypage_search_form_submit {
    margin: 10px;
    text-align: right;
    font-size: 12pt;
}

#mypage_show .hd_question_form {
    width: 95%;
}

/* マイページ質問＆回答　領域 */
#mypage_show .hd_question_form .q_contents,
#mypage_show .hd_question_form .a_contents,
#mypage_show .hd_question_form .m_contents{
    border: none;
    margin-bottom:20px;
}

/* マイページ質問＆回答　追加属性 */
#mypage_show .q_contents .attribute,
#mypage_show .a_contents .attribute,
#mypage_show .m_contents .attribute{
    border: 1px dotted #999;
    background-color: #f7f7f7;
}

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

.mypage_search_condition_table td {
    border-bottom: 1px solid #dcdcdc;
    padding: 5px;
    margin: 0;
}

.mypage_search_condition_table {
    padding: 5px 20px;
    margin: 0;
    font-size: 14px;
    border-spacing: 0;
    width: 100%;

}
.mypage_complete_btn {
    text-align:center;
    width:100%;
}

.language {
    text-align: right;
    position: relative;
}
.preview_layer{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9997;
    top: 0;
    left: 0;
    opacity: 0.0;
    filter: alpha(opacity=0);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=0)";  /* ie 8 */
    -moz-opacity:0.0;                 /* FF lt 1.5, Netscape */
    position: fixed;
}

.faq_list_show_detail {
    font-size: 80%;
}

.spinner {
    background-image: url("../images/front/load_image.gif");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
}