@charset "UTF-8";
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.search_frmArea .keyword_frmbtn {
  background: transparent url("../images/front/btnsearch.gif") no-repeat scroll left top;
}
.search_frmArea .n_keyword_frmbtn {
  background: url("../images/front/btnsearch.gif") no-repeat scroll left top transparent;
}

/* 検索絞込 ラベル･セレクトボックス */
.wzd_bck {
  width: 13%;
}

/* ------------------------------
 *     related faq : おすすめFAQ
 *------------------------------ */
#footerArea {
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: normal;
}

div#headerArea {
  background: none repeat scroll 0 0 #ffffff;
  height: 176px;
  position: relative;
}
div#global {
  background: none repeat scroll 0 0 #ff7300;
  color: #ffffff;
  width: 100%;
}
div#global > div {
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  overflow: hidden;
  width: 920px;
}
div#global h1 {
  float: left;
  font-size: 11px;
  font-weight: normal;
}
div#global ul {
  float: right;
  overflow: hidden;
}
div#global ul li {
  float: left;
  margin: 0 15px 0 0;
}
div#global ul li a {
  background: url("/faqcombi/usr/file/attachment/global_arrow_3x5.png") no-repeat scroll left center transparent;
  color: #ffffff;
  font-size: 11px;
  padding: 0 0 0 8px;
  text-decoration: none;
}
div#global ul li.blank a {
  background: url("/faqcombi/usr/file/attachment/global_blank.png") no-repeat scroll left center transparent;
  padding: 0 0 0 14px;
}
div#header {
  margin: 24px auto 19px;
  overflow: hidden;
  width: 920px;
}
div#header > div:first-child {
  float: left;
  overflow: hidden;
}
div#header > div:first-child a {
  display: block;
  float: left;
}
div#header > div:last-child {
  float: right;
  overflow: hidden;
}
div.header_2nd div#header div.search {
  float: right;
}
div#header ul {
  margin: 8px 0 9px;
  overflow: hidden;
}
div#header ul li {
  float: left;
}
div#header ul li:first-child {
  margin-right: 15px;
}
div#header ul li a {
  background: url("/faqcombi/usr/file/attachment/arrow_16x16.png") no-repeat left center;
  font-size: 11px;
  padding: 5px 0 5px 20px;
  text-decoration: none;
  color: #333;
}
div#gnav {
  background: none repeat scroll 0 0 #ffffff;
  width: 100%;
  z-index: 9999;
}
div#gnav ul {
  margin: 0 auto;
  padding: 0 0 2px;
  width: 920px;
}
div#gnav ul:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0.1em;
  height: 0.1px;
  line-height: 0;
  visibility: hidden;
}
div#gnav ul > li {
  float: left;
}
div#gnav ul > li > a {
  display: block;
  height: 60px;
  width: 100%;
}
div#gnav ul li div#gnav_sub {
  background: none repeat scroll 0 0 #eee4db;
  left: 0;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 10;
}
div#gnav ul li div#gnav_sub > div {
  height: 394px;
  margin: 0 auto;
  position: relative;
  width: 920px;
}
div#gnav ul li div#gnav_sub > div ul:after {
  content: url("/faqcombi/usr/file/attachment/gnav_sub_tail.png");
  left: 67px;
  position: absolute;
  top: -14px;
}
div#gnav ul li div#gnav_sub ul li {
  float: left;
  height: 60px;
  margin: 30px 0 0;
  overflow: hidden;
  position: relative;
  width: 230px;
}
div#gnav ul li div#gnav_sub ul li div {
  display: table;
  float: left;
  height: 60px;
  margin: 0 0 0 8px;
}
div#gnav ul li div#gnav_sub ul li a:not(:last-child) {
  background: none repeat scroll 0 0 #ffffff;
  display: block;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: 10;
}
div#gnav ul li div#gnav_sub ul li:not(:last-child) img {
  display: block;
  float: left;
}
div#gnav ul li div#gnav_sub ul li div p {
  display: table-cell;
  font-size: 13px;
  vertical-align: middle;
}
div#gnav ul > li > a {
  display: block;
  height: 60px;
  width: 100%;
  display: block;
  height: 60px;
  width: 100%;
}

#headerArea {
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div#footerArea {
  background: none repeat scroll 0 0 #faf8f5;
}
div#bottom_link {
  background: none repeat scroll 0 0 #eee4db;
  padding: 30px 0;
  width: 100%;
}
div#bottom_link > div {
  line-height: 2;
  margin: 0 auto;
  overflow: hidden;
  width: 920px;
}
div#bottom_link div.products {
  float: left;
}
div#bottom_link h2 a, div#bottom_link h3 a {
  color: #3c3c3c;
  font-size: 13px;
  text-decoration: none;
}

a.btn_arrow01 {
  background: url("/faqcombi/usr/file/attachment/arrow_16x16.png") no-repeat scroll left center;
  padding: 0 0 0 20px;
}

div#bottom_link div.products dl {
  float: left;
  margin: 15px 0 0 20px;
  width: 230px;
}
div#bottom_link div.products dl dt {
  font-weight: bold;
}
div#bottom_link div.products dl dd {
  padding: 0 0 0 10px;
}

.mb30 {
  margin-bottom: 30px !important;
}

