@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : search.css
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
  


/* ==

　01. コンテンツ検索

=============================================================================== */

/*----------------------------------
 ソリューション事例タブ
------------------------------------*/

#search_tab.type_case {
	margin-bottom: 15px;
	border-bottom: 5px solid #274773;
}

#search_tab.type_case li {
	float: left;
}

.searchBlock .trigger.type_case li {
	margin: 0 5px 5px 0;
}

/*----------------------------------
 検索ブロック大枠
------------------------------------*/

.searchBlock {
	width: 960px;
	margin: 0 -10px 25px 0;
	padding-bottom: 20px;
	background: url(../images/n_bg_separate.gif) left bottom no-repeat;
}


/*----------------------------------
 トリガー
------------------------------------*/

.searchBlock h2 {
	float: left;
	margin-right: 10px;
}

.searchBlock .trigger {
	margin-bottom: 13px;
}

.searchBlock .trigger li {
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

/*----------------------------------
 主要ボックス
------------------------------------*/

.searchBlock .searchArea {
	position: relative;
	width: 960px;
	overflow: hidden;
}

.searchBlock .searchArea .searchBox {
	position: absolute;
	top: 0;
	left: -960px;
	width: 960px;
	clear: both;
	z-index: 100;
}

/*----------------------------------
 パネルレイアウト
------------------------------------*/

.searchBlock .searchArea .layer2,
.searchBlock .searchArea .layer3 {
	position: absolute;	
	top: 0;
	left: 960px;
	width: 960px;
}

.searchBlock .searchArea .layer3 {
	left: 1920px;
}

.searchBlock .searchArea .layer1,
.searchBlock .searchArea #c_list ul {
	width: 960px;
}

.searchBlock .searchArea .layer1 li,
.searchBlock .searchArea #c_list ul li {
	float: left;
	margin: 0 10px 10px 0;
}

.searchBlock .searchArea .layer1 li ul,
.searchBlock .searchArea #c_list ul li ul {
	width: auto;
	margin-top: -10px;
}

.searchBlock .searchArea .layer1 li li,
.searchBlock .searchArea #c_list ul li li {
	float: none;
	margin: 10px 0 0 0;
}

.searchBlock .searchArea .panelList.type_case li {
	background: url(../images_global/n_bg_search_15.gif) left top no-repeat;
}

.searchBlock .searchArea .panelList.type_product li {
	background: url(../images_global/n_bg_search_16.gif) left top no-repeat;
}

.searchBlock .searchArea .panelList.type_product li#wide01,
.searchBlock .searchArea .panelList.type_product li#wide02 {
	background: url(../images_global/n_bg_search_17.gif) left top no-repeat;
}

.searchBlock .searchArea .panelList li {
	position: relative;
}

.searchBlock .searchArea .panelList li p {
	margin: 0;
}

.searchBlock .searchArea .panelList li ul {
	width: 220px;
	height: 33px;
	margin: 0;
	padding: 0 5px;
	background: url(../images_global/n_bg_search_10.gif) left top no-repeat;
}

.searchBlock .searchArea .panelList li li {
	float: left;
	height: 28px;
	margin: 0;
	font-size: 12px;
	text-align: center;	
}

.searchBlock .searchArea .panelList.type_product li.etcLink {
	background: none;
}

.searchBlock .searchArea .panelList.type_product li.etcLink ul {
	width: 230px;
	height: auto;
	margin-top: -10px;
	padding: 0;
	background: none;
}

.searchBlock .searchArea .panelList.type_product li.etcLink li {
	float: none;
	height: auto;
	margin: 10px 0 0 0;
	font-size: 0;
	line-height: 100%;
}

.searchBlock .searchArea .panelList.type_product li.etcLink li img {
	vertical-align: top;
}

.searchBlock .searchArea .panelList li li a {
	display: block;
	height: 22px;
	padding-top: 6px;
}

.searchBlock .searchArea .panelList.type_product li.etcLink li a {
	height: auto;
	padding: 0;
}

.searchBlock .searchArea .panelList li .btnPdf {
	width: 120px;
	margin-right: 4px;
}

