@charset "Shift_JIS";

/* 00.common
 ******************************************************************************************** */

html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

table, caption, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

form, fieldset, button, select, optgroup,
option, input, textarea, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
}

.wrapper {
	float: none;
	clear: both;
}

.hidden { display: none; }
.clear { clear: both; }

a {
	text-decoration: underline;
	/*\*/
	overflow: hidden;
	/**/
}

a:link { color: #069; }
a:visited { color: #909; }
a:hover { color: #f60; }

strong { font-weight: bold; }
hr { display: none; }
ul { list-style-type: none; }


/* 01.global-top
 ******************************************************************************************** */

div#global-top {
	position: relative;
	top: 0;
	left: 0;
	height: 30px;
	color: #0D7DAE;
	text-align: left;
	background: url("/usr/file/attachment/housing_header_img01.gif") 9px 5px no-repeat #E6EEFB;
	border-top: 2px solid #004098;
	border-bottom: 1px solid #358CFF;
}

div#global-top p {
	line-height: 30px;
	margin-left: 43px;
	font-size:12px;
}

div#global-top ul {
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 514px;
	height: 26px;
}

div#global-top ul li {
	position: absolute;
	bottom: 0;
	height: 26px;
}

div#global-top ul li a {
	display: block;
	height: 26px;
}

div#global-top ul li.home {
	right: 175px;
	width: 164px;
}

div#global-top ul li.home a {
	width: 164px;
}

div#global-top ul li.support {
	right: 10px;
	width: 162px;
}

div#global-top ul li.support a {
	width: 162px;
}


/* 02.header
 ******************************************************************************************** */

div#header {
	width: 965px;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 13px;
	text-align: left;
	margin: 0 auto;
}

div#header h1,
div#header h1 a {
	display: block;
	width: 360px;
	height: 70px;
}

div#header h1 {
	margin-bottom: 12px;
}

div#headline {
	height: 1px;
	border-top: 1px solid #358CFF;
	border-bottom: 2px solid #004098;
}

/* 03.global-bottom
 ******************************************************************************************** */

div#global-bottom {
	position: relative;
	top: 0;
	left: 0;
	height: 130px;
	color: #0D7DAE;
	text-align: left;
	background: url("/usr/file/attachment/housing_header_img01.gif") 9px 14px no-repeat #E6EEFB;
	border-top: 1px solid #004098;
	font-size:12px;
	margin:0 0 15px 0;
}

div#global-bottom p {
	position: absolute;
	top: 15px;
	left: 46px;
}

div#global-bottom p a {
	color: #0D7DAE;
	text-decoration: none;
}

div#global-bottom dl {
	position: absolute;
	top: 37px;
	left: 43px;
	color: #999;
}

div#global-bottom dl dt {
	margin-bottom: 3px;
}

div#global-bottom dl dd table th {
	text-align: left;
	white-space: nowrap;
	padding: 0 5px 2px 15px;
	background: url("/usr/file/attachment/housing_footer_img01.gif") 0 50% no-repeat;
}

div#global-bottom dl dd table td {
	padding-bottom: 2px;
}

div#global-bottom div.logo {
	position: absolute;
	top: 12px;
	right: 19px;
}

div#global-bottom address {
	position: absolute;
	top: 64px;
	right: 18px;
	width: 324px;
	height: 10px;
	text-indent: -9999px;
	background: url("/usr/file/attachment/housing_footer_copyright.gif") 0 0 no-repeat;
}





