@charset "UTF-8";
/*
 * OKBiz
 * OKFAQ Copyright(c) 2002-2011 OKWave.
*/
/* =======================================================
     basic
======================================================= */
/* ------------------------------
     default settings
------------------------------ */
* {
    margin: 0; /* 周囲余白 */
    padding: 0; /* 余白 */
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0; /* 周囲余白 */
    padding: 0; /* 余白 */
}
fieldset, img, table {
    border: 0; /* 罫線 */
}
li, ol, ul {
    list-style: none; /* リスト */
}
body {
    font-family: HelveticaNeue,"HiraKakuProN-W3", "メイリオ", sans-serif !important;
    line-height: 1.5; /* テキスト高さ */
    color: #333; /* テキスト色 */
    text-align: left; /* テキスト配置 */
   background-color:#fff;

}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%; /* 文字サイズ */
    font-weight: normal; /* 文字太さ */
}
h1 {
    font-size: 12px; /* 文字サイズ */
}
em {
    font-style: normal; /* 文字斜体 */
}
/* ------------------------------
     font size
------------------------------ */
/* 大 */
body.lang_size_large,
.lang_size_large textarea {
    font-size: 120%; /* 文字サイズ */
}
.lang_size_large .login_txt,
.lang_size_large .keyword_frm {
    font-size: 110%; /* 文字サイズ */
}
/* 中 */
body.lang_size_medium,
.lang_size_medium .login_txt,
.lang_size_medium  .keyword_frm,
.lang_size_medium textarea {
    font-size: 90%; /* 文字サイズ */
}
/* 小 */
body.lang_size_small,
.lang_size_small textarea {
    font-size: 80%; /* 文字サイズ */
}
.lang_size_small .login_txt,
.lang_size_small .keyword_frm {
    font-size: 90%; /* 文字サイズ */
}
/* ------------------------------
     common
------------------------------ */
.flo_l {
    float: left; /* 表示配置 */
}
.flo_r {
    float: right; /* 表示配置 */
    display: inline;
}
/* ------------------------------
     link
------------------------------ */
/* リンク */
a:link {
    color: #000; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* 訪問済み */
a:visited {
    color: #000; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
    color: #039; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* アクティブ */
a:active {
    color: #039; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* =======================================================
     base layout
======================================================= */
/* ------------------------------
     okwave wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {
	background-color:#FFFFFF/* 本コレ背景 */
	}

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

h2 {
    font-size: 16px!important; /* 文字サイズ */
}

/* ------------------------------
     okwave head line
------------------------------ */
/* 領域 */
.okw_headline {
    width: 980px; /* 幅 */
    margin: 0 auto; /* 周囲余白 */
}
/* h1 タグ内 */
.okw_headline h1{
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    margin: 4px 4px 0;
    text-align: right;
}
/* ------------------------------
     okwave headder
------------------------------ */
/* 領域 */
#okw_header {
    background: transparent url("../images/front/headerbg.jpg") repeat-x scroll left top; /* 背景 */
}
/* 内部領域 */
#okw_header_inner {
    background: transparent url("../images/front/pic_header.jpg") no-repeat scroll left top; /* 背景 */
    width: 980px; /* 幅 */
    margin: 0 auto; /* 周囲余白 */
    height: 100px; /* 高さ */
    padding: 1px 0 0; /* 余白 */
}
/* ロゴ */
#okw_header_logo a {
    background: transparent url("../images/front/logo_header.gif") no-repeat scroll left top; /* 背景 */
    width: 190px; /* 幅 */
    text-indent: -99999px; /* インデント */
    overflow: hidden; /* 領域外表示 */
    display: block; /* 表示要素 */
    height: 70px; /* 高さ */
    margin: 10px 0 0; /* 周囲余白 */
}


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

/* 領域 */
#okw_contents {
   background-color: #FFFFFF !important; 
   background-image:none !important;
}

/* 表示領域ベース */
#okw_contents_base {
    margin: 25px auto 50px; /* 周囲余白 */
    padding-right: 30px; /* 余白 */
    width: 970px; /* 幅 */
    background-color: #fff;
	border: 0px solid #FFFFFF;  /* 背景 */
    position: relative; /* ポジショニング */
	background-image:none !important; 
}

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

/* 表示領域 */
#okw_contents_inner {
    padding-left: 30px; /* 余白 */
	background-image:none !important; 
}

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








/* ------------------------------
     side column
------------------------------ */
/* 領域 */
#okw_side {
    width: 300px; /* 幅 */
}
/* ------------------------------
     main column
------------------------------ */
/* 領域 */
#okw_center{}
/* 領域・サイドカラム有 */
#okw_center.okw_side {
    width: 620px; /* 幅 */
}
/* 領域・サイドカラム無 */
#okw_center .side_none {
    width: auto; /* 幅 */
}
/* ------------------------------
     okwave footer
------------------------------ */
/* ライン画像領域 … custom フッターで消える */
#okw_footer_custom {
    height: 15px; /* 高さ */
    background: transparent url("../images/front/footerbg.jpg") repeat-x scroll left top; /* 背景 */
}
/* 領域 */
#okw_footer_default {
    padding: 0px 10px 10px; /* 余白 */
}
/* コピーライト */
.okw_copy {}
/* ロゴ */
#okw_logo_footer a {
    background: transparent url("/usr/file/attachment/csm_logo_footer_8a8a8a.gif") no-repeat scroll left top; /* 背景 */
    width: 190px; /* 幅 */
    height: 24px; /* 高さ */
    display: block; /* 表示要素 */
    text-indent: -99999px; /* インデント */
    overflow: hidden; /* 領域外表示 */