.searchBlock .searchArea .panelList li .btnPdf a {
	width: 120px;
	background-image: url(../images_global/n_bg_search_11.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;	
}

.searchBlock .searchArea .panelList li .btnPdf span {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(../images_global/n_ic_pdf.gif) left center no-repeat;	
}

* html .searchBlock .searchArea .panelList li .btnPdf span  {
	display: inline;
	zoom: 1;	
} /* ie6 */

*:first-child+html .searchBlock .searchArea .panelList li .btnPdf span {
	display: inline;
	zoom: 1;	
} /* ie7 */

.searchBlock .searchArea .panelList li .btnMovie {
	width: 96px;
}

.searchBlock .searchArea .panelList li .btnMovie a {
	width: 96px;
	background-image: url(../images_global/n_bg_search_12.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;		
}

.searchBlock .searchArea .panelList li .btnPdf a:hover,
.searchBlock .searchArea .panelList li .btnMovie a:hover {
	background-position: left -28px;	
}

.searchBlock .searchArea .panelList li .btnMovie span {
	padding-left: 20px;
	background: url(../images_global/n_ic_movie.gif) left center no-repeat;	
}


/*----------------------------------
 パネル ローディング
------------------------------------*/

.searchBlock .searchArea .panelList li .loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 210px;
	background: #fff url(../images_global/n_loading.gif) center center no-repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.searchBlock .searchArea .panelList.type_case li .loading {
	height: 230px;	
}

.searchBlock .searchArea .panelList li#wide01 .loading,
.searchBlock .searchArea .panelList li#wide02 .loading {
	width: 470px;
}


/*----------------------------------
 詳細パネル
------------------------------------*/

/*============ 製品情報 ============*/
.searchBlock .mt15 {
	margin-top: 15px;
}

/*-- 詳細テキストリンク --*/
.searchBlock .toDetail {
	display: block;
	margin: 3px 0;
}
.searchBlock .toDetail .icArw {
  padding: 0 0 3px 20px;
  background: url(../images/n_ic_arw.gif) left 0.2em no-repeat;	
}
.searchBlock .toDetail .icBlank {
  padding: 0 0 3px 20px;
  background: url(../images/n_ic_external.gif) left 0.2em no-repeat;	
}
/*-- cm動画 --*/
.searchBlock .toCm a {
	display: inline-block;
	padding: 1px 0 3px 22px;
	background: url(../images_global/n_ic_arw.gif) left center no-repeat;
}
* html .searchBlock .toCm a  {
	display: inline;
	zoom: 1;	
} /* ie6 */

*:first-child+html .searchBlock .toCm a {
	display: inline;
	zoom: 1;	
} /* ie7 */

/*-- PDF --*/
.searchBlock .icPdf {
	padding-left: 22px;
	background: url(../images_global/n_ic_pdf.gif) left top no-repeat;
}


/*----------------------------------
 回り込みの解除
------------------------------------*/

* html .searchBlock dl,
* html .searchBlock ul,
* html .searchBlock div {
	zoom: 1;
} /* ie6 */

*:first-child+html .searchBlock dl,
*:first-child+html .searchBlock ul,
*:first-child+html .searchBlock div {
	zoom: 1;
} /* ie7 */

.searchBlock dl:after,
.searchBlock ul:after,
.searchBlock div:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}


