@charset "utf-8";
/* CSS Document */

#container {
	margin:0 auto;
}

#contents-area {
	max-width:1110px;
	overflow: initial;
	margin: 0 auto;
}

#main-contents{
	width: 96%;
	margin: 3.5em 2%;
}

.c-content-block__inner {
	max-width: 1110px !important;
}

.results-num-box{
	border: 1px solid #cccccc;
	margin:1.5em 0;
	padding:0.75em 0;
	text-align:center;
	font-size:93%;
	border-radius:2px;
	height:2em;
}
.results-num-box strong{
	font-size:153.9%;
	font-weight:bold;
	color:#d64249;
	padding:0 0.25em;
}


@media only screen and (min-width: 641px){
	.dsearch-heading {
	    margin-bottom: 40px;
	}
}

.p-main-area {
    margin-bottom: 0 !important;
}

#search-results-area .correspondence-grid-base .correspondence-grid-header-product_product_image {
    width:9% !important;
}

.p-sub-area {
    display: none !important;
}

#search-results-area .correspondence-grid-base .correspondence-grid-header {
    background-color: #202020 !important;
}


/************************************************************************************************
共通アンカーリンク
*************************************************************************************************/
#search-results-area .correspondence-grid-index ul li a:link{color:#0a50a1; font-weight:bold;}
#search-results-area .correspondence-grid-index ul li a:visited{color:#0a50a1;}
#search-results-area .correspondence-grid-index ul li a:hover{color:#ff8000;}

#search-results-area div.correspondence-grid-base table.correspondence-grid-top td a:link{color:#0a50a1;}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td a:visited{color:#0a50a1;}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td a:hover{color:#ff8000;}
/************************************************************************************************
PC Style CSS
*************************************************************************************************/
/*******************************************
メイン看板
********************************************/
#main-contents h2{
	width:700px;
	margin:0 0 15px 0;
}
/*******************************************
Form style
********************************************/
/* Form Style */
#main-contents input[type=text],
#main-contents textarea,
#main-contents select{
	font-size:93%;
	padding:0.25em 0.25em;
	border: 1px solid #ccc;
	vertical-align: baseline;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
	box-sizing:border-box;
	
}
/***********************************
★共通　セクションボックス
************************************/
.section-box{
//	width:700px;
}
/* 項目見出し */
.section-box h3{
//	width: 674px;
	padding: 13px 13px 11px 13px;
	margin: 0 0 5px;
	display: block;
	text-align: left;
	line-height: 1;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.section-box h3.smp-corres{
//	background-color: #475770;

	padding: 21px;
	background-color: #333;
	border-color: #333;
	color: #fff;

}
.section-box h3.chromebook-corres{background-color: #475770;}
.section-box h3.tv-corres{background-color: #533408;}

.section-box h3 img{
	vertical-align: middle;
	margin: 0 8px 0 0;
	width: 16px;
	height: 16px;
}
.section-box h3 span{
//	font-size: 116%;
	font-size: 130%;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
}
.section-box p.info{
	color: #666;
	padding: 0.65em 0 0 1em;
	line-height: 1.6;
	font-size: 93%;
}
/********************************************
★共通　テーブルボックス１
********************************************/
.table-list{
	border: solid 5px #dddddd;
	margin:0 0 1em 0;
	clear:both;
}
.table-list table.form-table{
	margin:0 0 0 0;
	border-collapse: collapse;
	width: 100%;
	color: #333;
	border: 1px solid #dddddd;
}
.table-list table.form-table tr{
}
.table-list table.form-table th{
	width:25%;
	margin: 0;
	padding: 1.25em 1.5em 1em;
	font-size: 93%;
	color: #333;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	vertical-align: top;
	text-align: left;
	line-height: 1.6;
	color:#333;
}
.table-list table.form-table td{
	width: 75%;
	font-size: 100%;
	margin: 0;
	padding: 1.25em 1.5em 1em;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	text-align: left;
	line-height: 1.4;
	border: #dddddd solid 1px;
	color:#333;
	box-sizing:border-box;
}
.table-list table.form-table td{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	vertical-align:middle;
}

/********************************************
★①ケーブルの種別
********************************************/

/*****************************
オス・メスフォントカラー
*****************************/
.male-female-font-color {
    color:red;
    font-size:130%;
}
.male-female-font-size {
    font-size:80%;
}
#correspondence-input-connectorType1-menu .male-female-font-size {
    display: none;
}
#correspondence-input-connectorType2-menu .male-female-font-size {
    display: none;
}

/*****************************
ケーブルの種類
*****************************/
.table-list table.form-table td .cable-category-input{
	width:100%;
	letter-spacing:normal;
}
/*****************************
ケーブルの種類(コネクタ形状：左右、オスメス)
*****************************/
div.ui-selectmenu-menu > ul.ui-menu {
    max-height: 200px;
    overflow-y: scroll;
    width: 200px;
}
/*****************************
ケーブルの長さボックス
*****************************/
.table-list table.form-table td div.cable-length-box{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:47%;
}
/*（左）ボックス*/
.table-list table.form-table td div.cable-length-box.l-cable{}
.table-list table.form-table td div.cable-length-box.l-cable .cable-length-input{
	width:100%;
}
/*（右）ボックス*/
.table-list table.form-table td div.cable-length-box.r-cable{}
.table-list table.form-table td div.cable-length-box.r-cable .cable-length-input{
	width:100%;
}
/*単位テキスト*/
.table-list table.form-table td div.cable-length-box .txt-unit{
	font-size:93%;
}
/*～画像ボックス*/
.table-list table.form-table td div.cable-length-box.img-box{
	width:6%;
	text-align:center;
	vertical-align:middle;
}
.table-list table.form-table td div.cable-length-box.img-box img{
	width:100%;
	max-width:16px;
	height:auto;
}
.table-list table.form-table td div.cable-length-box.img-box img.pc{
	display:inline-block;
}
.table-list table.form-table td div.cable-length-box.img-box img.smp{
	display:none;
}
/*****************************
ケーブルの種別・コネクタ
*****************************/
.table-list table.form-table td div.cable-type-box{
	width:47%;
	padding:0;
	margin:0;
	letter-spacing: normal; /* 文字間を通常に戻す */
	display:inline-block;
	vertical-align:top;
}
.table-list table.form-table td div.cable-type-box.l-box{
}
.table-list table.form-table td div.cable-type-box.r-box{
}
.table-list table.form-table td div.cable-type-box h4{
	letter-spacing: normal; /* 文字間を通常に戻す */
	font-size:85%;
	font-weight:normal;
	padding:0 0 0.5em 0.25em;
}
/*ボックス*/
.table-list table.form-table td div.cable-type-select-box{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	margin:0 0 0.5em;
}
.table-list table.form-table td div.cable-type-select-box .cable-type-input{
	width:100%;
}
.table-list table.form-table td div.cable-type-select-box .connector-type-input{
	width:100%;
}

/*～画像ボックス*/
.table-list table.form-table td div.cable-type-box.img-box{
	width:6%;
	text-align:center;
	vertical-align:middle;
	margin:12.5em 0 0 0;
}
.table-list table.form-table td div.cable-type-box.img-box img.pc{
	display:inline-block;
}
.table-list table.form-table td div.cable-type-box.img-box img.smp{
	display:none;
}
/*ケーブルコネクタ画像ボックス*/
.table-list table.form-table td div.cable-img{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	text-align:center;
	height:110px;
}
/***********************************
セクション１エリア専用
************************************/
#section01{
	padding:0 0 35px 0;
}
#section01 .search-list-box{
	padding:15px 0 0 0;
}
#section01 .search-list-box{
	display:block
}
#section01 .search-list-box.act{
	display:block
}
/***********************************
セクション２専用
************************************/
#section02{
	padding: 0;
}
#section02 .table-list{
	/* [disabled]display:none; */
}
#section02 .search-list-box{
	padding: 0.75em 0 0 0;
}
#section02 .search-list-box h4{
	font-size:100%;
	font-weight:bold;
	padding:0.5em 0 0.75em 1em;
	display:block;
	cursor:pointer;
}
#section02 .search-list-box h4 span{
	display:inline-block;
	vertical-align:middle;
}
#section02 .search-list-box h4 img{
	display:inline-block;
	vertical-align:middle;
	margin:0 0.4em 0 0;
}
#section02 .search-list-box h4 img.icn-open{
	display:none;
}
#section02 .search-list-box h4.active img.icn-close{
	display:none;
}
#section02 .search-list-box h4.active img.icn-open{
	display:inline-block;
}

