@charset "utf-8";

/* =======================================================
     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", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /* 文字フォント */
    line-height: 1.5;
    /* テキスト高さ */
    color: #333;
    /* テキスト色 */
    text-align: left;
    /* テキスト配置 */
    background: #EAEAEA;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    /* 文字サイズ */
    font-weight: normal;
    /* 文字太さ */
}

h1 {
    font-size: 12px;
    /* 文字サイズ */
}

em {
    font-style: normal;
    /* 文字斜体 */
}


/* ------------------------------
     common
------------------------------ */

.flo_l {
    float: left;
    /* 表示配置 */
}

.flo_r {
    float: right;
    /* 表示配置 */
    display: inline;
}


/* ------------------------------
     link
------------------------------ */


/* リンク */

a:link {
    color: #006699;
    /* テキスト色 */
    text-decoration: none;
    /* テキスト装飾 */
}


/* 訪問済み */

a:visited {
    color: #006699;
    /* テキスト色 */
    text-decoration: none;
    /* テキスト装飾 */
}


/* ホバー */

a:hover {
    color: #33B1E9;
    /* テキスト色 */
    text-decoration: underline;
    /* テキスト装飾 */
}


/* アクティブ */

a:active {
    color: #33B1E9;
    /* テキスト色 */
    text-decoration: underline;
    /* テキスト装飾 */
}


/* =======================================================
    共通ヘッダー
========================================================= */


/*----------------------------------------------
    siteHeader
------------------------------------------------
/*
    initialize
----------------------------------------------*/

body,
#siteHeader div,
#siteHeader dl,
#siteHeader dt,
#siteHeader dd,
#siteHeader ul,
#siteHeader ol,
#siteHeader li,
#siteHeader p,
#siteHeader form {
    margin: 0;
    padding: 0;
}

#siteHeader dl,
#siteHeader dt,
#siteHeader dd,
#siteHeader ul,
#siteHeader ol,
#siteHeader li {
    list-style: none;
    /*word-break: break-all;*/
}

#siteHeader input,
#siteHeader textarea,
#siteHeader select,
#siteHeader option,
#siteHeader label {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 100%;
    vertical-align: middle;
    word-break: break-all;
    outline: none;
}

#siteHeader textarea {
    overflow: auto;
}

#siteHeader label {
    cursor: pointer;
}

#siteHeader input[type="submit"]::-moz-focus-inner {
    border: 0px;
}

#siteHeader p {
    margin: 0 0 4px 0;
    font-size: 100%;
    line-height: 1.5;
    word-break: break-all;
}

#siteHeader img {
    border: none;
    vertical-align: middle;
}

#siteHeader a,
#siteHeader a:link {
    color: #2bc6f9;
    text-decoration: none;
    outline: none;
}

#siteHeader a:visited {
    text-decoration: none;
}

#siteHeader a:hover,
#siteHeader a:active {
    color: #2bc6f9;
    text-decoration: none;
}


/*
    siteHeader Wrap
----------------------------------------------*/

#siteHeader {
    width: 100%;
    background: #272727;
    font-size: 13px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    z-index: 9999;
    top: 0;
    left: 0;
    position: relative;
    text-align: left;
}

.nofix #siteHeader {
    position: relative;
}

#siteHeader #siteHeaderInner {
    position: relative;
    background: #272727;
    width: 984px;
    height: 36px;
    margin: 0 auto;
    zoom: 1;
}

#siteHeader #siteHeaderInner:after {
    content: ".";
    display: block;
    clear: both;
    line-height: 0;
    height: 0;
    visibility: hidden;
}


/*
    siteHeader Common
----------------------------------------------*/

#siteHeader #siteHeaderInner ul {
    zoom: 1;
}

#siteHeader #siteHeaderInner ul:after {
    content: ".";
    display: block;
    clear: both;
    line-height: 0;
    height: 0;
    visibility: hidden;
}

#siteHeader #siteHeaderInner ul li {
    position: relative;
    float: left;
    height: 36px;
    line-height: 36px;
}

#siteHeader #siteHeaderInner ul li:hover {
    background: #474747;
}

#siteHeader #siteHeaderInner ul li a {
    display: inline-block;
    color: #fff;
    font-size: 93%;
    border-left: none;
    margin-right: -2px;
}

#siteHeader #siteHeaderInner ul li a span {
    padding: 0 6px 0 6px;
    border-right: #666 solid 1px;
    cursor: pointer;
}

#siteHeader #siteHeaderInner ul li.lastlist a span {
    border-right: none;
}

#siteHeader #siteHeaderInner ul li a:hover {
    color: #fff;
    font-size: 93%;
}

#siteHeader #siteHeaderInner ul li a:hover span {
    border-right: #272727 solid 1px;
}

#siteHeader #siteHeaderInner ul li ul {
    position: absolute;
    top: 36px;
    right: 0;
    background: #eae8eb;
    border: #272727 solid 1px;
    border-top: none;
    padding-bottom: 0;
    z-index: 9999;
}

#siteHeader #siteHeaderInner ul li ul li {
    padding: 0 0 0 0;
    height: 28px;
    line-height: 20px;
}

#siteHeader #siteHeaderInner ul li ul li:hover {
    background: #898989;
}

#siteHeader #siteHeaderInner ul li ul li a {
    display: inline-block;
    color: #353535;
}

#siteHeader #siteHeaderInner ul li ul li a:hover {
    color: #fff;
    background: #898989;
    text-decoration: none;
}


/*
    glovalNavigation
----------------------------------------------*/

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation {
    float: left;
    padding: 0;
    position: relative;
    left: 2px;
    top: 0;
}


/* niconico icon */

#siteHeader #siteHeaderInner .niconico {
    text-indent: -9999px;
}

#siteHeader #siteHeaderInner .niconico .iconNiconico {
    position: relative;
    display: block;
    width: 30px;
    height: 36px;
    position: relative;
    top: 0;
    left: 0;
}

#siteHeader #siteHeaderInner .niconico .iconNiconico span {
    display: block;
    width: 17px;
    height: 18px;
    position: absolute;
    top: 9px;
    left: 0;
    background: url("/usr/file/attachment/icon_niconico.png") no-repeat 5px 0;
}

#siteHeader #siteHeaderInner .niconico .iconNiconico:hover {
    border-right: none;
}


/* inner menu */

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li.siteHeaderOther a {
    border-right: none;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li.siteHeaderOther a span {
    border-right: none;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderOther a {
    border-right: none;
}

#siteHeader #siteHeaderInner .siteHeaderMenuList li.siteHeaderOther span {
    border-right: none;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul {
    position: absolute;
    left: 0;
    width: 230px;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li {
    padding: 0;
    margin: 0;
    width: 115px;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li a {
    width: 100px;
    padding: 4px 8px 4px 7px;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li.menuServiceList {
    padding: 0;
    margin: 0;
    width: 228px;
    font-size: 93%;
    border-top: 1px dotted #ccc;
    text-align: right;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li.menuServiceList:hover {
    background-color: #EAE8EB;
}

#siteHeader #siteHeaderInner .siteHeaderGlovalNavigation li ul li.menuServiceList a {
    width: 125px;
    padding: 4px 7px 4px 8px;
    text-align: right;
}


/*------------------------------------------------------------
siteHeader.css END
------------------------------------------------------------*/


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


/* ------------------------------
     okwave wrapper
------------------------------ */


/* 全体 */

#okw_wrapper {}


/* ------------------------------
     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: #EAEAEA;
    /* 背景 */
}


/* 内部領域 */

#okw_header_inner {
    background: #EAEAEA;
    /* 背景 */
    width: 980px;
    /* 幅 */
    margin: 0 auto;
    /* 周囲余白 */
    height: 80px;
    /* 高さ */
    padding: 1px 0 0;
    /* 余白 */
    position: relative;
}

#okw_header_inner:after {
    display: block;
    content: "";
    clear: both;
}

#okw_header_inner .description {
    float: right;
    position: absolute;
    display: block;
    float: right;
    right: 0;
    width: 700px;
    font-size: 13px;
    top: 21px;
    z-index: 100;
}


/* ロゴ */

#okw_header_logo a {
    background: transparent url("/usr/file/attachment/logo.svg") no-repeat scroll left 50%;
    background: transparent url("/usr/file/attachment/logo.png") no-repeat scroll left top\9;
    /* IE8 */
    width: 262px;
    /* 幅 */
    text-indent: -99999px;
    /* インデント */
    overflow: hidden;
    /* 領域外表示 */
    display: block;
    /* 表示要素 */
    height: 66px;
    /* 高さ */
    margin: 0;
    /* 周囲余白 */
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 100;
}


/* ------------------------------
     okwave contents
------------------------------ */


/* 領域 */

#okw_contents {
    background: #EAEAEA;
    /* 背景 */
    position: relative;
    top: -10px;
}


/* 表示領域ベース */

#okw_contents_base {
    margin: 0 auto;
    /* 周囲余白 */
    padding-right: 15px;
    /* 余白 */
    width: 965px;
    /* 幅 */
    background: #EAEAEA;
    /* 背景 */
    position: relative;
    /* ポジショニング */
}

#okw_contents_base,
div#MB_window {
    background-color: #EAEAEA;
    /* 背景色 */
}


/* 表示領域 */

#okw_contents_inner {
    background: #EAEAEA;
    /* 背景 */
    padding: 5px;
    /* 余白 */
}

#okw_contents_inner,
div#MB_frame {
    background-color: transparent;
    /* 背景色 */
}


/* 記事ページ背景 */

#faq_show #okw_contents_base #okw_contents_inner {}


/* info記事ページ背景 */

#info_and_news_show #okw_contents_inner {}

#info_and_news_show #okw_contents_inner .colArea {
    background: #fff;
    /* 背景 */
    padding: 0;
    /* 内側の余白 */
    margin: 5px 0 0 0;
    /* 外側の余白 */
    padding-bottom: 20px;
    margin-bottom: 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
    position: relative;
    top: 20px;
}

#info_and_news_show #okw_contents_inner .topLink {
    position: relative;
    z-index: 100;
    bottom: 20px;
}


/*
    記事ページのディティール調整
------------------------------ */


/* お問い合わせ */

#helpdesk_index .okw_hdq_contents .colArea,
#helpdesk_create .okw_hdq_contents .colArea {
    border-bottom: none;
    box-shadow: none;
}

/*　以下、不要箇所
#helpdesk_index #okw_contents .colArea, #helpdesk_create #okw_contents .colArea, #helpdesk_complete #okw_contents .colArea {
    margin-bottom: 0;
    /* 周囲余白 */
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background: #fff;
padding-bottom: 20px;
}

*/
/* 入力画面 */

#helpdesk_index #okw_contents .colArea .okw_hdq_contents .colArea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    background: none;
    padding-bottom: 0;
}


/* 確認画面 */

#helpdesk_create #okw_contents .colArea .okw_main_helpdesk .okw_hdq_contents .colArea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    background: none;
    padding-bottom: 0;
}


/* 送信後の画面 */

#helpdesk_complete #okw_contents .okw_hdq_contents .colArea .okw_hdq_form_area .colArea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    background: none;
    padding-bottom: 0;
}

#helpdesk_complete #okw_contents .colArea {
    overflow: hidden;
    padding-bottom: 0px;
}


#helpdesk_complete .alert_box {
    padding: 10px 70px;
    /* margin-bottom: 5px; */
    background: #fffde9;
}

