/* -----------------------------------------------------------------------
　　　
----------------------------------------------------------------------- */

/* -----------------------------------------------------------------------
　　　フッター
----------------------------------------------------------------------- */
#okw_footer_default {
	background: #666666;		/*　濃いグレーに */
}





/* -----------------------------------------------------------------------
　　　全体
----------------------------------------------------------------------- */
html {
	text-align:left;
}

body {
	font-family:Arial, Helvetica, sans-serif,"メイリオ";
	line-height: 1.8;
}


h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
	font-weight: bold;
}

a:link {
	text-decoration:underline;					/* 下線表示 */
}

a:visited {
	color: #1111cc;
}

a:hover {
	color:#FF3300;
}

/* -----------------------------------------------------------------------
　　　領域の背景色設定
----------------------------------------------------------------------- */
/* 領域全体 */
#okw_contents {
    background: #FAFAFA;
}
/* コンテンツ部分 */
#okw_contents_base {
    background: #FAFAFA;
}
/* コンテンツのライン */
#okw_contents_inner {
    background: #FAFAFA;
}

/*----------------------------------------------------
　ブロック（各エリア）設定
----------------------------------------------------*/
/* ブロック下の余白を広げる */
.colArea {
    margin-bottom: 30px;
}

/*----------------------------------------------------
　パンくず＆文字サイズ切り替えブロック設定
----------------------------------------------------*/
/* 領域全体 */
#okw_sub_header {
    margin-bottom: 10px;　/*　下に余白をつけコンテンツと区分け　*/
    line-height: 40px;
}
/* 文字サイズアイコンの非表示 */
#fontCol {			
	display: none;
}
/* パンくずのフォントサイズ変更 */
.okw_bread li {
    font-size: 14px;
}

/*----------------------------------------------------
　各パーツタイトル設定
----------------------------------------------------*/
/* １列パーツタイトル */
.ttl_col {
    background: none; 	/* 背景をなくす */
}
/* パーツタイトル */
.ttl_bg {
    background: none; 	/* 背景をなくす */
}
/* パーツタイトルの文字サイズ */
.ttl_col h2 {
    font-size: 20px; 	/* 文字サイズ */
}

/*　キーワード検索　*/
.okw_parts_search {
	background: #fff;
	padding-bottom: 10px;
}
/*　最新のFAQ　*/
.okw_parts_new_faq {
	background: #fff;
	padding-bottom: 10px;
}
/*　閲覧の多いFAQ　*/
.okw_parts_access_rank_faq {
	background: #fff;
	padding-bottom: 10px;
}
/*　注目のキーワード　*/
.okw_parts_attention_keyword {
	background: #fff;
	padding-bottom: 10px;
}
/*　注目のFAQ　*/
.okw_parts_pickup_faq {
	background: #fff;
	padding-bottom: 10px;
}
/*　お気に入りのFAQ　*/
.okw_parts_favorite_faq {
	background: #fff;
	padding-bottom: 10px;
}
/*　カテゴリーページ　*/
.okw_parts_sub_category {
	background: #fff;
	padding-bottom: 10px;
}

.okw_parts_faq_relations {
	background: #fff;
	padding-bottom: 10px;
}


/*----------------------------------------------------
　検索ページ設定
----------------------------------------------------*/
/*　検索結果が無かった時の下余白（ページ体裁）　*/
.kwd_none {
    margin: 15px 3px 300px 0px;
}



/*----------------------------------------------------
　FAQ詳細ページ設定
----------------------------------------------------*/
/* 全体設定 */
.okw_main_faq {
    font-size:18px;		/*　フォントサイズ */
	line-height: 1.8;	/*　行間 */
}
/* Qの下のカテゴリー */
.faq_cate_col {
	display: none;
}
/* Aの下の警告表示（社内のみ）*/
.faq_addition_col {
	display: none;
}

/* 質問領域 */
.faq_qstCont_ttl {
    font-size: 18px; 			/* 文字サイズ */
    font-weight: normal; 		/* 文字太さ */
    color: #000; 				/* テキスト色 */
    line-height: 50px; 		/* アイコン高さを指定 */
}
/* 質問アイコンと文字 */
.icoQ {
    background: transparent url("/usr/file/attachment/iqEAWZnat1j7x4dX.png") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 4px 0 0 60px; 			/* 文字位置 */
}
/* 回答領域 */
.faq_ans_bor {
    background: none; 			/* 下線削除 */
}
/* タイトル */
.faq_ans_ttl {
    font-size: 18px; 			/* 文字サイズ */
    font-weight: normal; 		/* 文字太さ */
}
/* 回答 */
.icoA {
    background: transparent url("/usr/file/attachment/tTdooNbziGiWJl9S.png") no-repeat scroll left top; /* 背景 */
    display: block; /* 表示要素 */
    padding: 4px 0 0 60px; 			/* 文字位置 */
	line-height: 50px;
}
/* 回答本文領域 */
.faq_ans_col {
    font-size: 18px; 			/* 文字サイズ */
    font-weight: normal; 		/* 文字太さ */
    padding: 0 60px 20px 85px; /* 余白 */
	margin-top: -65px;
}



/* 偶数行 */
.faq_list_bg2 {
	background:#f6f6f6; /* 背景色 */
}




/*----------------------------------------------------
　FAQ詳細ページ設定｜関連するfaq
----------------------------------------------------*/
/* 関連faq */
.faq_relate_list li {
	line-height: 2.2;		/*間隔をあける */
}


