/*
 * 新タイトルメモ
 * - 文字色を白系(#dddddd)に変更
 * - 画像は新タイトル仕様に差し替え (★)
 */


/* パンくずメニュー(文字サイズ小中大の箇所) */
.okw_txt {
    color: #dddddd;
}
.okw_bread {
    color: #dddddd;
}

body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; /* 文字フォント */
    line-height: 1.5; /* テキスト高さ */
    color: #dddddd; /* テキスト色 */
    text-align: left; /* テキスト配置 */
}

.icoPickup {
    background-image: url("../images/front/ico_pickup.png");
    float:left; /* 表示配置 */
    color: #dddddd;
}

/* 背景★ */
#okw_header {
    background: transparent url("/usr/file/attachment/pattern_bg.png") repeat-x scroll left top;
}

#okw_wrapper { 
    background: #222222; /* 各種背景色など */
}

#okw_contents_side {
    background: #222222;
}

/* サイドのパターン壁紙★ */
#okw_contents  {
    background-image: url("/usr/file/attachment/pattern_bg.png"); 
    background-repeat: repeat;
}

#okw_contents_base {
    background: #222222;
} 

#okw_side {
    background: #222222;
}

#okw_center {
    background: #222222;
}

#okw_contents_inner {
    background: #222222;
}

/* Qアイコン(小)★ */
.okw_parts_faq_relations .faq_relate_list li.Q_sml {
    background: transparent url(/usr/file/attachment/%5BQ%5Dicon_s.png) no-repeat scroll left top 8px; 
} 

/* Qアイコン(小)★ */
.okw_parts_pickup_faq .faqList li.Q_sml {
    background: transparent url(/usr/file/attachment/%5BQ%5Dicon_s.png) no-repeat scroll left top 3px; 
} 

.textcenter {
    text-align: center;
}

.faqlist {
    margin-bottom: 500px;
}

/* 背景ヘッダー★TODO */
#okw_header {
    background: transparent url("/twisted/usr/file/attachment/00IVQCiTg4SkJ8q7.png") repeat-x scroll left top; 
}


/* 背景ヘッダー内部★ */ 
#okw_header_inner {
    background: transparent url("/usr/file/attachment/header.png") no-repeat scroll left top;
    width: 985px; /* 幅 */
    margin: 0 auto; /* 周囲余白 */
    height: 78px; /* 高さ */
    padding: 1px 0 0; /* 余白 */
}

/* ロゴ★ */
#okw_header_logo.logo_header a {
    background: transparent url("/usr/file/attachment/header_logo.png") no-repeat scroll left top; 
    width: 400px; /* 幅 */
    text-indent: -99999px; /* インデント */
    overflow: hidden; /* 領域外表示 */
    display: block; /* 表示要素 */
    height: 800px; /* 高さ */
    margin: -30px 0px 0; /* 周囲余白 */
}


/* TOPへ★ */
.topLink a {
    color: #dddddd !important;
    background: url("/usr/file/attachment/top.png") no-repeat scroll left center;
}


/* ------------------------------
    sorter ★★
------------------------------ */
.sort_desc_image_on {
    background: url("/usr/file/attachment/sort_desc_on.png") no-repeat scroll left center;
}

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

.sort_desc_image_off:hover {
    background: url("/usr/file/attachment/sort_desc_on.png") no-repeat scroll left center;
}

.sort_asc_image_off:hover {
    background: url("/usr/file/attachment/sort_asc_on.png") no-repeat scroll left center;
}

/* ------------------------------
    footer
------------------------------ */
.footer {
   height: auto;
   padding: 10px 0;
   width: 100%;
   background: #000000;
border-top: #1c386c 1px solid;
}

.footer div.others {
    color: #dddddd;
    font-size: 11px;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    *zoom: 1;
}

.footer div.others p.rights {
    color: #dddddd;
    width: 100%;
    line-height: 1.4em;
    float: left;
}

.footer div.others p.contact {
    width: 50%;
    float: right;
    text-align: right;
    font-size: 12px;
}

/* ------------------------------
     okwave footer
------------------------------ */
/* ライン画像領域 … custom フッターで消える */
#okw_footer_custom {
    height: 0; /* 高さ */
    background: none; /* 背景 */
}
#okw_footer_default {
	  width: 960px;
	  margin:0 auto;
    padding: 0px; /* 余白 */
	display: none;
}

/* info & news★ */
.icoInf {
    background-image: url("/usr/file/attachment/icon_news_info.png");
    color: #ff44aa; /* テキスト色 */
    font-family: "Meiryo UI";
}

/* キーワード検索★ */
.icoKeyword {
    background-image: url("/usr/file/attachment/icon_keyword.png");
    color: #ff44aa; /* テキスト色 */
    font-family: "Meiryo UI";
}

.search_description {
    color: #dddddd; /* テキスト色(スペースで区切って) */
}

.keyword_helpbtn_popup {
    color: #000000; /* テキスト色(？のポップアップ内ヘルプ) */
}