#helpdesk_complete .alert_txt2 {
    border: none;
    padding: 0px;
    color: #333;
    margin-bottom: 10px;
}


/* ------------------------------
     side column
------------------------------ */


/* 領域 */

#okw_side {
    width: 260px;
    /* 幅 */
    padding-bottom: 0;
    margin-bottom: 0;
    /* 周囲余白 */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #fff;
}

#okw_side .colArea {
    padding-bottom: 0;
}


/* サイド大カテゴリー */

#okw_side .okw_parts_search .ttl_col,
#okw_side .okw_parts_search .ttl_bg {
    background: #BDBFC2;
    color: #333;
}

#okw_side .okw_parts_category .ttl_col,
#okw_side .okw_parts_category .ttl_bg {
    background: #BDBFC2;
    color: #333;
}

#okw_side .okw_parts_category_tree .category_tree .ttl_col,
#okw_side .okw_parts_category_tree .category_tree .ttl_bg {
    background: #BDBFC2;
    color: #333;
}


/* サイド中カテゴリー */

#okw_side .cate_middle {}

#okw_side .cate_middle a {}


/* ------------------------------
     main column
------------------------------ */


/* 領域 */

#okw_center {
    padding-bottom: 10px;
    margin-bottom: 0;
    /* 周囲余白 */
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #fff;
}


/* 領域・サイドカラム有 */

#okw_center.okw_side {
    width: 680px;
    /* 幅 */
}


/* 領域・サイドカラム無 */

#okw_center .side_none {
    width: auto;
    /* 幅 */
}


/* ------------------------------
     共通フッター
------------------------------ */


/* フッターナビ */

#footerWrap {
    background-color: #cacaca;
    padding: 12px 0 12px;
    margin-top: 10px;
}

#footerWrap #footerNav {
    width: 960px;
    overflow: hidden;
    margin: 0 auto 12px;
}

#footerWrap #footerNav .outer {
    float: left;
    width: 320px;
}

#footerWrap #footerNav .outer h3 {
    padding-bottom: 4px;
    margin-bottom: 6px;
    border-bottom: #999 solid 1px;
    width: 80%;
    font-size: 80%;
    font-weight: bold;
}

#footerWrap #footerNav ul {
    width: 325px;
}

#footerWrap #footerNav ul li {
    padding-left: 10px;
    margin-bottom: 4px;
    font-size: 80%;
    background: url("/usr/file/attachment/icon_cur.png") no-repeat left 4px;
}

#footerWrap #footerNav ul li a {
    color: #000;
}


/* copyright */

#footerWrap #copyright {
    clear: both;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#footerWrap #copyright p.figureWrap {
    float: right;
    text-align: right;
    line-height: normal;
    vertical-align: bottom;
    width: 50%;
}

#footerWrap p img {
    width: 50px;
    margin-bottom: 4px;
}

#footerWrap #copyright p span {
    display: block;
}

small.copyright {
    font-size: 60%;
}


/* ------------------------------
     okwave footer
------------------------------ */


/* ライン画像領域 … custom フッターで消える */

#okw_footer_custom {
    height: 300px;
    /* 高さ */
    background: #CACACA;
    /* 背景 */
}


/* 領域 */

#okw_footer_default {
    padding: 0px 0 10px 0;
    /* 余白 */
    background: #CACACA;
    /* 背景 */
    width: 100%;
}


/* コピーライト部分文字サイズ固定 */

body #okw_footer_default {
    font-size: 12px;
    position: relative;
}


/* コピーライト位置調整 */

.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 {
    margin: 0 auto;
    width: 960px;
    height: 26px;
    display: block;
    float: none;
    position: relative;
}

#okw_logo_footer:after {
    content: "";
    clear: both;
    display: block;
}

#okw_logo_footer a {
    background: transparent url("/usr/file/attachment/logo_okwave.png") no-repeat scroll left top;
    width: 190px;
    /* 幅 */
    height: 26px;
    /* 高さ */
    display: block;
    /* 表示要素 */
    text-indent: -99999px;
    /* インデント */
    overflow: hidden;
    /* 領域外表示 */
    position: absolute;
    float: right;
    right: 0;
    bottom: 0;
}


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


/* トップヘ */

.topLink {
    float: right;
    /* 表示配置 */
    font-size: 12px;
    /* 文字サイズ */
    margin: 10px;
    /* 周囲余白 */
    height: auto;
}


/* トップヘリンク */

.topLink a {
    background: transparent url("/usr/file/attachment/icon_arrow_gray.png") no-repeat scroll;
    /* 背景 */
    background-position: left center;
    height: 13px;
    /* 高さ */
    padding: 0 0 4px 18px;
    /* 余白 */
    display: inline-block;
    /* 表示要素 */
}


/* 領域 */

.siteLink li {
    display: inline;
    /* 表示要素 */
    font-size: 12px;
    /* 文字サイズ */
}


/* 記事ページ */

#faq_show .siteLink li {}


/* 戻る */

.preLink {
    background: transparent url("/usr/file/attachment/icon_arrow_gray_back.png") no-repeat scroll 0 0;
    /* 背景 */
    text-align: left;
    /* テキスト配置 */
    margin-right: 15px;
    /* 周囲余白 */
    height: 15px;
    /* 高さ */
    *line-height: 1.3;
}


/* 戻るリンク */

.preLink a {
    padding: 0 0 0 18px;
    /* 余白 */
    display: inline-block;
    /* 表示要素 */
    height: 15px;
    /* 高さ */
    *line-height: 1.3;
}


/* ------------------------------
     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;
    /* 上位置 */
}


/* FAQリンク */

.admin_back a {
    background: transparent url("../images/front/admin_back.gif") no-repeat scroll center center;
    /* 背景 */
}


/* デザインプレビューリンク領域 */

.preview_close_link {
    top: 260px;
    /* 上位置 */
}


/* デザインプレビューリンク */

.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 {
    background-attachment: scroll;
    /* 背景スクロール */
    background-color: transparent;
    /* 背景色 */
    background-position: left top;
    /* 背景配置 */
    background-repeat: no-repeat;
    /* 背景リピート */
    display: inline-block;
    /* 表示要素 */
    height: 0;
    /* 高さ */
    padding: 0;
    /* 余白 */
    background: none;
}


/*
    niconicoからのお知らせ
------------------------------------------ */

.icoInf {
    background-image: none;
}

.info_menu {
    margin: 0 0 10px 0;
    padding: 10px;
    border-bottom: 1px #bbb dotted;
    min-height: 19px;
}

.info_menu:after {
    display: block;
    content: "";
    clear: both;
}

.info_menu li {
    float: left;
    margin-right: 5px;
    font-size: 75%;
    *font-size: 11px;
}

.info_menu li.lastlist {
    margin-right: 0;
}

.info_menu li a {
    color: #CD3148;
    margin: 0 3px;
}

.info_menu li a:hover {
    text-decoration: underline;
}


/* コンテンツリスト */

#niconico_info_list {}

#niconico_info_list li {}

#niconico_info_list li a {
    color: #CD3148;
}

#niconico_info_list li a:hover {
    text-decoration: underline;
}


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

.icoKeyword {
    background-image: none;
}


/* よくある質問 */

.icoQa {
    background-image: none;
}


/* 最新の FAQ */

.icoNew {
    background-image: none;
}


/* カテゴリー */

.icoCate {
    background-image: none;
}


/* FAQ一覧 */

.icoResult {
    background-image: none;
}


/* お問合わせ */

.icoHelpdesk {
    background-image: none;
}


/* ログイン */

.icoLogin {
    background-image: none;
}


/* 注目のキーワード */

.icoHot {
    background-image: none;
}


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


/* おすすめのFAQ */

.icoFaq {
    background-image: none;
    display: inline-block;
    /* 表示要素 */
    height: 0;
    /* 高さ */
    padding: 0;
    /* 余白 */
}


/* 印刷 */

.icoPrint {
    background: transparent url("../images/front/ico_print.gif") no-repeat scroll 0 0;
    /* 背景 */
    display: none;
    /* 表示要素 */
    height: 20px;
    *line-height: 1.5;
}


/* 印刷リンク */

.icoPrint a {
    display: block;
    /* 表示要素 */
    padding: 2px 3px 2px 20px;
    /* 余白 */
    height: 15px;
    /* 高さ */
    display: inline;
    *line-height: 1.5;
    *height: 20px;
}


/* 質問 */

.icoQ {
    background: transparent url("") no-repeat scroll left top;
    /* 背景 */
    display: block;
    /* 表示要素 */
    padding: 1px 0 0 45px;
    /* 余白 */
}


/* 回答 */

.icoA {
    background: transparent url("") no-repeat scroll left top;
    /* 背景 */
    display: block;
    /* 表示要素 */
    padding: 1px 0 0 45px;
    /* 余白 */
    margin: 0 5px;
    /* 周囲余白 */
    text-indent: -9999px;
}


/* ------------------------------
     faq search page
------------------------------ */


/* 質問小 */

.icoQ_sml {
    background: transparent url("/usr/file/attachment/ico_qst_s.svg") no-repeat scroll 0px 0px;
    /* 背景 */
    background: transparent url("/usr/file/attachment/ico_qst_s.png") no-repeat scroll 0px 2px\9;
    /* IE8 */
    padding: 0 0 0 22px;
    /* 余白 */
    font-size: 130%;
}


/* 回答小 */

.icoA_sml {
    background: transparent url("/usr/file/attachment/ico_ans_s.svg") no-repeat scroll 0px 0px;
    /* 背景 */
    background: transparent url("/usr/file/attachment/ico_ans_s.png") no-repeat scroll 0px 2px\9;
    /* IE8 */
    padding: 0 0 0 22px;
    /* 余白 */
    font-size: 80%;
}


/* =======================================================
     sub_headder
======================================================= */


/* 領域 */

#okw_sub_header {
    margin-bottom: 5px;
    /* 周囲余白 */
    line-height: 22px;
    display: block;
}


/* ------------------------------
     category path
------------------------------ */


/* 領域 */

.okw_bread {}


/* 各部 */

.okw_bread li {
    display: inline;
    /* 表示要素 */
    font-size: 80%;
    /* 文字サイズ */
}


/* リンク */

.okw_bread li a {
    margin: 0 5px 0 0;
    /* 周囲余白 */
}


/* ------------------------------
     font size change
------------------------------ */


/* 領域 */

#fontCol {
    white-space: nowrap;
    /* 要素内余白表示 */
    line-height: 22px;
    display: none;
}


/* テキスト部 */

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_off.gif");
}


/* 中 */

li.fntMid {
    background-image: url("../images/front/btn_fntmdl_off.gif");
}


/* 小 */

li.fntSml {
    background-image: url("../images/front/btn_fntsml_off.gif");
}


/* 大 ホバー・アクティブ */

li.fntBig:hover,
li.fntBigOn {
    background-image: url("../images/front/btn_fntbig_on.gif");
}


/* 中 ホバー・アクティブ */

li.fntMid:hover,
li.fntMidOn {
    background-image: url("../images/front/btn_fntmdl_on.gif");
}


/* 小 ホバー・アクティブ */

li.fntSml:hover,
li.fntSmlOn {
    background-image: url("../images/front/btn_fntsml_on.gif");
}


/* =======================================================
     design parts
======================================================= */