/* ------------------------------
     font size
------------------------------ */
/* 大 */
body.lang_size_large,
.lang_size_large textarea {
    font-size: 120%; /* 文字サイズ */
}
.lang_size_large .login_txt,
.lang_size_large .keyword_frm {
    font-size: 110%; /* 文字サイズ */
}
/* 中 */
body.lang_size_medium,
.lang_size_medium .login_txt,
.lang_size_medium  .keyword_frm,
.lang_size_medium textarea {
    font-size: 100%; /* 文字サイズ */
}
/* 小 */
body.lang_size_small,
.lang_size_small textarea {
    font-size: 80%; /* 文字サイズ */
}
.lang_size_small .login_txt,
.lang_size_small .keyword_frm {
    font-size: 90%; /* 文字サイズ */
}
/* ------------------------------
     common
------------------------------ */
.flo_l {
    float: left; /* 表示配置 */
}
.flo_r {
    float: right; /* 表示配置 */
    display: inline;
}
/* ------------------------------
     link
------------------------------ */
/* リンク */
a:link {
    color: #1111CC; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* 訪問済み */
a:visited {
    color: #551A8B; /* テキスト色 */
    text-decoration: none; /* テキスト装飾 */
}
/* ホバー */
a:hover {
    color: #1111CC; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* アクティブ */
a:active {
    color: #1111CC; /* テキスト色 */
    text-decoration: underline; /* テキスト装飾 */
}
/* =======================================================
     base layout
======================================================= */
/* ------------------------------
     okwave wrapper
------------------------------ */
/* 全体 */
#okw_wrapper {
    position: relative;
    z-index: 1000;
}

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

/* ロゴ */
#okw_logo_footer a {
    background: transparent url("../images/front/logo_footer.gif") no-repeat scroll left top; /* 背景 */
    width: 190px; /* 幅 */
    height: 26px; /* 高さ */
    display: block; /* 表示要素 */
    text-indent: -99999px; /* インデント */
    overflow: hidden; /* 領域外表示 */
}
/* =======================================================
     link
======================================================= */
/* トップヘ */
.topLink {
    float: right; /* 表示配置 */
    font-size: 12px; /* 文字サイズ */
    margin: 10px 0; /* 周囲余白 */
    height:auto;
}
/* トップヘリンク */
.topLink a {
    background: transparent url("../images/front/ico_toparrow.gif") no-repeat scroll 2px 100%; /* 背景 */
    background-position:left center;
    height: 13px; /* 高さ */
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
}
/* 領域 */
.siteLink li {
    display: inline; /* 表示要素 */
    font-size: 12px; /* 文字サイズ */
}
/* 戻る */
.preLink {
    background: transparent url("../images/front/ico_back.gif") no-repeat scroll 2px 100%; /* 背景 */
    text-align: left; /* テキスト配置 */
    margin-right: 15px; /* 周囲余白 */
}
/* 戻るリンク */
.preLink a {
    padding: 2px 3px 2px 20px; /* 余白 */
    display: inline-block; /* 表示要素 */
    height: 13px; /* 高さ */
}
/* ------------------------------
     admin link : 管理者向けリンク
------------------------------ */
/* 領域 */
.fixed_link {
    position: fixed!important; /* ポジショニング  IE6にも対応 */
    position:absolute;
    right: 0; /* 右位置 */
}
/* リンク内 */
.fixed_link div a {
    display: block; /* 表示要素 */
    width: 36px; /* 幅 */
    height: 102px; /* 高さ */
    overflow: hidden; /* 領域外表示 */
    text-indent: -99999px; /* インデント */
}
/* FAQリンク領域 */
.admin_back_link {
    top: 150px; /* 上位置 */
    z-index: 9998;
}
/* FAQリンク */
.admin_back a {
    background: transparent url("../images/front/admin_back.gif") no-repeat scroll center center; /* 背景 */
}
/* デザインプレビューリンク領域 */
.preview_close_link {
    top: 260px; /* 上位置 */
    z-index: 9998;
}
/* デザインプレビューリンク */
.preview_close a {
    background: transparent url("../images/front/preview_close.gif") no-repeat scroll center center; /* 背景 */
}
/* =======================================================
     icon
======================================================= */
/* ------------------------------
     design parts
------------------------------ */
/* 共通 */
.icoInf,
.icoInfoNews,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoResult,
.icoHelpdesk,
.icoLogin,
.icoHot,
.icoFavorite,
.icoPickup,
.icoCommunity{
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: left top; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
    display: inline-block; /* 表示要素 */
    height: 24px; /* 高さ */
    padding: 6px 0 0 35px; /* 余白 */
}
/* info & news */
.icoInf {
    background-image: url("../images/front/ico_info.gif");
}
/* キーワード検索 */
.icoKeyword {
    background-image: url("../images/front/ico_search.gif");
}
/* よくある質問 */
.icoQa {
    background-image: url("../images/front/ico_qa.gif");
}
/* 最新の FAQ */
.icoNew {
    background-image: url("../images/front/ico_new.gif");
}
/* カテゴリー */
.icoCate {
    background-image: url("../images/front/ico_cate.gif");
}
/* FAQ一覧 */
.icoResult{
    background-image: url("../images/front/ico_faq.gif");
}
/* お問合わせ */
.icoHelpdesk{
    background-image:url("../images/front/icon_helpdesk.gif");
    background-position: 5% 50%;
}
/* ログイン */
.icoLogin{
    background-image:url("../images/front/ico_login.gif");
}
/* 注目のキーワード */
.icoHot {
    background-image: url("../images/front/ico_hot.gif");
}
/* お気に入りFAQ */
.icoFavorite {
    background-image: url("../images/front/ico_favorite.png");
    float:left; /* 表示配置 */
}
/* 注目のFAQ */
.icoPickup {
    background-image: url("../images/front/ico_pickup.png");
    float:left; /* 表示配置 */
}
/* コミュニティ連携 */
.icoCommunity {
    background-image: url("../images/front/icon_logo.png");
}

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


