@charset "utf-8";
@import url("base.css");
@import url("structure.css");


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

	製品情報
	products

	共通ページタイトル
	p.title

	製品情報詳細
	サイドバー
	#products.detail #sideBar
	
	製品情報詳細ページ
	サイドバナー
	#products.detail .sideBnr

	製品情報詳細
	コンテンツ
	#products.detail #main
	
	#bottom
	おすすめ　#recommend
	活用事例　#appli
	
	製品情報一覧（トップページ）
	サイドメニュー
	#products.index #sideMenu
	
	製品情報一覧（トップページ）
	コンテンツ
	#products.index #main


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

/*----------------------------------
	h2.title
----------------------------------*/
#products h2.analysis_title{
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom-color: #009F50;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: bold;
}

#products h2.dilution_title{
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom-color: #EF8200;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: bold;
}

#products h2.evaluation_title{
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom-color: #005AAB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: bold;
}

#products h2.addition_title{
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom-color: #934429;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 16px;
	font-weight: bold;
}

/*----------------------------------
	lineup
----------------------------------*/
#products.detail #main #lineup{
	position: relative;
	display: block;
	width: 760px;
	}

#lineup .lineup_Box{margin-right: 10px; margin-top: 10px; float: left; position: relative; border-color: #E6E6E1; border-width: 1px; border-style: solid; height: 200px; width: 368px;
}

#lineup .lineup_Box a{
	display: inline-block; height: 200px; width: 368px;}

#lineup .lineup_Box dl dt.lineup_notice{
	bottom: 155px;
	line-height: 1.2em;
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	color: white;
	left: 215px;
	position: absolute;
	display: table-cell;
	vertical-align: middle;
}

#lineup .lineup_Box dl dt.lineup_notice_cvs{
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #CC99CC;
	color: white;
	top: 20px;
	left: 205px;
	position: absolute;
	display: table-cell;
	vertical-align: middle;
}

#lineup .lineup_Box dl dt.lineup_notice_pat{
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #F39700;
	color: white;
	top: 20px;
	left: 205px;
	position: absolute;
	display: table-cell;
	vertical-align: middle;
}

#lineup .lineup_Box dl dt.lineup_notice_object{
	font-size: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #8EC31E;
	color: white;
	top: 20px;
	left: 205px;
	position: absolute;
	display: table-cell;
	vertical-align: middle;
}

#lineup .lineup_Box dl dt.lineup_name{
	width: 150px;
	top: 50px;
	left: 215px;
	position: absolute;
}

#lineup .lineup_Box dl dt.top_lineup_name{
	width: 150px;
	top: 20px;
	left: 220px;
	position: absolute;
}

#lineup .lineup_Box dl dt.lineup_name span{
	font-size: 14px;
	font-weight: bold;
}

#lineup .lineup_Box dl dt.top_lineup_name span{
	font-size: 14px;
	font-weight: bold;
}

#lineup .lineup_Box dl dt.lineup_name small{
	font-size: 11px;
}

#lineup .lineup_Box dl dt.lineup_copy{
	font-size: 11px;
	width: 150px;
	top: 125px;
	left: 215px;
	position: absolute;
	word-break: break-all;
}

#lineup .lineup_Box dl dt.lineup_copy_02{
	font-size: 11px;
	width: 150px;
	top: 90px;
	left: 215px;
	position: absolute;
	word-break: break-all;
}

#lineup .lineup_Box dl dt.top_lineup_copy{
	font-size: 11px;
	width: 140px;
	top: 100px;
	left: 220px;
	position: absolute;
	word-break: break-all;
}

#lineup .lineup_Box a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
	}
	
.analysis #lineup .lineup_Box dl dt.lineup_notice{
	background-color: #6CC9AF;
}

.dilution #lineup .lineup_Box dl dt.lineup_notice{
	background-color: #FFBB65;
}	


.evaluation #lineup .lineup_Box dl dt.lineup_notice{
	background-color: #82C0EA;
}	


.addition #lineup .lineup_Box dl dt.lineup_notice{
	background-color: #B95534;
}	
	

/*----------------------------------
	detail
----------------------------------*/
#products.detail #main #detail{
	position: relative;
	display: block;
	width: 750px;
	padding-bottom: 20px;
	float: left;
}