/* ----------------------------------------
     緊急のお知らせ
---------------------------------------- */
/*緊急のお知らせ用のカスタムパーツ*/
.alert_box {
    padding: 5px 5px 0px 5px;
    margin-bottom: -5px;
}

#category_show .alert_box {
    margin-bottom: 5px;
}

.alert_txt {
    border: 4px solid #ffc800;
    padding: 10px;
    color: #333;
}

.alert_txt2 {
    /*border: 4px solid #ffc800;*/
    padding: 10px;
    color: #333;
    margin-bottom: 10px;

}

.alert_txt p {
    margin-bottom: 8px;
}

.alert_txt .title {
    font-weight: bold;
    display: block;
}

.c_red {
    color: red;
}

/*お問い合わせページの注意事項*/
#helpdesk_index .alert_box {
    padding: 10px 10px 0px 10px;
    background: #fff;
}



/* ------------------------------
     niconicoからのお知らせ
------------------------------ */


/*  */

.okw_parts_usr_1 {}

.okw_parts_usr_1 .ttl_col {
    background: #CF2E45;
    color: #fff;
    margin-bottom: 10px;
}

.okw_parts_usr_1 .ttl_bg {
    background: #CF2E45;
    color: #fff;
}


/* ------------------------------
     Info & News
------------------------------ */

.okw_parts_info_and_news {}

.okw_parts_info_and_news .ttl_col {
    background: #4882B0;
    color: #fff;
    margin-bottom: 10px;
}

.okw_parts_info_and_news .ttl_bg {
    background: #4882B0;
    color: #fff;
}


/* for IE6 各項目はみ出し対策 */

* html .okw_parts_info_and_news {
    overflow: hidden;
}


/* ------------------------------
    niconicoお問い合わせフォーム、
------------------------------ */

.okw_parts_usr_5 .inner {
    padding: 10px;
}

.okw_parts_usr_5 .inner p {
    margin-bottom: 5px;
}

.okw_parts_usr_5 .inner .hdg3 {
    font-weight: bold;
    margin-bottom: 5px;
}


/* ------------------------------
     CPお問い合わせフォーム
------------------------------ */

.okw_parts_usr_6 .inner {
    padding: 10px 10px 0 10px;
}

.okw_parts_usr_6 .inner p {
    margin-bottom: 5px;
}

.okw_parts_usr_6 .inner .hdg3 {
    font-weight: bold;
    margin-bottom: 5px;
}


/* ------------------------------
     よく見られているヘルプ
------------------------------ */

.okw_parts_access_rank_faq {}

.okw_parts_access_rank_faq .ttl_col {
    background: #D28855;
    color: #fff;
    margin-bottom: 10px;
}

.okw_parts_access_rank_faq .ttl_bg {
    background: #D28855;
    color: #fff;
}


/* ------------------------------
     最新のヘルプ
------------------------------ */

.okw_parts_new_faq {}

.okw_parts_new_faq .ttl_col {
    background: #9D5891;
    color: #fff;
    margin-bottom: 10px;
}

.okw_parts_new_faq .ttl_bg {
    background: #9D5891;
    color: #fff;
}


/* ------------------------------
     注目のキーワード
------------------------------ */

.okw_parts_attention_keyword {}

.okw_parts_attention_keyword .ttl_col {
    background: #4A9842;
    color: #fff;
    margin-bottom: 10px;
}

.okw_parts_attention_keyword .ttl_bg {
    background: #4A9842;
    color: #fff;
}


/* ------------------------------
     汎用パーツ
------------------------------ */


/* 領域 */

.colArea {
    margin: 0 0 10px 0;
    padding: 0;
}


/* サイドメニュー領域　検索結果コンテンツ */

#okw_side .colArea,
#category_show .colArea {
    margin: 0;
    padding: 0;
}


/* コンテンツエリア：タイトル */

.okw_main_category .ttl_col,
.okw_main_category .ttl_bg {
    background: #4882B0;
    color: #fff;
}

.okw_parts_sub_category .ttl_col,
.okw_parts_sub_category .ttl_bg {
    background: #4882B0;
    color: #fff;
}


/* 検索結果リスト */

#category_search .okw_main_category .ttl_col,
#category_search .okw_main_category .ttl_bg {
    background: #4A9842;
    color: #fff;
}


/* ------------------------------
     title
------------------------------ */


/* 2 列パーツ */

.twoCol {
    width: 49.5%;
    /* 幅 */
}


/* 1 列パーツ */

.ttl_col {
    background: #BDBFC2;
    /* 背景 */
    height: 38px;
    /* 高さ */
    padding: 0 0 0 2px;
    /* 余白 */
}


/* パーツタイトル */

.ttl_bg {
    background: #BDBFC2;
    /* 背景 */
    height: 0;
    padding: 10px 0 0 10px;
    /* 余白 */
}


/* パーツタイトル文字 */

.ttl_col h2 {
    font-size: 80%;
    /* 文字サイズ */
    font-weight: bold;
    /* 文字太さ */
}

#info_and_news_show .ttl_col h2 {
    background: none;
}


/* お問い合わせページ */

#helpdesk_index .ttl_col {
    height: 36px;
}

#helpdesk_index .ttl_col .ttl_bg,
#helpdesk_create .ttl_col .ttl_bg,
#helpdesk_complete .ttl_col .ttl_bg {
    padding: 8px 0 0 10px;
}

#helpdesk_index .ttl_col .icoHdquestion,
#helpdesk_create .ttl_col .icoHdquestion,
#helpdesk_complete .ttl_col .icoHdquestion {
    background: none;
    padding: 0;
}


/* お問い合わせへのご回答について */

#helpdesk_index .ttl_col.answer,
#helpdesk_index .ttl_col.answer .ttl_bg {
    background: #A10013;
    color: #fff;
}


/* ------------------------------
     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: 10px 10px 10px 0;
    /* 周囲余白 */
    *clear: both;
}


/* 1 行 */

.newsList li {
    background: transparent no-repeat scroll left;
    /* 背景 */
    padding: 0 0 0 10px;
    /* 余白 */
    margin-bottom: 5px;
    /* 周囲余白 */
    word-break: break-all;
    /* 改行位置 */
    word-wrap: break-word;
    /* 改行指定 */
    clear: both;
    overflow: hidden;
    line-height: 1.2;
    font-size: 80%;
}


/* 日付 */

.datetime {
    line-height: 1.2;
    /* テキスト高さ */
    margin-right: 5px;
    /* 周囲余白 */
    white-space: nowrap;
    /* 要素内余白表示 */
}


/* Info&News一覧日付 */

.newsList li .datetime {
    float: none;
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
}


/* Info&News一覧本文 */

.infoTxt {
    float: none;
    word-break: keep-all;
    white-space: nowrap;
    display: 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;
}


/* ショルダー時領域 */

#okw_side .search_frmArea {
    margin: 10px 10px 15px 10px;
}


/* 説明文 */

.search_description {
    text-indent: -9999px;
    line-height: 0;
}

.search_description:after {
    content: 'キーワードまたは文章で検索 \A (200文字以内)';
    white-space: pre;
    font-size: 12px;
    color: #666666;
    text-indent: 0;
    display: block;
    line-height: 16px;
    padding: 5px 0 3px 0;
}

.oneCol .keyword_mode .search_description {
    margin-top: -20px;
}


/* フォーム */

.keyword_frm {
    float: left;
    border-width: 1px 0 1px 1px;
    border-color: #ccc;
    border-style: solid;
    font-size: 14px;
    letter-spacing: 1.0px;
    padding: 5px 10px;
    width: 180px;
    font-size: 12px;
    height: 18px;
    line-height: 1;
}


/* 自然文フォーム */

.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,
.search_frmArea .keyword_mode .keyword_frmbtn,
.keyword_frmbtn {
    background: url("/usr/file/attachment/search_icon.svg") no-repeat 0 0 #4F4F4F;
    background: url("/usr/file/attachment/search_icon.png") no-repeat 0 0 #4F4F4F;
    width: 33px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    border: 0;
    font-size: 14px;
    text-indent: -9999px;
    display: block;
}

.search_frmArea .keyword_frmbtn:hover,
.keyword_frmbtn:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    cursor: pointer;
}


/* 自然文ボタン */

.n_keyword_frmbtn {
    background: url("/usr/file/attachment/search_icon.png") no-repeat 0 0 center middle #4F4F4F;
    /* 背景 */
    width: 33px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    border: 0;
    font-size: 14px;
    float: right;
    margin: 5px 0 0 0;
    display: block;
    text-indent: -9999px;
}


/* 検索切り替え */

.search_switch {
    font-size: 0.9em;
    margin: 5px auto 0 0;
}


/* 検索対象 */

.search_target {
    margin: 0 20px 0 0;
    float: left;
}


/* 検索対象 セレクトボックス */

.search_target select {
    width: 160px;
}


/* 文章検索 チェックスボックス */

.search_keyword_morph {
    float: left;
}

.search_keyword_morph label {}

.search_keyword_morph label:hover {
    cursor: pointer;
}


/* ショルダー 検索対象･文章検索 */

#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 0 20px 0px;
    background-color: #fcffd1;
    padding: 20px;
    border: none;
    word-wrap: break-word;
}

.kwd_none span {
    font-weight: bold;
}


/* 検索サジェスト 表示基点 */

.search_frmArea {
    position: relative;
}


/* 検索サジェスト　表示調整 */

.search_suggest_area {
    position: relative;
    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;
}


/* 検索絞込 ラベル･セレクトボックス */

.search_attribute label,
.search_attribute select {
    font-size: 0.9em;
}


/* 検索絞込 セレクトボックス */

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


/* ------------------------------
     Category search
------------------------------ */

.search_category_wrapper {
    margin-top: 15px;
}

.search_category_wrapper label:first-child {
    text-indent: -9999px;
    line-height: 0;
}

.search_category_wrapper label:first-child:after {
    font-size: 12px;
    color: #666666;
    content: '検索対象のカテゴリーを選択';
    text-indent: 0;
    display: block;
    line-height: 16px;
    padding: 8px 0 3px 0;
}


.search_category_inner_wrapper {
    border: solid 1px #cccccc;
    width: 227px;
    height: 30px;
    padding: 0 3px;
    margin-left: 0;
    cursor: pointer;
    position: relative;
}

.search_category_wrapper .combo .combo-text {
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    vertical-align: middle;
    border: none;
    cursor: pointer;
}

/* づロップダウン矢印 */

#search_category_narrow_down_input::after {
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: block;
    height: 0.45em;
    width: 0.45em;
    position: absolute;
    top: 7px;
    right: 10px;
    vertical-align: text-top;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    float: right;
}

.search_category_wrapper .dropdownCheckComboboxWapper {
    width: auto;
    min-width: 235px;
    left: -1px;
    top: 28px;
    padding: 10px 0;
    box-sizing: border-box;
    cursor: default;
}

li .thumb {
    margin: -1px 5px 0 -1em;
    width: 20px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.8em;
    line-height: 1.1em;
    vertical-align: middle;
    color: #525252;
}


/* ------------------------------
     qa list
------------------------------ */


/* 領域 */

.qaList {
    margin: 5px 10px 10px 0;
    font-size: 13px;
}


/* メインコンテンツ領域 */

#okw_center.okw_side .qaList {
    margin: 5px 10px 10px 10px;
    font-size: 13px;
}


/* 1 行 */