#section02 .category-list{
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	padding: 13px 0 8px 12px;
}
#section02 .category-list ul{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#section02 .category-list ul li{
	border: 4px solid #dddddd;
	background-color: #fff;
	letter-spacing: normal; /* 文字間を通常に戻す */
	display: inline-block;
	vertical-align: top;
	width: 159px;
	margin: 0 5px 5px 0;
}

#section02 .category-list ul li[disabled]{
	background-color: #eee; /* Disableの色 */
}

#section02 .category-list ul li label{
	padding:5% 0px 4.5% 4.5%;
	display:block;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	cursor:pointer;
}
#section02 .category-list ul li span{
	display:inline-block;
	vertical-align:middle;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#section02 .category-list ul li span.cat-img{
	width:17%;
	border:solid 1px #dfdfdf;
	margin:0 4% 0 0;
}
/***********************************
 カラーチップ 本体
***********************************/
#section02 .category-list ul li span.color-icn{
	display:inline-block;
	width:11px;
	max-width:11px;
	height:11px;
	max-height:11px;
	margin:0 0.2em 0 0.25em;
	border:solid 1px #CCC;
}
/***********************************
 カラーチップ 色 （pc tab smp共通）
***********************************/
/* ブラック系 */
#section02 .category-list ul li span.color-icn.black{
	background-color:#333;
	border:solid 1px #333;
}
/* ブルー系 */
#section02 .category-list ul li span.color-icn.blue{
	background-color:#1A43A4;
	border:solid 1px #1A43A4;
}
/* グリーン系 */
#section02 .category-list ul li span.color-icn.green{
	background-color:#069B2E;
	border:solid 1px #069B2E;
}
/* グレー系 */
#section02 .category-list ul li span.color-icn.gray{
	background-color:#B8B8B8;
	border:solid 1px #B8B8B8;
}
/* ホワイト系 */
#section02 .category-list ul li span.color-icn.white{
	background-color:#FFF;
	border:solid 1px #CCC;
}
/* オレンジ系 */
#section02 .category-list ul li span.color-icn.orange{
	background-color:#E76D03;
	border:solid 1px #E76D03;
}
/* パープル系 */
#section02 .category-list ul li span.color-icn.purple{
	background-color:#A200C5;
	border: solid 1px #A200C5;
	
}
/* レッド系 */
#section02 .category-list ul li span.color-icn.red{
	background-color:#B90003;
	border:solid 1px #B90003;
}
/* イエロー系 */
#section02 .category-list ul li span.color-icn.yellow{
	background-color:#f9e817;
	border:solid 1px #f9e817;
}

/* ゴールド系 */
#section02 .category-list ul li span.color-icn.gold{
	background-color:#ffd700;
	border:solid 1px #ffd700;
}

/* シルバー系 */
#section02 .category-list ul li span.color-icn.silver{
	background-color:#c0c0c0;
	border:solid 1px #c0c0c0;
}

/* ピンク系 */
#section02 .category-list ul li span.color-icn.pink{
	background-color:#ffc0cb;
	border:solid 1px #ffc0cb;
}

/* ブラウン系 */
#section02 .category-list ul li span.color-icn.brown{
	background-color:#a52a2a;
	border:solid 1px #a52a2a;
}

/* ベージュ系 */
#section02 .category-list ul li span.color-icn.beige{
	background-color:#f5f5dc;
	border:solid 1px #f5f5dc;
}

#section02 .category-list ul li span.cat-img img{
	width:100%;
	height:auto;
	vertical-align:top;
}
#section02 .category-list ul li span.cable-feature-input{
	width:10%;
	height:10%;
	margin:2% 0 0 0;
}
#section02 .category-list ul li span.cable-color-input{
	width:10%;
	height:10%;
	margin:2% 0 0 0;
}

#section02 .category-list ul li span.cat-name{
	padding:0 0 0 2%;
	font-size:85%;
	width:62%;
	line-height:1.2;
	overflow:hidden;
}

/***********************************
検索条件用　検索表示オプション
************************************/
#input-search-option{
	padding:18px 18px 0 18px;
	color:#666;
}
#input-search-option .search-display {
	font-size:100%;
	width:60%;
	display:inline-block;
}
#input-search-option .search-display .word-input{
	padding:0 0 4px 0;
}
#input-search-option .search-display .word-input span{
	display:inline-block;
	vertical-align:middle;
}
#input-search-option .search-display .word-input span.cable-feature-input{
	margin:1px 4px 0 0;
}
#input-search-option .search-display .word-input span.cable-color-input{
	margin:1px 4px 0 0;
}
#input-search-option .search-display .exist-input span{
	display:inline-block;
	vertical-align:middle;
}
#input-search-option .search-display .exist-input span.cable-feature-input{
	margin:1px 4px 0 0;
}
#input-search-option .search-display .exist-input span.cable-color-input{
	margin:1px 4px 0 0;
}
#input-search-option dl.displayed-results{
	display:inline-block;
	text-align:right;
	float:right;
	
}
#input-search-option dl.displayed-results dt{
	padding:0 8px 5px 0;
	display:inline-block;
	vertical-align:bottom;
}
#input-search-option dl.displayed-results dd{
	display:inline-block;
	vertical-align:middle;
}

/***********************************
検索条件用　検索表示オプション2
************************************/

#kensaku2  {
	width: 100%;
	margin:0px;
	padding:0px; 
}
div#kensaku2  {
	margin-top:20px; 
}

#kensaku2 ul.section-box3{
//	display: block;
//	width: 100%;
//	background-color: #dddddd;
}