/* 質問 */
.icoQ {
    background: transparent url("../images/front/ico_qst.gif") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 1px 0 7px 40px; /* 余白 */
}
/* 回答 */
.icoA {
    background: transparent url("../images/front/ico_ans.gif") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 8px 0 8px 40px; /* 余白 */
    margin: 0 5px; /* 周囲余白 */
}
/* ------------------------------
     faq search page
------------------------------ */
/* 質問小 */
.icoQ_sml{
    background: transparent url("../images/front/ico_qst_s.gif") no-repeat scroll 0% 40%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* 回答小 */
.icoA_sml{
    background: transparent url("../images/front/ico_ans_s.gif") no-repeat scroll 0% 10%; /* 背景 */
    padding: 0 0 0 20px; /* 余白 */
}
/* =======================================================
     sub_headder
======================================================= */
/* 領域 */
#okw_sub_header {
    margin-bottom: 5px; /* 周囲余白 */
    line-height: 22px;
}
/* ------------------------------
     category path
------------------------------ */
/* 領域 */
.okw_bread {
}
/* 各部 */
.okw_bread li {
    display: inline; /* 表示要素 */
    font-size: 12px; /* 文字サイズ */
}
/* リンク */
.okw_bread li a {
    margin: 0 5px 0 0; /* 周囲余白 */
}
/* ------------------------------
     font size change
------------------------------ */
/* 領域 */
#fontCol {
    white-space: nowrap; /* 要素内余白表示 */
    line-height: 22px;
}
/* テキスト部 */
li.okw_txt {
    font-size: 12px; /* 文字サイズ */
    float: left; /* 表示配置 */
    margin-right: 10px; /* 周囲余白 */
}
/* 大中小 */
.fntBig,
.fntMid,
.fntSml,
li.fntBigOn,
li.fntMidOn,
li.fntSmlOn {
    width: 22px; /* 幅 */
    height: 22px; /* 高さ */
    float: left; /* 表示配置 */
    text-indent: -99998px; /* インデント */
    overflow: hidden; /* 領域外表示 */
    margin-right: 5px; /* 周囲余白 */
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: left top; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
}
/* 大中小リンク */
.fntBig a, .fntMid a, .fntSml a {
    display: block; /* 表示要素 */
}
/* 大 */
li.fntBig {
    background-image: url("../images/front/btn_fntbig_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; /* 周囲余白 */
    position: relative;
}
/* ------------------------------
     title
------------------------------ */
/* 2 列パーツ */
.twoCol {
    width: 49.5%; /* 幅 */
}
/* 1 列パーツ */
.ttl_col {
    background: transparent url("../images/front/ttll.gif") no-repeat scroll left top; /* 背景 */
    height: 44px; /* 高さ */
    padding: 0 0 0 2px; /* 余白 */
}
/* パーツタイトル */
.ttl_bg {
    background: transparent url("../images/front/ttlbg.gif") no-repeat scroll right top; /* 背景 */
    height: 38px; /* 高さ */
    padding: 6px 0 0 5px; /* 余白 */
}
/* パーツタイトル文字 */
.ttl_col h2 {
    font-size: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
}

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

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

/* ショルダー時領域 */
#okw_side .search_frmArea {
    margin: 5px 0; /* 周囲余白 */
}
/* 説明文 */
.search_description{
    font-size:80%; /* 文字サイズ */
    color:#666666; /* テキスト色 */
    margin:3px 0; /* 周囲余白 */
}
/* フォーム */
.keyword_frm {
    height: 28px; /* 高さ */
    float: left; /* 表示配置 */
    border-width: 1px 0 1px 1px; /* 罫線幅 */
    border-color: #ccc; /* 罫線色 */
    border-style: solid; /* 罫線スタイル */
    line-height: 2.0; /* テキスト高さ */
    font-size: 14px; /* 文字サイズ */
    letter-spacing: 1.8px; /* 文字間 */
}
/* 自然文フォーム */
.n_keyword_frm{
    background-color: #FCFCFC; /* 背景色 */
    border: 1px solid #CCCCCC; /* 罫線 */
    min-width: 200px;
    width: 100%; /* 幅 */
}
.n_keyword_frm:focus{
    background-color: #FFFFFF; /* 背景色 */
}
/* ボタン */
.search_frmArea .keyword_frmbtn {
    background: transparent url("../images/front/btnsearch.gif") no-repeat scroll left top; /* 背景 */
    width: 72px; /* 幅 */
    height: 30px; /* 高さ */
    color: #fff; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
}
/* 自然文ボタン */
.search_frmArea .n_keyword_frmbtn{
    background: url("../images/front/btnsearch.gif") no-repeat scroll left top transparent;
    width: 72px; /* 幅 */
    height: 30px; /* 高さ */
    color: #fff; /* テキスト色 */
    font-weight: bold; /* 文字太さ */
    border: 0; /* 罫線 */
    font-size: 14px; /* 文字サイズ */
    float:right;
    margin:5px 0 0 0; /* 周囲余白 */
    display:block;
}
/* 検索切り替え */
.search_switch{
    margin: 5px auto 0 0; /* 周囲余白 */
}
/* 検索対象 */
.search_target {
    margin:0 20px 0 0;
    float:left;
}
/* 検索対象 セレクトボックス */
.search_target select{
    width: 160px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* ------------------------------
     qa list
------------------------------ */
/* 領域 */
.qaList {
    margin: 5px 10px 10px; /* 周囲余白 */
}
/* 1 行 */
.qaList li {
    background: transparent url("../images/front/marker_arrow.gif") no-repeat scroll left center; /* 背景 */
    padding: 0 0 0 18px; /* 余白 */
    margin-bottom: 5px; /* 周囲余白 */
    word-break: break-all; /* 改行位置 */
    word-wrap: break-word; /* 改行指定 */
}
/* ------------------------------
     new faq list
------------------------------ */
/* 領域 */
.faqList {
    margin: 5px 10px 10px; /* 周囲余白 */
}
/* 1 行 */
.faqList li {
    background: transparent url("../images/front/marker_arrow.gif") no-repeat scroll left center; /* 背景 */
    padding: 0 0 0 18px; /* 余白 */
    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%; /* 幅 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ------------------------------
     question
------------------------------ */
/* タイトル */
.faq_qstCont_ttl {
    font-size: 20px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    color: #F90; /* テキスト色 */
    line-height: 1.4; /* テキスト高さ */
    margin: 10px 25px 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* 領域 */
.faq_qstCont_col {
    margin: 10px 65px 30px; /* 周囲余白 */
}
/* テキスト領域 */
.faq_qstCont_txt {
    margin-bottom: 10px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* カテゴリ */
.faq_cate_col {
    font-size: 12px;
    padding: 5px; /* 余白 */
    border: 1px dotted #999; /* 罫線 */
    background-color: #f7f7f7; /* 背景色 */
}
.faq_cate_col dd span, .faq_cate_col dd a {
    float: left;
}
.faq_cate_col {
    margin: 3px 0 0 10px;
}
.faq_cate_col, .faq_cate_col a, .faq_cate_col a:visited {
    color:#767676!important
}
/* カテゴリタイトル */
.faq_cate_col dt, .faq_cate_col dd {
    float: left; /* 表示配置 */
}
/* カテゴリ名 */
.faq_cate_col dt {
    margin-right: 5px; /* 周囲余白 */
}
/* ------------------------------
     answer
------------------------------ */
/* タイトル領域 */
.faq_ans_bor {
    background: transparent url("../images/front/bor_qst.gif") repeat-x scroll left bottom; /* 背景 */
    padding-bottom: 5px; /* 余白 */
    margin: 0 25px 10px; /* 周囲余白 */
}
/* タイトル */
.faq_ans_ttl {
    font-size: 14px; /* 文字サイズ */
    font-weight: bold; /* 文字太さ */
    line-height: 1.2; /* テキスト高さ */
    margin: 10px 20px 10px; /* 周囲余白 */
}
/* 領域 */
.faq_ans_col {
    padding: 0 65px 20px; /* 余白 */
    border-bottom: 1px solid #ccc; /* 罫線 */
    margin-bottom: 20px; /* 周囲余白 */
    word-wrap: break-word; /* 改行指定 */
}
/* テキスト領域 */
.faq_ansCont_txt {
    margin-bottom: 10px; /* 周囲余白 */
}
/* 添付ファイル・追加フォーム領域 */
.faq_addition_col {
    padding: 5px 10px; /* 余白 */
    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_addition_col dd {
    word-break: break-all; /* 改行制御 */
    word-wrap: break-word; /* 改行制御 */
}
/* 添付ファイル項目名 */
/* 横並び設定 */
/*
.faq_attachment_file_list dd {
    display: inline;
    margin: 0 15px 0 0;
    float: none;
    word-break: keep-all;
}
*/
/* 縦並び設定 */
.faq_attachment_file_list dd {
    display:block;
    margin: 0;
    float:none;
}
.faq_attachment_file_list dt {
    display:block;
    float:none;
}
/* ------------------------------
     wizard FAQ question
------------------------------ */
/* 質問文 */
.wzd_qstCont_col{
    background-color: #FEF3E0;
    border-left: 4px solid #F8961C;
    padding: 10px 8px 10px 15px;
    margin: 10px 65px 0px;
}
.wzd_qstCont_txt{
    float: left;
}
/* 1カラム　設問リンク */
.wzd_bck{
    background: url("../images/front/btn_back.gif") no-repeat scroll left top transparent;
    float: right;
    font-size:70%;
    padding-left:18px;
    margin-top:5px;
}
/* 2カラム　設問リンク */
.okw_side .wzd_bck{
    width: auto;
}
/* 選択肢　背景 */
.wzd_slct_area{
    background-color: #EEEEEE;
    padding: 10px 10px 10px 15px;
    margin: 2px 65px 20px;
    clear: both;
    overflow: hidden;
}
.wzd_slct_area div{
    overflow: hidden;
}
/* チェックボックス 領域 */
.wzd_slct_area .chckbx_off,
.wzd_slct_area .chckbx_on{
    display: inline-block;
    padding: 0 0 0 30px;
}
/* 未選択チェックボックス アイコン */
.wzd_slct_area .chckbx_off{
    background: url("../images/front/btn_navi_off.gif") no-repeat scroll 0 -1px transparent;
}
/* 選択済チェックボックス アイコン */
.wzd_slct_area .chckbx_on{
    background: url("../images/front/btn_navi_on.gif") no-repeat scroll 0 -1px transparent;
    cursor: pointer;
}
/* 選択肢領域内テキスト */
.selecttxt{
    background: url("../images/front/icon_select.gif") no-repeat scroll left center transparent;
    clear: both;
    color: #999999;
    font-size: 80%;
    margin: 10px 0 0 2px;
    padding: 0 0 0 20px;
}

.wzd_qstCont_txt{
    float: none;
}

.wzd_qstCont_col .wzd_bck_area{
    display:block;
}

.wzd_qstCont_col .wzd_qstCont_txt{
    text-align: left;
}

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

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

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

.sa_wizard_list .wzd_bck {
  width: 120px;
}

/* ------------------------------
     enquate
------------------------------ */
/* 領域 */
.okw_enquete_area{
    border: 4px solid #CCEEAA;
    margin: 0 auto 20px;
    padding: 0 10px;
    width: 70%;
}
/* タイトル */
.questioner_ttl {
    font-size: 14px; /* 文字サイズ */
    padding: 10px 10px 3px; /* 余白 */
    text-align: left; /* テキスト配置 */
    font-weight: bold; /* 文字太さ */
    border-bottom:2px solid #66AA66; /* アンダーライン */
}
/* 内容領域 */
.questioner_col {
    text-align: center; /* テキスト配置 */
    padding: 10px; /* 余白 */
}
/* 選択肢領域 */
.faq_form_list {
    text-align:left;
    float:left;
    width:40%;
}
/* 選択肢 */
.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; /* 背景 */
}
/* 送信ボタン 非活性時 */
.questioner_btn[disabled]{
    color:#A0A0A0; /* 文字色 */
}

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

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

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

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

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

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

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

/* PW再発行領域 */
#login_col .reissue_password {
    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; /* 背景 */
}

/* 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 ; /* 周囲余白 */
}

/* お問い合わせフォームエリア */
.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: 6px 0 0 35px;
}
/* お問合わせ　タイトルアイコン */
.icoHdquestion {
    background: url("../images/front/icon_helpttl.jpg") no-repeat scroll 0 center;
    padding-left: 10px;
}
/* お問合わせ内容　説明文 */
.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: 10px;
    margin-bottom: -32763px;
    padding-bottom: 32768px;
}