.qaList li {
    background: none;
    padding: 0;
    margin-bottom: 5px;
    word-break: break-all;
    word-wrap: break-word;
}

.qaList li.Q_sml {
    background: none;
}

.faq_relate_list li.Q_sml {
    background: url("/usr/file/attachment/sp_q_icon2.png") no-repeat;
    background-size: 20px;
    background-position: left 5px top 5px;
}


/* ボタン化 */

.okw_parts_helpdesk .qaList li a {
    display: block;
    width: 360px;
    height: 70px;
    background: url("/usr/file/attachment/mail_btn.png") no-repeat;
    text-indent: -9999px;
    margin: 20px auto -5px;
}

.okw_parts_helpdesk .qaList li a:hover {
    background-position: 0 -70px;
    /*  filter: alpha(opacity=80);*/
    /*  -moz-opacity:0.80;*/
    /*  opacity:0.80;*/
}


/* ------------------------------
     new faq list
------------------------------ */


/* 領域 */

.faqList {
    margin: 5px 10px 10px 0;
    font-size: 13px;
}


/* メインカラム位置 */

#okw_center .faqList {
    margin: 5px 10px 10px 10px;
}


/* 1 行 */

.faqList li {
    background: none;
    padding: 0;
    margin-bottom: 5px;
    word-break: break-all;
    word-wrap: break-word;
}


/* ------------------------------
     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,
.twoCol.okw_parts_login .reissue_password {
    margin-top: 5px;
    text-align: center;
    clear: both;
}

.okw_parts_login .reissue_password a {
    font-size: 90%;
}


/* ログイン中 リンク */

.loginUsr_link {
    text-align: right;
    /* テキスト配置 */
    font-size: 90%;
}


/* クライアントユーザーのログインフォーム */

.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%;
    /* 幅 */
}


/* ------------------------------
     category list
------------------------------ */


/* 1 領域 */

* html .cateList {
    margin: 5px 10px 5px 10px;
    /* 周囲余白 */
    padding: 0 0 0 10px;
    /* 余白 */
}


/* カテゴリーアイコン*/

.cate_icon {
    float: left;
    margin-right: 5px;
}


/* 中カテゴリ */

.cate_middle {
    border-right: 10px solid #fff;
    padding: 0;
    margin-bottom: 5px;
}

.cate_middle a {
    font-weight: bold;
    background: #CCCCCC;
    padding: 8px 10px;
    display: block;
    color: #333;
    font-size: 80%;
}

.cate_middle a:hover,
.cate_middle a:hover span {
    color: #fff;
    background: #414141;
    text-decoration: none;
}


/* 小カテゴリ */

.cate_small {
    display: table;
    padding: 5px 5px 0 10px;
    font-size: 80%;
}

.cate_small span {
    margin-bottom: 10px;
    display: block;
}

.cate_small span a span {
    display: inline;
}

.cate_small br {
    display: none;
}


/* 小カテゴリ */

.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 0 10px 10px;
}


/* 1列表示 */

.cateList_1line {
    width: 100%;
}


/* 2列表示 */

.cateList_2line {
    width: 50%;
    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: #BDBFC2;
    color: #333;
    display: block;
    font-weight: bold;
    padding: 0 0px 0 10px;
    margin: 0px;
    width: 250px;
    height: 34px;
    font-size: 14px;
    border: none;
}

.category_tree {
    word-break: break-all;
    font-size: 14px;
    padding-bottom: 0;
    width: 260px;
    margin: 0;
    background: #dedede;
}

.icocate_tree {
    height: 24px;
    padding: 6px 0 0 0px;
    background: none;
}


/* TOPカテゴリータイトル*/

.category_tree .ttl_col {
    background: none;
    padding: 1px 1px 0;
    height: auto;
    border: none;
}

.fo_b {
    font-weight: bold;
}


/* カテゴリー名領域 */

.cate_pull_inert_bg {
    padding: 5px 0;
}


/* カテゴリー+-アイコン調整 */

.category_tree .pm_icon,
.category_open .pm_icon,
.category_close .pm_icon {
    display: block;
    width: 10px;
    /*height: 11px;*/
    background: url("/usr/file/attachment/category_arrow.png") no-repeat 0 0;
    position: relative;
    top: 6px;
    left: 0;
}

.category_tree .pm_icon:hover,
.category_open .pm_icon:hover,
.category_close .pm_icon:hover {
    background: url("/usr/file/attachment/category_arrow.png") no-repeat 0 0;
}


/* カテゴリーアイコン無し調整 */

.category_none {
    background: none;
    padding-left: 20px;
}


/* 選択中のカテゴリ */

.category_select {
    background: #fff;
}

.category_select a {}

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


/* 配下カテなし選択カテゴリーの画像 */

.category_none.category_select {
    background-color: #fff;
}

.category_none.category_select a {
    background: none;
    color: #006699;
}


/* カテゴリ名文字 */

.category_tree a,
.category_nofaq {
    margin-right: 5px;
    display: block;
    width: 200px;
}


/* カテゴリー、サブカテゴリーページ */

.category_level_0 {
    margin: 0;
    background: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.category_level_0 li {
    border: none;
}

.category_level_0 .category_on {}

.category_level_0 .category_on a {
    color: #096797;
}

.category_level_0 .category_none.cate_pull_inert_bg {
    padding-left: 20px;
    background-color: none;
}

.category_level_0 .category_none.category_select.cate_pull_inert_bg {
    padding-left: 0;
}

.category_level_0 .category_none.category_select.cate_pull_inert_bg a {
    background: none;
    color: #096797;
    padding-left: 10px;
}

.category_level_1 {
    background-color: #fff;
    padding-left: 20px;
    margin-left: 0;
    clear: both;
}

.category_level_1 li {
    border: none;
}

.category_level_1 .category_on {}

.category_level_1 .category_on a {
    color: #096797;
}

.category_level_2 {
    background: #fff;
    padding-left: 10px;
    margin-left: 0;
    clear: both;
    padding-right: 15px;
}

.category_level_2 li {
    border: none;
    background: #fff;
}

.category_level_2 .category_on {}

.category_level_2 .category_on a {
    color: #096797;
}

.category_level_3 {
    background: #fff;
    padding-left: 10px;
    margin-left: 0;
    clear: both;
    padding-right: 15px;
}

.category_level_3 li {
    border: none;
}

.category_level_3 .category_on {}

.category_level_3 .category_on a {
    color: #096797;
}

.category_level_1 .category_none.category_select a,
.category_level_2 .category_none.category_select a,
.category_level_3 .category_none.category_select a {
    background: none;
    color: #006699;
}


/* ------------------------------
     attention_keyword
------------------------------ */

.attention_keyword_list {
    margin: 10px 6px 0 6px;
    padding: 0px 5px;
    font-size: 13px;
}

.attention_keyword_list li {
    /* 縦並びにする場合は display:inline を display:block に更新してください */
    display: inline;
    margin-right: 15px;
}

.attention_keyword_list li span {
    display: none;
}


/* =======================================================
 faq detail page
======================================================= */


/* ------------------------------
     base info
------------------------------ */


/* 戻る */

.faq_qstInf_col .siteLink {
    float: left;
    display: inline;
}


/* お問い合わせ */

#helpdesk_index .siteLink,
#helpdesk_create .siteLink {
    margin: 0 auto;
    width: 940px;
}


/* 領域 */

.faq_qstInf_col {
    border-bottom: none;
    /* 罫線 */
    margin: 0 5px 10px 5px;
}


/* 記事ページ */

#faq_show .faq_qstInf_col {
    margin: 5px 10px 10px 10px;
    position: relative;
}


/* 表示領域 */

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


/* 記事ページ */

#faq_show .faq_dateNo {
    display: table-cell;
    position: absolute;
    top: 4px;
    *top: 0px;
    right: 0;
    vertical-align: middle;
    height: 20px;
    line-height: 1;
    overflow: visible;
}

#faq_show.lang_size_small .faq_dateNo li,
#faq_show.lang_size_medium .faq_dateNo li,
#faq_show.lang_size_large .faq_dateNo li {
    line-height: 1;
    font-size: 12px;
    position: absolute;
}

#faq_show .faq_dateNo .faq_no {
    right: 250px;
    bottom: 0;
}

#faq_show .faq_dateNo .faq_date {
    right: 50px;
    bottom: 0;
}

#faq_show .faq_dateNo .faq_print {
    right: 10px;
    bottom: 0;
}


/* 各パーツ */

.faq_dateNo li {
    font-size: 12px;
    /* 文字サイズ */
    margin-right: 15px;
    /* 周囲余白 */
    display: inline;
    /* 表示要素 */
}


/* 投稿日時・No.を非表示 */

.faq_dateNo .faq_no,
.faq_dateNo .faq_date {
    display: none;
}


/* 印刷 */

.faq_dateNo li.faq_print {
    margin-right: 0;
    /* 周囲余白 */
}

/* お気に入り */

.icoFavorite_mark_off {
    display: none;
}



/* ------------------------------
     question
------------------------------ */


/* タイトル */

.faq_qstCont_ttl {
    font-size: 110%;
    /* 文字サイズ */
    font-weight: bold;
    /* 文字太さ */
    color: #fff;
    /* テキスト色 */
    line-height: 1.2;
    /* テキスト高さ */
    margin: 10px;
    /* 周囲余白 */
    word-wrap: break-word;
    /* 改行指定 */
    background: url("/usr/file/attachment/q_icon.png") 0px 40% no-repeat #D12B42;
    background: url("/usr/file/attachment/q_icon.png") #D12B42 0px 40% no-repeat\9;
    padding: 15px 10px 15px 13px;
    height: auto;
    min-height: 25px;
}


/* 領域 */

.faq_qstCont_col {
    margin: 10px 20px;
    /* 周囲余白 */
    display: none;
    /* 非表示 */
}


/* テキスト領域 */

.faq_qstCont_txt {
    margin-bottom: 10px;
    /* 周囲余白 */
    word-wrap: break-word;
    /* 改行指定 */
}


/* カテゴリ */

.faq_cate_col {
    padding: 5px;
    /* 余白 */
    border: none;
    /* 罫線 */
    background-color: #f7f7f7;
    /* 背景色 */
}

.faq_qstCont_col .faq_cate_col {
    width: auto;
    margin: 0;
    background: none;
    padding: 0;
    display: none;
}

.faq_qstCont_col .faq_cate_col dt {
    font-weight: bold;
    color: #999;
}


/* カテゴリタイトル */

.faq_cate_col dt,
.faq_cate_col dd {
    float: left;
    /* 表示配置 */
}


/* カテゴリ名 */

.faq_cate_col dt {
    margin-right: 5px;
    /* 周囲余白 */
}


/* ------------------------------
     answer
------------------------------ */


/* タイトル領域 */

.faq_ans_bor {
    background: ;
    /* 背景 */
    padding-bottom: 5px;
    /* 余白 */
    margin: 10px;
    /* 周囲余白 */
}


/* タイトル */

.faq_ans_ttl {
    font-size: 100%;
    /* 文字サイズ */
    font-weight: bold;
    /* 文字太さ */
    color: #fff;
    /* テキスト色 */
    line-height: 1.2;
    /* テキスト高さ */
    word-wrap: break-word;
    /* 改行指定 */
    background: url("/usr/file/attachment/a_icon.png") #4581B2 0px 40% no-repeat;
    background: url("/usr/file/attachment/a_icon.png") #4581B2 0px 40% no-repeat\9;
    padding: 15px 10px 15px 10px;
    height: auto;
    font-weight: bold;
    /* 文字太さ */
    margin: 10px;
    /* 周囲余白 */
}