margin-top:3px;
}
/* =======================================================
     link
======================================================= */
/* トップヘ */
.topLink {
    float: right; /* 表示配置 */
    font-size: 12px; /* 文字サイズ */
    margin: 10px 0; /* 周囲余白 */
    height:auto;
}
/* トップヘリンク */
.topLink a {
    background: transparent url("/usr/file/attachment/Honkore_Topicon.png") no-repeat scroll 2px 100%; /* 背景 */
    background-position:left center;
    height: 13px; /* 高さ */
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
}
/* 領域 */
.siteLink li {
    display: inline; /* 表示要素 */
    font-size: 12px; /* 文字サイズ */
}
/* 戻る */
.preLink {
    background: transparent url("/usr/file/attachment/honkore_modoru_icon.png") no-repeat scroll 2px 100%; /* 背景 */
    text-align: left; /* テキスト配置 */
    margin-right: 15px; /* 周囲余白 */
}
/* 戻るリンク */
.preLink a {
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
    height: 13px; /* 高さ */
}
/* ------------------------------
     admin link : 管理者向けリンク
------------------------------ */
/* 領域 */
.admin_link div {
    position: fixed; /* ポジショニング  IE6にも対応 */
    position: absolute;/* ポジショニング 　IE6にも対応 */
    right: 0; /* 右位置 */
}
/* リンク内 */
.admin_link div a {
    display: block; /* 表示要素 */
    width: 36px; /* 幅 */
    height: 102px; /* 高さ */
    overflow: hidden; /* 領域外表示 */
    text-indent: -99999px; /* インデント */
}
/* FAQリンク領域 */
.admin_back {
    top: 150px; /* 上位置 */
}
/* FAQリンク */
.admin_back a {
    background: transparent url("../images/front/admin_back.gif") no-repeat scroll center center; /* 背景 */
}
/* デザインプレビューリンク領域 */
.preview_close {
    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{

    background-color: #666 !important; /* 背景色 */
    display: inline-block; /* 表示要素 */
    height: 24px; /* 高さ */
    padding: 6px 0 0 35px; /* 余白 */
}
/* info & news */
.icoInf {
    background-image: none !important;
	padding:0; /* 余白 */
}
/* icoInfoNews */
.icoInfoNews {
    background-image: none;
	padding:0; /* 余白 */
}
/* キーワード検索 */
.icoKeyword {
    background-image: none;
	padding:0; /* 余白 */
}
/* よくある質問 */
.icoQa {
    background-image:  none;
	padding:0; /* 余白 */
}
/* 最新の FAQ */
.icoNew {
    background-image:  none;
	padding:0; /* 余白 */
}
/* カテゴリー */
.icoCate {
    background-image:  none;
	padding:0; /* 余白 */
}
/* FAQ一覧 */
.icoResult{
    background-image:  none;
	padding:0; /* 余白 */
}


/* ------------------------------
     faq detail page
------------------------------ */
/* おすすめのFAQ */
.icoFaq {
	background-image: none; /* 背景 */
    display: inline-block; /* 表示要素 */
    padding:0; /* 余白 */
}
/* 印刷 */
.icoPrint {
    background: transparent url("../images/front/ico_print.gif") no-repeat scroll 2px 2px; /* 背景 */
    display: inline-block; /* 表示要素 */
}
/* 印刷リンク */
.icoPrint a {
    display: block; /* 表示要素 */
    padding: 2px 3px 2px 20px; /* 余白 */
    height: 16px; /* 高さ */
    display: inline;
}
/* 質問 */
.icoQ {
    background: transparent url("/usr/file/attachment/csm_ico_qst.gif") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 6px 0 7px 40px; /* 余白 */
}
/* 回答 */
.icoA {
    background: transparent url("/usr/file/attachment/csm_ico_ans.gif") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 8px 0 8px 40px; /* 余白 */
    margin: 0 5px; /* 周囲余白 */
}
/* ------------------------------
     faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml{
    background: transparent url("/usr/file/attachment/csm_ico_qst_s.gif") no-repeat scroll 0% 40%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* 回答小 */
.icoA_sml{
    background: transparent url("/usr/file/attachment/csm_ico_ans_s.gif") no-repeat scroll 0% 10%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* =======================================================
     sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
    margin: 0; /* 周囲余白 */
    line-height: 22px;

}
/* ------------------------------
     category path
------------------------------ */
/* 領域 */
.okw_bread {
}
/* 各部 */
.okw_bread li {
    display: inline; /* 表示要素 */
    font-size: 12px; /* 文字サイズ */
}
/* リンク */
.okw_bread li a {
    margin: 0 5px 0 0; /* 周囲余白 */
}
/* ------------------------------
     font size change
------------------------------ */
/* 領域 */
#fontCol {
    white-space: nowrap; /* 要素内余白表示 */
    line-height: 22px;
}
/* テキスト部 */
li.okw_txt {
    font-size: 12px; /* 文字サイズ */
    float: left; /* 表示配置 */
    margin-right: 10px; /* 周囲余白 */
}
/* 大中小 */
.fntBig,
.fntMid,
.fntSml,
li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
    width: 22px; /* 幅 */
    height: 22px; /* 高さ */
    float: left; /* 表示配置 */
    text-indent: -99998px; /* インデント */
    overflow: hidden; /* 領域外表示 */
    margin-right: 5px; /* 周囲余白 */
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: left top; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
}
/* 大中小リンク */
.fntBig a, .fntMid a, .fntSml a {
    display: block; /* 表示要素 */
}
/* 大 */
li.fntBig {
    background-image: url("../images/front/btn_fntbig_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
======================================================= */
/* 領域 */
.colArea {
    margin-bottom: 10px; /* 周囲余白 */
}
/* ------------------------------
     title
------------------------------ */
/* 2 列パーツ */
.twoCol {
    width: 49.5%; /* 幅 */
}

/* 1 列パーツ */
.ttl_col {
    height: 32px; /* 高さ */
    padding: 8px 0 0 20px; /* 余白 */
	color:#fff;
	background-color: #666; /* 背景 */
	font-size:16px;
	margin-top:30px;
	margin-bottom:20px;
background-image: none !important;
}
/* パーツタイトル */
.ttl_bg {
    padding: 0; /* 余白 */
    background-image: none !important;
}
/* パーツタイトル文字 */
.ttl_col h2 {
    font-size: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
}


/* ------------------------------
     info & news
------------------------------ */
/* リスト領域 */
.newsList {
    margin: 5px 10px 0; /* 周囲余白 */
}
/* 1 行 */
.newsList li {
	background-image:none !important;
    padding: 0; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
    clear:both;
    overflow: hidden;
    line-height: 1.2;
}
/* 日付 */
.datetime {
    line-height: 1.2; /* テキスト高さ */
    margin-right: 10px; /* 周囲余白 */
    white-space: nowrap; /* 要素内余白表示 */
}
/* Info&News一覧日付 */
.newsList li .datetime{
    float: left;
}
/* Info&News一覧本文 */
.infoTxt{
    float:left;
    word-break:keep-all;
    white-space: nowrap;
}

/* ------------------------------
     keyword search
------------------------------ */

/* 領域 */
.search_frmArea {
    margin: 11px 0px; /* 周囲余白 */
}
/* 説明文 */
.search_description{
    font-size:80%; /* 文字サイズ */
    color:#666666; /* テキスト色 */
    margin:3px 0; /* 周囲余白 */
}
/* フォーム */
.keyword_frm {
    width: 65%; /* 幅 */
    height: 28px; /* 高さ */
    float: left; /* 表示配置 */
    border-width: 1px 0 1px 1px; /* 罫線幅 */
    border-color: #ccc; /* 罫線色 */
    border-style: solid; /* 罫線スタイル */
    line-height: 2.0; /* テキスト高さ */
    font-size: 14px; /* 文字サイズ */
    letter-spacing: 1.8px; /* 文字間 */
}
/* 自然文フォーム */
.n_keyword_frm{
    background-color: #FCFCFC; /* 背景色 */
    border: 1px solid #CCCCCC; /* 罫線 */
    min-width: 200px;
    width: 100%; /* 幅 */
}
.n_keyword_frm:focus{
    background-color: #FFFFFF; /* 背景色 */
}
/* ボタン */
.keyword_frmbtn {
    background: transparent url("/usr/file/attachment/csm_btn_search.gif") no-repeat scroll left top; /* 背景 */
    width: 40px; /* 幅 */
    height: 40px; /* 高さ */
    border: 0; /* 罫線 */
    font-size: 0; /* 文字サイズ */
}

.keyword_frmbtn:hover{
  color: #000000;
  background:#e6e6e6;
  transition: .4s;
}

/* 自然文ボタン */
.n_keyword_frmbtn{
    background: url("../images/front/btnsearch.gif") no-repeat scroll left top transparent;
    width: 72px; /* 幅 */
    height: 30px; /* 高さ */
    color: #fff; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
    float:right;
    margin:5px 0 0 0; /* 周囲余白 */
    display:block;
}
/* 検索切り替え */
.search_switch{
    font-size:0.9em; /* 文字サイズ */
    margin: 5px auto 0 0; /* 周囲余白 */
}
.kwd_none {
    margin: 15px 3px 20px 0px; /* 周囲余白 */
    background-color: #F6FFF2; /* 背景色 */
    border: 1px solid #E4E4E4; /* 罫線 */
    padding: 20px; /* 余白 */
}
.kwd_none span {
    font-weight: bold; /* 文字太さ */
}

/* ------------------------------
     qa list
------------------------------ */
/* 領域 */
.qaList {
    margin: 15px 0 30px; /* 周囲余白 */
}
/* 1 行 */
.qaList li {
    background: transparent url("/usr/file/attachment/csm_marker_arrow.gif") no-repeat scroll left center; /* 背景 */
    padding: 0 0 0 30px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
}
/* ------------------------------
     new faq list
------------------------------ */
/* 領域 */
.faqList {
    margin: 0; /* 周囲余白 */
}
/* 1 行 */
.faqList li {
    background: transparent url("/usr/file/attachment/csm_marker_arrow.gif") no-repeat scroll left center; /* 背景 */
    padding: 0 0 0 30px; /* 余白 */
    margin-bottom: 14px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
	font-size: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 {
    padding:0 5px 0 5px;
}
.cate_middle a{
    font-weight:bold;
}
/* 小カテゴリ */
.cate_small{
    display: table;
    padding: 5px 5px 0 5px;
    font-size:80%;
}
/* 小カテゴリ */
.cate_small li{
    display:inline;
    padding: 0 4px 0 0;
    word-wrap:break-word;
    word-break:break-all;
}
/* 件数 */
.cate_count {
    padding: 0 0 0 5px; /* 余白 */
    color: #666; /* テキスト色 */
    white-space: nowrap; /* 要素内余白表示 */
}
/* カテゴリー列表示用 */
.cateList_box{
    margin: 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;
}


/* =======================================================
 faq detail page
======================================================= */
/* ------------------------------
     base info
------------------------------ */
/* 領域 */
.faq_qstInf_col {
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin: 30px 0 5px; /* 周囲余白 */
}
/* 表示領域 */
.faq_dateNo {
    margin-right: 5px; /* 周囲余白 */
}
/* 各パーツ */
.faq_dateNo li {
    font-size: 12px; /* 文字サイズ */
    margin-right: 15px; /* 周囲余白 */
    display: inline; /* 表示要素 */
}
/* 印刷 */
.faq_dateNo li.faq_print {
    margin-right: 0; /* 周囲余白 */
}
/* ------------------------------
     question
------------------------------ */
/* タイトル */
.faq_qstCont_ttl {
    font-size: 20px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    color: #000; /* テキスト色 */
    line-height: 1.4; /* テキスト高さ */
    margin: 10px 12px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* 領域 */
.faq_qstCont_col {
    margin: 10px 13px 30px; /* 周囲余白 */
}
/* テキスト領域 */
.faq_qstCont_txt {
    margin-bottom: 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* カテゴリ */
.faq_cate_col {
    padding: 5px; /* 余白 */
    border: 1px dotted #999; /* 罫線 */
    background-color: #f7f7f7; /* 背景色 */
}
/* カテゴリタイトル */
.faq_cate_col dt, .faq_cate_col dd {
    float: left; /* 表示配置 */
}
/* カテゴリ名 */
.faq_cate_col dt {
    margin-right: 5px; /* 周囲余白 */
}
/* ------------------------------
     answer
------------------------------ */
/* タイトル領域 */
.faq_ans_bor {
    background: transparent url("/usr/file/attachment/csm_bor_qst.gif") repeat-x scroll left bottom; /* 背景 */
    padding-bottom: 5px; /* 余白 */
    margin: 0 10px 10px; /* 周囲余白 */
}
/* タイトル */
.faq_ans_ttl {
    font-size: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    line-height: 1.2; /* テキスト高さ */
    margin: 10px 10px 10px; /* 周囲余白 */
}
/* 領域 */
.faq_ans_col {
    padding: 0 20px 20px; /* 余白 */
    border-bottom:none; /* 罫線 */
    margin-bottom: 20px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* テキスト領域 */
.faq_ansCont_txt {
    margin-bottom: 10px; /* 周囲余白 */
}
/* 添付ファイル・追加フォーム領域 */
.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; /* 周囲余白 */
}

/* ------------------------------
     wizard FAQ question
------------------------------ */
/* 質問文 */
.wzd_qstCont_col{
    background-color: #fff;
	border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
    border-left: 4px solid #666;
    padding: 10px 8px 10px 15px;
    margin: 10px 65px 0px;
}
.wzd_qstCont_txt{
    float: left;
}

/* 20180831 */
.wzd_qstCont_col .wzd_qstCont_txt{
    width:100%;
}

.indent_1cal{
    display:inline-block;
    padding-left:1em;
    text-indent:-1em;
}
/* /20180831 */

/* 1カラム　設問リンク */
.wzd_bck{
    background: url("/usr/file/attachment/csm_ico_prearrow.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 10px 10px 15px;
    margin: 2px 65px 20px;
    clear: both;
    overflow: hidden;
}
.wzd_slct_area div{
    overflow: hidden;
}
/* チェックボックス 領域 */
.wzd_slct_area .chckbx_off,
.wzd_slct_area .chckbx_on{
    display: inline-block;
    padding: 0 0 0 30px;
}
/* 未選択チェックボックス アイコン */
.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("/usr/file/attachment/csm_btn_navi_on.gif") no-repeat scroll 0 -1px transparent;
    cursor: pointer;
}
/* 選択肢領域内テキスト */
.selecttxt{
    background: url("/usr/file/attachment/csm_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 #e4e4e4;
    margin: 30px auto 20px;
    padding: 0 10px;
    width: 93%;
}
/* タイトル */
.questioner_ttl {
    font-size: 14px; /* 文字サイズ */
    padding: 10px 10px 3px; /* 余白 */
    text-align: left; /* テキスト配置 */
    font-weight: bold; /* 文字太さ */
    border-bottom:2px dotted #e4e4e4; /* アンダーライン */
}
/* 内容領域 */
.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:59%;
    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: #000; /* テキスト色 */
    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; /* 背景 */
}
/* 送信ボタン 非活性時 */
.questioner_btn[disabled]{
    color:#A0A0A0; /* 文字色 */
}

/* ------------------------------
     related faq : おすすめFAQ
------------------------------ */
/* 領域 */
.faq_relate_list {
    margin: 5px 0 10px; /* 周囲余白 */
}
/* 1 行 */
.faq_relate_list li {
    background-attachment: scroll; /* 背景スクロール */
    background-image: url("/usr/file/attachment/csm_marker_arrow.gif"); /* 背景画像 */
    background-position: 10px 50%; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
    padding: 5px 10px 5px 35px; /* 余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
}
/* 奇数行 */
.faq_list_bg1 {
    background-color: #fff; /* 背景色 */
}
/* 偶数行 */
.faq_list_bg2 {
    background-color: #fff; /* 背景色 */
}
/* =======================================================
     faq search list page
======================================================= */
/* ------------------------------
     list
------------------------------ */
/* 領域 */
.search_list {
    margin-bottom: 4px; /* 周囲余白 */
    border-top: 1px dotted #333; /* 罫線 */
}
/* 1 行 */
.search_list_inner {
    border-bottom: 1px dotted #333; /* 罫線 */
    padding: 5px 10px; /* 余白 */
}
/* 1 行 ホバー */
li.search_list_inner:hover {
    background-color: #e4e4e4 !important; /* 背景色 */
}
/* 奇数行 */
.search_list_bg1 {
    background-color: #fff; /* 背景色 */
    padding: 5px 10px; /* 余白 */
}
/* 偶数行 */
.search_list_bg2 {
    background-color: #fff !important; /* 背景色 */
    padding: 5px 10px; /* 余白 */
}
/* タイトル */
.search_qattl {
    font-weight: bold; /* 文字太さ */
    font-size: 16px; /* 文字サイズ */
    margin-bottom: 3px; /* 周囲余白 */
}
/* faq id、更新日時、カテゴリー 領域 */
ul.search_dateNo {
    margin-left: 20px; /* 周囲余白 */
}
/* faq id、更新日時、カテゴリー */
.search_dateNo li {
    font-size: 12px; /* 文字サイズ */
    margin: 0 10px 0 0px; /* 周囲余白 */
    display: inline; /* 表示要素 */
    color: #999; /* テキスト色 */
}
/* 検索結果文字 */
.search_word {
    font-weight: bold; /* 文字太さ */
}
/* ------------------------------
     paging common
------------------------------ */
/* ページング領域（上） */
.pg_col_top {
    margin: 4px 0 5px; /* 周囲余白 */
    font-size: 12px; /* 文字サイズ */
    font-family: Tahoma; /* 文字フォント */
}
/* ページング領域（下） */
.pg_col_down {
    margin: 0 0 5px; /* 周囲余白 */
    font-size: 12px; /* 文字サイズ */
    font-family: Tahoma; /* 文字フォント */
}
/* 件数表示 */
.pg_no {
    margin-left: 10px; /* 左余白 */
    width: 30%; /* 幅 */
}
/* ------------------------------
     sort
------------------------------ */
/* 領域 */
.okw_sort {
    text-align: right; /* テキスト配置 */
    font-size: 12px; /* 文字サイズ */
    width: 30%; /* 幅 */
    margin-right: 10px; /* 周囲余白 */
}
/* 各リンク・現在地 */
.okw_sort a,
.okw_sort span {
    margin: 0 1px; /* 周囲余白 */
    padding-right: 5px; /* 余白 */
}
/* 現在地 */
.okw_sort span.okw_current {
    font-weight: bold; /* 文字太さ */
    padding-left: 12px; /* 余白 */
    background: transparent url("../images/front/marker_down.gif") scroll no-repeat left center; /* 背景 */
}
/* 検索結果　キーワード順 */
.okw_sort_key_index0 {
    border-right: 1px solid #000000; /* 検索時のソート条件の区切り文字 */
}
/* ------------------------------
     top paging
------------------------------ */
/* 上部ページング */
.pg_scr {
    text-align: center; /* テキスト配置 */
    width: 36%; /* 幅 */
}
/* 上部ページング テキスト部 */
.pg_scr span {
    margin: 0 10px; /* 周囲余白 */
}
/* 上部ページング 無効 */
.pg_scr span.disabled {
    color: #ddd; /* テキスト色 */
}
/* ------------------------------
     foot paging
------------------------------ */
/* ページャー */
.pagination {
    margin: 0 auto; /* 周囲余白 */
    font-size: 11px; /* 文字サイズ */
    float: right; /* 表示配置 */
    white-space: nowrap; /* 要素内余白表示 */
    font-family: Tahoma, "Lucida Grande", Arial, Sans-serif; /* 文字フォント */
}
/* リンク・現在地 */
.pagination a,
.pagination span {
    margin: 0; /* 周囲余白 */
    padding: 3px 6px; /* 余白 */
}
/* 現在地 */
.pagination span.okw_current,
.pagination span.current {
    font-weight: bold; /* 文字太さ */
}
/* リンクなし */
.pagination span.disabled {
    color: #ddd; /* テキスト色 */
}
/* =======================================================
     info & news page
======================================================= */
/* 領域 */
.infonews_col {
    margin: 5px 0 40px; /* 周囲余白 */
    padding: 5px 0 0; /* 余白 */
}
/* 投稿日時領域 */
.infonews_datetime {
    text-align: right; /* テキスト配置 */
}
/* 投稿日時 */
.infonews_date_no {
    margin-right: 5px; /* 周囲余白 */
}
/* タイトル領域 */
.infonewstitle_col{
    margin:0; /* 周囲余白 */
}
/* タイトル領域 */
.infonews_ttl {
    background: transparent; /* 背景色 */
    font-weight: bold; /* 文字太さ */
    font-size: 16px; /* 文字サイズ */
    padding-top:-5px; /* 余白 */
}
/* タイトル */
.infonews_ttl_bor {
    background-image: none !important;
    display: inline-block; /* 表示要素 */
    padding: 0; /* 余白 */
}
/* 本文 */
.infonews_txt {
    padding: 20px; /* 余白 */
}

/* =======================================================
     login page
======================================================= */
/* 領域 */
#login_col {
    width: 340px; /* 幅 */
    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; /* 周囲余白 */
}
/* サブタイトル */
.form_field dt {
    width: 5.5em; /* 幅 */
    float: left; /* 表示配置 */
    text-align: right;
    margin-right: 3px;
}
/* テキストボックス・パスワードボックス */
.login_txt {
    width: 200px; /* 幅 */
    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; /* 背景 */
}
/* ------------------------------
     login err
------------------------------ */
.login_error_txt {
    color: #F00; /* テキスト色 */
    text-align: center; /* テキスト配置 */
    font-weight: bold;
}
/* =======================================================
     password change page
======================================================= */
/* ------------------------------
     password change
------------------------------ */
/* タイトルメッセージ */
.pass_msg {
    text-align:  center;
}
/* パスワードエラー領域 */
.pass_error {
    width: 360px;
    margin: 0 auto;
}
/* パスワードエラー */
.pass_error li {
    list-style:  disc inside none;
    font-weight: bold;
    color: red;
}
/* パスワード変更フォーム */
.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 ; /* 周囲余白 */
}

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

/* お問い合わせ入力 */
.icoHdquestion {
    background-attachment: scroll;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0px;
}


.icoHdquestion {
    background-image:none !important;
    padding-left: 0;
}

.hdquestion_ttl {
    background: transparent; /* 背景色 */
    font-weight: bold; /* 文字太さ */
    font-size: 16px; /* 文字サイズ */
    padding-top:-5px; /* 余白 */

}

.hdquestion_ttl_bor {
    background-image: none !important;
    display: inline-block !important;
    padding: 0; /* 余白 */
}


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

/* お問い合わせ完了テーブル */
.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;
    border-right: 1px dotted #DCDCDC;
    width: 200px;
    padding:5px 0;
    text-indent: 5px;
    margin-bottom: -32763px;
    padding-bottom: 32768px;
}

.HDcolumn_right{
    background-color: #FFFFFF;
    text-align: left;
    padding:5px 0 5px 10px;
    margin-left:0px;
}

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

.hdq_confirm_btn_c{
    overflow:visible;
}
/* =======================================================
     helpdesk フォーム関連
======================================================= */

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

/* ヘルプデスク再上部　タイトル背景傍線 */

/* ヘルプデスク補足質問　内容参照テーブルの下線 */
.hdcontents_bor {
    border-bottom: 1px solid #DCDCDC; /* 罫線色 */
}

/* 注釈 "* は必ず入力してください" */
.help_attention {
    float: none;
    text-align:right;
    font-size: 14px;/* フォントサイズ */
    margin:0;/* 周囲余白 */
}

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

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

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


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

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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

/* スーパーアシスタント */
.kanshinqa {
    background-image: none !important;
    float: left;
}

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

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

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

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

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


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

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

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

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

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

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

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

/* ----------
    for FAQ
   ---------- */

.xl65 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt solid; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 54pt; COLOR: black; PADDING-TOP: 1px; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none}
.xl66 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 54pt; COLOR: black; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BORDER-LEFT-STYLE: none; HEIGHT: 22.5pt; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none}
.xl67 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 54pt; COLOR: black; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BORDER-LEFT-STYLE: none; HEIGHT: 22.5pt; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none}
.xl68 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt solid; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 11pt; VERTICAL-ALIGN: middle; WIDTH: 54pt; COLOR: black; PADDING-TOP: 1px; FONT-STYLE: normal; FONT-FAMILY: 'ＭＳ Ｐゴシック',monospace; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none}
.xl69 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 122pt; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none}
.xl70 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 700; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 54pt; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none}
.xl71 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 122pt; COLOR: black; PADDING-TOP: 1px; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic' monospace; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none}
.xl72 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 122pt; COLOR: black; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none}
.xl73 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 54pt; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none}
.xl74 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 700; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; WIDTH: 54pt; COLOR: red; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none}
.xl75 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt solid; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; BORDER-LEFT: black 0.5pt solid; WIDTH: 217pt; COLOR: white; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; HEIGHT: 58.5pt; BACKGROUND-COLOR: rgb(0,32,96); TEXT-ALIGN: center; TEXT-DECORATION: none}
.xl81 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 700; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; BORDER-LEFT: black 0.5pt solid; WIDTH: 54pt; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none}
.xl83 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 700; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; BORDER-LEFT: black 0.5pt solid; WIDTH: 54pt; COLOR: red; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; BACKGROUND-COLOR: rgb(255,153,204); TEXT-ALIGN: center; TEXT-DECORATION: none}
.xl85 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; BORDER-LEFT: black 0.5pt solid; WIDTH: 95pt; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; HEIGHT: 103.5pt; TEXT-ALIGN: left; TEXT-DECORATION: none}
.xl86 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; BORDER-LEFT: black 0.5pt solid; WIDTH: 95pt; COLOR: black; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; HEIGHT: 45pt; TEXT-ALIGN: left; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none}
.xl87 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; BORDER-LEFT: black 0.5pt solid; WIDTH: 95pt; COLOR: black; BORDER-TOP-STYLE: none; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; HEIGHT: 22.5pt; TEXT-ALIGN: left; TEXT-DECORATION: none}
.xl88 {BORDER-RIGHT: black 0.5pt solid; PADDING-RIGHT: 1px; BORDER-TOP: black 0.5pt; PADDING-LEFT: 1px; FONT-WEIGHT: 400; FONT-SIZE: 9pt; VERTICAL-ALIGN: middle; BORDER-LEFT: black 0.5pt solid; WIDTH: 95pt; COLOR: black; PADDING-TOP: 1px; BORDER-BOTTOM: black 0.5pt solid; FONT-STYLE: normal; FONT-FAMILY: 'MS UI Gothic',monospace; HEIGHT: 13.5pt; TEXT-ALIGN: left; TEXT-DECORATION: none}

