@charset "UTF-8";
/*This style is for "www.tform.co.jp/products/".*/

 
/*「基本」のスタイル*/
.item { float: left; background: #fff; }
.item a { display: block; } /* overflow: hidden; */
.item a img { width: auto; max-width: 100%; height: auto; max-height: 100%; vertical-align: middle; } /*変倍防止のために横幅はautoで最大横幅は100%指定が必要*/
.item a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.item a:hover div { color: #30A8C3; font-weight: bold; } 
.photo { margin: 0 auto; text-align: center; line-height: 0; overflow: hidden; position: relative;  max-height: 130px; }
ul.caption { margin-top: 1em; } /* overflow: hidden; */
ul.caption li { font-size: 77%; color: #888888; text-align: center; line-height: 1.6em; }
a:hover ul.caption li { color: #30A8C3; font-weight: bold; }

/*次のページへの誘導*/
.productsList ul.caption2 { margin-top: 1.1em; }
.productsList a .signNext img { filter: alpha(opacity=20); -moz-opacity: 0.2; -webkit-opacity: 0.2; opacity: 0.2; }
.productsList a:hover .signNext img { filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; }
.productsList a .textNext,
.productsList a .surplusNext { font-size: 82%; text-align: center; color: #333; line-height: 1.5em; margin-bottom: 1em; }
.productsList a:hover .textNext,
.productsList a:hover .surplusNext { color: #30A8C3; font-weight: 400; }


/*「共通」のスタイル*/
.searchMaker,
.searchDesigner,
.searchSpec,
.searchSeries,
.productsList {
	width: 12.5%; /*未対応の場合*/
	/* width: calc( 100% / 8 ); */
}
/*「共通」のスタイル*/
.searchMaker a,
.searchDesigner a,
.searchSpec a,
.searchSeries a,
.productsList a {
	padding: 8%;
	border: 1px solid #EFEFEF;
	margin-right: -1px;
	margin-bottom: -1px;
}
.searchMaker a:hover,
.searchDesigner a:hover,
.searchSpec a:hover,
.searchSeries a:hover,
.productsList a:hover {
	background: #eee;
	border-color: #ddd;
	border-top-color: #30A8C3;
}

/*「カテゴリーで選ぶ」のスタイル*/
.searchCategory {
	width: 20%; /*未対応の場合*/
	/* width: calc( 100% / 5 ); */
}
.searchCategory a { padding: 8%; } /* height: 14em; */
.searchCategory .photo { max-height: 180px; } /* height: 12em; */

/*「メーカーで選ぶ」のスタイル*/
.searchMaker .photo { max-height: 120px; }
.searchMaker .photo img { max-width: 90%; max-height: 90%; }
.searchMaker ul.caption li.countryName { font-size: 66%; }

/*「デザイナーで選ぶ」のスタイル*/
.searchDesigner { width: 14.285%; }
.searchDesigner .photo { } /* line-height: 90px; height: 90px; */ /*max-height: 100px; *（2014.12.27に削除）*/
.searchDesigner ul.caption { margin-top: 0.5em; } /* max-height: 4.5em; */
.searchDesigner ul.caption li.designerNameEn { color: #299dbc; }
.searchDesigner a:hover ul.caption li.designerNameEn { color: #30A8C3; }
.searchDesigner ul.caption li.designerNameJp { font-size: 66%; margin-top: 0.6em; color: #555; }
.searchDesigner a:hover ul.caption li.designerNameJp { color: #30A8C3; }

/*「機能・設置方法・スペックから選ぶ */
.searchSpec { width: 16.66%; } /* 14.285% */
.searchSpec .photo { max-height: 160px; }
.searchSpec a { padding: 6%; }

/*「シリーズから選ぶ」のスタイル*/
.searchSeries { width: 14.285%; } /* 2014.12.27 変更（ 12.5%（8個）） */
.searchSeries .photo { max-height: 160px; } /* line-height: 120px; height: 120px; */ /* 2014.12.27 変更（ max-height: 130px; ) */
.searchSeries a { } /* height: 13.5em; */
.searchSeries ul.caption { margin-top: 0.5em; } /* max-height: 3.5em; */
.searchSeries ul.caption li.seriesName { font-size: 88%; color: #666; }
.searchSeries a:hover ul.caption li.seriesName { color: #30A8C3; }
.searchSeries ul.caption li.makerName { font-size: 66%; }


/*「このカテゴリーの商品すべて」のスタイル*/
.productsList .photo { } /* line-height: 120px; height: 120px; */
.productsList a { } /* height: 21em; */

/*商品スペックの個別スタイル*/
.productsList ul.caption { margin-top: 1.1em; } /*max-height: 11.5em;*/
.productsList ul.caption li { text-align: left; color: #5A5A5A; font-size: 92%; }
.productsList ul.caption li.categoryName { color: #5A5A5A; font-size: 77%; }
.productsList ul.caption li.makerName { font-size: 77%; }
.productsList ul.caption li.seriesName { font-size: 77%; font-style: italic; line-height: 1.3em; margin: 0.2em 0; }
.productsList ul.caption li.productNumber { color: #299dbc; }
.productsList ul.caption li.price { }
.productsList ul.caption li.price_tax,
.productsList ul.caption li.size,
.productsList ul.caption li.color,
.productsList ul.caption li.material { color: #555; font-size: 82%; }
.productsList a:hover ul.caption li { color: #30A8C3; font-weight: normal; }
.productsList a:hover ul.caption li.productNumber { color: #30A8C3; font-weight: bold; }


/*「機能・設置方法・スペックから選ぶ」のスタイル ＋ サイドメニューのアコーディオンのリセット*/
#container ul.sidr-class-accordion li ul li .searchSpec { padding: 0; } /* height: 11em; */
#container ul.sidr-class-accordion li ul li .searchSpec a { } /* height: 11em; */
#container ul.sidr-class-accordion li ul li .searchSpec .photo img { } /* max-height: 13em; */
#container ul.sidr-class-accordion li ul li .searchSpec .iconCaption { display: inline-block; width: 100%; padding: 0; margin-top: 1em; font-size: 80%; line-height: 1.4em; color: #333; font-weight: 400; } /* height: 4em; overflow: hidden; */
#container ul.sidr-class-accordion li ul li .searchSpec .iconCaption img { float: left; width: 25%; min-width: 25px; max-width: 40px; border: 1px solid #DDDDDD; margin: 0 5% 2% 0; vertical-align: text-top;
	filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8;
}
/*機能・設置方法・スペックから選ぶ - アコーディオン*/
#container ul.sidr-class-accordion li { display: inline-block; width: 100%; clear: both; margin-bottom: 1.3em;
	position:relative; /*IE7以下のハック(jQuery slideDown)*/
}
#container ul.sidr-class-accordion li ul {
	display: block; /*jQuery accordion 初期一時表示のため*/
	position: relative; /*IE7以下のハック（jQuery animate）*/
	z-index: 1; /*IE8のハック（jQuery animate）*/
} 
#container ul.sidr-class-accordion li ul.specCont { display: block; } /*jQuery accordion 常時表示のため（の保険）*/
#container ul.sidr-class-accordion li .sidr-class-menuForSidr { min-height: 30px; padding: 0.5em 1em; background: #FCFCFC; line-height: 1; text-align: right; border: 1px solid #EBEBEB; border-bottom: 3px solid #299dbc; } /*#76bccf*/
#container ul.sidr-class-accordion li .sidr-class-menuForSidr span { float: left; font-size: 106%; line-height: 1.7em; font-weight: 400; color: #535353; padding: 0; background-image: none; margin: 0.2em 2em 0 0; text-align: left; }
#container ul.sidr-class-accordion li .sidr-class-menuForSidr img { width: 2em; height: 2em; border: 1px solid #DDDDDD; margin: 0.25em ; vertical-align: middle; }
#container ul.sidr-class-accordion li .sidr-class-menuForSidr:hover { background: #F2F7FC; border-left-color: #30A8C3; }
#container ul.sidr-class-accordion li .sidr-class-menuForSidr:hover span { font-weight: 500; color: #30A8C3; }
#container ul.sidr-class-accordion li .sidr-class-menuForSidr:hover img { border: 1px solid #AAAAAA; }
#container ul.sidr-class-accordion li .sidr-class-menuForSidr span.open { background-image: none; font-weight: bold; color: #535353; }

/*IE7以下のa要素内のブロック要素に対するリンク範囲対策*/
/*標準*/
span.ie7link { display: none; }
/*IE7以下*/
.item a { /position: relative; }
span.ie7link {
	/display: inline;
	/width: 100%;
	/height: 100%;
	/position: absolute;
	/background: #FFFFFF;
	/top: 0;
	/left: 0;
	/cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
}

/*絞り込み選択の結果*/
.selectDescription { font-size: 93%; margin-bottom: 0.75em; }
span.selectTitle { color: #333333; }

/*商品一覧のキャプションの表示*/
.captionList { position: absolute; left: 0.5em; bottom: 0.75em; color: #000 !important; font-size: 10px; line-height: 1.3em; text-align: left; }

/*新商品の表示*/
.productsList, .searchSeries { position: relative; }
/*商品一覧の新商品の表示*/
.newItemList { position: absolute; right: 1em; color: red !important; font-size: 10px; }
/*商品詳細の新商品の表示*/
.newItemOne { margin-left: 0.5em; color: red !important; font-size: 10px; }

/*RECID*/
#z_number { text-align: right; font-size: 9px; }

/*セット構成の説明・シミュレーションへのリンクボタン*/
.doorHandleSet { margin-top: 1em; }
.doorHandleSet ul li { margin: 1em 0; }
.doorHandleSet ul li a { display: block; background: #F5F7F7; padding: 0.7em; font-size: 88%; line-height: 1em; text-align: center; letter-spacing: 1px; }
.doorHandleSet .setDescription a { border: 1px solid #D1D1D1; color: #299dbc; }
.doorHandleSet .setDescription a:hover { color: #fff; font-weight: 600; background: #30A8C3; border: 1px solid #30A8C3; }
.doorHandleSet .setSimulation a { border: 1px solid #D1D1D1; color: #FF9900; }
.doorHandleSet .setSimulation a:hover { color: #fff; font-weight: 600; background: #FF9900; border: 1px solid #FF9900; }
.HandleSetIcon { width: 6px; vertical-align: text-top; margin: 0.5em 0.6em 0 0; margin-top: 5px\9; }