.HDcolumn_right{
    background-color: #FFFFFF;
    text-align: left;
    padding:5px 0 5px 10px;
    overflow: hidden;
    width: 580px;
}
.HDcolumn_right input{
}
.HDcolumn_right textarea{
    width: 575px;
    height: 200px;
}

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

.hdq_confirm_btn_c{
    overflow:visible;
}

/* =======================================================
     helpdesk フォーム関連
======================================================= */
/* ------------------------------
     お問合わせ内容画面
------------------------------ */
/* 領域 */
.hdcontents_box {
    margin-bottom: 20px;
}
/* お問合わせ画面　説明文 */
.hd_desc{
    background-color: #F0F0F0;
    border: 1px solid #DCDCDC;
    color: #555555;
    font-size: 90%;
    margin: 0 0 20px;
    padding: 7px 10px;
}
/* タイトル　*/
.hd_question_form .ttl_txt{
    font-weight: bold;
    float:left;
}
/* タイトル　日付 */
.hd_question_form .data{
    float:right;
    color: #666666;
    font-size: 80%;
    margin: 3px 0 0;
}
/* 質問文・回答文 */
.hdcontents_box li{
    word-wrap: break-word;
}
.hd_question_form .content_txt{
    padding: 15px 45px;
}
/* 質問　領域 */
.hd_question_form .q_contents{
    border: 1px solid #FCD998;
    margin-bottom:20px;
}
/* 質問タイトル　背景 */
.q_contents .q_ttl_br{
    background: url("../images/front/ico_qst.gif") no-repeat scroll 10px center #FCD998;
    border: 1px solid #FCD998;
    padding: 10px 10px 10px 47px;
}
/* 質問・回答 追加属性　領域 */
.q_contents .attribute,
.a_contents .attribute{
    margin: 0 47px 20px;
    padding: 7px 10px;
    font-size: 85%;
}
/* 質問　追加属性　色 */
.q_contents .attribute{
    border: 1px solid #FCD998;
    background-color: #fffaf0;
}
/* 回答　追加属性　色 */
.a_contents .attribute{
    background-color: #F7FBFF;
    border: 1px solid #A8DCFB;
}
/* 回答　領域 */
.hd_question_form .a_contents{
    border: 1px solid #A8DCFB;
    margin: 0 0 20px;
}
/* 回答タイトル　背景 */
.a_contents .a_ttl_br{
    background: url("../images/front/ico_ans.gif") no-repeat scroll 10px center #A8DCFB;
    border: 1px solid #A8DCFB;
    padding: 10px 10px 10px 47px;
}
/* 追加質問リンク　背景 */
.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; /* 余白 */
}
/* 注釈 "* は必ず入力してください" */
.help_attention {
    float: none;
    text-align:right;
    font-size: 14px;/* フォントサイズ */
    margin:0;/* 周囲余白 */
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

/* 内容参照画面をIE9相当表示に調整 */
#faq_question_contents a,#faq_answer_contents a,#info_news_contents a{
    color: #06C;
    text-decoration: underline;
}
#faq_question_contents a:visited,#faq_answer_contents a:visited,#info_news_contents a:visited{
    color: #800080;
}
#faq_question_contents blockquote,#faq_answer_contents blockquote,#info_news_contents blockquote{
    display: block;
    margin: 1em 40px;
}
#faq_question_contents code,#faq_answer_contents code,#info_news_contents code{
    font-family: monospace;
    font-size: 10pt;
}
#faq_question_contents dd,#faq_answer_contents dd,#info_news_contents dd{
    display: block;
    margin: 0 0 0 40px;
}
#faq_question_contents div,#faq_answer_contents div,#info_news_contents div{
    display: block;
}
#faq_question_contents dl,#faq_answer_contents dl,#info_news_contents dl{
    display: block;
    margin: 1em 0;
}
#faq_question_contents dt,#faq_answer_contents dt,#info_news_contents dt{
    display: block;
}
#faq_question_contents em,#faq_answer_contents em,#info_news_contents em{
    font-style: italic;
}
#faq_question_contents fieldset,#faq_answer_contents fieldset,#info_news_contents fieldset{
    border-style: groove;
    border-width: 2px;
    display: block;
    margin: 0 2px;
    padding: 0 2px 3px;
    zoom: 1;
}
#faq_question_contents h1,#faq_answer_contents h1,#info_news_contents h1{
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
    page-break-after: avoid;
}
#faq_question_contents h2,#faq_answer_contents h2,#info_news_contents h2{
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
    page-break-after: avoid;
}
#faq_question_contents h3,#faq_answer_contents h3,#info_news_contents h3{
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 1em 0;
    page-break-after: avoid;
}
#faq_question_contents h4,#faq_answer_contents h4,#info_news_contents h4{
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 1.33em 0;
    page-break-after: avoid;
}
#faq_question_contents h5,#faq_answer_contents h5,#info_news_contents h5{
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    margin: 1.67em 0;
    page-break-after: avoid;
}
#faq_question_contents h6,#faq_answer_contents h6,#info_news_contents h6{
    display: block;
    font-size: 0.67em;
    font-weight: bold;
    margin: 2.33em 0;
    page-break-after: avoid;
}
#faq_question_contents legend,#faq_answer_contents legend,#info_news_contents legend{
    padding: 0 2px;
    zoom: 1;
}
#faq_question_contents li,#faq_answer_contents li,#info_news_contents li{
    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 ; /* 周囲余白 */
}

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

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

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

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

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

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

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

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

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