.section-box3 li{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	background-color: #fff;
	text-align: left;
	height: 27px;
	line-height: 1;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	list-style: none;
//	background-color: #f5f5f5;
}
.section-box3 li.smp-corres{background-color: #475770;}
.section-box3 li.chromebook-corres{background-color: #475770;}
.section-box3 li.tv-corres{background-color: #533408;}
.section-box3 li.reco-corres2{background-color: #475770;}

.section-box3 li img{
	vertical-align: middle;
	margin: 0 8px 0 10px;
	width: 16px;
	height: 16px;
}
.section-box3 li span{
	font-size: 116%;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
}
.section-box3 p.info{
	color: #666;
	padding: 0.65em 0 0 1em;
	line-height: 1.6;
	font-size: 93%;
}


#kensaku2 ul.section-box3 li.reco-corres2{
	display: inline-block;
	width: 15%;
	padding: 14px 3px 5px 0px;
}

#kensaku2 ul.section-box3 li.reco-corres2 img{
	display: inline-block;
	width: 16px;
	height: 16px;
}

#kensaku2 ul.section-box3 li.word-input2{
	display: inline-block;
	background-color: #ffffff;
	width: 39%;
	border: 2px solid #dddddd;
	text-align: center;
}


#kensaku2 ul.section-box3 li.exist-input2{
	display: inline-block;
//	background-color: #ffffff;
//	width: 43%;
//	border: 2px solid #dddddd;
	text-align: center;
}


/***********************************
検索条件用　バリデーション
************************************/
#form1 label.error
{
	display: block;
	color: #ff0000;
	font-style: italic;
}
/***********************************
検索ボタン・クリアボタン
************************************/
#input-button-box{
	margin: 28px 0 24px 0;
	border: solid 1px #cccccc;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
#input-button-box ul{
	background-color: #f5f5f5;
	padding: 20px 0 18px;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
}
#input-button-box ul li{
	display:inline-block;

}
#correspondence-search-search{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size: 123.1%;
	width:240px;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0.75em 1em 0.5em 1em;
	margin: 0 2px;
	cursor: pointer;
	background-color:#1f4a96;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}
#correspondence-search-clear{
	display:inline-block;
	color:#333;
	font-weight:bold;
	font-size: 123.1%;
	width:240px;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0.75em 1em 0.5em 1em;
	margin: 0 2px;
	cursor: pointer;
	background-color:#fff;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}
/***********************************
検索の注意事項　説明
************************************/
#result-information{
	padding: 0 0 25px 0;
	margin: 0 0 15px 0;
	border-bottom: solid 1px #ccc;
}
#result-information .txt-box{
	/* [disabled]background-color: #f5f5f5; */
	/* [disabled]border: solid 1px #cccccc; */
	/* [disabled]padding: 6px; */
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	/* [disabled]border-radius: 2px; */
}
#result-information .txt-box-inner{
	border: solid 1px #cccccc;
	background-color: #ffffee;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	padding: 17px 17px 14px 17px;
}
#result-information .txt-box h4{
	font-size:108%;
	line-height:1.1;
	font-weight:bold;
	color:#666;
}
#result-information .txt-box p{
	color: #666;
	font-size: 93%;
	padding: 8px 0 0 0;
}
#result-information .txt-box p em{
	color:#c90f0f;
}
#result-information .txt-box ul{
	padding:5px 0 0 0;
	color:#666;
	font-size:85%;
}
#result-information .txt-box ul li{
	line-height: 1.4;
	padding: 3px 0 2px 0.75em;
	text-indent: -1em;
}
#result-information dl.mark-info{
	margin: 1.5em 0 0 0;
	text-align:center;
}
#result-information dl.mark-info dt{
	display:inline-block;
	margin:0 0.25em 0 0;
}
#result-information dl.mark-info dt.maru{
	color:#8e81f3;
	font-weight:bold;
}
#result-information dl.mark-info dt.batsu{
	color:#f60000;
	font-weight:bold;
}
#result-information dl.mark-info dt.sankaku{
	color:#333;
	font-weight:bold;
}
#result-information dl.mark-info dd{
	display:inline-block;
	padding:0 5px 0 0;
	color:#666;
}
/**********************************************************************
検索結果ウインドウ
***********************************************************************/
/*********************************************************
検索結果　検索表示オプション
**********************************************************/
#output-search-option{
	padding:0.5em 18px 0 18px;
	color:#666;
	text-align:right;
}
#output-search-option dl.displayed-results{
	display:inline-block;
	text-align:right;
	
}
#output-search-option dl.displayed-results dt{
	padding:0 8px 5px 0;
	display:inline-block;
	vertical-align:bottom;
}
#output-search-option dl.displayed-results dd{
	display:inline-block;
	vertical-align:middle;
}
/*********************************************************
ページネーション
**********************************************************/
#search-results-area .correspondence-grid-index{
	display:block;
	clear:both;
	width:100%;
	margin:1.5em 0 1.5em;
}
#search-results-area .correspondence-grid-index ul{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align:center;
}
#search-results-area .correspondence-grid-index ul li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin:0 0.75em;
}
#search-results-area .correspondence-grid-index ul li.correspondence-grid-index-item{
}
#search-results-area .correspondence-grid-index ul li.correspondence-grid-index-item.item-counts{
	margin:0 1em;
}

/*********************************************************
検索結果テーブル
**********************************************************/
#search-results-area div.correspondence-grid-base{
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top{
	margin:0 0 0 0;
	border-collapse: collapse;
	width: 100%;
	color: #333;
	border: 1px solid #dddddd;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top tr{
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top th{
	width:25%;
	margin: 0;
	padding: 1.25em 1.5em 1em;
	font-size: 100%;
	color: #333;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	vertical-align: middle;
	text-align: left;
	line-height: 1.4;
	color:#333;
}

#search-results-area div.correspondence-grid-base table.correspondence-grid-top td{
	font-size: 100%;
	margin: 0;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	text-align: left;
	line-height: 1.4;
	border: #dddddd solid 1px;
	color:#333;
}

/*結果テーブル★総合見出し★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_image,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-correspondence_correspondence_comment_flg,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_function{
	font-size:85%;
	padding: 0.75em 1em 0.5em;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#95b5ce;
}
/*画像*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_image{width:10%;}
/*製品型番*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_name{width:18%;}
/*製品名*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_detail{width:28%;}
/*対応情報*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_specific_6{width:8%;}
/*価格*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_display_price{width:13%;}
/*備考1*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-correspondence_correspondence_comment_flg{width:12%;}
/*備考2*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_function{width:10%;}


/*結果テーブル★メーカー・製品名★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_1{
	font-size:85%;
	padding: 0.75em 1em 0;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
	border-bottom-style: hidden;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_3,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_4,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-product_product_specific_3{
	font-size:108%;
	padding: 0.5em 1em 0.25em 0.75em;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-product_product_specific_4{
	font-size:108%;
	padding: 0.5em 1em 0.25em 0.75em;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
}
/*結果テーブル★メーカー・製品名★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_8,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_function{
	vertical-align:middle;
	padding:0.5em 0.5em;
}

/*画像*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image{}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image img{vertical-align:top;}
/*型番リンク*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_name{}
/*製品名*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_detail{}
/*対応状況*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_6{text-align:center;}
/*価格*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_display_price{text-align:center;}
/*備考1*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_8{text-align:center;}
/*備考2*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_function{text-align:center;}

.txt-product-status {
    color: #FF6633;
    font-weight: bold;
}


/***********************************
検索条件を変更するボタン
************************************/
#search-results-area .section-ancher{
	padding: 1.5em 0 0 0;
	margin: 1.5em 0 2em 0;
	border-top: solid 1px #ccc;
	text-align:center;
}
#search-results-area .section-ancher a{
	display: inline-block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 123.1%;
	width: 240px;
	text-decoration: none;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 1em 2em 0.75em 2em;
	margin: 0 2px;
	cursor: pointer;
	background-color: #1f4a96;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}

