@charset "utf-8";

/* ------------------------------------------------------------
   
	container css
	create : 071108 
	update : 080207

	01. Heading Elements
	02. Paragraph Elements
	03. List Elements
	04. Link Elements
	05. Table Elements
	06. Notes Elements
	07. Etc Elements
	08. Icon Elements
	09. Clearfixes
			  
------------------------------------------------------------ */

/* レイアウト */


/* ------------------------------------------------------------ 01. Heading Elements */
/* h1 */
div#mainContents h1 {
	clear: both;
	padding: 6px 0 4px 12px;
	border: 1px solid #CDCDCD;
	border-bottom: 5px solid #3B578F;
	background-color: #FFFFFF;
	background-image: url(/common-infrared/images/bg-h1-long.gif);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	font-weight: bold;
	font-size: 200%;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

*:first-child+html div#mainContents h1 { background-position: 0 0; }

* html div#mainContents h1 { background-position: 0 0; }

/* h2 */
div#mainContents h2 {
	clear: both;
	padding: 8px 0 8px 12px;
	border: 1px solid #CCC;
	background-color: #FFFFFF;
	background-image: url(/common-infrared/images/bg-h2-long.gif);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	font-weight: bold;
	font-size: 120%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

*:first-child+html div#mainContents h2 { background-position: 0 0; }

* html div#mainContents h2 { background-position: 0 0; }

div#mainContents div.attentionArea h2,
div#mainContents div.releaseNotesArea h2 {
	padding: 0;
	border-bottom: none;
	background-color: transparent;
	background-image: none;
}

/* h2 links */
div#mainContents h2 a {
	display: block;
	margin: -8px 0 -8px -12px;
	padding: 8px 0 8px 20px;
	background-image: url(/common-infrared/images/bg-h2-links.gif);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#mainContents h2 a:hover { background-image: url(/common-infrared/images/bg-h2-links-on.gif); }

* html div#mainContents div.locator h2 a {
	margin: -8px 0 -8px -12px;
	padding: 8px 0 8px 20px;
}

div#mainContents h2 a:link,
div#mainContents h2 a:visited { font-weight: bold; }

div#mainContents h2 a:hover,
div#mainContents h2 a:active { font-weight: bold; }

/* top */
div.typeTop div#subContents h2 {
	clear: both;
	min-height: 0;
	margin: 0 0 5px 0;
	padding: 0 0 0 2px;
	background-color: transparent;
	background-image: none;
	font-weight: normal;
	font-size: 120%;
	text-align: left;
}

/* h3 */
div#mainContents h3 {
	clear: both;
	padding: 5px 6px 5px 13px;
	border-bottom: 2px solid #CCC;
	background-image: url(/common-infrared/images/bg-h3.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	font-weight: bold;
	font-size: 120%;
}

* html div#mainContents h3 { padding-left: 16px; /* IE対応 */ }

/* h3 links */
div#mainContents h3 a {
	display: block;
	margin: -5px -6px -5px -13px;
	padding: 5px 6px 5px 20px;
	background-image: url(/common-infrared/images/bg-h3-links.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-weight: bold;
}

* html div#mainContents h3 a {
	margin-left: -16px;
	background-position: 0 6px;
}

* html div#mainContents h3 a { padding-left: 16px; /* IE対応 */ }

/* h4 */
div#mainContents h4 {
	clear: both;
	padding: 0 6px 0 6px;
	border-bottom: 1px dotted #AFAFAF;
	font-weight: bold;
	font-size: 120%;
}

/* h5,h6 */
div#mainContents h5,
div#mainContents h6 {
	color: #666;
	font-weight: bold;
	font-size: 120%;
}

/* ------------------------------------------------------------ keyVisual */
div#mainContents h1.keyVisual,
div#mainContents h1#flashContent {
	padding: 0;
	border: 0;
	background-color: transparent;
	background-image: none;
}

div#mainContents h2.keyVisual,
div#mainContents p.keyVisual {
	margin-bottom: 0;
	margin-left: 20px;
	padding: 0;
	border: 0;
	background-image: none;
	text-align: center;
}

div#mainContents p.keyVisual + h1 { margin-top: 30px; }

div#mainContents h1.siblingA { margin-top: 30px; }

div#mainContents h2.keyVisual {
	margin-top: 30px;
	margin-bottom: 10px;
}

div#keyVisual { margin-bottom: 20px; }
div#keyVisual p.bnr {
	text-align: center;
	margin-bottom: 10px;
}