#products.detail #main #detail dl{
	width: 750px;
}

#products.detail #main #detail dt{
	position: relative;
	display: block;
	width: 370px;
	float: left;
}

#products.detail #main #detail dt li{
	line-height: 2.3em;
	margin-bottom: 20px;
	border-left-width: 4px;
	border-left-style: solid;
	padding-left: 10px;
}

#products.detail #main #detail dt ol.catch{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

#products.detail.analysis #main #detail dt li{
border-left-color: #6CC9AF;
}

#products.detail.dilution #main #detail dt li{
border-left-color: #FFBB65;
}

#products.detail.evaluation #main #detail dt li{
border-left-color: #5AA1C5;
}

#products.detail.addition #main #detail dt li{
border-left-color: #B95534;
}

#products.detail #main #detail dt li p{
	font-size: 16px;
	font-weight: bold;
}

#products.detail #main #detail dt li span{
	font-weight: bold;
	font-size: 20px;
}

#products.detail #main #detail dt ol span{
	font-weight: bold;
	font-size: 14px;
	color:#6CC9AF;
}

#products.detail #main #detail dd{
	position: relative;
	display: block;
	width: 380px;
	float: left;
}

#products.detail #main #detail h3.title{
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	float: left;
	width: 750px;
	font-size: 14px;
	color: white;
}

#products.detail.analysis #main #detail h3.title{
	background-color: #6CC9AF;
}

#products.detail.dilution #main #detail h3.title{
	background-color: #FFBB65;
}

#products.detail.evaluation #main #detail h3.title{
	background-color: #5AA1C5;
}

#products.detail.addition #main #detail h3.title{
	background-color: #B95534;
}

#products.detail #main #detail h4.title{
	font-size: 14px;
	margin-bottom: 8px;
	border-left-width: 4px;
	border-left-style: solid;
	padding-left: 10px;
	float: left;
	margin-top: 15px;
	width: 750px;
}

#products.detail.analysis #main #detail h4.title{
	border-left-color: #6CC9AF;
}

#products.detail.dilution #main #detail h4.title{
	border-left-color: #FFBB65;
}

#products.detail.evaluation #main #detail h4.title{
	border-left-color: #5AA1C5;
}

#products.detail.addition #main #detail h4.title{
	border-left-color: #B95534;
}

#products.detail #main #detail p{
	width: 750px;
	float: left;
}

#products.detail #main #detail p.leftbox{
	width: 320px;
	float: left;
}

#products.detail #main #detail p.leftbox_550{
	width: 550px;
	float: left;
}
	

/*----------------------------------
	共通ページタイトル
	p.title
----------------------------------*/
#products p.title {
	background: url(../img/share/tab.gif) repeat-x top ;
	border: 1px solid #ccc;
	border-bottom-color: #fff;
	padding: 10px 0;
	margin-bottom: 10px;
}

#products p.title strong {
	margin-left: 10px;
	padding: 3px 0 3px 5px;
	font-size: 120%;
}

#products.built p.title strong {
	border-left: 5px solid #7EB825;
}

#products.portable p.title strong {
	border-left: 5px solid #EF6130;
}

#products.scope p.title strong {
	border-left: 5px solid #3399CC;
}

/*----------------------------------
	製品情報詳細
	サイドバー
	#products.detail #sideBar
----------------------------------*/
/*　#sideBar ヘッダ　*/
#products #sideBar dt {
	display: block;
	width: 198px;
	height: 36px;
	margin: 0;
	padding: 0;
}

#products #sideBar dl {
	display: block;
	width: 200px;
	margin-bottom: 10px;
}

#products #sideBar dl dd {
	display: block;
	width: 198px;
	border-top: 1px solid #E6E6E1;
	border: 1px solid #E6E6E1;
	border-top: none;
	overflow: hidden;
}

#products #sideBar dl dd ul {
	margin-top: -1px;
}

#products #sideBar li {
	border-top: 1px dotted #E6E6E1;
}

#products #sideBar li a {
	display: block;
	width: 163px;
	padding: 5px 5px 5px 8px;
	border-left: 2px solid #fff;
}

#products.detail #sideBar dl.analysis li a {
	background: url(../img/shared/arrow_01.jpg) no-repeat 8px;
	padding-left: 17px;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	height: 26px;
	line-height: 1.2em;
}