/*----------------------------------
 詳細パネル テキスト化
------------------------------------*/
.bsPanelBlock {
  position: relative;
  width: 950px;
  margin-bottom: 0;
  overflow: hidden;
}
.bsPanelBlock .blockIn {
  width: 960px;
  margin-right: -10px;
}
.bsPanelBlock .blockIn .panel {
  position: relative;
  float: left;
  width: 210px;
  margin: 0 10px 10px 0;
  padding: 10px 10px 12px;
  background: url(../images_global/n_bg_panel_02.jpg) left bottom no-repeat;
}
.bsPanelBlock .blockIn .hover {
  background: url(../images_global/n_bg_panel_02_on.jpg) left bottom no-repeat;
}
.bsPanelBlock .blockIn .wideT {
  width: 450px;
  background: url(../images_global/n_bg_panel_04.jpg) left bottom no-repeat;
}
.bsPanelBlock .blockIn .wideT.hoverT {
  background: url(../images_global/n_bg_panel_04_on.jpg) left bottom no-repeat;
}
.bsPanelBlock .blockIn .bnrT {
  width: 230px;
  padding: 0;
  background: none;
}
.bsPanelBlock .blockIn .boxLink {
  position: relative;
  cursor: pointer;
}
.bsPanelBlock .blockIn .panel p {
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 100%;
}
.bsPanelBlock .blockIn .panel .pnProTit,
.bsPanelBlock .blockIn .panel .pnSolTit {
  min-height: 19px;
  height: auto !important;
  height: 19px;
  line-height: 1.5;
  margin-bottom: 6px;
	padding: 1px 0 0 25px;
  font-size: 100%;
  font-weight: bold;
}
.bsPanelBlock .blockIn .panel .pnProTit {
  background: url(../images_global/n_ic_arw_02.gif) left 0.18em no-repeat;
}
.bsPanelBlock .blockIn .panel .pnSolTit {
  background: url(../images_global/n_ic_arw_03.gif) left 0.18em no-repeat;
}
.bsPanelBlock .blockIn .panel .pnSubT {
	margin-bottom: 7px;
  color: #274773;
  font-weight: bold;
}
.bsPanelBlock .blockIn .panel .pnSubT span {
	font-size: 77%;
}
.bsPanelBlock .blockIn .panel .pnTxt {
	line-height: 1.5;
  margin-bottom: 0;
}
.bsPanelBlock .blockIn .panel .pnImg,
.bsPanelBlock .blockIn .panel .pnThumb {
  margin: -10px -10px 9px;
  padding: 10px 10px 0;
  background: url(../images_global/n_bg_panel_01.gif) left top no-repeat;
}
.bsPanelBlock .blockIn .hover .pnImg,
.bsPanelBlock .blockIn .hover .pnThumb {
  background: url(../images_global/n_bg_panel_01_on.gif) left top no-repeat;
}
.bsPanelBlock .blockIn .wideT .pnImg,
.bsPanelBlock .blockIn .wideT .pnThumb {
  background: url(../images_global/n_bg_panel_03.gif) left top no-repeat;
}
.bsPanelBlock .blockIn .wideT.hoverT .pnImg,
.bsPanelBlock .blockIn .wideT.hoverT .pnThumb {
  background: url(../images_global/n_bg_panel_03_on.gif) left top no-repeat;
}
.bsPanelBlock .blockIn .panel ul {
  margin-bottom: 5px;
}
.bsPanelBlock .blockIn .panel li {
  float: left;
  margin-right: 5px;
}
.bsPanelBlock .blockIn .panel .pnSup {
  line-height: 1.4;
  margin: 10px 0 0;
	font-size: 77%;
}
.bsPanelBlock .blockIn .panel .pnPdf {
	float: right;
  min-height: 15px;
  height: auto !important;
  height: 15px;
  padding: 3px 0 0 20px;
  background: url(../images_global/n_ic_pdf.gif) left center no-repeat;
	font-size: 10px;
}
.bsPanelBlock .blockIn .panel .blankT  {
  background: url(../images_global/n_ic_external_01.gif) left 0.2em no-repeat;
}
.bsPanelBlock .blockIn .panel .blankTS  {
  padding-left: 21px;
  background: url(../images_global/n_ic_external_02.gif) left 0.29em no-repeat;
}

.bsPanelBlock .panel a.panelDetailLink {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 470px;
    white-space: nowrap;
	word-wrap: normal; 
    overflow: hidden;
}

.bsPanelBlock .blockIn .bnrT ul {
  margin-bottom: 0;
}
.bsPanelBlock .blockIn .bnrT ul li {
  float: none;
  margin: 0 0 10px;
}
.bsPanelBlock .blockIn .bnrT ul li.lastChild {
	margin-bottom: 0;
}
.bsPanelBlock .blockIn .panel a:hover {
	text-decoration: underline;
}
.bsPanelBlock .blockIn .panel a:active {
	text-decoration: underline;
}
.bsPanelBlock .titStyle01_l2 {
	margin-top: 20px;
}
.bsPanelBlock h2.firstChild {
	margin-top: 0;
}
.bsBtmSp {
	padding-bottom: 20px;
}

* html .bsPanelBlock,
* html .bsPanelBlock ul,
* html .bsPanelBlock div {
  zoom: 1;
} /* ie6 */

*:first-child+html .bsPanelBlock,
*:first-child+html .bsPanelBlock ul,
*:first-child+html .bsPanelBlock div {
  zoom: 1;
} /* ie7 */

.bsPanelBlock:after,
.bsPanelBlock ul:after,
.bsPanelBlock div:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

@media print {
	* html .bsPanelBlock .blockIn .panel {
		margin-right: 6px;
	}
	*:first-child+html .bsPanelBlock .blockIn .panel {
		margin-right: 6px;
	}
}