.search_keyword_morph {
   color: #dddddd; /* テキスト色(文章で検索) */
}

.kwd_none {
    background-color: #dddddd; /* 検索結果が見つからなかった際の背景色 */
    color: #222222; /* 検索結果が見つからなかった際の文字色 */
}

/* よくある質問 */
.icoQa {
    background-image: url("");
    color: #ff44aa; /* テキスト色 */
    font-family: "Meiryo UI";
}

/* カテゴリー */
.icoCate {
    color: #ff44aa; /* テキスト色 */
    font-family: "Meiryo UI";
}

/* 注目のFAQ */
.okw_parts_pickup_faq {
     margin-bottom: 100px;
}

/* 注目のFAQ★ */
.icoPickup {
    background-image: url("/usr/file/attachment/icon_faq.png");
    float:left; /* 表示配置 */
    color: #ff44aa; /* テキスト色 */
    font-family: "Meiryo UI";
}

/* ------------------------------
     pickup faq
------------------------------ */
/* タイトル */
.new_item_title {
    font-family: "Meiryo UI";
}

/* ------------------------------
     relations faq
------------------------------ */
/* タイトル */
.icoFaq {
    color: #dddddd; /* テキスト色 */
}

.faq_relate_list {
    font-family: "Meiryo UI";
}

.ttl_col {
    background: none;
    border-bottom: 1px solid #999999;
    height: auto;
    padding: 0;
    overflow: hidden;
}

.ttl_bg {
    background: none;
    height: auto;
    padding: 0;
}

.ico.icoInf {
    background: none;
    border-left: 3px solid #ff44aa;
    height: auto;
    line-height: 2;
    padding: 0 10px;
}

/* カテゴリー★ */
.category_tree .ttl_bg{
    background: url(/usr/file/attachment/category.png) no-repeat 0 -2px transparent;
    border-left: none;
    border-right: none;
    border-bottom: none;
    color: #FFF;
    display: block;
    font-weight: bold;
    padding:0 0px 0 10px;
    margin:0px;
    width: 246px;
    height:32px;
    font-size: 13px;
    font-family: "Meiryo UI";
}

.category_tree {
    word-break: break-all;
    font-size: 12px;
    font-family: "Meiryo UI";
    width: 260px;
    margin:2px 0 5px;
    background: #222222;
} 

.category_level_0 {
    background: #222222;
    border-bottom: 0.5px solid #999999;
} 

.category_level_0 li {
    display: flex;
    align-items: center;
    border-top: 0.5px solid #999999;
    line-height: 30px;
} 

/* 配下カテなし選択カテゴリーの画像 */
.category_none.category_select {
    line-height: 30px;
    width: 100%;
    background-color: #494648 !important;
    background-image: none;
}

/* カテゴリーアイコン無し調整★★ */
.category_none {
    background: url(/usr/file/attachment/category_list.png) no-repeat;
    background-size: 0 0;
    padding-left:28px;
}

.category_none.category_select {
    background: url(/usr/file/attachment/category_list.png) no-repeat;
    background-size: 0 0;
}

.faq_search_frmArea {
    position: relative;
    margin: 15px 20px;
}

.icocate_tree{
    background : none; /* 表示要素 */
    height: 24px; /* 高さ */
    padding: 6px 0 0 25px; /* 余白 */
}

 /* お問い合わせボタン★JP */
div.okw_parts_helpdesk ul.qaList li a{
	background: transparent url("/usr/file/attachment/button_toiawase.png") no-repeat;
	width:250px;
	height:77px;
	display:block;
	margin:100 auto;
	margin-top:30px;
}

.faq_dateNo {
   /* margin-right: 5px;  周囲余白 */
   visibility:hidden;
}

/* faq id、更新日時、カテゴリー 領域 */
ul.search_dateNo {
    /*margin-left: 20px;  周囲余白 */
	visibility:hidden;
}

.okw_main_faq {
    background: #222222;
} 

/* FAQ 本文内のリンク色 */
#faq_answer_contents a:link,
#faq_answer_contents a:visited {
    color: #ff44aa; /* テキスト色 */
}

.okw_main_favorite_faq {
    background: #222222;
} 

/* 検索結果の背景色 */
.okw_main_category {
    background: #222222;
    color: #dddddd; 
} 

.search_list_bg1 {
    background: #222222;
} 

.search_list_bg2 {
    background: #222222;
} 



/* ------------------------------
     info & news
------------------------------ */
/* リスト領域 */
.newsList {
    /*margin: 500px 100px 0; /* 周囲余白 */
	padding: 0px;
	margin-bottom: 100px; /* 下部余白*/
}

.datetime {
    color: #999999; /* テキスト色 */
    font-family: "Meiryo UI";
}

.infoTxt {
    color: #dddddd; /* テキスト色 */
    font-family: "Meiryo UI";
}

.search_description {
    font-family: "Meiryo UI";
}