/***********************************
アラート表示
************************************/
.alert-txt{
	color:#d64445;
	display:block;
	letter-spacing:normal;
	font-size:85%;
	line-height:1.3;
/*	margin:0.5em 0.25em 0; */
	margin:0 0 0.5em 0;
}
#section02 .search-list-box h4 .alert-txt{
	color:#d64445;
	display:block;
	letter-spacing:normal;
	font-size:85%;
	line-height:1.3;
	margin:0.5em 0.25em 0 0;
	font-weight:normal;
}
.table-list table.form-table td.alert-bg{
	background-color:#fbebec;
}
/************************************************************************************************
Tablet Style CSS
*************************************************************************************************/
@media screen and (min-width: 500px) and (max-width: 799px){
#main-contents{
	width: 96%;
	margin: 0.75em 2%;
	float: none;
}
#sub-contents{
	display:none;
}
/***********************************
メイン看板
************************************/
#main-contents h2{
	width:100%;
	margin:0.75em 0 0.75em 0;
}
#main-contents h2 img{
	width:100%;
	height:auto;
}
/***********************************
Form style
************************************/
/*  Form Style  */
#main-contents input[type=text],
#main-contents textarea,
#main-contents select {
	font-size:93%;
	padding:0.25em 0.25em;
	border: 1px solid #ccc;
	vertical-align: baseline;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
}
/***********************************
★共通　セクションボックス
************************************/
.section-box{
	width:100%;
}
/* 項目見出し */
.section-box h3{
	width:100%;
	box-sizing:border-box;
	padding:0.65em 0 0.5em 3%;
	margin: 0 0 0.5em;
	display: block;
	text-align: left;
	line-height: 1;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.section-box h3 img{
	vertical-align: middle;
	margin: 0 2% 0 0;
	width: 3.5%;
	height: auto;
	max-width: 50px;
}
.section-box h3 span{
	width:90%;
	font-size: 108%;
	line-height:1.3;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	display:inline-block;
}
.section-box p.info{
	color: #666;
	padding: 0.65em 1em 0 1em;
	line-height: 1.4;
	font-size: 85%;
}
/*****************************************
★共通　テーブルボックス１
*****************************************/
.table-list{
	border: solid 5px #dddddd;
	width:100%;
	box-sizing:border-box;
}
.table-list table.form-table{
	margin:0 0 0 0;
	border-collapse: collapse;
	width: 100%;
	color: #333;
	border: 1px solid #dddddd;
}
.table-list table.form-table tr{
}
.table-list table.form-table th{
	width: 30%;
	margin: 0;
	padding: 1em 1em 0.75em;
	font-size: 85%;
	color: #333;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	vertical-align: middle;
	text-align: left;
	line-height: 1.3;
	color: #333;
}
.table-list table.form-table td{
	width: 65%;
	font-size: 85%;
	margin: 0;
	padding: 1em 1em 0.75em;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	text-align: left;
	line-height: 1.3;
	border: #dddddd solid 1px;
	color: #333;
}
.table-list table.form-table span.hojyo{
	font-size:85%;
	color:#666666;
	margin:0 0 0 0.5em;
}
/********************************************
★①ケーブルの種別
********************************************/

/*****************************
ケーブルの種類
*****************************/
.table-list table.form-table td .cable-category-input{
	width:100%;
	letter-spacing:normal;
}

/*****************************
イラスト上部のコネクタ名称
*****************************/
.ui-iconselectmenu-name {
    top: 4px;
    width: 100%;
    text-align: center;
}

/*****************************
リストに表示するイラストサイズ
*****************************/
.ui-iconselectmenu-img {
    width: 100%;
}

/*****************************
ケーブルの種類(先頭リストの空白サイズ)
*****************************/
    .blank-option {
        height: 40px;    }

/*****************************
ケーブル、オスメスの種類(コネクタ形状：左、右)
*****************************/
.correspondence-input-connectorType, correspondence-input-maleFemale {
    max-height: 200px;
    overflow-y: scroll;
    width: 90%;
}

/*****************************
ケーブルの長さボックス
*****************************/
.table-list table.form-table td div.cable-length-box{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:47%;
}
/*（左）ボックス*/
.table-list table.form-table td div.cable-length-box.l-cable{}
.table-list table.form-table td div.cable-length-box.l-cable .cable-length-input{
	width:90%;
}
/*（右）ボックス*/
.table-list table.form-table td div.cable-length-box.r-cable{}
.table-list table.form-table td div.cable-length-box.r-cable .cable-length-input{
	width:90%;
}
/*単位テキスト*/
.table-list table.form-table td div.cable-length-box .txt-unit{
	font-size:93%;
}
/*～画像ボックス*/
.table-list table.form-table td div.cable-length-box.img-box{
	width:6%;
	text-align:center;
	vertical-align:middle;
}
.table-list table.form-table td div.cable-length-box.img-box img.pc{
	display:inline-block;
}
.table-list table.form-table td div.cable-length-box.img-box img.smp{
	display:none;
}
/*****************************
ケーブルの種別・コネクタ
*****************************/
.table-list table.form-table td div.cable-type-box{
	width:47%;
	padding:0;
	margin:0;
	letter-spacing: normal; /* 文字間を通常に戻す */
	display:inline-block;
	vertical-align:top;
}
.table-list table.form-table td div.cable-type-box.l-box{
}
.table-list table.form-table td div.cable-type-box.r-box{
}
.table-list table.form-table td div.cable-type-box h4{
	letter-spacing: normal; /* 文字間を通常に戻す */
	font-size:85%;
	font-weight:normal;
	padding:0 0 0.5em 0.25em;
}
/*ボックス*/
.table-list table.form-table td div.cable-type-select-box{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	margin:0 0 0.5em;
}
.table-list table.form-table td div.cable-type-select-box .cable-type-input{
	width:100%;
}
.table-list table.form-table td div.cable-type-select-box .connector-type-input{
	width:100%;
}

/*～画像ボックス*/
.table-list table.form-table td div.cable-type-box.img-box{
	width:6%;
	text-align:center;
	vertical-align:middle;
	margin:14em 0 0 0;
}
.table-list table.form-table td div.cable-type-box.img-box img.pc{
	display:inline-block;
}
.table-list table.form-table td div.cable-type-box.img-box img.smp{
	display:none;
}
/*ケーブルコネクタ画像ボックス*/
.table-list table.form-table td div.cable-img{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	text-align:center;
    height:110px;
}
.table-list table.form-table td div.cable-img img{
	width:100%;	
	max-width:220px;
	height:auto;
}
/***********************************
セクション１専用
************************************/
#section01{
	padding:0 0 3em 0;
}
#section01 .search-list-box{
	border-top: solid 1px #BABABA;
	padding:1.5em 0 0 0;
}
#section01 .search-list-box{
	display:none;
}
#section01 .search-list-box.act{
	display:block
}
/***********************************
セクション２専用
************************************/
#section02{
	padding: 0;
}
#section02 .search-list-box{
	padding: 0.75em 0 0 0;
}
#section02 .category-list{
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	padding: 2% 0 1% 1%;
	width:100%;
	box-sizing:border-box;
}
#section02 .category-list ul{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#section02 .category-list ul li{
	border: 4px solid #dddddd;
	background-color: #fff;
	letter-spacing: normal; /* 文字間を通常に戻す */
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin: 0 0.5% 1% 0.5%;
	box-sizing:border-box;
}
#section02 .category-list ul li:nth-child(even){

}
#section02 .category-list ul li label{
	padding:5% 0px 4.5% 4.5%;
	display:block;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	cursor:pointer;
}
#section02 .category-list ul li span{
	display:inline-block;
	vertical-align:middle;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#section02 .category-list ul li span.cat-img{
	width:17%;
	border:solid 1px #dfdfdf;
	margin:0 4% 0 0;
}
#section02 .category-list ul li span.cat-img img{
	width:100%;
	height:auto;
	vertical-align:top;
}
#section02 .category-list ul li span.cable-feature-input{
	width:10%;
	height:10%;
	margin:2% 0 0 0;
}
#section02 .category-list ul li span.cable-color-input{
	width:10%;
	height:10%;
	margin:2% 0 0 0;
}
#section02 .category-list ul li span.cat-name{
	padding:0 0 0 2%;
	font-size:85%;
	width:62%;
	line-height:1.2;
	overflow:hidden;
}
/***********************************
検索条件用　検索表示オプション
************************************/
#input-search-option{
	padding: 1.5em 1em 0 1em;
	color: #666;
}
#input-search-option .search-display {
	font-size: 100%;
	width: 100%;
	display: inline-block;
}
#input-search-option .search-display .word-input{
	padding:0 0 4px 0;
}
#input-search-option .search-display .word-input span{
	display:inline-block;
	vertical-align:middle;
}
#input-search-option .search-display .word-input span.cable-feature-input{
	margin:1px 4px 0 0;
}
#input-search-option .search-display .word-input span.cable-color-input{
	margin:1px 4px 0 0;
}
#input-search-option .search-display .exist-input span{
	display:inline-block;
	vertical-align:middle;
}
#input-search-option .search-display .exist-input span.cable-feature-inputt{
	margin:1px 4px 0 0;
}
#input-search-option dl.displayed-results{
	display: inline-block;
	text-align: right;
	float: none;
	margin: 1em 0 0 0;
}
#input-search-option dl.displayed-results dt{
	padding:0 8px 5px 0;
	display:inline-block;
	vertical-align:bottom;
}
#input-search-option dl.displayed-results dd{
	display:inline-block;
	vertical-align:middle;
}
/***********************************
検索ボタン・クリアボタン
************************************/
#input-button-box{
	margin: 3em 0 2em 0;
	border: solid 1px #cccccc;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	clear: both;
}
#input-button-box ul{
	background-color: #f5f5f5;
	padding:1.5em 0 0.5em;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	box-sizing:border-box;
}
#input-button-box ul li{
	display:inline-block;
	width:90%;
	margin:0 0 0.75em 0;
}
#input-button-box ul li:nth-child(even){
	margin:0 0 0 0;
}
#correspondence-search-search{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size: 123.1%;
	width:100%;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0.75em 0 0.5em 0;
	margin: 0 0;
	cursor: pointer;
	background-color:#1f4a96;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}