.me_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: url("../images/front/bg_stripe_g.gif") repeat scroll 0 0 transparent;
    border-left: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    border-top:none;
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
    width:auto;
}

.me_confirm_btn_c{
    overflow:visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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




/*----------------------------基本指定-------------------------*/

div#ABOX {
	width: 572px;
	margin: auto 0;
}

div#ABOX h4 {
	background: url(/usr/file/attachment//new_a_arrow.gif) no-repeat left top;
	line-height:23px;
	text-indent: 30px;
	font-size: 14px;
	margin: 10px auto 0 2px;
}

div#ABOX p {
	width: 95%;
	margin: 8px auto;
	line-height: 1.8;
}

div#ABOX div {
	padding-bottom: 10px;
}

div#ABOX img {
	display: block;
	margin: 10px;
	border: 1px solid #ccc;
}

div#ABOX img.noborder {
	border: none;
}

div#ABOX a.linkbox {
	display: block;
	width: 300px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	background: url(/usr/file/attachment//new_a_button_out.gif) no-repeat;
	text-indent: 10px;
	margin: 5px 0 0 auto;
}

div#ABOX a.linkbox2 {
	display: block;
	width: 400px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	background: url(/usr/file/attachment//new_a_button2_out.gif) no-repeat;
	text-indent: 10px;
	margin: 5px 0 0 auto;
}