.infonews_date_txt {
    color: #dddddd; /* テキスト色 */
    font-family: "Meiryo UI";
}

#info_news_contents {
    color: #dddddd; /* テキスト色 */
    font-family: "Meiryo UI";
}

.infonews_ttl_bor {
    color: #ff44aa
; /* テキスト色 */
    font-family: "Meiryo UI";
}

/* ------------------------------
     question
------------------------------ */
/* FAQタイトル（Qアイコン） */
.faq_qstCont_ttl {
    font-size: 20px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    color: #ff44aa; /* テキスト色 */
    line-height: 1.4; /* テキスト高さ */
    margin: 10px 25px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
    font-family: "Meiryo UI"; /* フォント形式 */
}

/* タイトル下の質問部分の包括 */
.faq_qstCont_col {
    color: #000000; /* テキスト色 */
    font-family: "Meiryo UI"; /* フォント形式 */
}

/* タイトル下の質問部分のテキスト */
.faq_qstCont_txt {
    color: #dddddd;
}

/* アンサー部分のテキスト（Aアイコン） */
.faq_ans_ttl {
    font-size: 18px; /* 文字サイズ */
    color: #ff44aa; /* テキスト色 */
    font-family: "Meiryo UI"; /* フォント形式 */
}

/* アンサー部分の本文テキスト */
.faq_ans_col {
    color: #dddddd; /* テキスト色 */
    font-family: "Meiryo UI"; /* フォント形式 */
}

.faq_ans_bor {
    background: none; /* Aアイコン下のバーを無効化 */
}


.icoA_sml {
    font-family: "Meiryo UI"; /* フォント形式 */
}

/* ------------------------------
     link
------------------------------ */
/* リンク */
a:link {
    color: #dddddd; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* 訪問済み */
a:visited {
    color: #dddddd; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
    color: #dddddd; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* アクティブ */
a:active {
    color: #dddddd; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}

/* 質問(大)★ */
.icoQ {
    background: transparent url("/usr/file/attachment/%5BQ%5Dicon.png") no-repeat scroll left top;
    display: block; /* 表示要素 */
    padding: 1px 0 7px 40px; /* 余白 */
}

/* 回答(大)★ */
.icoA {
    background: transparent url("/usr/file/attachment/%5BA%5Dicon.png") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 8px 0 8px 40px; /* 余白 */
    margin: 0 5px; /* 周囲余白 */
}

/* ------------------------------
     faq search page
------------------------------ */
/* 質問(小)★ */
.icoQ_sml{
    background: transparent url("/usr/file/attachment/%5BQ%5Dicon_s.png") no-repeat scroll 0% 40%;
    padding: 0 0 0 20px; /* 余白 */
}

/* 回答(小)★ */
.icoA_sml{
    background: transparent url("/usr/file/attachment/%5BA%5Dicon_s.png") no-repeat scroll 0% 10%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
    word-wrap: break-word; /* 文字折り返し */
}

/* FAQ一覧 */
.icoResult{
    background-image: none;
    padding-left: 5px; /* 余白 */
}

/* =======================================================
     info & news page
======================================================= */

/* TOPへ★ */
.infonews_ttl_bor {
    background-image: url("/usr/file/attachment/top.png"); /* 背景画像 */
    background-position: left center; /* 背景画像位置 */
    display: inline-block; /* 表示要素 */
    padding-left: 20px; /* 余白 */
}

/* お問合わせ タイトル★ */
.icoHdquestion {
    background-image: url("/usr/file/attachment/form_icon.png");
    padding-left: 25px;
    color: #ff44aa;
}

/* よくある質問 タイトル★ */
.icoFaq{
    background-image: url("/usr/file/attachment/icon_faq.png");
    padding-left: 55px;
}

.help_attention{
  color: #ff44aa;
}

/* よくある質問 関連FAQリスト★ */
.faq_relate_list {
     z-index: 0;
     background: transparent url("/usr/file/attachment/%5BQ%5Dicon_s.png") no-repeat scroll left 0.5em; /* 背景 */
    padding: 0px; /* 余白 */
    margin-bottom: 50px; /* 周囲余白 */
}

/* 1行★★ */
.newsList li {
    background: no-repeat 0;
    padding: 0 0 0 10px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
    clear:both;
    overflow: hidden;
    line-height: 1.2;
}


li.search_list_inner:hover {
    background-color: #494648; /* カーソルあわせた際の背景色 */ }

html {
height: 100%;
background: #222222; /* ヘッダーの下の余白を埋める */
}


.hdq_finish_msg_mark {
    background: none;
    padding-left: 0px;　/* お問い合わせ完了ページの！アイコン削除 */
}

.hdq_confirm_btn_c a {
    color: #222222!important; /* お問い合わせ完了ページのTOPへ戻る文字色 */
}

#helpdesk_create .HDcolumn_right a {
color: #000000;
}

.hdq_finish_msg_text {
    color: #222222 !important; /* お問い合わせ完了ページのテキスト色 */
}