.category_tree { width: 300px; } /* カテゴリーツリーの幅調整 */
.category_tree .ttl_bg { width: 260px; } /* カテゴリーツリーの幅調整 */
.search_list_inner { word-wrap: break-word; } /* 一覧表示で強制的に折り返すようにする */


/* ------------------------------------------------------------------------------------------------------------------------
   TMH追加
   ------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------
     header hooter
------------------------------ */
#cosmo_header,
#cosmo_footer {
  font-size: 12px;
  color: #000;
  font-family: HelveticaNeue,"HiraKakuProN-W3", "メイリオ", sans-serif;
  line-height: 1;
  width: 100%;
  *zoom: 1;
}
#cosmo_header img,
#cosmo_footer img {
  border: none;
  padding-top:15px;
}
#cosmo_header:after,
#cosmo_footer:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
#cosmo_header h1, #cosmo_header h2, #cosmo_header h3,
#cosmo_footer h1,
#cosmo_footer h2,
#cosmo_footer h3 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1em;
}
#cosmo_header p,
#cosmo_footer p {
  margin: 0;
  padding: 0;
}
#cosmo_header ul,
#cosmo_header ul li,
#cosmo_footer ul,
#cosmo_footer ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#cosmo_header dl,
#cosmo_footer dl {
  margin: 0;
  padding: 0;
}
#cosmo_header dl dt, #cosmo_header dl dd,
#cosmo_footer dl dt,
#cosmo_footer dl dd {
  margin: 0;
  padding: 0;
}
#cosmo_header img,
#cosmo_footer img {
  vertical-align: bottom;
}