div#ABOX a.linkbox3 {
	display: block;
	width: 500px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	text-decoration: none;
	background: url(/usr/file/attachment//new_a_button3_out.gif) no-repeat;
	text-indent: 10px;
	margin: 5px 0 0 auto;
}

div#ABOX b {
	color: #CC0000;
	font-weight: normal;
}

div#ABOX strong {
	font-weight: bold;
}

div#ABOX .sideleft {
	text-align: left;
}

div#ABOX .sideright {
	text-align: right;
}

div#ABOX .sidecentor {
	text-align: center;
}

div#ABOX .fontnormal {
	font-weight: normal;
}

div#ABOX .fontsmallx {
	font-size: x-small;
	font-weight: normal;
}

div#ABOX .fontsmallxx {
	font-size: xx-small;
	font-weight: normal;
}


/*----------------------------幅指定-------------------------*/

div#ABOX .width90 {
	width: 90%;
}

div#ABOX .width80 {
	width: 80%;
}

div#ABOX .width70 {
	width: 70%;
}

div#ABOX .width60 {
	width: 60%;
}

div#ABOX .width50 {
	width: 50%;
}

div#ABOX .width40 {
	width: 40%;
}

div#ABOX .width30 {
	width: 30%;
}

div#ABOX .width20 {
	width: 20%;
}

