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


/*==================== font size ====================*/

html {
    font-size: 62.5%; /* 1em = 10px */
}

body.lang_size_large {
    font-size: 1.6em; /* 16px */
}
    .lang_size_large textarea, .lang_size_large .login_txt, .lang_size_large .keyword_frm {
        font-size: 100%;
    }

body.lang_size_medium {
    font-size: 1.4em; /* 14px */
}
    .lang_size_medium .login_txt, .lang_size_medium .keyword_frm, .lang_size_medium textarea {
        font-size: 100%;
    }

body.lang_size_small {
    font-size: 1.2em; /* 12px */
}
    .lang_size_small textarea, .lang_size_small .login_txt, .lang_size_small .keyword_frm {
        font-size: 100%;
    }

/* 文字サイズ＝小 */
body.lang_size_small .ttl_col h2, 
body.lang_size_small .category_tree .ttl_bg,
body.lang_size_small .search_qattl, 
body.lang_size_small .faq_ans_ttl, 
body.lang_size_small .questioner_ttl, 
body.lang_size_small #login_col h2,
body.lang_size_small .cate_middle a {
    font-size: 117%; /* 14px */
}
body.lang_size_small .search_switc, 
body.lang_size_small .keyword_frmbtn, 
body.lang_size_small #login_btn, 
body.lang_size_small .mail_input_button, 
body.lang_size_small .questioner_btn, 
body.lang_size_small .category_tree, 
body.lang_size_small .cate_small, 
body.lang_size_small .help_attention,
body.lang_size_small .input_note,
body.lang_size_small .hdq_confirm_btn_c {
    font-size: 100%; /* 12px */
}
body.lang_size_small .bottomLinks, 
body.lang_size_small .okw_bread li,
body.lang_size_small li.okw_txt,
body.lang_size_small .search_description, 
body.lang_size_small .pg_col_top, 
body.lang_size_small .search_dateNo li, 
body.lang_size_small .pg_col_down, 
body.lang_size_small .siteLink li, 
body.lang_size_small .faq_dateNo li, 
body.lang_size_small .faq_cate_col dt, 
body.lang_size_small .questioner_sub_msg, 
body.lang_size_small .questioner_description, 
body.lang_size_small .button_to_link {
    font-size: 84%; /* 10px */
}

/* 文字サイズ＝中 */
body.lang_size_medium .ttl_col h2, 
body.lang_size_medium .category_tree .ttl_bg,
body.lang_size_medium .search_qattl, 
body.lang_size_medium .faq_ans_ttl, 
body.lang_size_medium .questioner_ttl, 
body.lang_size_medium #login_col h2,
body.lang_size_medium .cate_middle a {
    font-size: 115%; /* 16px */
}
body.lang_size_medium .search_switc, 
body.lang_size_medium .keyword_frmbtn, 
body.lang_size_medium #login_btn, 
body.lang_size_medium .mail_input_button, 
body.lang_size_medium .questioner_btn, 
body.lang_size_medium .category_tree, 
body.lang_size_medium .cate_small, 
body.lang_size_medium .help_attention,
body.lang_size_medium .hdq_confirm_btn_c {
    font-size: 100%; /* 14px */
}
body.lang_size_medium .bottomLinks, 
body.lang_size_medium .okw_bread li, 
body.lang_size_medium li.okw_txt,
body.lang_size_medium .search_description, 
body.lang_size_medium .pg_col_top, 
body.lang_size_medium .search_dateNo li, 
body.lang_size_medium .pg_col_down, 
body.lang_size_medium .siteLink li, 
body.lang_size_medium .faq_dateNo li, 
body.lang_size_medium .faq_cate_col dt, 
body.lang_size_medium .questioner_sub_msg, 
body.lang_size_medium .questioner_description,
body.lang_size_medium .input_note, 
body.lang_size_medium .button_to_link {
    font-size: 86%; /* 12px */
}