#cosmo_footer a:link, #cosmo_footer a:visited,
#cosmo_header .pc_cosmo_header a:link,
#cosmo_header .pc_cosmo_header a:visited {
  text-decoration: none;
  color: #000;
}
#cosmo_footer a:hover,
#cosmo_header .pc_cosmo_header a:hover {
  text-decoration: none;
  color: #039;
}

/*----------------------------- */
/* COSMO COMMON [ HEADER ] */
/* (includes GLOBALNAV) */
/*----------------------------- */
/** noscript **/
.c_noscript {
  margin: 20px;
  padding: 20px 15px;
  border: 2px solid #666;
  background-color: #fff;
  line-height: 1.6;
  text-align: center;
}


#cosmo_header .sp_cosmo_header,
#cosmo_header .sp_cosmo_globalnav {
  display: none;
}

#cosmo_header {
  padding-bottom: 9px;
  background: url("/usr/file/attachment/csm_bg_header.png") repeat-x bottom left;
}
#cosmo_header .pc_cosmo_header {
  min-width: 980px;
  background-color: #fff;
}
#cosmo_header .pc_cosmo_header .header-contents {
  overflow: hidden;
  width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}
#cosmo_header .pc_cosmo_header .header-contents .header-logo {
  float: left;
  height: 49px;
  line-height: 49px;
  layout-grid-line: 49px;
  margin-right: 18px;
}
#cosmo_header .pc_cosmo_header .header-contents .header-logo img {
  vertical-align: middle;
}