div#ABOX .width10 {
	width: 10%;
}


/*----------------------------仕切り線-------------------------*/

hr {
	color:#CCC;
	border: 0;
	height: 1px;
	background-color:#CCC;
}


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


div#ABOX table {
	border-collapse: collapse;
	line-height: 1.5;
	background-color: #FFF;
	margin: 10px 5px;
}

div#ABOX table caption {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 5px 0;
	background-color: #2f9c1d;
}

div#ABOX th {
	padding: 5px;
	border: 1px solid #A6E382;
	background-color: #FAFFF7;
}

div#ABOX td {
	padding: 5px;
	border: 1px solid #A6E382;
}

div#ABOX table .tdtop {
	vertical-align: top;
}

div#ABOX table .tdmiddle {
	vertical-align: middle;
}

div#ABOX table .tdbottom {
	vertical-align: bottom;
}


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

div#ABOX ol {
	margin: 5px 0 10px 30px;
	list-style-position: outside;
}

div#ABOX ul {
	margin: 5px 0 10px 25px;
	list-style-position: outside;
	list-style-type: disc;
}

div#ABOX li {
	line-height: 1.5;
	margin: 10px 0 10px 5px;
}

div#ABOX ul.listwhite {
	list-style-type: circle;
	margin: 5px 0 10px 10px;
}

div#ABOX ol.listabc {
	list-style-type: upper-alpha;
	margin: 5px 0 10px 15px;
}

div#ABOX dl {
	margin: 5px 5px 10px 30px;
	line-height: 1.5;
}

div#ABOX dl dt {
	display: list-item;
	list-style-type: disc;
	margin: 15px auto 5px;
}

div#ABOX dd {
	margin: 5px 10px;
}

div#ABOX dl.listno dt {
	display: list-item;
	list-style-type: none;
	font-weight: bold;
}


/*----------------------------アプリーケーション選択部分-------------------------*/

div#ABOX div.soft {
	width: 530px;
	margin: 10px auto;
	background: url(/usr/file/attachment//new_a_softback.gif) no-repeat bottom;
}

div#ABOX div.soft h5 {
	background: url(/usr/file/attachment//new_a_softheader.gif) no-repeat;
	width: 530px;
	height: 28px;
	margin: 0;
	text-align: center;
	line-height: 28px;
}

div#ABOX div.soft p {
	width: 95%;
	margin: 5px auto;
}

div#ABOX div.soft ul {
	margin: 5px 0 10px 30px;
	list-style-position: outside;
}

div#ABOX div.soft li {
	line-height: 20px;
	list-style-image: url(/usr/file/attachment//new_a_softlist.gif);
	margin: 10px;
}


/*----------------------------設定部分-------------------------*/


div#ABOX div.set {
	border: 1px solid #A6E382;
	margin: 10px auto;
	padding: 5px 10px;
	background-color: #FAFFF7;
}

div#ABOX div.set h5 {
	background:url(/usr/file/attachment//new_a_anser.gif) no-repeat left top;
	line-height: 16px;
	text-indent: 20px;
	font-size: 12px;
	margin: 10px 5px;
}

div#ABOX div.set p {
	width: 95%;
	margin: 0 auto;
	padding: 5px 0;
}

div#ABOX div.set img {
	margin: 10px 0;
}

div#ABOX ol.no {
	margin-left: 25px;
}

div#ABOX ol.no li {
	line-height: 23px;
	margin-top: 10px;
}