/* 領域 */

.faq_ans_col {
    padding: 0;
    /* 余白 */
    margin: 0 20px;
    border-bottom: 1px solid #ccc;
    /* 罫線 */
    margin-bottom: 20px;
    /* 周囲余白 */
    word-wrap: break-word;
    /* 改行指定 */
}

.faq_ans_col >.faq_addition_col {
    display: none;
    }
    
#wizard_content_4260 >.faq_ans_ttl {
    display: none;
}


/* テキスト領域 */

.faq_ansCont_txt {
    margin-bottom: 10px;
    /* 周囲余白 */
}

/*問い合わせ時ログイン非表示*/
.faq_attribute64 dt,
.faq_attribute64 dd {
    display: none;
}

/* 添付ファイル・追加フォーム領域 */

.faq_addition_col {
    padding: 5px 10px;
    /* 余白 */
    border: 1px dotted #999;
    /* 罫線 */
    background-color: #f7f7f7;
    /* 背景色 */
}


/* 添付ファイル・追加フォーム */

.faq_addition_list dt,
.faq_addition_col dd {
    float: left;
    /* 表示配置 */
}


/* 添付ファイル・追加フォームタイトル */

.faq_addition_list dt {
    margin-right: 5px;
    /* 周囲余白 */
}


/* 縦並び設定 */

.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 {
    padding: 0 15px;
    margin: 10px 0;
    background: #fff;
    border-left: none;
}


/* spanタグ */

.wzd_qstCont_txt {
    float: none;
}

.wzd_qstCont_txt span {
    float: none;
    text-align: left;
    width: auto;
}


/* ＞ */

.wzd_qstCont_txt:after {
    clear: both;
    display: block;
    content: "";
}

.wzd_qstCont_txt strong.arrow {
    float: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
}

.wzd_qstCont_txt strong.arrow span {
    position: absolute;
    top: 2px;
    left: 2px;
}


/* tableリスト */

#wizard_list .list_browser {
    margin-bottom: 10px;
}

#wizard_list .list_browser th {
    padding: 10px;
    border: 1px solid #bbb;
    border-collapse: inherit;
    background: #eee;
}

#wizard_list .list_browser td {
    padding: 10px;
    border: 1px solid #bbb;
    border-collapse: inherit;
}

#wizard_list .faq_addition_col {
    display: none;
}


/* 1カラム　設問リンク */

.wzd_bck {
    background: url("../images/front/btn_back.gif") no-repeat scroll left top transparent;
    float: right;
    font-size: 70%;
    padding-left: 18px;
    margin-top: 5px;
    width: 13%;
}


/* 2カラム　設問リンク */

.okw_side .wzd_bck {
    width: auto;
}


/* 選択肢　背景 */

.wzd_slct_area {
    background-color: #EEEEEE;
    padding: 10px;
    margin: 0 0 10px 0;
    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;
}


/* 未選択チェックボックス アイコン */

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


/* ------------------------------
     enquate
------------------------------ */


/* 領域 */

.okw_enquete_area {
    border: 4px solid #E1F2BF;
    margin: 20px auto;
    padding: 0;
    width: 95%;
    font-size: 90%;
}


/* タイトル */

.questioner_ttl {
    font-size: 14px;
    /* 文字サイズ */
    padding: 10px;
    /* 余白 */
    text-align: left;
    /* テキスト配置 */
    font-weight: bold;
    /* 文字太さ */
    background: #E1F2BF;
    border-bottom: none;
}


/* 内容領域 */

.questioner_col {
    text-align: center;
    /* テキスト配置 */
    padding: 10px;
    /* 余白 */
}


/* 選択肢領域 */

.faq_form_list {
    text-align: left;
    float: left;
    width: 40%;
}


/* 選択肢 */

.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 {
    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;
    /* 罫線 */
}


/* 送信ボタン ホバー */

.questioner_btn:hover {
    background: transparent url("../images/front/btn_formon.gif") no-repeat scroll left top;
    /* 背景 */
    cursor: pointer;
}


/* 送信ボタン 非活性時 */

.questioner_btn[disabled] {
    color: #A0A0A0;
    /* 文字色 */
}


/* ------------------------------
     related faq : おすすめFAQ
------------------------------ */


/* 領域 */

.faq_relate_list {
    margin: 0 0 10px 0;
    /* 周囲余白 */
}


/* 1 行 */

.faq_relate_list li {
    background-image: none;
    padding: 5px 10px 5px 10px;
    /* 余白 */
    word-break: break-all;
    /* 改行位置 */
    word-wrap: break-word;
    /* 改行指定 */
    font-size: 80%;
}


/* 奇数行 */

.faq_list_bg1 {
    background-color: #fff;
    /* 背景色 */
}


/* 偶数行 */

.faq_list_bg2 {
    background-color: #EAEAEA;
    /* 背景色 */
    *border-right: 1px solid #fff;
}


/* =======================================================
     faq search list page
======================================================= */


/* ------------------------------
     list
------------------------------ */


/* 領域 */

.search_list {
    margin-bottom: 4px;
    /* 周囲余白 */
    border-top: 1px solid #EAEAEA;
    /* 罫線 */
    width: 100%;
    /* 幅 */
}


/* 1 行 */

.search_list_inner {
    border-bottom: none;
    /* 罫線 */
    padding: 15px 10px;
    /* 余白 */
}


/* 奇数行 */

.search_list_bg1 {
    background-color: #fff;
    /* 背景色 */
    padding: 15px 10px;
    /* 余白 */
}

li.search_list_inner.search_list_bg1:hover {
    background-color: #FFFFFF;
    /* 背景色 */
}


/* 偶数行 */

.search_list_bg2 {
    background-color: #F2F2F2;
    /* 背景色 */
    padding: 15px 10px;
    /* 余白 */
}

li.search_list_inner.search_list_bg2:hover {
    background-color: #F2F2F2;
    /* 背景色 */
}


/* タイトル */

.search_qattl {
    font-weight: bold;
    /* 文字太さ */
    font-size: 18px;
    /* 文字サイズ */
    margin-bottom: 3px;
    /* 周囲余白 */
}

.search_qattl a {
    color: #CF2E45;
    /* リンクテキスト色 */
}


/* 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;
    /* テキスト色 */
}


/* 検索結果のNo.と更新日時を非表示 */

.search_dateNo .faq_no,
.search_dateNo .faq_date {
    display: none;
}


/* 検索結果文字 */

.search_word {
    font-weight: bold;
    /* 文字太さ */
}


/* ------------------------------
     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: right;
    width: auto;
    position: absolute;
    right: -15px;
    bottom: 48px;
}


/* 添付画像 アイコン表示位置 */

.faq_attachment_icon {
    float: right;
    margin-top: 5px;
}


/* 添付画像 アイコン */

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


/* 添付画像 プルダウンメニュー リンク */

.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;
    /* 文字フォント */
    position: relative;
}


/* ページング領域（下） */

.pg_col_down {
    margin: 0;
    /* 周囲余白 */
    padding: 0;
    font-size: 12px;
    /* 文字サイズ */
    font-family: Tahoma;
    /* 文字フォント */
    position: relative;
    min-height: 40px;
    display: block;
}

.pg_col_down:after {
    display: block;
    clear: both;
    content: "";
}


/* 件数表示 */

.pg_no {
    margin-left: 0;
    /* 左余白 */
    min-width: 30%;
    /* 幅 */
    font-size: 13px;
    position: absolute;
    top: 5px;
    left: 10px;
}


/* 下部の件数表示位置 */

.pg_col_down .pg_no {
    top: 7px;
}


/* ------------------------------
     attribute search
------------------------------ */


/* 絞込検索 キーワード */

.attr_search_kw_area {
    font-size: 12px;
    margin-left: 10px;
    margin-top: 4px;
    background-color: #EEEEEE;
    margin: 10px;
    padding: 3px 10px;
}

.attr_search_kw_ttl {
    font-weight: bold;
}


/* ------------------------------
     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: 0;
    width: 175px;
}


/* セレクトボックス */

.okw_sort_select #faq_list_sort_select {
    min-width: 115px;
    float: right;
    position: relative;
    right: 10px;
    margin-left: 1em;
    padding: 5px;
    border: 1px solid #aaa;
    border-radius: 0;
    min-height: 25px;
    line-height: 20px;
    background: #fff;
    font-size: 100%;
    font-weight: bold;
    overflow: hidden;
}


/* 昇順･降順 領域 */

.sort_arrow {
    float: left;
    margin: 0 0 0 10px;
    overflow: hidden;
    width: 47px;
    display: none;
}


/* 昇順･降順 各アイコン領域 */

.sort_arrow span,
.sort_arrow a {
    background-attachment: scroll;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    margin: 0 5px 0 0;
    padding: 0;
}


/* 昇順アイコン 領域 */

.sort_arrow .sort_asc_image_on,
.sort_arrow .sort_asc_image_off {
    background-position: center bottom;
    margin: 0 2px 0 0;
}


/* 降順アイコン 領域 */

.sort_desc_image_on,
.sort_desc_image_off {
    background-position: center top;
}


/* 昇順アイコン */

.sort_asc_image_on {
    background-image: url("/usr/file/attachment/arrow_icon_up_on.png");
    margin-right: 5px;
}

.sort_asc_image_off {
    background-image: url("/usr/file/attachment/arrow_icon_up_off.png");
    margin-right: 5px;
}

.sort_asc_image_off:hover {
    background-image: url("/usr/file/attachment/arrow_icon_up_off_hover.png");
}


/* 降順アイコン */

.sort_desc_image_on {
    background-image: url("/usr/file/attachment/arrow_icon_down_on.png");
    margin-right: 0;
}

.sort_desc_image_off {
    background-image: url("/usr/file/attachment/arrow_icon_down_off.png");
    margin-right: 0;
}

.sort_desc_image_off:hover {
    background-image: url("/usr/file/attachment/arrow_icon_down_off_hover.png");
}


/* ------------------------------
     faq emphasis
------------------------------ */


/* 画像 領域 */

.new_ico,
.updated_ico,
.imp_ico {
    display: inline-block;
    margin-right: 5px;
    width: 33px;
    height: 16px;
    vertical-align: text-top;
}


/* 画像「NEW」 */

.new_ico {
    background: url("/usr/file/attachment/new_ico.svg") 0 0 no-repeat;
    background: url("/usr/file/attachment/new_ico.png") 0 0 no-repeat\9;
}


/* 画像 「更新」 */

.updated_ico {
    background: url("../images/front/updated.gif") left top no-repeat;
}


/* 画像 「重要」 */

.imp_ico {
    background: url("../images/front/imp_ico.gif") left top no-repeat;
}


/* ------------------------------
     top paging
------------------------------ */


/* 上部ページング */

.pg_scr {
    text-align: center;
    /* テキスト配置 */
    width: 35%;
    /* 幅 */
    display: none;
}


/* 上部ページング テキスト部 */

.pg_scr span {
    margin: 0 10px;
    /* 周囲余白 */
}


/* 上部ページング 無効 */

.pg_scr span.disabled {
    color: #ddd;
    /* テキスト色 */
}


/* 左右の矢印 */