/* 文字サイズ＝大 */
body.lang_size_large .ttl_col h2, 
body.lang_size_large .category_tree .ttl_bg,
body.lang_size_large .search_qattl, 
body.lang_size_large .faq_ans_ttl, 
body.lang_size_large .questioner_ttl, 
body.lang_size_large #login_col h2 {
    font-size: 106%; /* 17px */
}
body.lang_size_large .search_switc, 
body.lang_size_large .keyword_frmbtn, 
body.lang_size_large #login_btn, 
body.lang_size_large .mail_input_button, 
body.lang_size_large .questioner_btn, 
body.lang_size_large .category_tree, 
body.lang_size_large .cate_small, 
body.lang_size_large .hdq_confirm_btn_c,
body.lang_size_large .cate_middle a {
    font-size: 100%; /* 16px */
}
body.lang_size_large .bottomLinks, 
body.lang_size_large .search_description, 
body.lang_size_large .pg_col_top, 
body.lang_size_large .search_dateNo li, 
body.lang_size_large .pg_col_down, 
body.lang_size_large .siteLink li, 
body.lang_size_large .faq_dateNo li, 
body.lang_size_large .faq_cate_col dt,  
body.lang_size_large .questioner_sub_msg, 
body.lang_size_large .questioner_description,
body.lang_size_large .help_attention,
body.lang_size_large .input_note, 
body.lang_size_large .button_to_link {
    font-size: 88%; /* 14px */
}
body.lang_size_large .okw_bread li, 
body.lang_size_large li.okw_txt {
    font-size: 75%; /* 12px */
}


/*==================== tags ====================*/

body {
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    border-top: 5px solid #e60012;
}
    textarea, input, select {
        font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
        padding: 2px 3px;
    }


/*==================== layout ====================*/

#okw_contents {
    background: none;
}
#okw_contents_base {
    background: none;
    padding-right: 0px;
    width: 944px;
}
#okw_contents_inner {
    background: none;
    padding: 15px 0;
}
.colArea {
    margin-bottom: 24px;
}

#okw_center.okw_side {
    width: 704px;
}
#okw_side {
    width: 224px;
    margin-top: 66px;
}


/*==================== Biz要素 ====================*/

.okw_bread {
    width: 75%; /* コンテンツ幅により調節の必要あり */
}

/* category tree */
.category_tree {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px 1px;
    margin: 0;
    padding-bottom: 0;
}
.category_tree .ttl_col {
    padding: 0;
}
.category_tree .ttl_bg {
    border: none;
    width: 100%;
    padding: 0;
}
.icocate_tree {
    padding: 0 0 0 10px;
    background-position: 10px center;
    height: auto;
    line-height: 32px; /* .category_tree .ttl_bgの高さに合わせる */
    background-image: none;
}
.category_level_0 {
    margin: 0;
}
.category_level_1, 
.category_level_2, 
.category_level_3 {
    background: #fff;
}

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

/* Headings */
.ttl_bg {
    height: 100%;
    padding: 0;
    overflow: hidden; /* スーパーアシスタント利用時の表示崩れ対策 */
}

.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult, .icoHelpdesk, .icoLogin, .icoHot, .icoFaq, .icoPickup {
    height: auto;
    line-height: 44px; /* .ttl_colの高さに合わせる */
    padding: 0 0 0 10px;
    background-position: 5px center;
    background-image: none;
}
.icoHdquestion {
    background: url("../images/front/icon_helpttl.jpg") no-repeat 5px center;
    height: auto;
    line-height: 44px;
    padding: 0 0 0 20px;
}

/* search parts */
.keyword_frm {
    padding: 0 2px;
}

/* category parts */
.cateSepa {
    margin-right: 6px;
}

/* category page main content */
.current {
    font-weight: bold;
    padding: 3px 6px;
}

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

/* HDお問合せページ */
#sa_button {
    margin: 10px 10px 0 0;
}
.HDcolumn_right textarea {
    width: 565px; /* paddingを追加したため */
}
.button_to_link {
    height: auto;
}

/* FAQ内テーブル */
#faq_question_contents table, #faq_answer_contents table, #info_news_contents table {
    border-spacing: 0;
}
#faq_question_contents th, #faq_answer_contents th, #info_news_contents th {
    background: #ccc;
    border: 1px solid #000;
}
#faq_question_contents td, #faq_answer_contents td, #info_news_contents td {
    border: 1px solid #000;
}




