@charset "utf-8";

/*
	* Name: product.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	body.product {
	}


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	body.product #main nav.main.group.noposition > ul > li > a > span.photo > span.photo {
		padding-bottom: 28px;
		padding-top: 28px;	
	}

	body.product #main nav.main.group > ul > li.sunmax > a > span.photo img,
		body.product #main nav.main.group > ul > li.eit > a > span.photo img {
			height: 44px;
			margin-left: auto;
			margin-right: auto;
			width: auto;
	}

	body.product #main nav.main.group > ul > li.sunmax > a > span.photo > span.photo {
		background-color: #242424;
	}

	body.product #main nav.main.group > ul > li.eit > a > span.photo > span.photo {
		background-color: #f1f3f2;
	}

	body.product #main ul.photolist.adaptor > li > div.photo > img {
		height: 140px;
		width: auto;
	}

	body.product #main ol.flow {
		list-style-type: none;
		margin-left: 0;
	}

	body.product #main ol.flow > li > h6 {
		background-color: #0045a1;
		border-radius: 6px;
		color: #ffffff;
		font-size: 112%;
		margin-bottom: 18px;
		padding: 16px;
		text-align: center;
	}

	body.product #main ol.flow > li {
		margin-bottom: 28px;
	}

	body.product #main ol.flow > li:last-child {
		margin-bottom: 0;
	}


	/* ========================================
	   * 領域設定 - Side Bar -
	======================================== */

	body.product #sidebar nav.sidebar {
		display: block;
	}


	/* ========================================
	   * 個別設定 - よくあるご質問 -
	======================================== */

	body.product.faq #main dl.faqlist {
		border-top: 1px solid #e7e6e6;
		margin-bottom: 60px !important;
	}

	body.product.faq #main dl.faqlist:last-child {
		margin-bottom: 0;
	}

	body.product.faq #main dl.faqlist > dt,
		body.product.faq #main dl.faqlist > dd {
			padding: 24px 18px 24px 18px;
			position: relative;
	}

	body.product.faq #main dl.faqlist > dt:after,
		body.product.faq #main dl.faqlist > dd:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			line-height: 0; /* CSS HACK: Safari */
			font-size: 0; /* CSS HACK: Firefox3 */
			visibility: hidden;
	}

	body.product.faq #main dl.faqlist > dt > div,
		body.product.faq #main dl.faqlist > dd > div {
			float: left;
			position: relative;
	}

	body.product.faq #main dl.faqlist > dt > div.label,
		body.product.faq #main dl.faqlist > dd > div.label {
			margin-right: 16px;
			padding: 8px;
			text-align: center;
	}

	body.product.faq #main dl.faqlist > dt {
		background-color: #fbfbfb;
		border-bottom: 1px dotted #e7e6e6;
		color: #000000;
		font-size: 126%;
	}

	body.product.faq #main dl.faqlist > dt > div.label {
		background-color: #000000;
		color: #ffffff;
		font-size: 100%;
	}

	body.product.faq #main dl.faqlist > dd {
		border-bottom: 1px solid #e7e6e6;
	}

	body.product.faq #main dl.faqlist > dd > div.label {
		background-color: #e7e6e6;
		color: #000000;
		font-size: 126%;
	}

	body.product.faq #main dl.faqlist > dd > div.information > p {
		margin-bottom: 18px;
	}

	body.product.faq #main dl.faqlist > dd > div.information > p:last-child {
		margin-bottom: 0;
	}

	body.product.faq #main div.frame.contact > div.container > div.contact {
		position: relative;
	}

	body.product.faq #main div.frame.contact > div.container > div.contact:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.product.faq #main div.frame.contact > div.container > div.contact > h6,
		body.product.faq #main div.frame.contact > div.container > div.contact > div.information {
			float: left;
			position: relative;
	}

	body.product.faq #main div.frame.contact > div.container > div.contact > h6 {
		color: #116cb0;
		font-size: 112%;
		font-weight: normal;
		text-align: center;
		width: 22%;
	}

	body.product.faq #main div.frame.contact > div.container > div.contact > div.information {
		border-left: 1px solid #e1e1e1;
		box-sizing: border-box;
		padding-bottom: 14px;
		padding-left: 60px;
		padding-top: 14px;
		width: 78%;
	}


	/* ========================================
	   * 個別設定 - デバイスプログラマ / 製品ラインナップ -
	======================================== */

	body.product.dp.lineup #sidebar nav.sidebar > ul > li > h6 + ul > li > a + ul.lineup {
		display: block;
	}


	/* ========================================
	   * 個別設定 - デバイスプログラマ / デバイスプログラマ関連製品 -
	======================================== */

	body.product.dp.dpr #sidebar nav.sidebar > ul > li > h6 + ul > li > a + ul.dpr {
		display: block;
	}


	/* ========================================
	   * 個別設定 - デバイスプログラマ / 自動プログラミングシステム -
	======================================== */

	body.product.dp.ap #sidebar nav.sidebar > ul > li > h6 + ul > li > a + ul.ap {
		display: block;
	}


	/* ========================================
	   * 個別設定 - デバイスプログラマ / ダウンロード -
	======================================== */

	body.product.dp.download #sidebar nav.sidebar > ul > li > h6 + ul > li > a + ul.download {
		display: block;
	}

	body.product.dp.download #main table tr > th {
		width: 32%;
	}


	/* ========================================
	   * 個別設定 - デバイスプログラマ / ダウンロード -
	======================================== */

	body.product.dp.dpselect #sidebar {
		display: none;
	}

	body.product.dp.dpselect #main {
		margin-right: 0;
		width: 100% !important;
	}


	/* ========================================
	   * 個別設定 - 環境エレクトロニクス / LED/省エネ照明 -
	======================================== */

	body.product.ee.eel #main ol.productlist > li > a,
		body.product.ee.eel #main ol.productlist > li > a > img {
			display: block;
	}

	body.product.ee.eel #main ol.productlist > li > a {
		margin-bottom: 28px;
	}

	body.product.ee.eel #main ol.productlist > li > a > img {
		height: auto;
		width: 100%;
	}


	/* ========================================
	   * 個別設定 - 環境エレクトロニクス / タッチペン -
	======================================== */

	body.product.ee.tw table.center tr th:first-child {
		text-align: center;
	}

	body.product.ee.tw #main table tr > td > img {
		height: auto;
		max-width: 126px;
		width: auto;
	}

	body.product.ee.tw #main table tr.zoom > td > img {
		max-width: 180px;
	}

	body.product.ee.tw #main ul.button > li > a.button {
		border-style: solid;
		border-width: 4px;
		padding: 10px 84px 10px 38px;
	}

	body.product.ee.tw #main ul.button > li > a.button.amazon {
		background: linear-gradient(#fbfbf3, #e2d9b0);
		border-color: #afac9b;
		color: #000000;
	}

	body.product.ee.tw #main ul.button > li > a.button.amazon:after {
		background-image: url("../../img/icon_arrow_black01.png");
	}

	body.product.ee.tw #main ul.button > li > a.button.special {
		background: linear-gradient(#85797d, #615156);
		border-color: #534348;
	}


	/* ========================================
	   * 個別設定 - デバイスプログラマ / サポート情報 -
	======================================== */

	body.product.dp.support #sidebar nav.sidebar > ul > li > h6 + ul > li > a + ul.support {
		display: block;
	}


	/* ========================================
	   * 個別設定 - その他のサービス / テストシステム製品 -
	======================================== */

	body.product.other.testsys #main ol.productlist.separate > li > div.photo {
		float: right;
		width: 20%;
	}

	body.product.other.testsys #main ol.productlist.separate > li > div.photo > img {
		display: block;
		height: auto;
		width: 100%;
	}

	body.product.other.testsys #main ol.productlist.separate > li > div.information {
		margin-right: 6%;
		width: 74%;
	}

	body.product.other.testsys #main ol.productlist.separate > li > div.information > h5 {
		font-weight: bold;
	}

	body.product.other.testsys #main ol.productlist.separate > li > div.information > h5 > a > span.label {
		font-weight: normal;
	}

	body.product.other.testsys #main ol.productlist.separate > li > div.information > p {
		margin-bottom: 18px;
	}

	body.product.other.testsys #main ol.productlist.separate > li > div.information > p:last-child {
		margin-bottom: 0;
	}


	body.product.other.testsys #main ol.productlist.separate > li > div.information > ul.button {
		margin-bottom: 0;
	}

	body.product.other.testsys #main ol.productlist.separate > li > div.information > ul.button > li {
	}

	body.product.other.testsys #main ol.productlist.separate > li.wide > div {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}


	/* ========================================
	   * 個別設定 - 記事詳細 -
	======================================== */

	body.product.article table.narrow tr th,
		body.product.article table.narrow tr td {
	}

	body.product.article #main table.information tr > td > p,
		body.product.article #main table.contact tr > td > p {
			margin-bottom: 0;
	}

}