@charset "shift_jis";

/*
-----------------------------------------------------
◆◆クミアイ化学スタイルシート◆◆
◇◇◇製品情報ページ専用定義◇◇◇
-----------------------------------------------------
-----------------------------------------------------
【改訂履歴】
06/11/20	初版作成
07/01/31	「フラッシュムービー掲載部分」を追加
-----------------------------------------------------
*/
	
/* --◆◆製品情報インデックスページ（products/index.html）◆◆------------------ */

div#Products_Index {
	padding-top:20px;
	text-align:center;
	}
	
div#Products_Index h2 {
	margin:0;
	}
	
div#Products_Index h3 {
	margin-bottom:0;
	text-align:center;
	}
	
div#Products_Index p.PageNavi {
	margin:10px auto 20px auto;
	padding-bottom:10px;
	width:580px;
	font-size:0.8em;
	line-height:180%;
	border-bottom:1px solid #666;
	text-align:center;
	}
	
div#Products_Index div.Box {
	margin:0px auto 0px auto;
	width:500px;
	font-size:1em;
	text-align:left;
	background-color:#fff;
	}
	
div#Products_Index div.Box h4 {
	margin:15px 0 0 0;
	font-size:1em;
	color:#333;
	}	
	
div#Products_Index div.Box ul {
	list-style:none;
	margin:0;
	margin-top:15px;
	padding:0;
	}
	
div#Products_Index div.Box ul li {
	height:2.5em;
	margin-left:30px;
	line-height:100%;
	padding-left:14px;
	background-image:url(images/li_circle_glay.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
	
div#Products_Index div.Box ul li img {
	margin-left:2px;
	}
	
div#Products_Index div.Box p.SubNavi {
	border-top:none;
	}
	
div#Products_Index p.Pagetop {
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #ddd;
	}
	
/* --MSDS閲覧のご注意-- */
	
div#Products_Index dl.MSDS_Notice {
	width:600px;
	margin:0px auto 25px auto;
	border:2px solid #7dc243;
	background-color:#fffde4;
	font-size:0.8em;
	line-height:130%;
	text-align:left;
	}
	
div#Products_Index dl.MSDS_Notice dt {
	margin:5px;
	font-weight:bold;
	color:#f00;
	}
	
div#Products_Index dl.MSDS_Notice dd {
	margin:5px 5px 5px 15px;
	}
	
/* --◆◆製品トピックスページ（products/topics.html）◆◆------------------ */
	
/* --◆◆各製品情報ページ（products/）◆◆------------------ */

div#Products hr {
	display:none;
	}
	
div#Products div.BreadCrumb {
	border-top:2px solid #7dc243;
	border-bottom:2px solid #7dc243;
	}
	
div#Products div.BreadCrumb p {
	margin-top:2px;
	margin-bottom:2px;
	}
	
div#Products h1 {
	font-family: Meiryo, 'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:125%;
	}
	
div#Products h1 span {
	font-size:0.8em;
	font-weight:normal;
	}
	
/* --仕様の表組-- */
	
div#Products table.Spec {
	width:600px;
	font-size:0.8em;
	margin-top:10px;
	margin-bottom:10px;
	border-collapse:collapse;
	border: 2px solid #7dc243;
	}
	
div#Products table.Spec th {
	white-space:nowrap;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #7dc243;
	border-right:1px solid #7dc243;
	padding:3px;
	font-weight:normal;
	}
	
div#Products table.Spec td {
	border-top:none;
	border-left:none;
	border-bottom:1px solid #7dc243;
	border-right:1px solid #7dc243;
	padding:3px;
	}
	
/* --リンクボタンの並ぶところ-- */

div#Products table.BtSpace td {
	text-align:center;
	}
	
div#Products table.BtSpace td img{
	margin-right:3px;
	}
	
/* --MSDS閲覧のご注意-- */
	
div#Products dl.MSDS_Notice {
	width:600px;
	border:1px solid #7dc243;
	font-size:0.8em;
	line-height:130%;
	text-align:left;
	}
	
div#Products dl.MSDS_Notice dt {
	margin:3px;
	font-weight:bold;
	color:#7dc243;
	}
	
div#Products dl.MSDS_Notice dd {
	margin:3px 3px 3px 15px;
	}

/* --本文-- */
	
div#Products div.Block {
	width:600px;
	margin-top:30px;
	}
	
div#Products div.Block h2,h3,h4,h5,h6 {
	margin-top:1em;
	margin-bottom:1em;
	}
	
div#Products div.Block p,ul,ol,dl {
	text-align:left;
	margin-top:0.5em;
	margin-bottom:1.5em;
	}
	
div#Products div.Block h2 {
	text-align:left;
	border-left:15px solid #7dc243;
	background-color:#f5f5f5;
	padding-left:5px;
	font-size:1.2em;
	clear:both;
	}
	
