@charset "utf-8";

/*
	レイアウト
	create : 061219
	update : 080417
*/

/* 
div#mainContents { background-color: #FFCCFF; }

div.column3A,
div.column3B,
div.column4A,
div.column4B,
div.column4C,
div.insideColumn3A,
div.insideColumn3B,
div.insideColumn4A,
div.insideColumn4B,
div.insideColumn4C,
div.productsColumnA,
div.productsColumnB { background-color: #CCCCFF; }*/
/* ------------------------------------------------------------ プラットフォーム */
body { text-align: center; }

div#platform {
	width: 950px;
	height: auto;
	background-color: #FFF;
	margin: 0 auto;
	text-align: left;
}

ul#skipNavi,
div#analyzer { display: none; }

/* ------------------------------------------------------------ メインコンテンツ領域 */
div#keyVisual { margin-bottom: 20px; }

div#mainContents {
	min-height: 300px;
	clear: both;
}

* html div#mainContents { height: 300px; }

/* ローカルナビなし */
div.typeS div#mainContents { width: 930px; }

/* ローカルナビあり */
div.typeD div#mainContents {
	float: right;
	width: 740px;
}

/* トップページ系 */
div.typeTop div#mainContents {
	float: left;
	width: 740px;
}

/* プリント */
body.print div#platform {
	margin-top: 10px;
	width: 740px;
}

/* ------------------------------------------------------------ サブコンテンツ領域 */
div#subContents {
	float: right;
	width: 190px;
}

div.typeTop div#contents {
	background-image: url(/common-infrared/images/bg-top.gif);
	background-position: left top;
	background-repeat: repeat-y;
	margin-bottom: 30px;
}

/* ------------------------------------------------------------ ロケーター */
div.locator { clear: both; }

div.column3A,
div.column3B,
div.column3C,
div.column4A,
div.column4B,
div.column4C,
div.column6A,
div.column6B,
div.column6C,
div.insideColumn3A,
div.insideColumn3B,
div.insideColumn4A,
div.insideColumn4B,
div.insideColumn4C,
div.insideColumn6A,
div.insideColumn6B,
div.insideColumn6C,
div.productsColumnA,
div.productsColumnB { float: left; }

div.column3A { width: 33.33%; }

*:first-child+html div.column3A { width: 33.31%; }
* html div.column3A { width: 33.31%; }

div.column3B { width: 66.66%; }

div.column3C { width: 33%; }

div.column4A { width: 25%; }

*:first-child+html div.column4A { width: 24.99%; }
* html div.column4A { width: 24.99%; }

div.column4B { width: 49.9%; }

div.column4C { width: 74%; }

div.column6A { width: 16.6%; }

*:first-child+html div.column6A { width: 16.4%; }
* html div.column6A { width: 16.4%; }

div.column6B { width: 33.2%; }

div.column6C { width: 49.8%; }

div.column3A div.column3A,
div.column3B div.column3B,
div.column4A div.column4A,
div.column4B div.column4B,
div.column4C div.column4C,
div.column6A div.column6A,
div.column6B div.column6B,
div.column6C div.column6C { width: 100%; }

div.column3B div.column3A,
div.column4B div.column4A,
div.column6B div.column6A { width: 49.99%; }

div.column4C div.column4A { width: 33.33%; }
div.column6C div.column6A { width: 33.33%; }

/*column6Aサムネイルあり*/
div.column6A p.thumbnail { margin-bottom:10px; }

/* ローカルナビなし 930px */
div.typeS div#mainContents div.column3A { }/* 194px */

div.typeS div#mainContents div.column3B { }/* 386px */

div.typeS div#mainContents div.column4A { }/* 145px */

div.typeS div#mainContents div.column4B { }/* 290px */

div.typeS div#mainContents div.column4C { }/* 435px */

/* 製品ラインナップ */
div.productsColumnA { width: 110px; }

div.productsColumnB { width: 240px; }

/* ------------------------------------------------------------- 囲み記事 */
div.releaseNotesArea {
	background-color: #E4F2C1;
	padding: 10px 10px 5px 10px;
	border: 1px solid #CCC;
	margin: 10px;
}

div.relatedInfoArea {
	background-color: #E4F2C1;
	margin: 0 15px;
}

/* 基本 */
div#mainContents div.boxedItem {
	margin: 0 0 10px 20px;
	padding: 16px 4px;
	clear: both;
}

div.typeTop div#mainContents div.boxedItem { margin: 0 20px 10px 6px; }

div#mainContents div.boxedItem h3 {
	margin: 0 0 10px 0;
	background: none;
	border: none;
	padding: 1px 5px;
}

div#mainContents div.boxedItem > *.lastChild { margin-bottom: 0; }

/* 注意エリア */
div#mainContents div.attention { background-color: #FBECEC; }

div#mainContents div.attention h3 {
	color: #AD0908;
	border-left: 4px solid #AD0908;
}

div#mainContents div.attention em {
	color: #AD0908;
	font-size: 120%;
	font-weight: bold;
}



/* 訴求エリア */
div#mainContents div.appeal { background-color: #E8EBF3; }

div#mainContents div.appeal h3 {
	color: #0C4C94;
	border-left: 4px solid #0C4C94;
}

/* 凡例エリア */
div#mainContents div.explanatory {
	background-color: #F3F3F3;
	margin-top: 20px;
}

div#mainContents div.explanatory h3 {
	color: #555;
	border-left: 4px solid #919191;
}

/* アクションエリア */
div#mainContents div.action {
	margin-top: 30px;
	margin-bottom: 30px;
}