/*---------- タグ ----------*/
a:link, a:visited, a:active {
    color: #386796;
}
a:hover {
    color: #386796;
}

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

/*---------- 見出し ----------*/
.ttl_col {
    background: none;
    border-color: #ccc #ccc #e60012;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 3px;
    height: 38px;
    padding: 0;
}
.ttl_bg {
    background: transparent url("../images/front/ttlbg.gif") no-repeat scroll left -3px;
}
.category_tree .ttl_col {
    border: none;
}

/*---------- パーツ ----------*/
/* カテゴリーツリー */
.category_tree {
    background: #FFF;
    border: none;
    width: 222px;
}
.category_tree .ttl_bg {
    background: #E60012;
    border-radius: 5px 5px 0 0;
    height: auto;
    padding: 10px 0;
    color: #fff;
    font-weight: normal;
}
.icocate_tree {
    background: none;
    height: auto;
    padding: 0 0 0 9px;
    line-height: 1.2;
}
.category_level_0 {
    border: solid #cdcdcd;
    border-width: 0 1px 1px;
    border-radius: 0 0 5px 5px;
}

.category_open .pm_icon {
    background: url("/usr/file/attachment/open.png") no-repeat scroll 0 0;
}
    .category_open a.pm_icon:hover {
        background: url("/usr/file/attachment/open_hover.png") no-repeat scroll 0 0;
    }
.category_close .pm_icon {
    background: url("/usr/file/attachment/close.png") no-repeat scroll 0 0;
}
    .category_close a.pm_icon:hover {
        background: url("/usr/file/attachment/close_hover.png") no-repeat scroll 0 0;
    }
.category_none {
    background: url("/usr/file/attachment/arrow.png") no-repeat scroll 11px 10px;
    padding-left: 28px;
}
.category_select {
    background-color: #FFFAEB;
}
    .category_none.category_select {
        background: #FFFAEB url("/usr/file/attachment/arrow.png") no-repeat scroll 11px 10px;
    }

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

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

/* Info&News */
.newsList {
    margin: 10px;
}
    .newsList li {
        background: url("/usr/file/attachment/arrow.png") no-repeat scroll left 0.4em;
    }

/* 注目のキーワード */
.attention_keyword_list {
    padding: 0 10px;
}
    .attention_keyword_list li {
        margin-right: 10px;
    }
        .attention_keyword_list span {
            display: none;
        }
        .attention_keyword_list a {
            white-space: nowrap;
            word-break: keep-all;
            background: url("/usr/file/attachment/arrow.png") no-repeat scroll left center;
            padding-left: 10px;
        }

/* カテゴリーパーツ */
.cateList_box {
    margin-bottom: 16px;
}

#category_index .cateList_area .cate_middle {
    background: url("/usr/file/attachment/bg_cate_middle.png") left bottom repeat-x;
    border-bottom: 3px solid #e60012;
    margin-left: 75px;
    padding: 5px 12px;
}

.cate_middle a {
    font-weight: normal;
}
.cate_middle .cate_count {
    display: none;
}

.cate_small {
    display: table;
    font-size: 80%;
    padding: 5px 10px 0 26px;
}
    .cate_small li {
        padding: 0 10px;
        background: url("/usr/file/attachment/arrow.png") no-repeat scroll left center;
        display: inline-block;
        *display: inline; 
        *zoom: 1;
    }
    .cateSepa {
        display: none;
    }

/* 検索メインパーツ */
.kwd_none {
	background: #FFFAEB;
}

/* TOPへ */
.topLink {
    display: none;
}

.bottomLinks {
    text-align: right;
}
    .bottomLinks a {
        background: url("/usr/file/attachment/arrow_top.png") no-repeat scroll left center;
        height: auto;
        line-height: 13px;
        padding: 5px 0 5px 20px;
        display: inline-block;
        *display: inline; 
        *zoom: 1;
    }