div#Products div.Block h3 {
	text-align:left;
	margin-left:10px;
	margin-bottom:15px;
	font-size:1em;
	color:#7dc243;
	border-bottom:1px dashed #ccc;
	clear:both;
	}
	
div#Products div.Block h4.Date {
	margin:0;
	text-align:right;
	font-size:0.8em;
	font-weight:normal;
	background-color:#fff;
	color:#333;
	border-bottom:none;
	}
	
div#Products div.Block h3.Sub {
	text-align:left;
	margin-left:5px;
	padding:2px 2px 2px 5px;
	background-color:#e1f6ce;
	font-size:1em;
	color:#333;
	border-bottom:none;
	}
	
div#Products div.Block h4 {
	text-align:left;
	margin-left:10px;
	font-size:1em;
	color:#7dc243;
	border-bottom:1px dashed #ccc;
	}
	
div#Products div.Block h5 {
	text-align:left;
	margin-left:10px;
	font-size:1em;
	}
	
div#Products div.Block h5.Caption {
	margin-left:0;
	margin-bottom:0;
	font-size:0.8em;
	}

	
div#Products div.Block img.img_L {
	float:left;
	margin:10px 30px 15px 15px;
	}
	
div#Products div.Block p,dl,ul,ol {
	margin-left:15px;
	}	

div#Products div.Block dl dt {
	font-weight:bold;
	padding-left:16px;
	background-image:url(images/li_circle_green.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	}
	
div#Products div.Block dl dd {
	margin-left:15px;
	margin-bottom:0.7em;
	}
	
div#Products div.Block ol {
	padding:0;
	}
	
div#Products div.Block ol li {
	padding-left:1.2em;
	list-style-position:inside;
	text-indent:-1.2em;
	}
	
div#Products div.Block ul {
	list-style:none;
	padding:0;
	}
	
div#Products div.Block ul li {
	padding-left:16px;
	background-image:url(images/li_circle_green.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	}

div#Products div.Block ul li ul{
	margin-top:0.5em;
	}
	
div#Products div.Block ul li ul li {
	background-image:url(images/li_circle_glay.gif);
	}
	
div#Products div.Block dl dd ul li {
	background-image:url(images/li_circle_glay.gif);
	}
	
div#Products div.Block li {
	margin-bottom:0.5em;
	}
	
div#Products div.Block li dl {
	margin-left:0;
	background:#f5f5f5;
	}
	
div#Products div.Block img {
	margin-bottom:15px;
	}
	
/*フラッシュムービー掲載部分*/

div#Products div.Block div.FlashMovie div.Object{
	width:620px;
	margin-bottom:10px;
	}
	
div#Products div.Block div.FlashMovie img{
	margin-bottom:0;
	}
	
div#Products div.Block div.FlashMovie p{
	font-size:0.8em;
	text-align:center;
	}
	
	
/*レイアウト用テーブル（写真入りの説明などの場合）*/
	
div#Products div.Block table.Layout {
	margin-bottom:15px;
	font-size:0.8em;
	}
	
div#Products div.Block table.Layout td {
	vertical-align:top;
	padding:2px;
	line-height:130%;
	}
	
div#Products div.Block table.Layout td img {
	margin:0;
	}
	

/*汎用表組*/

div#Products div.Block table.TypeA {
	font-size:0.8em;
	margin-top:10px;
	margin-bottom:15px;
	border-collapse:collapse;
	border:1px solid #999;
	}
	
div#Products div.Block table.TypeA caption.Title{
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	}
	
div#Products div.Block table.TypeA caption.Title_S{
	font-size:1em;
	font-weight:bold;
	text-align:left;
	}
	
div#Products div.Block table.TypeA th {
	background-color:#f3ffe8;
	white-space:nowrap;
	border-top:none;
	border-left:none;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding:7px;
	}
	
div#Products div.Block table.TypeA td {
	border-top:none;
	border-left:none;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	padding:7px;
	}
	
div#Products div.Block table.TypeA tr.Right {
	text-align:right;
	}
	
div#Products div.Block table.TypeA tr.Center {
	text-align:center;
	}
	
div#Products div.Block table.TypeA td.Right {
	text-align:right;
	}
	
div#Products div.Block table.TypeA td.Center {
	text-align:center;
	}
	
/* --注意アイコンの並ぶところ-- */

div#Products table.IconSpace {
	width:550px;
	}

div#Products table.IconSpace td {
	text-align:left;
	}
	
div#Products table.IconSpace td img{
	margin-right:2px;
	}
	
/* --クローズボタン-- */

div#Products div.Close {
	margin:30px 0px 10px 0px;
	width:600px;
	text-align:right;
	clear:both;
	}