div#mainContents div.action h3 {
	color: #AD0908;
	border-left: 4px solid #AD0908;
}

div#mainContents div.action ul.btnLinks { margin-bottom: 0; }

/* ------------------------------------------------------------ margin */
div#mainContents h1 { margin: 0 0 10px 20px; }

div#mainContents h2,
div#mainContents h3 { margin: 20px 0 10px 20px; }

div#mainContents h4 { margin: 0 0 10px 27px; }

div#mainContents h5,
div#mainContents h6 { margin: 0 0 5px 33px; }

div.typeTop div#mainContents h1 { margin: 0 20px 10px 0; }

div.typeTop div#mainContents h2,
div.typeTop div#mainContents h3 { margin: 20px 20px 10px 0; }

div.typeTop div#mainContents h4 { margin: 0 20px 10px 7px; }

div.typeTop div#mainContents h5,
div.typeTop div#mainContents h6 { margin: 0 20px 5px 13px; }

/* 見出しの前にロケータがある場合 */
div#mainContents div.locator h2:first-child,
div#mainContents div.locator + h2 { margin-top: 10px; }

div#mainContents div.locator h3:first-child,
div#mainContents div.locator h4:first-child,
div#mainContents div.locator + h3,
div#mainContents div.locator + h4 { margin-top: 0; }

/* 見出し要素の後ろにカラムがある場合 */
/*div#mainContents h1 + div.locator h2:first-child { margin-top: 0; }*/
div#mainContents h2 + div.locator h3:first-child { margin-top: 0; }

/* 見出しが連続する場合 */
div#mainContents h2 + h3,
div#mainContents h3 + h4 { margin-top: 0; }

/* jQuery */
* html div#mainContents h2.siblingA,
* html div#mainContents h3.siblingA,
* html div#mainContents h3.firstChild,
* html div#mainContents h4.firstChild { margin-top: 10px; }

* html div#mainContents h2.siblingB,
* html div#mainContents h3.siblingB,
* html div#mainContents h4.siblingB,
* html div#mainContents p.siblingB { margin-top: 0; }

/* body text */
div#mainContents p,
div#mainContents ul,
div#mainContents ol,
div#mainContents dl { margin: 0 12px 10px 35px; }

div#mainContents hr { margin: 20px 0 10px 20px; }

* html div#mainContents hr { margin: 13px 0 3px 20px;/* IEはデフォルトで上下に7pxマージンがある*/ }

div#mainContents table { margin: 0 0 10px 20px; }
div#mainContents  li table { width: 90%; margin: 0 0 10px 0; }

div.typeTop div#mainContents p,
div.typeTop div#mainContents ul,
div.typeTop div#mainContents ol,
div.typeTop div#mainContents dl { margin: 0 20px 10px 15px; }

div.typeTop div#mainContents hr { margin: 20px 20px 10px 0; }

* html div.typeTop div#mainContents hr { margin: 13px 20px 3px 0;/* IEはデフォルトで上下に7pxマージンがある*/ }

div.typeTop div#mainContents table { margin: 0 20px 10px 0; }

div#mainContents ul ul,
div#mainContents ul ol,
div#mainContents ol ul,
div#mainContents ol ol,
div#mainContents dl dd p,
div#mainContents dl dd ul,
div#mainContents dl dd ol,
div#mainContents table p,
div#mainContents table ul,
div#mainContents table ol,
div#mainContents table dl { margin-left: 0; }

div#mainContents table p.lastChild,
div#mainContents table ul.lastChild,
div#mainContents table ol.lastChild,
div#mainContents table dl.lastChild { margin-bottom: 0; }

/* 囲み記事内 */
div#mainContents div.boxedItem h4 {
	padding-left: 8px;
	background-position: -1px center;
}

div#mainContents div.boxedItem p,
div#mainContents div.boxedItem ul,
div#mainContents div.boxedItem ol,
div#mainContents div.boxedItem dl { margin: 0 0 10px 9px; }

div#mainContents div.boxedItem table { margin: 0 0 10px 10px; }

div#mainContents div.boxedItem hr { margin: 0 10px 10px 10px; }

* html div#mainContents div.boxedItem hr { margin: -7px 10px 3px 10px; }

div#mainContents div.boxedItem .directLastChild { margin-bottom: 0; }

/* ---------------------------------------------------- テーブル */
div#mainContents table { width: 720px; }

div.typeD div#mainContents div.column3A table { width: 225px; }

div.typeD div#mainContents div.column3B table { width: 470px; }

div.typeD div#mainContents div.column4A table { width: 165px; }

div.typeD div#mainContents div.column4B table { width: 350px; }

div.typeD div#mainContents div.column4C table { width: 535px; }

div.typeD div#mainContents div.column3A table { width: 225px; }

div.typeD div#mainContents div.column3B table { width: 470px; }

div.typeD div#mainContents div.column4A table { width: 165px; }

div.typeD div#mainContents div.column4B table { width: 350px; }

div.typeD div#mainContents div.column4C table { width: 535px; }

div.typeS div#mainContents table { width: 910px; }

div.typeS div#mainContents div.column3B table { width: 595px; }

div.typeS div#mainContents div.column4B table { width: 435px; }

/* ---------------------------------------------------- clearfix */
div.typeTop div#contents:after,
div.locator:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.typeTop div#contents,
div.locator { display: inline-table; }

/* Hides from IE-mac */
* html div.typeTop div#contents,
* html div.locator { height: 1%; }

div.typeTop div#contents,
div.locator {
	display: block;
	zoom: 1;
}
/* End hide from IE-mac */
/* EOF */