#correspondence-search-clear{
	display:inline-block;
	color:#333;
	font-weight:bold;
	font-size: 123.1%;
	width:100%;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0.75em 0 0.5em 0;
	margin: 0 0;
	cursor: pointer;
	background-color:#fff;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}
/***********************************
検索の注意事項　説明
************************************/
#result-information{
	padding: 0 0 2em 0;
	margin: 0 0 1.5em 0;
	border-bottom: solid 1px #ccc;
}
#result-information .txt-box{
	/* [disabled]background-color: #f5f5f5; */
	/* [disabled]border: solid 1px #cccccc; */
	/* [disabled]padding: 6px; */
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	/* [disabled]border-radius: 2px; */
}
#result-information .txt-box-inner{
	border: solid 1px #cccccc;
	background-color: #ffffee;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	padding: 1.5em 1.5em 1.25em 1.5em ;
	box-sizing:border-box;
}
#result-information .txt-box h4{
	font-size:108%;
	line-height:1.1;
	font-weight:bold;
	color:#666;
}
#result-information .txt-box p{
	color: #666;
	font-size: 93%;
	padding: 0.5em 0 0 0;
}
#result-information .txt-box p em{
	color:#c90f0f;
}
#result-information .txt-box ul{
	padding:0.5em 0 0 0;
	color:#666;
	font-size:85%;
}
#result-information .txt-box ul li{
	line-height: 1.4;
	padding: 0.5em 0 0.5em 0.5em;
	text-indent: -1em;
}
#result-information dl.mark-info{
	margin: 1em 0 0 0;
	text-align: center;
	font-size:85%;
}
#result-information dl.mark-info dt{
	display:inline-block;
	margin:0 0.25em 0 0;
}
#result-information dl.mark-info dt.maru{
	color:#8e81f3;
	font-weight:bold;
}
#result-information dl.mark-info dt.batsu{
	color:#f60000;
	font-weight:bold;
}
#result-information dl.mark-info dt.sankaku{
	color:#333;
	font-weight:bold;
}
#result-information dl.mark-info dd{
	display:inline-block;
	padding:0 1% 0 0;
	color:#666;
}
/**********************************************************************
検索結果ウインドウ
***********************************************************************/
/*********************************************************
検索結果　検索表示オプション
**********************************************************/
#output-search-option{
	padding:0.5em 2% 0.5em 2%;
	color:#666;
	text-align:left;
}
#output-search-option dl.displayed-results{
	display:inline-block;
	text-align:right;
	
}
#output-search-option dl.displayed-results dt{
	padding:0 8px 5px 0;
	display:inline-block;
	vertical-align:bottom;
}
#output-search-option dl.displayed-results dd{
	display:inline-block;
	vertical-align:middle;
}
/*********************************************************
ページネーション
**********************************************************/
#search-results-area .correspondence-grid-index{
	display:block;
	clear:both;

	width:100%;
	margin:1.5em 0 1.5em;
}
#search-results-area .correspondence-grid-index ul{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align:center;
}
#search-results-area .correspondence-grid-index ul li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin:0 0.75em;
}
#search-results-area .correspondence-grid-index ul li.correspondence-grid-index-item{
}
#search-results-area .correspondence-grid-index ul li.correspondence-grid-index-item.item-counts{
	margin:0 1em;
}

/*********************************************************
検索結果テーブル
**********************************************************/
#search-results-area div.correspondence-grid-base{
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top{
	margin:0 0 0 0;
	border-collapse: collapse;
	width: 100%;
	color: #333;
	border: 1px solid #dddddd;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top tr{
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top th{
	width:100%;
	margin: 0;
	padding: 1.25em 1.5em 1em;
	font-size: 100%;
	color: #333;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	vertical-align: middle;
	text-align: left;
	line-height: 1.4;
	color:#333;
	box-sizing:border-box;
}

#search-results-area div.correspondence-grid-base table.correspondence-grid-top td{
	font-size: 100%;
	margin: 0;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	text-align: left;
	line-height: 1.4;
	border: #dddddd solid 1px;
	color:#333;
}