/* ------------------------------------------------------------ 02. Paragraph Elements */
/* リード */
div#mainContents p.lead {
	margin-right: 15px;
	color: #666;
	font-weight: bold;
	font-size: 140%;
}

/* キャプション */
div#mainContents p.caption {
	margin-top: -5px;
	font-size: 100%;
	text-align: right;
}

/* 日付、署名 */
div#mainContents p.signature,
div#mainContents p.date { text-align: right; }

/* バナー・イメージ */
div#mainContents p.image,
div#mainContents p.banner,
div#mainContents p.photo,
div#mainContents ul.banner li { text-align: center; }

div#mainContents p.image {
	margin-right: 0px;
	margin-left: 20px;
}

/* 製品ラインアップ　NEWアイコン・ラベル */
div#mainContents p.new,
div#mainContents p.rank { margin-left: 20px; }
div#mainContents p.rank em {
    background-color: #354E90;
    color: #FFFFFF;
    font-size: 83.33%;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
}


/* ボタン */
p.btn {
	width: 10em;
	border: 1px solid #999999;
	background-color: #CCCCCC;
	text-align: center;
}

p.btn a { margin: 5px; }

/* 電話番号 */
div#mainContents p.tel span {
	width: 6em;
	display: inline-block;
}
div#mainContents p.tel strong {
	font-weight: bold;
	font-size: 180%;
}


/* ------------------------------------------------------------ 03. List Elements */
div#mainContents ul.items li,
div#mainContents ul.items ul li,
div#mainContents dl.items dt {
	padding-left: 1em;
	background-image: url(/common-infrared/images/mark-items.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.4em;
}

div#mainContents dl.items dd,
div#mainContents dl.items dt.noCaption {
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 1em;
	border-bottom: 1px dotted #CCC;
}

div#mainContents ol.items li {
	list-style: decimal;
	margin-left: 1.5em;
	clear: both\9;
}

div#mainContents ol.alpha li { list-style: lower-alpha; }

/* プラグイン */
div#mainContents dl.plugin {
	margin-top: 5px;
	margin-bottom: 5px;
}

div#mainContents dl.plugin dt {
	float: left;
	width: 120px;
	text-align: center;
}

div#mainContents dl.plugin dd { margin-left: 135px; }

/* データ・プロフィール */
div#mainContents dl.date,
div#mainContents dl.profile { clear: both; }

div#mainContents dl.date dt,
div#mainContents dl.profile dt {
	float: left;
	width: 5em;
	margin-bottom: 2px;
}

div#mainContents dl.date dd,
div#mainContents dl.profile dd { margin: 0 0 2px 6em; }

* html div#mainContents dl.date dd,
* html div#mainContents dl.profile dd { text-indent: -3px; }

/* キャプション付きイメージ */
div#mainContents dl.image dt,
div#mainContents dl.image dd {
	margin-left: 0;
	text-align: center;
}
* html div#mainContents div.column3A dl.image { margin-left: 34px; }

div#mainContents table ul.notes li { font-size: 83%; }

/* リストの入れ子 */
div#mainContents dl.items dd ul { margin-bottom: 0; }

div#mainContents ol.items ul li,
div#mainContents ol.items ul.items li,
div#mainContents ol.items ul.links li {
	list-style: none;
	margin-left: 0;
}
* html div#mainContents ul ol.items { margin-left: 6px; }


/* サムネイル */
ul.sumnail { 
	width: 300px;
	margin-bottom: 10px;
}

ul.sumnail li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


/* ------------------------------------------------------------ 04. Link Elements */
/* 通常リンク */
ul.links li,
ul.linksRow li,
dl.links dt,
div#mainContents dl.event dl.eventDetail dd,
div#mainContents ul.items li.pdf {
	padding-left: 16px;
	background-image: url(/common-infrared/images/mark-links.gif);
	background-repeat: no-repeat;
	background-position: 2px 1px;
}

ul.links li.majorLink {
	padding-left: 20px;
	background-image: url(/common-infrared/images/mark-links-strong.gif);
}

ul.linksRow li {
	float: left;
	width: 30%;
}
* html ul.linksRow li { width: 277px; }

ul.half li { width: 45%; }
ul.quarter li { width: 23%; }
* html ul.half li { width: 45%; }
* html ul.quarter li { width: 23%; }

ul.linksRow li a { margin-right: 10px; }

dl.links dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 16px;
	background-image: url(/common-infrared/images/border-dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

dl.links dd.lastChild { margin-bottom: 0; }

/* 一つ前のページに戻る */
div#mainContents p.back {
	clear: both;
	margin-top: 10px;
	text-align: right;
}