#cosmo_header .pc_cosmo_globalnav {
  font-size: 16px;
  color: #000;
  font-family: HelveticaNeue,"HiraKakuProN-W3", "メイリオ", sans-serif;
  line-height: 1;
  width: 100%;
  *zoom: 1;
  min-width: 980px;
  background-color: #089B9D;
  font-weight: bold;
  color: #FFFFFF;
}
#cosmo_header .pc_cosmo_globalnav img {
  border: none;
}
#cosmo_header .pc_cosmo_globalnav:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

#cosmo_header .pc_cosmo_globalnav .globalnav-contents {
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  padding: 8px 0;
}

#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu {
  float: left;
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 980px;
}

#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu .globalnav-title {
  float: left;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
}


#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu .globalnav-sub {
  float: right;
  padding-right:0;
  padding-top:2px;
 
}
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-sub li {
  float: left;
  margin-left: 1px;
  white-space: nowrap;
}
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-sub li:first-child {
  margin-left: 0;
}
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu  {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu {
	margin-right: 1px;
  font-size: 16px;
  white-space: nowrap;
}
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-sub ul li {
  margin-right: 1px;
  font-size: 16px;
  white-space: nowrap;
}

#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu .globalnav-title a,
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-sub ul li a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 7px 6px 6px;
  color: #fff;
}
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu .globalnav-title a:link,
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu .globalnav-title a:visited,