#products.detail #sideBar dl.dilution li a {
	background: url(../img/shared/arrow_02.jpg) no-repeat 8px;
	padding-left: 17px;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	height: 26px;
	line-height: 1.2em;
}

#products.detail #sideBar dl.evaluation li a {
	background: url(../img/shared/arrow_03.jpg) no-repeat 8px;
	padding-left: 17px;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	height: 26px;
	line-height: 1.2em;
}

#products.detail #sideBar dl.addition li a {
	background: url(../img/shared/arrow_04.jpg) no-repeat 8px;
	padding-left: 17px;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	height: 26px;
	line-height: 1.2em;
}

#products.detail #sideBar dl.analysis dt {
	display: block;
	width: 200px;
	height: 36px;
	background:#6CC9AF;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;	
}

#products.detail #sideBar dl.dilution dt {
	display: block;
	width: 200px;
	height: 36px;
	background:#FFBB65;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;
}

#products.detail #sideBar dl.evaluation dt {
	display: block;
	width: 200px;
	height: 36px;
	background:#5AA1C5;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;
}

#products.detail #sideBar dl.addition dt {
	display: block;
	width: 200px;
	height: 36px;
	background:#B95534;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;
}

#products.detail #sideBar dl.analysis li a:hover,
#products.detail.analysis.exhaust #sideBar li.exhaust a,
#products.detail.analysis.ftir #sideBar li.ftir a,
#products.detail.analysis.fuel_cell #sideBar li.fuel_cell a,
#products.detail.analysis.oil #sideBar li.oil a,
#products.detail.analysis.small_size #sideBar li.small_size a,
#products.detail.analysis.onboard #sideBar li.onboard a,
#products.detail.analysis.portable #sideBar li.portable a,
#products.detail.analysis.analysis_peripheral #sideBar li.analysis_peripheral a
{
	/* カレント */
	background: url(../img/shared/arrow_01.jpg) no-repeat 8px;
	padding-left: 17px;
	color: #009F50;
}

#products.detail #sideBar dl.dilution li a:hover,
#products.detail.dilution.cvs #sideBar li.cvs a,
#products.detail.dilution.full_dilution #sideBar li.full_dilution a,
#products.detail.dilution.micro_dilution #sideBar li.micro_dilution a,
#products.detail.dilution.dilution_peripheral #sideBar li.dilution_peripheral a
{
	/* カレント */
	background: url(../img/shared/arrow_02.jpg) no-repeat 8px;
	padding-left: 17px;
	color: #EF8200;
}

#products.detail #sideBar dl.evaluation li a:hover,
#products.detail.evaluation.real #sideBar li.real a,
#products.detail.evaluation.catalyst #sideBar li.catalyst a,
#products.detail.evaluation.linear #sideBar li.linear a,
#products.detail.evaluation.thermal #sideBar li.thermal a,
#products.detail.evaluation #sideBar li.fs a
{
	/* カレント */
	background: url(../img/shared/arrow_03.jpg) no-repeat 8px;
	padding-left: 17px;
	color: #005AAB;
}

#products.detail #sideBar dl.addition li a:hover,
#products.detail.addition.calibration #sideBar li.calibration a
{
	/* カレント */
	background: url(../img/shared/arrow_04.jpg) no-repeat 8px;
	padding-left: 17px;
	color: #934429;
}

/*#products.detail.analysis #sideBar dl.dilution,
#products.detail.analysis #sideBar dl.evaluation,
#products.detail.analysis #sideBar dl.addition,
#products.detail.dilution #sideBar dl.analysis,
#products.detail.dilution #sideBar dl.evaluation,
#products.detail.dilution #sideBar dl.addition,
#products.detail.evaluation #sideBar dl.analysis,
#products.detail.evaluation #sideBar dl.dilution,
#products.detail.evaluation #sideBar dl.addition,
#products.detail.addition #sideBar dl.analysis,
#products.detail.addition #sideBar dl.dilution,
#products.detail.addition #sideBar dl.evaluation
{
	display: none;
}*/

/*for IE6 */
* html ul li{
display: inline;
zoom: 1;
}/*for IE7 */
*:first-child+html ul li{
display: inline;
zoom: 1;
}