.pg_scr .disabled,
.pg_scr .prev_page {
    text-indent: -9999px;
    display: inline-block;
    width: 20px;
    height: 20px;
}


/* ------------------------------
     foot paging
------------------------------ */


/* ページャー */

.pagination {
    margin: 0;
    /* 周囲余白 */
    float: right;
    /* 表示配置 */
    white-space: nowrap;
    /* 要素内余白表示 */
    font-family: Tahoma, "Lucida Grande", Arial, Sans-serif;
    /* 文字フォント */
    display: table-cell;
    vertical-align: middle;
    width: auto;
    *float: none;
    *margin-left: 10px;
    position: absolute;
    right: 10px;
    top: 3px;
}


/* 7番目,8番目,9番目,10番目,11番目,12番目を非表示 */

.pagination .number_seven,
.pagination .number_eight,
.pagination .number_nine,
.pagination .number_ten,
.pagination .number_eleven,
.pagination .number_twelve {
    display: none;
}


/* 7番目,8番目,9番目,10番目,11番目,12番目の右矢印を表示 */

.pg_col_down .pagination .number_seven.next_page,
.pg_col_down .pagination .number_eight.next_page,
.pg_col_down .pagination .number_nine.next_page,
.pg_col_down .pagination .number_ten.next_page,
.pg_col_down .pagination .number_eleven.next_page,
.pg_col_down .pagination .number_twelve.next_page {
    display: inline-block;
}


/* 左右の矢印 */

.pg_col_down .pagination .next_page,
.pg_col_down .pagination .previous_page {
    display: inline-block;
    padding: 0;
    /* 余白 */
    width: 50px;
    height: 30px;
    text-indent: -9999px;
    background-color: #BDBFC2;
    background-position: 50% 50%;
}


/* 左 */

.pg_col_down .pagination .previous_page {
    background: url("/usr/file/attachment/arrow_icon_left_off.png") no-repeat #BDBFC2 50% 50%;
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 30px;
}

.pg_col_down .pagination .previous_page:hover {
    background: url("/usr/file/attachment/arrow_icon_left_hover.png") no-repeat #BDBFC2 50% 50%;
    width: 50px;
    height: 30px;
}

.pg_col_down .pagination .previous_page.disabled {
    background: url("/usr/file/attachment/arrow_icon_left_on.png") no-repeat #BDBFC2 50% 50%;
    background-color: #BDBFC2;
    width: 50px;
    height: 30px;
}


/* 右 */

.pg_col_down .pagination .next_page {
    background: url("/usr/file/attachment/arrow_icon_right_off.png") no-repeat #BDBFC2 50% 50%;
    float: right;
    *float: none;
    margin-left: 0;
    margin-right: 0;
    width: 50px;
    height: 30px;
}

.pg_col_down .pagination .next_page:hover {
    background: url("/usr/file/attachment/arrow_icon_right_off_hover.png") no-repeat #BDBFC2 50% 50%;
    width: 50px;
    height: 30px;
}

.pg_col_down .pagination .next_page.disabled {
    background: url("/usr/file/attachment/arrow_icon_right_on.png") no-repeat #BDBFC2 50% 50%;
    width: 50px;
    height: 30px;
}


/* スコア：文字サイズ */

.pagination a,
.pagination span,
.pagination .current {
    font-size: 13px;
    display: block;
    background: #BDBFC2;
    padding: 5px 10px;
    /* 余白 */
    min-width: 10px;
    height: 20px;
    float: left;
}

.pagination span.gap {
    display: none;
}

.pagination a {
    color: #333;
    margin-right: 10px;
}

.pagination a:hover {
    color: #78797A;
    text-decoration: none;
    background: #BDBFC2;
}

.pagination .current {
    color: #fff;
    margin-right: 10px;
}


/* 現在地 */

.pagination span.okw_current,
.pagination span.current {
    font-weight: bold;
    /* 文字太さ */
}


/* リンクなし */

.pagination span.disabled {
    color: #fff;
    /* テキスト色 */
}


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


/* 領域 */

.infonews_col {
    margin: 0 0 40px;
    /* 周囲余白 */
    padding: 5px 0 0;
    /* 余白 */
}


/* 投稿日時領域 */

.infonews_datetime {
    text-align: right;
    /* テキスト配置 */
    font-size: 12px;
    position: relative;
    right: 0;
    bottom: 25px;
    display: none;
}


/* 投稿日時 */

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


/* タイトル領域 */

.infonewstitle_col {
    margin: 0;
    /* 周囲余白 */
    position: relative;
    bottom: 23px;
}


/* タイトル領域 */

.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 {
    font-size: 100%;
    /* 文字サイズ */
    border-top: 1px solid #ccc;
    /* 罫線 */
    margin-top: 20px;
    /* 周囲余白 */
    padding: 15px 5px 5px;
}


/* PW再発行リンク */

#login_col .reissue_password a {
    padding-left: 16px;
    background: url("../images/back/click_here.gif") no-repeat scroll left top transparent;
    /* 背景 */
}


/* PW再発行説明文 */

#login_col .reissue_password_description {
    color: #666666;
    font-size: 80%;
    padding-left: 16px;
}


/* =======================================================
     reissue password page
======================================================= */


/* 領域 */

#reissue_password {
    width: 500px;
    /* 幅 */
    margin: 10px auto 30px;
    /* 周囲余白 */
    padding: 10px;
    /* 余白 */
    border: 1px solid #999;
    /* 罫線 */
}


/* タイトル */

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


/* PW再発行画面メッセージ */

#reissue_password .form_msg {
    font-size: 98%;
    /* 文字サイズ */
    margin: 14px 8px;
    /* 周囲余白 */
}


/* PW再発行フォーム(登録済みメールアドレス) */

#reissue_password .form_field {
    margin: 0 16px 14px;
    /* 周囲余白 */
}


/* 登録済みメールアドレス */

#reissue_password dt {
    width: 13em;
    /* 幅 */
}


/* 登録済みメールアドレス */

#reissue_password .mail_txt {
    width: 220px;
    /* 幅 */
}


/* サブタイトル */

.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;
    /* 背景 */
    cursor: pointer;
}


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


/* 全体外枠 */

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


/*サポート営業時間*/

.special_info {
    margin: 20px 0;
    background: #FFF;
    border-radius: 2px;
    box-shadow: #BDBFC2 1px 1px 2px 0;
}

/* お問い合わせフォームエリア */

.okw_hdq_form_area {
    width: auto;
}


/* お問い合わせ入力 */

.icoHdquestion {
    background-attachment: scroll;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    padding: 8px 0 0 35px;
}


/* お問合わせ　タイトルアイコン */

.icoHdquestion {
    background: none;
    padding-left: 10px;
}


/* お問合わせ内容　説明文 */

.hd_question_form {
    margin: 10px auto 10px auto;
    width: 900px;
    background: #FFF;
    padding: 27px;
    border-radius: 2px;
    box-shadow: #BDBFC2 1px 1px 2px 0;
}


/* お問い合わせ完了テーブル */

.hdq_finish_msg_area {
    background-color: #F9F9F9;
    /* 背景色 */
    border: 1px dotted #DCDCDC;
    /* テキスト色 */
    width: 75%;
    /* 幅 */
    margin: 30px auto;
    /* 周囲余白 */
}

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

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

.HDcontent dl {}

.HDcolumn_left {
    float: left;
    background-color: #F9F9F9;
    width: 270px;
    padding: 5px 0;
    text-indent: 10px;
    margin-bottom: -32763px;
    padding-bottom: 32768px;
    font-size: 80%;
}

.HDcolumn_right {
    background-color: #FFFFFF;
    text-align: left;
    padding: 5px 10px;
    overflow: hidden;
    width: 100%;
    font-size: 80%;
}

.HDcolumn_right input {
    padding: 0.6em;
}

.HDcolumn_right textarea {
    width: 85%;
    padding: 0.6em;
}

.HDcolumn_right select {
    margin-bottom: 0.2em;
    padding: 6px 5px;
    border: 1px solid #aaa;
    border-radius: 0;
    height: 31px;
    line-height: 31px;
    background: #fff;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
}

.HDcolumn_right select option {
    padding: 5px;
}

#incident_attribute_0,
#incident_attribute_1,
#incident_attribute_8,
#incident_attribute_17,
#incident_attribute_36,
#incident_attribute_37,
#incident_attribute_39,
#incident_attribute_40,
#incident_attribute_63 {
    width: 85%;
    padding: 0.6em;
    border: 1px solid #bbb;
}

.commit_button_block {
    background: #f2f2f2;
    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 フォーム関連
======================================================= */


/* スーパーアシスタント部分メッセージ */

.super_assistant_msg {
    text-align: center;
}


/* 入力用のフォント */

textarea,
input {
    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("/usr/file/attachment/icon_helpinfo.png") no-repeat;
    /* 背景画像 */
    background-position: left center;
    /* 背景配置 */
    padding-left: 26px;
    /* 余白 */
    font-size: 120%;
    /* フォントサイズ */
    font-weight: bold;
    /* 太字 */
}


/* 添付ファイルフォーム */

.frame {
    width: 540px;
    height: 44px;
}


/* =======================================================
        お問い合わせ回答ページ
======================================================= */


/* --------------------------------------------
    基本デザイン
-------------------------------------------- */

#helpdesk_show,
#helpdesk_edit {}

#helpdesk_show .colArea,
#helpdesk_edit .colArea {
    background: #fff;
    /* 背景 */
    padding: 0;
    /* 内側の余白 */
    margin: 5px 0 0 0;
    /* 外側の余白 */
    padding-bottom: 20px;
    margin-bottom: 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
    position: relative;
    top: 0;
}

#helpdesk_show .colArea .hd_desc,
#helpdesk_edit .colArea .hd_desc {
    margin: 20px 0;
}


/* タイトル */

#helpdesk_show .colArea .icoHdquestion,
#helpdesk_edit .colArea .icoHdquestion {
    padding: 0;
}


/* 領域 */

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


/* 質問文・回答文 */

.hdcontents_box li {
    word-wrap: break-word;
}

.hd_question_form .content_txt {
    padding: 15px 45px;
}


/* --------------------------------------------
    質問：お問い合せ内容
-------------------------------------------- */

#helpdesk_show .colArea .q_contents .hdcontents_box,
#helpdesk_edit .colArea .q_contents .hdcontents_box {}


/* 質問タイトル　背景 */

#helpdesk_show .colArea .q_contents .q_ttl_br,
#helpdesk_edit .colArea .q_contents .q_ttl_br {
    font-size: 100%;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    margin: 0;
    word-wrap: break-word;
    background-image: url("https://qa.nicovideo.jp/usr/file/attachment/q_icon.png");
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position-x: 0%;
    background-position-y: 50%;
    background-origin: initial;
    background-clip: initial;
    background-color: #CF2E45;
    background-size: initial;
    padding-top: 13px;
    padding-right: 10px;
    padding-bottom: 13px;
    padding-left: 10px;
    height: auto;
    border: 1px solid #CF2E45;
}

#helpdesk_show .colArea .q_ttl_br .ttl_txt,
#helpdesk_edit .colArea .q_ttl_br .ttl_txt {
    margin-left: 45px;
}

#helpdesk_show .colArea .q_ttl_br .data,
#helpdesk_edit .colArea .q_ttl_br .data {
    font-size: 12px;
    color: #fff;
    position: relative;
    top: 0;
}