#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu ul li a:link, #cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu ul li a:visited,
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-sub ul li a:link,
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-sub ul li a:visited {
  text-decoration: none;
}

#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu .globalnav-title a:hover,

#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-menu ul li a:hover,
#cosmo_header .pc_cosmo_globalnav .globalnav-contents .globalnav-sub ul li a:hover {
  background-color: #089B9D;
  color: #fff;
}




/*----------------------------- */
/* COSMO COMMON [ FOOTER ] */
/*----------------------------- */
/*
#cosmo_footer
	.cosmo_footer-pagetop(PC)
	.pc_cosmo_footer(PC)
	.sp_cosmo_footer(SP)
*/
#cosmo_footer .sp_cosmo_footer {
  display: none;
}

.c_pc_hide {
  display: none;
}


/** pc_cosmo_footer **/
#cosmo_footer .pc_cosmo_footer div, #cosmo_footer .pc_cosmo_footer p, #cosmo_footer .pc_cosmo_footer ul, #cosmo_footer .pc_cosmo_footer ol, #cosmo_footer .pc_cosmo_footer li, #cosmo_footer .pc_cosmo_footer dl, #cosmo_footer .pc_cosmo_footer dt, #cosmo_footer .pc_cosmo_footer dd {
  line-height: 1;
}