/*結果テーブル★総合見出し★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_image,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-correspondence_correspondence_comment_flg,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_function{
	font-size:77%;
	padding: 1em 1em 0.75em;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#95b5ce;
	box-sizing:border-box;
}
/*画像*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_image{width:15%;}
/*製品型番*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_name{}
/*製品名*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_detail{}
/*対応情報*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_specific_6{}
/*価格*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_display_price{ border-bottom:none;}
/*備考1*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-correspondence_correspondence_comment_flg{}
/*備考2*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_function{width:20%; text-align:center;border-left:none;}

/*型番～備考２までの見出しボックス制御*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-correspondence_correspondence_comment_flg{
	display:block;
	width:100%;
	border-top:none;
	border-left:none;
}




/*結果テーブル★メーカー・製品名★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_1{
	font-size:77%;
	padding: 0.75em 1em 0;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
	border-bottom-style: hidden;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_3,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_4,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-product_product_specific_3{
	font-size:93%;
	padding: 0.5em 1em 0.25em 0.75em;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-product_product_specific_4{
	font-size:93%;
	padding: 0.5em 1em 0.25em 0.75em;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
}
/*結果テーブル★メーカー・製品名★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_8,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_function{
	vertical-align:middle;
	padding:0.75em 0.75em;
	font-size:85%;
	box-sizing:border-box;
}

/*画像*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image{width:15%; text-align:center;}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image img{vertical-align:top; width:100%; height:auto;min-width:40px; max-width:70px;}
/*型番リンク*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_name{font-weight:bold;}
/*製品名*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_detail{}
/*対応状況*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_6{text-align:center;}
/*価格*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_display_price{text-align:center;}
/*備考1*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_8{text-align:center;}
/*備考2*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_function{text-align:center; width:20%; border-left:none;}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_function img{ width:100%; height:auto;min-width:40px; max-width:104px;}


/*型番～備考２までの見出しボックス制御*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_8{
	display:block;
	width:100%;
	border-top:none;
	border-left:none;
}


/***********************************
検索条件を変更するボタン
************************************/
#search-results-area .section-ancher{
	padding: 1.5em 0 0 0;
	margin: 1.5em 0 2em 0;
	border-top: solid 1px #ccc;
	text-align:center;
}
#search-results-area .section-ancher a{
	display: inline-block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 123.1%;
	width: 240px;
	text-decoration: none;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 1em 2em 0.75em 2em;
	margin: 0 2px;
	cursor: pointer;
	background-color: #1f4a96;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}
}
/************************************************************************************************
Smartphone Style CSS
*************************************************************************************************/
@media screen and (max-width:499px){
#main-contents{
	width: 96%;
	margin: 1em 2% 0;
	float: none;
}
#sub-contents{
	display:none;
}
/**********************************************************************
検索条件入力
***********************************************************************/
/***********************************
メイン看板
************************************/
#main-contents h2{
	width:100%;
	margin:0.75em 0 0.75em 0;
}
#main-contents h2 img{
	width:100%;
	height:auto;
}
/***********************************
Form style
************************************/
/*  Form Style  */
#main-contents input[type=text],
#main-contents textarea,
#main-contents select {
	font-size:93%;
	padding:0.25em 0.25em;
	border: 1px solid #ccc;
	vertical-align: baseline;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
}



/***********************************
★共通　セクションボックス
************************************/
.section-box{
	width:100%;
}
/* 項目見出し */
.section-box h3{
	width:100%;
	box-sizing:border-box;
	padding:0.65em 0 0.5em 3%;
	margin: 0 0 0.5em;
	display: block;
	text-align: left;
	line-height: 1;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
.section-box h3 img{
	vertical-align: middle;
	margin: 0 1.5% 0 0;
	width: 4%;
	height: auto;
}
.section-box h3 span{
	width:90%;
	font-size: 108%;
	line-height:1.3;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	display:inline-block;
}
.section-box p.info{
	color: #666;
	padding: 0.65em 1em 0 1em;
	line-height: 1.4;
	font-size: 85%;
}
/*****************************************
★共通　テーブルボックス１
*****************************************/
.table-list{
	border: solid 5px #dddddd;
	width:100%;
	box-sizing:border-box;
}
.table-list table.form-table{
	margin:0 0 0 0;
	border-collapse: collapse;
	width: 100%;
	color: #333;
	border: 1px solid #dddddd;
}
.table-list table.form-table tr{
}
.table-list table.form-table th{
	width: 33%;
	margin: 0;
	padding: 1em 1em 0.75em;
	font-size: 77%;
	color: #333;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	vertical-align: middle;
	text-align: left;
	line-height: 1.3;
	color: #333;
}
.table-list table.form-table td{
	width: 62%;
	font-size: 85%;
	margin: 0;
	padding: 1em 1em 0.75em;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	text-align: left;
	line-height: 1.3;
	border: #dddddd solid 1px;
	color: #333;
}
/********************************************
★①ケーブルの種別
********************************************/
/*****************************
ケーブルの種類
*****************************/
.table-list table.form-table td .cable-category-input{
	width:100%;
	letter-spacing:normal;
}

/*****************************
イラスト上部のコネクタ名称
*****************************/
.ui-iconselectmenu-name {
    top: 4px;
    width: 100%;
    text-align: center;
}

/*****************************
リストに表示するイラストサイズ
*****************************/
.ui-iconselectmenu-img {
    width: 100%;
}

/*****************************
ケーブルの種類(先頭リストの空白サイズ)
*****************************/
.blank-option{
    height: 40px;
}
.blank-option .ui-iconselectmenu-name{
    padding-top: 10px;
}

/*****************************
ケーブル、オスメスの種類(コネクタ形状：左、右)
*****************************/
.correspondence-input-connectorType, correspondence-input-maleFemale {
    max-height: 200px;
    overflow-y: scroll;
    width: 90%;
}

/*****************************
ケーブルの長さボックス
*****************************/
.table-list table.form-table td div.cable-length-box{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
}
/*（左）ボックス*/
.table-list table.form-table td div.cable-length-box.l-cable{}
.table-list table.form-table td div.cable-length-box.l-cable .cable-length-input{
	width:90%;
}
/*（右）ボックス*/
.table-list table.form-table td div.cable-length-box.r-cable{}
.table-list table.form-table td div.cable-length-box.r-cable .cable-length-input{
	width:90%;
}
/*単位テキスト*/
.table-list table.form-table td div.cable-length-box .txt-unit{
	font-size:93%;
}
/*～画像ボックス*/
.table-list table.form-table td div.cable-length-box.img-box{
	width:90%;
	text-align:center;
	vertical-align:middle;
}
.table-list table.form-table td div.cable-length-box.img-box img{
	width:6%;
	max-width:6px;
	height:auto;
	margin:0.5em 0 0;
}
.table-list table.form-table td div.cable-length-box.img-box img.pc{
	display:none;
}
.table-list table.form-table td div.cable-length-box.img-box img.smp{
	display:inline-block;
}
/*****************************
ケーブルの種別・コネクタ
*****************************/
.table-list table.form-table td div.cable-type-box{
	width:100%;
	padding:0;
	margin:0;
	letter-spacing: normal; /* 文字間を通常に戻す */
	display:inline-block;
	vertical-align:top;
}
.table-list table.form-table td div.cable-type-box.l-box{
}
.table-list table.form-table td div.cable-type-box.r-box{
}
.table-list table.form-table td div.cable-type-box h4{
	letter-spacing: normal; /* 文字間を通常に戻す */
	font-size:93%;
	font-weight:normal;
	padding:0 0 0.5em 0.25em;
}
/*ボックス*/
.table-list table.form-table td div.cable-type-select-box{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	margin:0 0 0.5em;
}
.table-list table.form-table td div.cable-type-select-box .cable-type-input{
	width:100%;
}
.table-list table.form-table td div.cable-type-select-box .connector-type-input{
	width:100%;
}
/*～画像ボックス*/
.table-list table.form-table td div.cable-type-box.img-box{
	width:90%;
	text-align:center;
	vertical-align:middle;
	margin:0 5% 1em;
}
.table-list table.form-table td div.cable-type-box.img-box img{
	width:6%;
	max-width:6px;
	height:auto;
	margin:0 0.5em 0 0;
}
.table-list table.form-table td div.cable-type-box.img-box img.pc{
	display:none;
}
.table-list table.form-table td div.cable-type-box.img-box img.smp{
	display:inline-block;
}
/*ケーブルコネクタ画像ボックス*/
.table-list table.form-table td div.cable-img{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
	width:100%;
	text-align:center;
    height:110px;
}
.table-list table.form-table td div.cable-img img{
	width:84%;
	max-width:220px;
	height:auto;
}
/***********************************
セクション１専用
************************************/
#section01{
	padding:0 0 3em 0;
}
#section01 .search-list-box{
	padding:1em 0 0 0;
}
#section01 .search-list-box{
	display:none;
}
#section01 .search-list-box.act{
	display:block
}
/***********************************
セクション３専用
************************************/
#section02{
	padding: 0;
}
#section02 .search-list-box{
	padding: 0.75em 0 0 0;
}
#section02 .category-list{
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	padding: 2% 0 1% 2%;
	width:100%;
	box-sizing:border-box;
}
#section02 .category-list ul{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#section02 .category-list ul li{
	border: 3px solid #dddddd;
	background-color: #fff;
	letter-spacing: normal; /* 文字間を通常に戻す */
	display: inline-block;
	vertical-align: top;
	width: 48.25%;
	margin: 0 1.5% 1.5% 0;
	box-sizing:border-box;
}
#section02 .category-list ul li:nth-child(even){
	margin-right:0;
}
#section02 .category-list ul li label{
	padding:5% 0px 4.5% 4.5%;
	display:block;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	cursor:pointer;
}
#section02 .category-list ul li span{
	display:inline-block;
	vertical-align:middle;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#section02 .category-list ul li span.cat-img{
	width:17%;
	border:solid 1px #dfdfdf;
	margin:0 4% 0 0;
}
#section02 .category-list ul li span.cat-img img{
	width:100%;
	height:auto;
	vertical-align:top;
}
#section02 .category-list ul li span.cable-feature-input{
	width:10%;
	height:10%;
	margin:2% 0 0 0;
}
#section02 .category-list ul li span.cable-color-input{
	width:10%;
	height:10%;
	margin:2% 0 0 0;
}