div#mainContents p.back a {
	padding-bottom: 2px;
	padding-left: 15px;
	background-image: url(/common-infrared/images/mark-links-back.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* リニアナビ */
div#mainContents ul.linearNavi {
	clear: both;
	margin: 20px 20px 20px 30px;
}

div#mainContents ul.linearNavi li {
	float: left;
	line-height: 1.0;
}

div#mainContents ul.linearNavi li a { line-height: 1.0; }

div#mainContents ul.linearNavi li.next,
div#mainContents ul.linearNavi li.prev {
	margin: 0;
	padding: 1px;
	border: solid 1px #CCCCCC;
}

div#mainContents ul.linearNavi li.next a,
div#mainContents ul.linearNavi li.prev a {
	display: block;
	background-repeat: no-repeat;
	color: #333333;
	text-decoration: none;
}

div#mainContents ul.linearNavi li.prev { text-align: left; }

div#mainContents ul.linearNavi li.prev a {
	padding: 3px 10px 3px 16px;
	background-image: url(/common-infrared/images/bg-btn-prev.gif);
	background-position: 0 100%;
}

div#mainContents ul.linearNavi li.prev a:hover { background-image: url(/common-infrared/images/bg-btn-prev-over.gif); }

div#mainContents ul.linearNavi li.next { text-align: right; }

div#mainContents ul.linearNavi li.next a {
	padding: 3px 16px 3px 10px;
	background-image: url(/common-infrared/images/bg-btn-next.gif);
	background-position: 100% 100%;
}

div#mainContents ul.linearNavi li.next a:hover { background-image: url(/common-infrared/images/bg-btn-next-over.gif); }

div#mainContents ul.linearNavi li ol { margin: 0 9px 0 12px; }

div#mainContents ul.linearNavi li ol li {
	width: auto;
	margin: 0 3px 0 0;
	padding: 1px;
	border: solid 1px #CCCCCC;
	text-align: center;
}

div#mainContents ul.linearNavi li ol li a,
div#mainContents ul.linearNavi li ol li strong {
	display: block;
	padding: 3px 8px;
	background-image: url(/common-infrared/images/bg-btn-page.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
	text-decoration: none;
}

div#mainContents ul.linearNavi li ol li a:hover {
	background-image: url(/common-infrared/images/bg-btn-page-over.gif);
	color: #344F8F;
}

/* トップへ戻る */
div#mainContents p.totop {
	clear: both;
	margin: 0 auto 10px 15px;
	text-align: right;
}

div#mainContents p.totop a {
	margin: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	background-image: url(/common-infrared/images/mark-totop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* indexNavi */
div#mainContents ul.indexNavi li {
	float: left;
	overflow: hidden;
	margin-bottom: 2px;
}

div#mainContents ul.indexNavi li a {
	display: block;
	margin-left: 2px;
	padding: 3px 10px 3px 15px;
	border: 1px solid #CCC;
	background-image: url(/common-infrared/images/mark-links-down.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	white-space: nowrap;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

* html div#mainContents ul.indexNavi { height: 1em !important; }
/* コンテンツナビ */
div#mainContents ul.contentsNavi {
 float: right;
 border-right: 1px solid #CCC;
}

* html div#mainContents ul.contentsNavi { margin-right: 5px; }

div#mainContents ul.contentsNavi li {
	float: left;
	padding: 0 1px;
	border-left: 1px solid #CCC;
	font-size: 120%;
}

div#mainContents ul.contentsNavi li a {
	display: block;
	padding: 0 10px 0 20px;
	background-image: url(/common-infrared/images/mark-links.gif);
	background-repeat: no-repeat;
	background-position: 8px 0.2em;
}

div#mainContents ul.contentsNavi li.current a {
	background-color: #EFEFEF;
	background-image: url(/common-infrared/images/mark-links-down.gif);
	background-position: 8px 0.5em;
}

/* ボタンリンク（サポートお問い合わせで使用）*/
div#mainContents ul.btnLinks { text-align: center; }

div#mainContents ul.btnLinks li {
	display: inline;
	margin: 0 10px;
}

/* リンクマーカー */
/* PDFリンク */
ul.links li.pdf,
div#mainContents ul.items li.pdf,
dl.links dt.pdf,
div#mainContents dl.event dl.eventDetail dd.pdf {
	background-image: url(/common-infrared/images/icon-pdf.gif);
	background-position: 1px 1px;
}