/*---------- カテゴリーページ ----------*/
.sort_arrow {
    margin: 0 0 0 7px;
    width: 12px;
}
.sort_arrow span, .sort_arrow a {
    height: 11px;
    width: 12px;
}
.sort_asc_image_on {
    background-image: url("/usr/file/attachment/arrow_up.png");
}
.sort_asc_image_off {
    background-image: url("/usr/file/attachment/arrow_up_off.png");
}
    .sort_asc_image_off:hover {
        background-image: url("/usr/file/attachment/arrow_up.png");
    }
.sort_desc_image_on {
    background-image: url("/usr/file/attachment/arrow_down.png");
}
.sort_desc_image_off {
    background-image: url("/usr/file/attachment/arrow_down_off.png");
}
    .sort_desc_image_off:hover {
        background-image: url("/usr/file/attachment/arrow_down.png");
    }
.search_list {
    border-top: 1px dotted #ccc;
}
.search_list_inner {
    border-bottom: 1px dotted #ccc;
}
    .search_list_bg2 {
        background-color: #fff;
    }
    li.search_list_inner:hover {
        background-color: #f2f2f2;
    }
.icoQ_sml {
    background: url("/usr/file/attachment/ico_q_s.png") no-repeat scroll 0 0.4em;
}
.icoA_sml {
    background: url("/usr/file/attachment/ico_a_s.png") no-repeat scroll 0 10%;
    display: none;
}
.search_date_area {
    display: none;
}
.search_attachment_icon {
    background: url("/usr/file/attachment/clip.png") no-repeat scroll 0 0;
}

/*---------- FAQ詳細ページ ----------*/
.preLink {
    background: url("/usr/file/attachment/arrow_back.png") no-repeat scroll left center;
}
    .preLink a {
        padding: 2px 3px 2px 18px;
    }
.faq_qstCont_ttl {
    color: #E60012;
}
.faq_cate_col {
    background-color: #fff;
    border-color: #cdcdcd;
    border-style: dotted;
    border-width: 1px 0;
    padding: 5px 0;
}
.icoQ {
    background-image: url("/usr/file/attachment/ico_q.png");
}
.icoA {
    background-image: url("/usr/file/attachment/ico_a.png");
    color: #767676;
}
.faq_ans_bor {
    background: none;
}
.faq_addition_col {
    background-color: transparent;
    border: none;
    padding: 0;
}
    .faq_addition_list dt {
        display: none;
        float: left;
    }
    .faq_addition_list dd {
        display: block;
        float: none;
        text-align: right;
        color: #999;
        font-size: 10px;
    }
.okw_enquete_area {
    background: #FFFAEB;
    border: none;
    border-radius: 5px;
}
    .questioner_ttl {
        border-bottom: 1px solid #cdcdcd;
    }
    .questioner_btn {
        color: #003e63;
    }
.faq_relate_list li {
    background-image: url("/usr/file/attachment/arrow.png");
    background-position: 10px 0.75em;
}
    .faq_list_bg2 {
        background-color: #f2f2f2;
    }

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

#okw_footer_default {
    margin-top: 10px;
}



#okw_side .oneCol {
    margin-bottom: 20px;
}

.search_list_bg2 {
    background-color: #FFFAEB;
}

#okw_side .okw_parts_search {
    border: 1px solid #ccc;
    padding: 10px;
}
#okw_side .okw_parts_search .ttl_col {
    background: none;
    border: medium none;
    height: auto;
    padding: 0;
}
#okw_side .okw_parts_search .ttl_bg {
    background: none;
}
#okw_side .okw_parts_search .icoKeyword {
    line-height: 1.2;
    padding: 0;
}
#okw_side .keyword_frm {
     width: 122px;
}
#okw_side .n_keyword_frm {
    width: 193px;
}

/* ヘッダー／フッター */
#header {
    width: 940px;
    padding: 15px 0;
    margin: 0 auto;
}
.faq_title {
    border-bottom: 3px solid #e60012;
    line-height: 1.7;
	margin-right: -236px;
	font-size: 1.4em;
}
	#category_index .faq_title {
		margin-right: 0;
	}