/*----------------------------------------------------
　アンケート設定
----------------------------------------------------*/
/* 全体 */
.okw_enquete_area {
	border: 4px double #999999;					/*仮*/
	width: 50%;
}
/* タイトル */
.questioner_ttl {
	text-align: center;
	border-bottom: 2px solid #CCCCCC;			/*仮*/
}
/* はい/いいえの配置 */
.faq_form_list {
	text-align: center;
	width: 100%;
}
.faq_form_list li {
	display: inline;	/* 横並びに */
	padding: 0 20px;	/* 文字間の隙間 */
}
/* 送信ボタンの位置 */
.questioner_submit_btn {
	height: 40px;
	padding: 10px 0 0 0;
}
/* ご意見欄の非表示　*/
.questioner_txt_col {
	display: none;
}


/*----------------------------------------------------
　カテゴリートップページ
----------------------------------------------------*/
.cateList_2line {
	line-height: 1;
}
.cate_middle a {
	font-weight: normal;
}



/*----------------------------------------------------
　アイコン設定
----------------------------------------------------*/
/* キーワード検索 */
.icoKeyword {
    padding: 6px 0 0 0; /* 余白 */
    background-image: none;
}
/* 注目のキーワード */
.icoHot {
    padding: 6px 0 0 0; /* 余白 */
    background-image: none;
}
/* よくある質問 */
.icoQa {
    padding: 6px 0 0 0; /* 余白 */
    background-image: none;
}
/* カテゴリー */
.icoCate {
    padding: 6px 0 0 0; /* 余白 */
    background-image: none;
}
/* FAQ一覧 */
.icoResult{
    padding: 6px 0 0 0; /* 余白 */
    background-image: none;
}
/* 関連するFAQ */
.icoFaq{
    padding: 6px 0 0 0; /* 余白 */
    background-image: none;
}

.icoQ_sml{
    background: transparent url("/usr/file/attachment/K48EY0U8Q79zuZTt.png") no-repeat scroll 0% 40%; /* 背景 */
    padding: 0 0 0 25px; /* 余白 */
}
/* 回答小 */
.icoA_sml{
    background: transparent url("/usr/file/attachment/LSyAwx8lGnghGphE.png") no-repeat scroll 0% 10%; /* 背景 */
    padding: 0 0 0 25px; /* 余白 */
}

.qaList li.Q_sml {
    background: transparent url("/usr/file/attachment/K48EY0U8Q79zuZTt.png") no-repeat scroll left center; /* 背景 */
    padding: 0 0 0 30px; /* 余白 */
}

.faq_relate_list li.Q_sml {
    background-image: url("/usr/file/attachment/K48EY0U8Q79zuZTt.png"); /* 背景 */
    padding: 5px 10px 5px 35px; /* 余白 */
}





/* info & news */
.icoInf {
    background-image: url("../images/front/ico_info.gif");
}
/* 最新の FAQ */
.icoNew {
    background-image: url("../images/front/ico_new.gif");
}
/* お問合わせ */
.icoHelpdesk{
    background-image:url("../images/front/icon_helpdesk.gif");
    background-position: 5% 50%;
}
/* ログイン */
.icoLogin{
    background-image:url("../images/front/ico_login.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");
}
/* マイページプロフィール */
.icoProf{
    background-image:url("../images/front/ico_prof.png");
}
/* エンドユーザーパスワード再発行 */
.icoKey{
    background-image:url("../images/front/ico_key.gif");
}




/* --------------------------------------------------
     カスタム｜製品カテゴリ
-------------------------------------------------- */
/*　カテゴリーページ　*/
.parts_seihin_category {
	background: #fff;
	padding: 10px 0 20px 0;
}

.parts_seihin_category h2 {
	margin: 0 0 10px 10px;
}

table.seihin_cate {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
  width: 96%;
  margin: 0 auto;
}



table.seihin_cate td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
  width: 24%;
  padding: 10px;
  vertical-align: top;
  text-align:center;
}


/* --------------------------------------------------
     カスタム｜番号検索
-------------------------------------------------- */
/*　カテゴリーページ　*/
.parts_bango-search {
	background: #fff;
	padding:15px 0 15px 20px;
	margin: 0 0 0 250px;
	line-height: 0.5;
}


/* --------------------------------------------------
     カスタム｜ヘッダー
-------------------------------------------------- */
header{
    margin: 10px auto;
    overflow: hidden;
	width: 960px;
	background: #FFFFFF;
}

header .logo{
	float: left;
}
 
nav{
    float: right;
    margin-top: -10px;
    font-size: 100%;
}

nav li{
	display: inline;
	margin-left: 30px;
}

nav a{
 	color: #666;
	text-decoration: none;
}

nav a:hover{
	color: #69c;
}

/* --------------------------------------------------
     カスタム｜フッター
-------------------------------------------------- */
.r-footer {
	background:#666666;
	height:100px;
	text-align:	center;
}

.r-footer p {
	padding-top: 30px;
	color:#FFFFFF;
}

/* -----------------------------------------------------------------------
　　　最下段のロゴ
----------------------------------------------------------------------- */
#okw_logo_footer.logo_footer a {
	background: transparent url("/usr/file/attachment/Ij2eYmvsfhyYvdMd.png") no-repeat scroll left top;
}

/* --------------------------------------------------
     カスタム｜トップへ戻る
-------------------------------------------------- */
.topLink {						/*　既存範囲を非表示　*/
	display: none;
}

.r-topLink {
	text-align:right;
	background: #fafafa;
	padding: 10px 200px 10px 0;
	height: 100px;
}
 
.r-topLink img {
	transition: 1.0s
}
 
.r-topLink img:hover {
	opacity: 0.3 ;
}