/* 別窓リンク */
ul.links li.external,
dl.links dt.external,
div#mainContents dl.event dl.eventDetail dd.external {
	background-image: url(/common-infrared/images/icon-win.gif);
	background-position: 1px 1px;
}

div#mainContents dl.items dt.external {
	padding-left: 15px;
	background-image: url(/common-infrared/images/icon-win.gif);
	background-position: 1px 1px;
}

/* Mail To */
ul.links li.mailTo {
	background-image: url(/common-infrared/images/icon-mail.gif);
	background-position: 1px 1px;
}

/* リンクの入れ子 */
div#mainContents ul.links ul.links { margin-bottom: 0; }

/* ------------------------------------------------------------ 05. Table Elements */
div#mainContents table {
	clear: both;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

div#mainContents table thead th {
	padding: 4px 6px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #A3A3A3;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

div#mainContents table tbody th,
div#mainContents table tfoot th {
	padding: 4px 6px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #F0F2F7;
	text-align: left;
}

div#mainContents table td {
	padding: 4px 6px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #FFF;
}

div#mainContents table th.blankCell,
div#mainContents table td.blankCell { border-top: none; }

div#mainContents table tr.bgA td { background-color: #F6F9FE; }

div#mainContents table.contact th { width: 10em; }

div#mainContents table.contact p.submit { text-align: center; }

div#mainContents table.case th { width: 10%; }

div#mainContents table.case td { width: 40%; }

div#mainContents table thead th a { color: #FFFFFF; }

div#mainContents table.profile tbody th { white-space: nowrap; }

/* 工業計測機器の価格表 */
div#mainContents table.priceList th.item { width: 75%; }

div#mainContents table.priceList th.standardPrice { width: 75%; }

div#mainContents table th.w100 { width: 100px; }


/* ソフトウェアダウンロード */
div#mainContents table.software th.program,
div#mainContents table.software th.ver { width: 100px; }
div#mainContents table.software th.file { width: auto; }
div#mainContents table.software th.model { width: 125px; }

div#mainContents table.software th.posted,
div#mainContents table.software th.cost { width: 60px; }
div#mainContents table.software th.download { width: 175px; }



/* ------------------------------------------------------------ 06. Notes Elements */
/* 注釈 */
div#mainContents ul.notes { margin-top: -5px; }

* html div#mainContents div.locator ul.notes { margin-top: 0; }
*:first-child+html div#mainContents div.locator ul.notes { margin-top: 0; }

div#mainContents ul.notes li,
div#subContents ul.notes li { color: #C00; }

/* 脚注 */
div#mainContents ul.footnote,
div#mainContents ul.footnoteList {
	clear: both;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 20px;
	padding: 5px;
	background-color: #F3F3F3;
	color: #666;
}

div#mainContents ul.footnote li {
	padding: 0;
	background-image: none;
	font-size: 100%;
}
div#mainContents ul.footnoteList li {
	font-size: 100%;
    background-image: url("/common-infrared/images/mark-items.gif");
    background-position: 0.1em 0.4em;
    background-repeat: no-repeat;
    padding-left: 1em;
}

/* ------------------------------------------------------------ 07. Etc Elements */
/* 区切り線 */
div#mainContents hr {
	display: block;
	clear: both;
	height: 1px;
	border: none;
	border-top: 1px dotted #CCC;
	background-repeat: repeat-x;
	background-position: bottom center;
}

/* ------------------------------------------------------------ 08. Icon Elements */
div#mainContents ul.links li img.icon { margin: 0 3px; }

* html div#mainContents ul.links li img.icon {
	vertical-align: middle;
	margin: 4px 0 4px 3px;
}

/* ------------------------------------------------------------ 09. Clearfixes */
ul.linksRow:after,
div#mainContents ul.indexNavi:after,
div#mainContents ul.linearNavi:after,
div#mainContents ul.contentsNavi:after,
div#mainContents ul.btnLinks:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

ul.linksRow,
div#mainContents ul.indexNavi,
div#mainContents ul.linearNavi,
div#mainContents ul.contentsNavi,
div#mainContents ul.btnLinks { display: inline-table; }

* html ul.linksRow,
* html div#mainContents ul.indexNavi,
* html div#mainContents ul.linearNavi,
* html div#mainContents ul.contentsNavi,
* html div#mainContents ul.btnLinks { height: 1%; }

ul.linksRow,
div#mainContents ul.indexNavi,
div#mainContents ul.linearNavi,
div#mainContents ul.contentsNavi,
div#mainContents ul.btnLinks {
	display: block;
	zoom: 1;
}



/* EOF */