/* 質問　領域 */

#helpdesk_show .q_contents,
#helpdesk_edit .q_contents {
    border: 1px solid #CF2E45;
    margin-bottom: 20px;
}


/* 質問　追加属性　色 */

#helpdesk_show .q_contents .attribute,
#helpdesk_edit .q_contents .attribute {
    border: 1px solid #FEC5D3;
    background-color: #FFE8ED;
    padding: 15px 20px;
    margin: 0 47px 20px;
    font-size: 85%;
}


/* --------------------------------------------
    回答
-------------------------------------------- */


/* 回答　追加属性　色 */

#helpdesk_show .a_contents,
#helpdesk_edit .a_contents {
    border: 1px solid #4B83AE;
    margin: 0 0 20px;
}

#helpdesk_show .a_contents .attribute,
#helpdesk_edit .a_contents .attribute {
    background-color: #DBEBFF;
    border: 1px solid #BCD9F2;
    margin: 0 47px 20px;
    padding: 10px 20px;
    font-size: 85%;
}


/* 回答タイトル　背景 */

#helpdesk_show .a_contents .a_ttl_br,
#helpdesk_edit .a_contents .a_ttl_br {
    background-image: url("https://qa.nicovideo.jp/usr/file/attachment/a_icon.png");
    background-position-x: 0%;
    background-position-y: 50%;
    background-color: #4882B0;
    border: 1px solid #4882B0;
    padding: 10px 10px 10px 55px;
    color: #fff;
}

#helpdesk_show .a_contents .a_ttl_br .ttl_txt,
#helpdesk_edit .a_contents .a_ttl_br .ttl_txt {}

#helpdesk_show .a_contents .a_ttl_br .data,
#helpdesk_edit .a_contents .a_ttl_br .data {
    font-size: 12px;
    color: #fff;
    position: relative;
    top: 0;
}


/* --------------------------------------------
    追加質問
-------------------------------------------- */


/* お問い合わせ確認画面 タイトル */

#helpdesk_show .column_ttl,
#helpdesk_edit .column_ttl {
    font-size: 80%;
    padding: 10px;
    background-color: #BDBFC2;
    /* 背景色 */
    color: #333333;
    font-weight: bold;
    /* 太字 */
    border: 1px solid #DCDCDC;
    border: none;
}


/* 入力フォーム */

#helpdesk_show #incident_incident_question_attribute_2,
#helpdesk_edit #incident_incident_question_attribute_2 {
    padding: 0.8em;
    width: 95%;
    border: 1px solid #bbb;
    margin: 10px;
}

#helpdesk_show .HDcolumn_left,
#helpdesk_edit .HDcolumn_left {}

#helpdesk_show .HDcontents_table,
#helpdesk_edit .HDcontents_table {
    border-bottom: none;
}

#helpdesk_show .enquete_wrapper,
#helpdesk_edit .enquete_wrapper {
    border-top: none;
    padding-top: 0;
}


/* 追加質問リンク　背景 */

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


/* 追加質問入力フォーム */

.morequestion_box {
    margin: 0 0 20px;
}


/* ヘルプデスク補足質問　内容参照テーブルの下線 */

.hdcontents_bor {
    border-bottom: 1px solid #DCDCDC;
    /* 罫線色 */
}


/* 注記 (*印) */

.presence {
    color: #dc143c;
    /* 色 */
    padding: 3px;
    /* 余白 */
}


/* 注釈 "* は必ず入力してください" */

#helpdesk_show .help_attention,
#helpdesk_edit .help_attention {
    float: none;
    text-align: right;
    font-size: 80%;
    /* フォントサイズ */
    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
}


/* --------------------------------------------
    フォーム送信確認画面
-------------------------------------------- */


/* タイトルバー */

#helpdesk_edit .hdquestion_ttl_bor {
    padding: 0;
}

#helpdesk_edit .okw_hdq_form_area {
    background: #fff;
    padding-bottom: 20px;
}

#helpdesk_edit .siteLink {
    position: relative;
    height: 30px;
    left: 0;
}

#helpdesk_edit .siteLink .preLink {
    position: absolute;
    left: 10px;
}


/* =======================================================
        アンケートフォーム
======================================================= */


/* --------------------------------------------
    基本デザイン
-------------------------------------------- */


/* 背景 */

#enquete_show,
#helpdesk_edit {}

#enquete_show .colArea,
#enquete_new .colArea {
    background: #fff;
    /* 背景 */
    padding: 0;
    /* 内側の余白 */
    margin: 5px 0 0 0;
    /* 外側の余白 */
    padding-bottom: 20px;
    margin-bottom: 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
    position: relative;
    top: 0;
}

#enquete_show .colArea .hd_desc,
#enquete_new .colArea .hd_desc {
    margin: 20px 0;
}


/* タイトル */

#enquete_show .colArea .ttl_bg,
#enquete_new .colArea .ttl_bg {
    padding: 10px 0 0 10px;
}

#enquete_show .colArea .icoHdquestion,
#enquete_new .colArea .icoHdquestion {
    padding: 0;
}


/* フォーム */

#enquete_show .me_question_form,
#enquete_new .me_question_form {}


/* ===========================================================
　　　helpdesk common button
============================================================== */


/* ボタンエリア */

.commit_button_block {
    background: #F9F9F9;
    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;
    background-size: contain;
    color: #666;
}


/* スーパーアシスタント */

.kanshinqa {
    background: url("../images/front/icon_kanshin.gif") no-repeat;
    float: left;
}


/* ヘルプデスクお問い合わせ */

.hdquestion_col {
    margin: 0 0 10px;
    display: none;
    /*非表示*/
}

.kanshin_qabox {
    padding: 10px 10px 0;
}


/* スーパーアシスタント一覧外枠 */

.kanshin_qa {
    border: #BCBCBC 3px solid;
    margin: -3px 0 0 0;
}


/* スーパーアシスタント一覧 */

.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 {
    background-position: left center;
    background-size: contain;
}


/* カテゴリー一覧IE6対応 */

.cateList_area ul li {
    _padding: 0 !important;
    _margin: 0 !important;
}


/* for IE6 一覧画面ソート条件横並び化*/

.pg_no,
.pg_scr,
.okw_sort_select {
    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 {
    display: list-item;
}

#faq_question_contents ol,
#faq_answer_contents ol,
#info_news_contents 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 {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 30pt;
}

#faq_question_contents ul li,
#faq_answer_contents ul li,
#info_news_contents ul li {
    list-style-type: disc;
}

#faq_question_contents ol li,
#faq_answer_contents ol li,
#info_news_contents 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_expln {
    padding: 5px;
}

.okw_mrktenqt_contents {
    margin: 0;
    /* 周囲余白 */
    background: #fff;
    /* 背景 */
    padding: 0;
    /* 内側の余白 */
    margin: 0;
    /* 外側の余白 */
    padding-bottom: 20px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px;
    position: relative;
    top: 0;
}

#enquete_show .okw_mrktenqt_contents .colArea,
#enquete_new .okw_mrktenqt_contents .colArea {
    background: none;
    /* 背景 */
    padding: 0;
    /* 内側の余白 */
    margin: 0;
    /* 外側の余白 */
    padding-bottom: none;
    margin-bottom: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.okw_mrktenqt_contents .me_contents_table {
    border-top: 1px solid #DCDCDC;
    font-size: 100%;
}


/* アンケートフォーム帯のアンケート名称 */

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


/* コメント欄 */

#market_enquete_send_list_attribute_7 {
    padding: 0.6em;
    font-size: 100%;
    width: 95%;
    border: 1px solid #bbb;
}

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

.icoMenquete {
    background: none;
    padding-left: 10px;
}

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


/* アンケート完了テーブル */

.me_finish_msg_area {
    background-color: #fff;
    /* 背景色 */
    border: none;
    /* テキスト色 */
    width: 90%;
    /* 幅 */
    margin: 0 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_column_left {
    float: left;
    background-color: #F9F9F9;
    border-right: 1px dotted #DCDCDC;
    width: 200px;
    padding: 5px 0;
    text-indent: 10px;
    margin-bottom: -32763px;
    padding-bottom: 32768px;
}

.me_column_right {
    background-color: #FFFFFF;
    text-align: left;
    padding: 5px 0 5px 10px;
    overflow: hidden;
    width: 580px;
}

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

.me_commit_button_block {
    background: #F0F0F0;
    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: #f0f0f0;
    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;
}


/* ボタン　ホバー */

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


/* =======================================================
    回答ページのデザイン（/show/000）
 ======================================================= */


/* ------------------------------------
    セクション要素
 ------------------------------------ */


/*
    セクション
 ------------------------------------ */


/* section */

#faq_answer_contents .section,
#wizard_list .section {
    margin: 0 0 20px 0;
}


/* ------------------------------------
    レイアウト
 ------------------------------------ */


/*
    2カラム
 ------------------------------------ */


/* セクション */

#faq_answer_contents .layout {
    clear: both;
    padding: 0px;
    margin: 0px;
}


/* カラムセットアップ  */

#faq_answer_contents .col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

#faq_answer_contents .col:first-child {
    margin-left: 0;
}


/*  グルーピング  */

#faq_answer_contents .group:before,
#faq_answer_contents .group:after {
    content: "";
    display: table;
}

#faq_answer_contents .group:after {
    clear: both;
}

#faq_answer_contents .group {
    zoom: 1;
    /* For IE 6/7 */
}


/*  2カラムグリッド  */

#faq_answer_contents .span_2_of_2 {
    width: 100%;
}

#faq_answer_contents .span_1_of_2 {
    width: 49.2%;
}


/* ------------------------------------
    テキスト
 ------------------------------------ */


/*
    見出し
 ------------------------------------ */


/* hdg2 */

#faq_answer_contents .hdg2,
#wizard_list .hdg2 {
    font-size: 120%;
    font-weight: bold;
    margin: 20px 0 10px 0;
    padding: 0;
    line-height: 1;
}


/* hdg2 ボーダー */

#faq_answer_contents .hdg2.border_title,
#wizard_list .hdg2.border_title {
    border-bottom: 4px solid #ddd;
    padding: 20px 0 10px 0;
}


/* hdg3 */

#faq_answer_contents .hdg3,
#wizard_list .hdg3 {
    font-size: 100%;
    font-weight: bold;
    margin: 20px 0 5px 0;
    padding: 0;
}


/* hdg3 ボーダー */

#faq_answer_contents .hdg3.border_sub_title,
#wizard_list .hdg3.border_sub_title {
    border-bottom: 2px solid #ddd;
    padding: 10px 0 5px 0;
    margin: 0 10% 10px 0;
}


/* hdg4 */

#faq_answer_contents .hdg4,
#wizard_list .hdg4 {
    font-size: 100%;
    margin: 10px 0 5px 0;
    padding: 0;
    font-weight: bold;
}


/* hdg5 */

#faq_answer_contents .hdg5,
#wizard_list .hdg5 {
    font-size: 100%;
    margin: 10px 0 5px 0;
    color: #666;
    font-weight: bold;
}


/* 段落 */

#faq_answer_contents p,
#wizard_list p {
    margin: 0 0 10px 0;
}


/* 小さいテキスト */

#faq_answer_contents .rubi,
#wizard_list .rubi {
    margin: 0 10px;
    font-size: 75%;
}

#faq_answer_contents .small,
#wizard_list .small {
    font-size: 75%;
}