#footWrap {
    background: #e1ddcd url("/usr/file/attachment/foot_bg.gif") repeat-x scroll left -30px;
    min-width: 952px;
    text-align: left;
    width: 100%;
    line-height: 1.2;
}
#footArea {
    margin: 0 auto;
    width: 944px;
}
#footWrap #footNavi {
    margin: 0 auto;
    overflow: hidden;
    width: 944px;
}
#footWrap #footNavi div.footLink {
    display: block;
    margin-left: -22px;
    padding: 17px 0 12px;
    text-align: center;
    width: 969px;
}
#footWrap #footNavi div.footLink ul li {
    border-left: 1px solid #999999;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 12px;
    padding-left: 12px;
}
#footWrap #contentCopy {
    background-color: #666666;
    padding: 5px 0;
    font-size: 10px;
}
#footWrap #contentCopy div.contentCopyMain {
    margin: 0 auto;
    width: 944px;
    overflow: hidden;
}
#footWrap #contentCopy div.contentCopyMain p.copy {
    color: #cccccc;
    float: left;
    font-size: 100%;
    padding-left: 4px;
    padding-top: 5px;
    text-align: left;
    width: 796px;
}
#footWrap #contentCopy div.contentCopyMain p.copy span {
    display: inline-block;
    margin-top: 8px;
}
#footWrap #contentCopy div.contentCopyMain p.copy a {
    color: #999999;
}
#footWrap #contentCopy div.contentCopyMain p.footLogo {
    float: right;
    width: 125px;
}
.search_keyword_morph {
    display: none;
}

.cate_middle > a {
    text-decoration: underline;
}
.cate_middle a {
    font-weight: bolder;
}

.faq_qstCont_col {
    display: none;
}

.category_tree a {
    overflow-y: hidden;
}

.okw_parts_pickup_faq .list {
    display: none;
}

/*------------------------------------------------
チャットバナー適用時css
------------------------------------------------*/
/*キーワード検索*/
#category_show .okw_parts_search {
    width: 345px;
    position: absolute;
    margin: 0;
}

/*チャットエリア*/
#category_show .okw_parts_usr_7 {
    margin-top: 130px
}
#faq_show #liveagent_invite_button_5730k000000CaYX {
    border: 1px solid #ccc;
    padding: 10px;
}

/*チャットタイトル*/
#category_show #liveagent_invite_button_5730k000000CaYX .ttl_col {
    text-align: left;
}
#faq_show #liveagent_invite_button_5730k000000CaYX .ttl_col {
    border: none;
    display: table;
    height: auto;
    margin-bottom: 3px;
}
#faq_show #liveagent_invite_button_5730k000000CaYX .ttl_bg {
    background: no-repeat;
}
#faq_show #liveagent_invite_button_5730k000000CaYX .icoKeyword {
    font-size: 83%;
    line-height: 1.3em;
    text-align: left;
    padding: 0;
}
/*チャットバナー*/
#liveagent_invite_button_5730k000000CaYX {
    display: none;
}
#category_show #liveagent_invite_button_5730k000000CaYX img {
    width: 260px;
    margin-top: 15px;
    margin-left: -45px;
}
#faq_show #liveagent_invite_button_5730k000000CaYX img {
    width: 203px;
}
/*チャット_注意書き*/
#category_show .chat_discription {
    display: none;
    font-size: 89%;
    margin-top: 5px;
}
#faq_show .chat_discription {
    display: none;
    font-size: 89%;
    margin: 5px;
}
.faqList li.Q_sml {
background: url("/usr/file/attachment/arrow.png") no-repeat scroll left 0.4em;
padding: 0 0 0 18px;
margin-bottom: 5px;
word-break: break-all;
word-wrap: break-word;
}

.qaList li.Q_sml {
background: url("/usr/file/attachment/arrow.png") no-repeat scroll left 0.4em;
padding: 0 0 0 18px;
margin-bottom: 5px;
word-break: break-all;
word-wrap: break-word;
}


.faq_relate_list li.Q_sml {
background: url("/usr/file/attachment/arrow.png") no-repeat scroll left 0.4em;
padding: 0 0 0 18px;
margin-bottom: 5px;
word-break: break-all;
word-wrap: break-word;
}

/*検索パーツQアイコン非表示*/
.search_frmArea .keyword_helpbtn {
    display: none;
}

#keyword_form .search_description {
    margin-top: 0px;
}

.category_tree a {
overflow: hidden;
}