div#ABOX ol.no li img {
	border: none;
	margin: 2px 3px 3px 3px;
	text-align: left;
	vertical-align: middle;
	display: inline;
}

div#ABOX div.set ol.no hr {
	width: 95%;
	text-align: left;
	color:#CCC;
	background-color:#CCC;
	border: 1px;
	border-style: dashed;
	height: 0;
}

div#ABOX div.set div.sample {
	border: 1px dotted #999999;
	margin: 10px 0;
	padding: 10px 10px;
	background-color: #FFF;
}

div#ABOX div.set img.imgbox {
	display: block;
	margin: 10px 0;
	border: 1px solid #ccc;
}

/*----------------------------サンプル部分-------------------------*/

div#ABOX div.sample {
	border:1px dotted #999999;
	margin: 10px auto;
	padding: 10px 10px;
}

div#ABOX div.sample h5 {
	border-bottom: 1px solid #a6e382;
	width: auto;
	display: inline;
	text-align: center;
	font-size: 12px;
	padding: 2px 10px;
	margin: 5px 0;
	line-height: 1.8;
	background: none;
}

div#ABOX div.sample p {
	width: 97%;
	margin: 5px auto 0;
}


/*----------------------------コマーシャル部分-------------------------*/


div#ABOX div.cm {
	width: 550px;
	background: url(/usr/file/attachment//new_a_cmback.gif) repeat-y bottom;
	margin: 10px auto;
}

div#ABOX div.cm h5 {
	width: 550px;
	margin: 0;
	text-indent: 65px;
	font-size: 14px;
	COLOR: #4eb748;
	line-height: 60px;
	background: url(/usr/file/attachment//new_a_cmheader.gif) no-repeat top;
}

div#ABOX div.cm h6 {
	width: 520px;
	line-height: 26px;
	margin: 10px auto;
	text-indent: 25px;
	font-size: 12px;
	background: url(/usr/file/attachment//new_a_cmhr.gif) no-repeat top;
}

div#ABOX div.cm p {
	margin: auto;
	width: 92%;
	padding: 5px 0;
}

div#ABOX div.cm hr {
	width: 95%;
	text-align: center;
}

div#ABOX div.cm table {
	margin: 5px 20px;
}

div#ABOX div.cm div.set {
	margin: 5px 20px;
}

div#ABOX div.cm div.set h5 {
	background:url(/usr/file/attachment//new_a_anser.gif) no-repeat left top;
	line-height: 16px;
	text-indent: 20px;
	font-size: 12px;
	margin: 10px 5px;
}

div#ABOX div.cm div.set p {
	width: 95%;
}

div#ABOX div.cm div.sample {
	margin: 5px 20px;
}

div#ABOX div.cm div.sample h5 {
	border-bottom: 1px solid #a6e382;
	width: auto;
	display: inline;
	text-align: center;
	background: none;
	font-size: 12px;
	padding: 2px 10px;
	line-height: 1.8;
	background: none;
}

div#ABOX div.sample p {
	width: 97%;
	margin: 0 auto;
	padding: 5px 0;
}

div#ABOX div.cm ul,div#ABOX div.cm ol,div#ABOX div.cm dl {
	margin: 5px 20px 5px 40px;
	list-style-position: outside;
}




/*----------------------------お問い合わせ部分-------------------------*/

div#ABOX div.info {
	width: 440px;
	background: url(/usr/file/attachment//new_a_inquiryback.gif) bottom;
	margin: 10px auto;
}

div#ABOX div.info h4 {
	background-image: url(/usr/file/attachment//new_a_inquiryheader.gif);
	width: 440px;
	height: 32px;
	text-indent: -9999px;
	margin: 0;
}

div#ABOX div.info p {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 5px;
	text-align: center;
}

div#ABOX div.info h5 {
	width: 95%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 35px;
	text-indent: 40px;
	border-bottom: 1px dotted #FE6E66;
}

div#ABOX div.info h5.tel {
	background: url(/usr/file/attachment//new_a_icon_tel.gif) no-repeat left top;
}

div#ABOX div.info h5.mail {
	background: url(/usr/file/attachment//new_a_icon_mail.gif) no-repeat left top;
}

div#ABOX div.info h5.form {
	background: url(/usr/file/attachment//new_a_icon_form.gif) no-repeat left top;
}

div#ABOX div.info span {
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 160px;
	text-align: center;
	line-height: 20px;
	text-indent: 30px;
	background: url(/usr/file/attachment//new_a_icon_fleetel.gif) no-repeat left;
	padding-top :3px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}

div#ABOX div.info p a{
	background: url(/usr/file/attachment//new_a_inquirybutton_out.gif) no-repeat;
	display: block;
	height: 29px;
	width: 250px;
	margin: 5px auto;
	text-align: center;
	line-height: 29px;
	text-decoration: none;
}
.category_tree a {
overflow: hidden;
}