#section02 .category-list ul li span.cat-name{
	padding:0 0 0 2%;
	font-size:85%;
	width:62%;
	line-height:1.2;
	overflow:hidden;
}
/***********************************
検索条件用　検索表示オプション
************************************/
#input-search-option{
	padding: 1.5em 1em 0 1em;
	color: #666;
}
#input-search-option .search-display {
	font-size: 100%;
	width: 100%;
	display: inline-block;
}
#input-search-option .search-display .word-input{
	padding:0 0 4px 0;
}
#input-search-option .search-display .word-input span{
	display:inline-block;
	vertical-align:middle;
}
#input-search-option .search-display .word-input span.cable-feature-input{
	margin:1px 4px 0 0;
}
#input-search-option .search-display .word-input span.cable-color-input{
	margin:1px 4px 0 0;
}
#input-search-option .search-display .exist-input span{
	display:inline-block;
	vertical-align:middle;
}
#input-search-option .search-display .exist-input span.cable-feature-input{
	margin:1px 4px 0 0;
}
#input-search-option .search-display .exist-input span.cable-color-input{
	margin:1px 4px 0 0;
}
#input-search-option dl.displayed-results{
	display: inline-block;
	text-align: right;
	float: none;
	margin: 1em 0 0 0;
}
#input-search-option dl.displayed-results dt{
	padding:0 8px 5px 0;
	display:inline-block;
	vertical-align:bottom;
}
#input-search-option dl.displayed-results dd{
	display:inline-block;
	vertical-align:middle;
}
/***********************************
検索条件用　検索表示オプション2
************************************/

#kensaku2  {
	width: 100%;
	margin:0px;
	padding:0px; 
}
div#kensaku2  {
	margin-top:20px; 
}

#kensaku2 ul.section-box3{
	display: block;
	width: 100%;
	background-color: #dddddd;
}

.section-box3 li{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	background-color: #fff;
	text-align: left;
	height: 27px;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	list-style: none;
	background-color: #f5f5f5;
}
.section-box3 li.smp-corres{background-color: #E4766D;}
.section-box3 li.slatepc-corres{background-color: #659e39;}
.section-box3 li.tv-corres{background-color: #125a9e;}
.section-box3 li.reco-corres2{background-color: #125a9e;}

.section-box3 li img{
	vertical-align: middle;
	margin: 0 8px 0 10px;
	width: 16px;
	height: 16px;
}
.section-box3 li span{
	font-size: 116%;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
}
.section-box3 p.info{
	color: #666;
	padding: 0.65em 0 0 1em;
	line-height: 1.6;
	font-size: 93%;
}


#kensaku2 ul.section-box3 li.reco-corres2{
	display: inline-block;
	width: 100%;
	padding: 14px 3px 5px 0px;
}

#kensaku2 ul.section-box3 li.reco-corres2 img{
	display: inline-block;
	width: 16px;
	height: 16px;
}

#kensaku2 ul.section-box3 li.word-input2{
	display: inline-block;
	background-color: #ffffff;
	width: 39%;
	border: 2px solid #dddddd;
	text-align: center;
}


#kensaku2 ul.section-box3 li.exist-input2{
	display: inline-block;
	background-color: #ffffff;
	width: 100%;
//    border: 2px solid #dddddd;
    text-align: left;
    padding-left: 5px,
}


/***********************************
検索ボタン・クリアボタン
************************************/
#input-button-box{
	margin: 3em 0 2em 0;
	border: solid 1px #cccccc;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	clear: both;
}
#input-button-box ul{
	background-color: #f5f5f5;
	padding:1.5em 0 0.5em;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	box-sizing:border-box;
}
#input-button-box ul li{
	display:inline-block;
	width:90%;
	margin:0 0 0.75em 0;
}
#input-button-box ul li:nth-child(even){
	margin:0 0 0 0;
}
#correspondence-search-search{
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size: 123.1%;
	width:100%;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0.75em 0 0.5em 0;
	margin: 0 0;
	cursor: pointer;
	background-color:#1f4a96;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}