/* ボルドテキスト */

#faq_answer_contents .bold,
#wizard_list .bold {
    font-weight: bold;
}


/*
    テキスト
 ------------------------------------ */


/* 色 */

.text_red {
    color: #D12B42;
}

.text_blue {
    color: #619ACE;
}

.text_yellow {
    color: #FFC100;
}

.text_green {
    color: #47993D;
}

.text_gray {
    color: #666;
}


/*
    Emphasis
 ------------------------------------ */


/* Wrap */

#faq_answer_contents .wrap_em,
#wizard_list .wrap_em {
    display: block;
    text-align: center;
}


/* Emphasis */

#faq_answer_contents .hdg_em,
#wizard_list .hdg_em {
    color: #D12B42;
    font-size: 100%;
    margin: 0 0 5px 0;
    display: inline-block;
    border: 2px solid #D12B42;
    padding: 5px 20px;
    font-weight: bold;
}


/*
    リスト
 ------------------------------------ */


/* 順不同 */

#faq_answer_contents .disc_list,
#wizard_list .disc_list {
    margin: 0 20px 10px 20px;
    padding: 0;
    list-style-type: disc;
}

#faq_answer_contents .disc_list li,
#wizard_list .disc_list li {
    list-style-type: disc;
}

#faq_answer_contents .disc_list.long_text li,
#wizard_list .disc_list.long_text li {
    margin-bottom: 10px;
}


/* 順不同かつアイキャッチ無し */

#faq_answer_contents .none_list,
#wizard_list .none_list {
    margin: 0 20px 10px 0px;
    padding: 0;
    list-style-type: none;
}

#faq_answer_contents .none_list li,
#wizard_list .none_list li {
    list-style-type: none;
}

#faq_answer_contents .none_list li:before,
#wizard_list .none_list li:before,
    {
    content: none !important;
}

/* 順番 */

#faq_answer_contents .number_list,
#wizard_list .number_list {
    margin: 0 0 20px 20px;
    padding: 0;
}


/* 引用 */

#faq_answer_contents .dl_list,
#wizard_list .dl_list {
    margin: 0 0 20px 0;
}

#faq_answer_contents .dl_list dt,
#faq_answer_contents .dl_list dd,
#wizard_list .dl_list dt,
#wizard_list .dl_list dd {
    margin: 0;
}


/*
    Q&A
 ------------------------------------ */

#faq_answer_contents .qa_wrap,
#wizard_list .qa_wrap {
    margin-bottom: 10px;
}


/* Q&A */

#faq_answer_contents .q,
#faq_answer_contents .a,
#wizard_list .q,
#wizard_list .a {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 15px;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
}

#faq_answer_contents .q p,
#faq_answer_contents .a p,
#wizard_list .q p,
#wizard_list .a p {
    line-height: 30px;
}


/* 色 */

#faq_answer_contents .q,
#wizard_list .q {
    background-color: #D12B42;
}

#faq_answer_contents .a,
#wizard_list .a {
    background-color: #619ACE;
}


/*
    線
 ------------------------------------ */

#faq_answer_contents .line,
#wizard_list .line {
    max-width: 100%;
    height: 2px;
    background-color: #ddd;
    margin: 25px auto;
}


/*
    テキストブロック
 ------------------------------------ */

#faq_answer_contents .block,
#wizard_list .block {
    padding: 10px 15px;
    margin: 0 0 20px 0;
}


/* border */

.border_black {
    border: 2px solid #333;
}

.border_gray {
    border: 2px solid #bbb;
}

.border_red {
    border: 2px solid #D12B42;
}

.border_blue {
    border: 2px solid #619ACE;
}

.border_yellow {
    border: 2px solid #FFC100;
}

.border_green {
    border: 2px solid #47993D;
}


/*
    テキストのスクロルボクス
 ------------------------------------ */

#faq_answer_contents .text_box,
#wizard_list .text_box {
    width: 100%;
    max-width: 100%;
    height: 300px;
    overflow: scroll;
    padding: 15px 20px;
    box-sizing: border-box;
    line-height: 1.8;
    font-size: 85%;
    font-weight: normal;
    border: 1px solid #ddd;
}


/*
    短いヘルプのパッディング
 ------------------------------------ */

#faq_answer_contents .short {
    margin-bottom: 100px;
}


/* ------------------------------------
    リンク
 ------------------------------------ */

#faq_answer_contents a,
#wizard_list a {
    color: #619ACE;
}

#faq_answer_contents a:hover,
#faq_answer_contents a:focus,
#wizard_list a:hover,
#wizard_list a:focus {
    color: #4280B4;
}


/*
    目次
 ------------------------------------ */

#faq_answer_contents .toc {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#faq_answer_contents .toc li {
    border-left: 4px solid #ddd;
    padding: 2px 15px;
    list-style-type: none;
}


/*
    メニューリンクボタン
 ------------------------------------ */

#faq_answer_contents .menu_link {
    display: block;
    padding: 0;
    line-height: 1.3;
}

#faq_answer_contents .menu_link:after {
    display: block;
    clear: both;
    content: "";
}

#faq_answer_contents .menu_link li {
    float: left;
    margin: 0 10px 10px 0;
    list-style-type: none;
}

#faq_answer_contents .menu_link li a {
    display: block;
    background: #CCCCCC;
    color: #333;
    padding: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 80%;
}

#faq_answer_contents .menu_link li a:hover {
    background: #414141;
    color: #fff;
}


/* ------------------------------------
    テーブル
 ------------------------------------ */


/*
    汎用テーブル
 ------------------------------------ */


/* table_normal */

#faq_answer_contents .table_normal,
#wizard_list .table_normal {
    border-color: #F0F0F0;
    border-spacing: 0;
    box-sizing: border-box;
    display: table;
    zoom: 1;
    border-collapse: collapse;
    margin: 0 auto 20px auto;
    width: 100%;
    word-break: break-all;
}

#faq_answer_contents .table_normal tr,
#wizard_list .table_normal tr {
    box-sizing: border-box;
    display: table-row;
    vertical-align: middle;
    zoom: 1;
}

#faq_answer_contents .table_normal th,
#wizard_list .table_normal th {
    background: #999;
    color: #fff;
    font-weight: 800;
    padding: 10px;
    border: 1px solid #bbb;
    text-align: center;
    min-width: 100px;
}

#faq_answer_contents .table_normal td,
#wizard_list .table_normal td {
    border: 1px solid #bbb;
    padding: 5px 10px;
}

#faq_answer_contents .table_normal td p,
#wizard_list .table_normal td p {
    margin: 0 0 10px 0;
}

#faq_answer_contents .table_normal .rubi,
#wizard_list .table_normal .rubi {
    font-size: 80%;
    margin: 0;
}


/*
     小さいテーブル情報ボックス
 ------------------------------------ */

#faq_answer_contents .table_normal.info_box,
#wizard_list .table_normal.info_box {
    width: 70%;
}


/* テーブルテキスト Vertical Align middle */

#faq_answer_contents .align_middle,
#wizard_list .align_middle {
    vertical-align: middle;
}


/* テーブルデータのテキスト Align center */

#faq_answer_contents .align-center td,
#wizard_list .align-center td {
    text-align: center;
    padding: 0;
    margin: 0;
}


/*
    色分け
 ------------------------------------ */


/* 赤色 */

#faq_answer_contents .table_red th,
#wizard_list .table_red th {
    background: #D12B42;
    border: solid 1px #D12B42;
}

#faq_answer_contents .table_red td,
#wizard_list .table_red td {
    border: solid 1px #D12B42;
}


/* 黄色 */

#faq_answer_contents .table_yellow th,
#wizard_list .table_yellow th {
    background: #F7D358;
    color: #000;
    border: solid 1px #F7D358;
}

#faq_answer_contents .table_yellow td,
#wizard_list .table_yellow td {
    border: solid 1px #F7D358;
}


/* 青色 */

#faq_answer_contents .table_blue th,
#wizard_list .table_blue th {
    background: #4280B4;
    border: solid 1px #4280B4;
}

#faq_answer_contents .table_blue td,
#wizard_list .table_blue td {
    border: solid 1px #4280B4;
}


/* 緑色 */

#faq_answer_contents .table_green th,
#wizard_list .table_green th {
    background: #47993D;
    border: solid 1px #47993D;
}

#faq_answer_contents .table_green td,
#wizard_list .table_green td {
    border: solid 1px #47993D;
}


/*
    無色テーブル
 ------------------------------------ */

#faq_answer_contents .table_no_style,
#wizard_list .table_no_style {
    border: none;
    box-sizing: border-box;
    display: table;
    zoom: 1;
    border-collapse: collapse;
    margin: 0 0 20px 0;
}

#faq_answer_contents .table_no_style tr,
#wizard_list .table_no_style tr {
    box-sizing: border-box;
    display: table-row;
    vertical-align: middle;
    zoom: 1;
}

#faq_answer_contents .table_no_style th,
#wizard_list .table_no_style th {
    color: #666;
    font-weight: 800;
    padding: 10px;
    text-align: center;
    width: 20%;
}

#faq_answer_contents .table_no_style td,
#wizard_list .table_no_style td {
    padding: 10px;
}

#faq_answer_contents .table_no_style td p,
#wizard_list .table_no_style td p {
    margin: 0 0 10px 0;
}

#faq_answer_contents .table_no_style .rubi,
#wizard_list .table_no_style .rubi {
    font-size: 80%;
    margin: 0;
}


/* ------------------------------------
    画像
 ------------------------------------ */


/* レスポンシブ画像 */

#faq_answer_contents .image_responsive,
#wizard_list .image_responsive {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* 左寄せの画像 */
#faq_answer_contents .image_left,
#wizard_list .image_left {
    margin: 0 !important;
}

/* アイコン画像 */

#faq_answer_contents .image_icon,
#wizard_list .image_icon {
    height: 1.1em;
    width: auto;
    padding: 0 5px;
}


/* ------------------------------------
    アコーディオン
 ------------------------------------ */

#faq_answer_contents .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 100%;
    transition: 0.4s;
    font-weight: bold;
}

#faq_answer_contents .accordion.active,
#faq_answer_contents .accordion:hover {
    background-color: #ddd;
}

#faq_answer_contents .accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

#faq_answer_contents .accordion.active:after {
    content: "\2796";
}

#faq_answer_contents .panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    border: 1px solid #ddd;
    padding: 3px 18px 0 18px;
    margin-bottom: 5px;
}

#faq_answer_contents .panel p {
    margin: 16px 0 25px 0;
}

#faq_answer_contents .panel.show {
    opacity: 1;
    max-height: 100%;
}

/*フッターロゴリンク削除対応分*/
body #okw_footer_default {
    text-align: right;
}


/* ------------------------------------
  カスタムパーツ 20180907作成
 ------------------------------------ */

/*共通*/
.notice_all {
    width: 955px;
    background-color: #FFF;
    display: inline-block;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: #BDBFC2 1px 1px 2px 0;
    padding-bottom: 5px;
}

.notice_ttl {
    height: 38px;
    font-size: 80%;
    font-weight: bold;
    display: block;
    color: #FFF;
    padding: 10px;
    box-sizing: border-box;
}

/*niconicoからのお知らせ*/
.bg_red {
    background: #CC2F48;
}

.niconicoNews {
    width: 472px;
    float: left;
    background-color: #FFF;
}

.NewsList {
    padding: 10px;
}