/** cosmo_footer-lnavi **/
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi {
  min-width: 951px;
  padding: 17px 0;
  background-color: #fff;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi .cosmo_footer-lnavi_in {
  overflow: hidden;
  width: 980px;
  margin: 0 auto;
  padding: 0 10px;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi .cosmo_footer-lnavi_left {
  float: left;
  overflow: hidden;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi .cosmo_footer-lnavi_left li {
  margin-right: 20px;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi .cosmo_footer-lnavi_right {
  float: right;
  overflow: hidden;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi .cosmo_footer-lnavi_right li {
  text-align: right;
  margin-left: 20px;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi .cosmo_footer-lnavi_right li:first-child {
  margin-left: 0;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi li {
  float: left;
  padding: 3px 0;
  font-size: 11px;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-lnavi li a {
  text-decoration: none;
}

/** cosmo_footer-meganavi 201503修正**/
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi {
  min-width: 980px;
  padding: 20px 0;
  background-color: #e4e4e4;
  white-space: nowrap;
  
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi .cosmo_footer-meganavi_in {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 10px;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi .cosmo_footer-meganavi_cols {
  overflow: hidden;
}

#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi .cosmo_footer-meganavi_cols .cosmo_footer-meganavi_left {
  float: left;
  width: 30%; 
  margin-right:3%;
}

#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi .cosmo_footer-meganavi_cols .cosmo_footer-meganavi_center {
  float: left;
  width: 30%;
  margin-right:3%;
  *zoom: 1;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi .cosmo_footer-meganavi_cols .cosmo_footer-meganavi_center:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi ul li {
  padding-bottom: 20px;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi ul li a {
  display: block;
  border-bottom: 1px dotted #000;
  padding: 10px 10px 10px 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  clear:both;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi ul li ul {
  padding-top: 10px;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi ul li ul li {
  padding-bottom: 0;
 display: inline; 
 border-left: 1px solid #666; 
 padding-left: 10px; 
}

#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi ul li ul li:first-child {
 padding-bottom: 0;
border-left: 0!important; 
padding-left:0!important; 
}

#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi ul li ul li a {
  border: none;
  font-weight: normal;
  font-size: 11px;
  display: inline-block;
}
#cosmo_footer .pc_cosmo_footer .cosmo_footer-meganavi ul li ul li ul {
  padding-top: 0;
}


/** cosmo_footer-body **/
#cosmo_footer .cosmo_footer-body {
  min-width: 980px;
  background-color: #089B9D;
}
#cosmo_footer .cosmo_footer-body .cosmo_footer-body_in {
  width: 980px;
  margin: 0 auto;
  padding: 15px 10px;
  font-size: 11px;
  color: #fff;
}
#cosmo_footer .cosmo_footer-body .cosmo_footer-body_in .copyright {
  text-align: right;
}


/* 静的２列パーツ */
.box_col02 {
	width:620px;
	float:left;
	margin:0;
}

.box_col02_l {
	width:300px;
	float:left;
	margin:30px 20px 0px 0;
}

.box_col02_r {
	width:300px;
	float:left;
	margin:30px 0 0px 0;
}


.ttl_col02 {
    padding: 8px 16px; /* 余白 */
	color:#000;
	background-color: #e6e6e6; /* 背景 */
	font-size:14px;
	font-weight:bold;
	margin:0 ;
}


.faqList02 {
    margin: 20px 0 0; /* 周囲余白 */
}

.faqList02 li {
    padding: 0; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
	font-size:80%;
	
}

.faqList02 li a:link,
.faqList02 li a:visited {
    color: #000; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}

.faqList02 li a:hover,
.faqList02 li a:active {
    color: #039; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}

.etcLink {
    float: right; /* 表示配置 */
    font-size: 12px; /* 文字サイズ */
    margin: 0; /* 周囲余白 */
	padding-right:17px;
	background:url("/usr/file/attachment/csm_arrow_s.gif") no-repeat right; display: inline-block; /* 表示要素 */
}


/* ------------------------------
     category tree
------------------------------ */
/* TOPカテゴリータイトル、背景 */
.category_tree .ttl_bg{
    background-image: none !important;
    background-color: #666 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    color: #fff!important;
    display: block;
    font-weight: bold;
    padding:8px 0 0 10px;
	margin-top:30px;
    margin-bottom:20px;
    width: 270px;
    height:32px;
    font-size: 16px;
}

.category_tree {
    word-break: break-all;
    font-size: 14px;
	font-weight:bold;
    padding:0 !important;
    width: 300px;
    margin:0 !important;
    background:#fff !important;
}
.icocate_tree{
    background:url("/usr/file/attachment/csm_ico_hatena.gif") no-repeat left; display: inline-block; /* 表示要素 */
    padding: 0 0 0 25px; /* 余白 */
}

/* TOPカテゴリータイトル*/
.category_tree .ttl_col{
    display:none !important;
	margin:0px;
}

.category_open a:hover.pm_icon {background:url("/usr/file/attachment/Honkore_Cate_ON_icon.png") no-repeat 0px 0px; }
.category_close a:hover.pm_icon{background:url("/usr/file/attachment/Honkore_Cate_off_icon.png") no-repeat 0px 0px; }
.fo_b{ font-weight:bold;}

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

/* カテゴリー+-アイコン調整 */
.category_tree .pm_icon { text-indent:-99999px; width:18px; margin:0 5px; display:inline;}
.category_open .pm_icon{ background:url("/usr/file/attachment/Honkore_Cate_ON_icon.png") no-repeat 0px 0px; }
.category_close .pm_icon{ background:url("/usr/file/attachment/Honkore_Cate_off_icon.png") no-repeat 0px 0px; }

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

/* 選択中のカテゴリ */
.category_select{ background-color:#F7F7F7F7;}
.category_select a, .category_select a span{ color:#000; font-weight:bold; }
/* 配下カテなし選択カテゴリーの画像 */
.category_none.category_select{
    background: url("/usr/file/attachment/honkore_cateicon.png") no-repeat scroll 5px 15px #F7F7F7F7;
border-bottom: none!important；
}

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

.category_level_0{ margin:0 2px; background:#FFF;}
.category_level_0 li{
border-bottom: 1px dotted #666666!important;
border-top:none !important;}

.category_level_1{ background:#f2f2f2; margin-left:20px; clear:both;}
.category_level_1 li{border-top:none !important; border-bottom:none !important;}

.category_level_2{background:#e8e8e8; margin-left:20px; clear:both;}
.category_level_2 li{border-top:none !important; border-bottom:none !important;}

.category_level_3{background:#F7F7F7F7; margin-left:20px; clear:both;}
.category_level_3 li{border-top:none !important; border-bottom:none !important;}

/* 20180425CCC */
.qaList li.Q_sml, .faqList li.Q_sml, .faq_relate_list li.Q_sml {
    background: transparent url("/usr/file/attachment/honkore_cateicon.png") no-repeat scroll left center; /* 背景 */
    padding: 0 0 0 30px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
}

/* 20210126chrome88対応 */
.category_tree a {
overflow: hidden;
}

.btn_query_area {
  margin: 20px 0;
}

.btn_query a {
  background-color: #fff;
  margin: 10px 0 0;
  border: 1px solid #afafaf;
  padding: 12px 0;
  text-align: center;

  color: #333333;
  font-size: 14px;
  font-weight: bold;
  display: block;
}
.btn_query a .smallTxt {
  font-size: 10px;
}


/* 20200723CCCリンクカラーアンダーライン */
#faq_answer_contents a{
    color: #0000cd !important;
    text-decoration: underline;
    font-weight: normal !important;
}

#faq_answer_contents ol{
    margin: 0em 0 ;
    padding: 0 0 0 20pt;
}

#faq_answer_contents ul{
    margin: 0em 0 ;
    padding: 0 0 0 20pt;
}


/*ウィザードリンクカラー変更*/
.faq_ans_col a{
    color: #0000cd !important;
    text-decoration: underline;
    font-weight: normal;
}

/*リストのサイズ変更*/
ul li::marker{
  font-weight: normal;
  font-size: 50%;
  color: #333333;
}


/* 20230929CCC　panel */
#panel > dt {
  background-color: #FFFFFF; 
  border-bottom: solid 1px white; 
  color: black; 
  text-decoration: underline;
  cursor: pointer; 
  padding: 10px; 
  font-size:120%; 
  padding-left: 25px;
  background: url("/usr/file/attachment/Honkore_Cate_off_icon.png") no-repeat 0px 50%;
}
 
#panel > dd {
  border: solid 1px Silver; 
  margin: 0px; 
  padding: 10px; 
}

/*マーカー設置*/
.marker{ background: linear-gradient(transparent 55%, #FFF200 55%);
display: inline !important;
font-weight: bold;
}


/* ttl_col */
.ttl_col {
    background-color: #313838 !important;
}

.icoInf, .icoInfoNews, .icoKeyword, .icoQa, .icoNew, .icoCate, .icoResult {
    background-color: #313838 !important;
}

.icocate_tree {
    background: url(/usr/file/attachment/ico_Honkore.png) no-repeat left !important;
}

/* 本コレボタン */
.search_frmArea .keyword_frmbtn , .faq_search_frmArea .keyword_frmbtn {
    background: transparent url("/usr/file/attachment/Honkore_btnsearch.png") no-repeat scroll left top; /* 背景 */
    width: 72px; /* 幅 */
    height: 30px; /* 高さ */
    color: #fff; /* テキスト色 */
    font-weight: normal; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
}

.search_frmArea:hover .keyword_frmbtn:hover , .faq_search_frmArea:hover .keyword_frmbtn:hover{
    text-decoration: underline; /* アンダーライン */
    cursor:pointer /* ポインター */
}

/* 検索ヘルプボタン */
.search_frmArea .keyword_helpbtn {
    background: url('/usr/file/attachment/Honkore_question_icon.png') no-repeat;
    height: 18px;
}


/* 検索ヘルプボタン ポップアップ */
.search_frmArea .keyword_helpbtn_popup {
    display: none;
    font-size: 13px;
    padding: 7px;
    border: dashed 3px #F7066B;
    background-color: #FFFFFF;
    z-index: 9000;
    position: absolute;
}