#correspondence-search-clear{
	display:inline-block;
	color:#333;
	font-weight:bold;
	font-size: 123.1%;
	width:100%;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 0.75em 0 0.5em 0;
	margin: 0 0;
	cursor: pointer;
	background-color:#fff;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}
/***********************************
検索の注意事項　説明
************************************/
#result-information{
	padding: 0 0 2em 0;
	margin: 0 0 1.5em 0;
	border-bottom: solid 1px #ccc;
}
#result-information .txt-box{
	/* [disabled]background-color: #f5f5f5; */
	/* [disabled]border: solid 1px #cccccc; */
	/* [disabled]padding: 6px; */
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	/* [disabled]border-radius: 2px; */
}
#result-information .txt-box-inner{
	border: solid 1px #cccccc;
	background-color: #ffffee;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	padding: 1.5em 1.5em 1.25em 1.5em ;
	box-sizing:border-box;
}
#result-information .txt-box h4{
	font-size:108%;
	line-height:1.1;
	font-weight:bold;
	color:#666;
}
#result-information .txt-box p{
	color: #666;
	font-size: 93%;
	padding: 0.5em 0 0 0;
}
#result-information .txt-box p em{
	color:#c90f0f;
}
#result-information .txt-box ul{
	padding:0.5em 0 0 0;
	color:#666;
	font-size:85%;
}
#result-information .txt-box ul li{
	line-height: 1.4;
	padding: 0.5em 0 0.5em 0.5em;
	text-indent: -1em;
}
#result-information dl.mark-info{
	margin: 1em 0 0 0;
	text-align: center;
	font-size:85%;
}
#result-information dl.mark-info dt{
	display:inline-block;
	margin:0 0.25em 0 0;
}
#result-information dl.mark-info dt.maru{
	color:#8e81f3;
	font-weight:bold;
}
#result-information dl.mark-info dt.batsu{
	color:#f60000;
	font-weight:bold;
}
#result-information dl.mark-info dt.sankaku{
	color:#333;
	font-weight:bold;
}
#result-information dl.mark-info dd{
	display:inline-block;
	padding:0 1% 0 0;
	color:#666;
}
/**********************************************************************
検索結果ウインドウ
***********************************************************************/
/*********************************************************
検索結果　検索表示オプション
**********************************************************/
#output-search-option{
	padding:0.5em 2% 0.5em 2%;
	color:#666;
	text-align:left;
}
#output-search-option dl.displayed-results{
	display:inline-block;
	text-align:right;
	
}
#output-search-option dl.displayed-results dt{
	padding:0 8px 5px 0;
	display:inline-block;
	vertical-align:bottom;
}
#output-search-option dl.displayed-results dd{
	display:inline-block;
	vertical-align:middle;
}
/*********************************************************
ページネーション
**********************************************************/
#search-results-area .correspondence-grid-index{
	display:block;
	clear:both;

	width:100%;
	margin:1.5em 0 1.5em;
}
#search-results-area .correspondence-grid-index ul{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align:center;
}
#search-results-area .correspondence-grid-index ul li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin:0 0.75em;
	font-size:85%;
	line-height:1.5;
}
#search-results-area .correspondence-grid-index ul li.correspondence-grid-index-item{
}
#search-results-area .correspondence-grid-index ul li.correspondence-grid-index-item.item-counts{
	margin:0 1em;
}

/*********************************************************
検索結果テーブル
**********************************************************/
#search-results-area div.correspondence-grid-base{
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top{
	margin:0 0 0 0;
	border-collapse: collapse;
	width: 100%;
	color: #333;
	border: 1px solid #dddddd;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top tr{
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top th{
	width:100%;
	margin: 0;
	padding: 1.25em 1.5em 1em;
	font-size: 100%;
	color: #333;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	vertical-align: middle;
	text-align: left;
	line-height: 1.4;
	color:#333;
	box-sizing:border-box;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td{
	font-size: 100%;
	margin: 0;
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	text-align: left;
	line-height: 1.4;
	border: #dddddd solid 1px;
	color:#333;
}

/*結果テーブル★総合見出し★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_image,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-correspondence_correspondence_comment_flg,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_function{
	font-size:77%;
	padding: 0.75em 1em 0.5em;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#95b5ce;
	box-sizing:border-box;
}
/*画像*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_image{width:15%;}
/*製品型番*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_name{}
/*製品名*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_detail{}
/*対応情報*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_specific_6{}
/*価格*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_display_price{ border-bottom:none;}
/*備考1*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-correspondence_correspondence_comment_flg{}
/*備考2*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_function{width:20%; text-align:center;border-left:none;}

/*型番～備考２までの見出しボックス制御*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-header-correspondence_correspondence_comment_flg{
	display:block;
	width:100%;
	border-top:none;
	border-left:none;
}

/*結果テーブル★メーカー・製品名★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_1{
	font-size:77%;
	padding: 0.75em 1em 0;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
	border-bottom-style: hidden;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_3,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-model_model_specific_4,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-product_product_specific_3{
	font-size:93%;
	padding: 0.5em 1em 0.25em 0.75em;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-row-product_product_specific_4{
	font-size:93%;
	padding: 0.5em 1em 0.25em 0.75em;
	color:#333;
	font-weight:bold;
	text-align:left;
	background-color:#ffffcc;
}
/*結果テーブル★メーカー・製品名★******************************/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_8,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_function{
	vertical-align:middle;
	padding:0.5em 0.5em;
	font-size:85%;
	box-sizing:border-box;
}

/*画像*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image{width:15%; text-align:center;}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_image img{vertical-align:top; width:100%; height:auto;min-width:40px; max-width:70px;}
/*型番リンク*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_name{font-weight:bold;}
/*製品名*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_detail{}
/*対応状況*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_6{text-align:center;}
/*価格*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_display_price{text-align:center;}
/*備考1*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_8{text-align:center;}
/*備考2*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_function{text-align:center; width:20%; border-left:none;}
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_function img{ width:100%; height:auto;min-width:40px; max-width:104px;}


/*型番～備考２までの見出しボックス制御*/
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_name,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_detail,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_6,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_display_price,
#search-results-area div.correspondence-grid-base table.correspondence-grid-top td.correspondence-grid-col-product_product_specific_8{
	display:block;
	width:100%;
	border-top:none;
	border-left:none;
}


/***********************************
検索条件を変更するボタン
************************************/
#search-results-area .section-ancher{
	padding: 1.5em 0 0 0;
	margin: 1.5em 0 2em 0;
	border-top: solid 1px #ccc;
	text-align:center;
}
#search-results-area .section-ancher a{
	display: inline-block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 123.1%;
	width: 240px;
	text-decoration: none;
	border: 1px solid #CCC;
	/* border-radius */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 1em 2em 0.75em 2em;
	margin: 0 2px;
	cursor: pointer;
	background-color: #1f4a96;
	/* box-shadow */
	box-shadow: #d0d0d0 0px 0px 1px 1px;
	-webkit-box-shadow: #d0d0d0 0px 0px 1px 1px;
	-moz-box-shadow: #d0d0d0 0px 0px 1px 1px;
}
}



/***********************************
新規追加 2023/11/13
************************************/


.l-root-container input,
.l-header input,
.l-content-container input,
.p-business-panel input,
.l-page-top input,
.l-footer input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
input,
select,
textarea,
button {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}