/*----------------------------------
	製品情報詳細ページ
	サイドバナー
	#products.detail .sideBnr
----------------------------------*/
/*#products.detail #sideBar dl.sideBnr {
	position:relative;
	display: block;
	width: 200px;
	border: none;
	margin: 0;
}

#products.detail #sideBar dl.sideBnr dt {
	display: block;
	height: auto;
	margin-bottom: 10px;
}

#products.detail #sideBar dl.sideBnr dt a {
	display: block;
	width: 200px;
	height: 40px;
}

#products.detail #sideBar dl.sideBnr dt.analysis a {
	display: block;
	width: 200px;
	height: 36px;
	background:#6CC9AF;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;
}

#products.detail #sideBar dl.sideBnr dt.dilution a {
	display: block;
	width: 200px;
	height: 36px;
	background:#FFBB65;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;
}

#products.detail #sideBar dl.sideBnr dt.evaluation a {
	display: block;
	width: 200px;
	height: 36px;
	background:#5AA1C5;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;
}

#products.detail #sideBar dl.sideBnr dt.addition a {
	display: block;
	width: 200px;
	height: 36px;
	background:#B95534;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding-left: 10px;
}

#products.detail.analysis #sideBar dl.sideBnr dt.analysis,
#products.detail.dilution #sideBar dl.sideBnr dt.dilution,
#products.detail.evaluation #sideBar dl.sideBnr dt.evaluation,
#products.detail.addition #sideBar dl.sideBnr dt.addition
{
	
	display: none;
}*/

/*----------------------------------
	テーブル
	#main table
----------------------------------*/
#products.detail #main .spec_title {
	margin-bottom: 10px;
	display: block;
	width: 750px;
	margin-top: 30px;
	font-weight: bold;
	font-size: 13px;
}

#products.detail #main table.spec {
	position: relative;
	width: 100%;
	margin-bottom: 5px;
}

#products.detail #main table.spec caption {
	display: none;
}

#products.detail #main table.spec th {
	width: auto;
	border: 1px solid #aaa;
	height: 2em;
}


#products.detail #main table.spec td {
	width: auto;
	padding: 5px 2px;
	border: 1px solid #aaa;
	text-align: center;
}

#products.detail #main table.spec thead th,
#products.detail #main table.spec tbody th {
	background: #e5e5e5;
}

#products.detail #main table.spec th.type {
	background: #ececec;
}

#products.detail #main table.spec .even td {
	background: #f3f3f3;
}
#products.detail #main table.spec td.even {
	background: #f3f3f3;
}

tr:nth-child(even) {
    background:#fff;
}
tr:nth-child(odd) {
    background:#f9f9f9;
}

#products.detail #main table.small_spec {
	position: relative;
	width: 600px;
	margin-bottom: 5px;
}

#products.detail #main table.small_spec caption {
	display: none;
}

#products.detail #main table.small_spec th {
	width: auto;
	border: 1px solid #aaa;
	height: 2em;
}


#products.detail #main table.small_spec td {
	width: auto;
	padding: 5px 2px;
	border: 1px solid #aaa;
	text-align: center;
}

#products.detail #main table.small_spec thead th,
#products.detail #main table.small_spec tbody th {
	background: #e5e5e5;
}

#products.detail #main table.small_spec th.type {
	background: #ececec;
}

#products.detail #main table.small_spec .even td {
	background: #f3f3f3;
}
#products.detail #main table.small_spec td.even {
	background: #f3f3f3;
}

#products.detail #main table.linup_spec {
	position: relative;
	width: auto;
	margin-bottom: 5px;
}

#products.detail #main table.linup_spec caption {
	display: none;
}

#products.detail #main table.linup_spec th {
	width: auto;
	border: 1px solid #aaa;
	height: 2em;
	padding-right: 10px;
	padding-left: 10px;
}


#products.detail #main table.linup_spec td {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	width: auto;
	border: 1px solid #aaa;
	text-align: left;
}

#products.detail #main table.linup_spec thead th,
#products.detail #main table.linup_spec tbody th {
	background: #e5e5e5;
}

#products.detail #main table.linup_spec th.type {
	background: #ececec;
}

#products.detail #main table.linup_spec .even td {
	background: #f3f3f3;
}
#products.detail #main table.linup_spec td.even {
	background: #f3f3f3;
}