div#bottom_link div.other_contents {
  float: right;
}
div#bottom_link h2 a, div#bottom_link h3 a {
  color: #3c3c3c;
  font-size: 13px;
  text-decoration: none;
}
div#bottom_link div.other_contents ul {
  margin: 10px 0 30px 20px;
}
div#footer {
  background: none repeat scroll 0 0 #ffffff;
  height: 52px;
  line-height: 52px;
  width: 100%;
}
div#footer > div {
  margin: 0 auto;
  position: relative;
  width: 920px;
}
div#footer ul {
  overflow: hidden;
}
div#footer ul li {
  float: left;
  margin: 0 15px 0 0;
}
div#footer ul li img {
  margin: 0 7px 0 0;
  vertical-align: middle;
}
div#footer ul li a {
  background: url("/faqcombi/usr/file/attachment/footer_arrow_3x5.png") no-repeat scroll left center transparent;
  font-size: 11px;
  padding: 0 0 0 8px;
  text-decoration: none;
}

.products h2 {
  font-weight: bold;
}

#footerArea a:link, #footerArea a:visited {
  color: #333;
  text-decoration: underline;
}
#footerArea a:hover {
  color: #bdbdbd;
  text-decoration: underline;
}

.other_contents h3 {
  font-weight: bold;
}

#okw_contents, #okw_contents_inner, #okw_contents_base {
  background: none;
}

a:link, a:visited {
  color: #333333;
}
a:hover {
  color: #777777;
}

#combihd {
  display: none;
}
#info_and_news_more_page {
    display: block;
}
.category_tree a {
overflow: hidden;
}









/* ------------------------------
     design parts
------------------------------ */
/* icon */
.icoInf,
.icoInfoNews,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoResult,
.icoHelpdesk,
.icoLogin,
.icoHot,
.icoFavorite,
.icoPickup,
.icoCommunity,
.icoProf,
.icoKey,
.icoLogin,
.icoHdquestion,
.icoFaq{
    background-attachment: scroll; /* 背景スクロール */
    background-color: transparent; /* 背景色 */
    background-position: left top; /* 背景配置 */
    background-repeat: no-repeat; /* 背景リピート */
    display: inline-block; /* 表示要素 */
	border-bottom: 2px solid #ff7f00;
    min-width: 50%;
	height: auto;
	padding: 6px 8px 8px 8px;	
    word-break: break-all;
    white-space: normal;
    line-height: 1.3;	
    margin-bottom: -2px;	
}

.icoInf,
.icoKeyword,
.icoQa,
.icoNew,
.icoCate,
.icoResult,
.icoLogin,
.icoHot,
.icoCommunity,
.icoProf,
.icoKey,
.icoFavorite,
.icoPickup,
.icoHelpdesk,
.icoFaq{
    background-image: none !important;
}

.icoHelpdesk{
    background-position: 5% 50%;
}
.icoPickup {
    float:left; /* 表示配置 */
}

/* ------------------------------
     「一覧表示」とタイトルの位置指定
------------------------------ */

/* 「一覧表示」によるタイトルずれ解除*/
.icoFavorite,
.icoPickup{
    max-width: calc(100% - 90px);
	float:none;
}

/* ------------------------------
     title
------------------------------ */
/* 1 列パーツ  「一覧表示」の余白*/

.okw_parts_favorite_faq .list, 
.okw_parts_pickup_faq .list, 
.okw_parts_mypage_list .list {
    position: absolute;
    right: 0;
	bottom: 4px;
	font-size: small;
    margin-right: 6px;
}

/* ------------------------------
     注目のキーワード
------------------------------ */
.attention_keyword_list {
    padding-left: 10px;
	word-break:break-all;
	white-space: normal;
	line-height: 1.4em;
}

/* ------------------------------
     パンくずリスト
------------------------------ */

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

.okw_bread li {
    display: inline-block;
	word-break: break-all;
    white-space: normal;
}

.okw_bread li a {
    margin: 0 4px 0 4px;
}

.okw_bread li span:last-child {
    margin-left: 4px;
    /* display: none; */
}

.okw_bread li a:first-child {
    margin-left: 0px;
}


/* ------------------------------
     Info&Newsタイトル
------------------------------ */

.infoTxt {
    word-break: break-all;
    white-space: normal;
    padding-bottom: 4px;	
    line-height: 1.2em;
}

.infonews_txt {
    white-space: normal;
    word-break: break-all;
	line-height: 1.3em;
}

/* ------------------------------
     FAQページ
------------------------------ */
.faq_ansCont_txt,
.faq_qstCont_txt
{
    line-height: 1.3em;
}


/* ------------------------------
     アイコン関係
------------------------------ */

.category_open .pm_icon {
    background: url("/template/usr/file/attachment/temp_open.png") no-repeat 0px 0px;
}
/*カテゴリーツリー_マイナスアイコン　temp_open.png*/

.category_open a:hover.pm_icon {
    background: url("/template/usr/file/attachment/temp_open_hover.png") no-repeat 0px 0px;
}
/*カテゴリーツリー_マイナスアイコン　temp_open_hover.png*/

.category_close .pm_icon {
    background: url("/template/usr/file/attachment/temp_close.png") no-repeat 0px 0px;
}
/*カテゴリーツリー_プラスアイコン　temp_close.png*/
.category_close a:hover.pm_icon {
    background: url("/template/usr/file/attachment/temp_close_hover.png") no-repeat 0px 0px;
}
/*カテゴリーツリー_プラスアイコン　temp_close_hover.png*/


/*最新のFAQ_閲覧の多いFAQ_関連するFAQ_アイコン位置調整*/
.faqList li.Q_sml, .qaList li.Q_sml {
    word-break: break-all;
    white-space: normal;
    margin-bottom: 5px;
	line-height: 1.3em;
}


#category_index .cate_middle {
    clear: both;
    color: #888888;
    font-size: 100%;
}