@charset "utf-8";

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

 *	clearfix

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



.clearfix,

#header #main_img ul#navi,

#contents {

	height: 1%;

	display: inline-table;

}



/* Hides from IE-mac \*/

* html .clearfix,

#header #main_img ul#navi,

#contents {

	height: 1%;

}

.clearfix,

#header #main_img ul#navi,

#contents {

	display: block;

}

/* End hide from IE-mac */



.clearfix:after,

#header #main_img ul#navi:after,

#contents:after {

	height: 0;

	visibility: hidden;

	content: ".";

	display: block;

	clear: both;

}



/*body*/
body {
	color: #292929;
	margin: 0px;
	font: 80%/1.5em  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../images/back.gif) repeat;
}

/*link*/
a:link {color: #3a6eb4; text-decoration: none}
a:visited {color: #3a6eb4; text-decoration: none}
a:hover {color: #ff9900; text-decoration: none}
a:active {color: #3a6eb4; text-decoration: none}
a img{border:0}
a:focus { outline: none }

/*container*/
#container {width: 800px; margin-right: auto; margin-left: auto; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; background: #FFFFFF;}
#logo{ margin:10px 10px 5px 10px; float:left;}
#inq{ float:right; margin:45px 10px 5px 0;}
#inq ul{ margin:0; padding:0; clear:both;}
#inq ul li{	margin:0; padding-left:20px; background: url(../images/arrow.gif) no-repeat 0 1px; list-style: none; padding-bottom: 6px; float:left; padding-right:10px;}

#head{ width: 800px;}
#head.top{ background: url(../images/head.jpg) no-repeat left top; height:149px;}
#head_pfe{ width: 800px; background: url(../images/head_pfe.jpg) no-repeat left top; height:140px;}
#head_centro{ width: 800px; background: url(../centrotherm/img/productindex/head_centro.jpg) no-repeat left top; height:140px;}
#head_shinku{ width: 800px; background: url(../kbm/img/productindex/head_shinku.jpg) no-repeat left top; height:140px;}
.line{ margin-left:10px;}

#title{ float:left; margin-left:10px;}
#title h1{}

#know{ float:right; padding-top:10px; margin-right:10px;}

#contents { margin:0;}
/*index*/
#left{ width:210px; float:left; padding-left:10px; margin-bottom:10px;}
#left img{ margin-bottom:15px;}
#main{ float:left; margin-left:5px;}

#left-shinku{ width:250px; float:left; padding-left:10px; margin-bottom:10px;}
/*2nd*/
#left2{ float:left; padding-left:10px; text-align:left;}
#right2{ width: 390px; float:right; padding-right:10px; text-align:left;}

#left3{ float:left; padding-left:10px; text-align:center; }

#foot {padding: 10px 10px 3px 10px; margin-right: auto; margin-left: auto; text-align:center;}

/*html*/
.topic{ width:566px; background: url(../images/topic_back.gif) repeat;}
.topic_in{ padding:0 20px 10px 25px;}
.topic h2{ margin:0 10px 10px 10px; padding-left:15px; background: url(../images/circle_red.gif) no-repeat 0 1px; font-weight:bold; font-size:120%;}
.topic ul{
	margin:0;
	padding:0;
}
.topic ul li{
	list-style: none;
	padding-left: 7px;
	background:url(../images/list.gif) no-repeat left 8px;
}
.topic ol{ margin-left: 7px}

.ban{ margin:10px 0;}

/* contents */
h1 {
	font-size: 140%;
	color: #993300;
	padding-bottom:10px;
	margin:0;

}

h2{ margin:20px 10px 10px 20px;}

h3{ 
	margin: 2px 0 5px 0;
	padding: 0 0 0 2px;
}

.left { float: left; margin-right:5px; text-align:center; width:121px;}
.left img{ margin-bottom:5px;}
.right { float: right; margin-right:10px;}

.clear{
clear:both;
}

.notice {
	font-weight: bold;
	color: #CC0000;
}hr {
	border-top: 1px solid #666666;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin:5px 10px 10px 10px;
}

a.pdf{ background:url(../images/pdfmark.gif) 0 0 no-repeat; padding:5px 0 5px 23px;line-height:2}

.clear{clear:both}
.topic_in .clear{ font-size:1px;line-height:1}
.topic h2{ margin:0 10px 3px 10px; padding-left:15px; background: url(../images/circle_red.gif) no-repeat 0 1px; font-weight:bold; font-size:120%;}
.topic_in{ width:430px;float:left; padding:0 5px 5px 25px;}
.topic_in_full{width:530px;padding:0 5px 5px 25px;}
.topic_in p{padding-bottom:0px;margin-bottom:0.5em;padding-top:0px;margin-top:0.5em;line-height:1.4}
.topic_pdflink{width:100px;float:right; margin-top:0.5em}
a.pdf{display:block;padding:0px 0 5px 23px;line-height:1.3}
a.pdf:hover{color:#ff9900}

.topic h2.title_1_brooks{ background-image: url(../images/circle_blue.gif);}
.topic h2.title_2_KBM{ background-image: url(../images/circle_yellow.gif);}


/* Added on 20100621
---------------------------*/
.centro_outlines {
	clear: both;
	margin-bottom: 0px;
}
.centro_outlines h4 {
	margin: 5px 20px 10px 20px;
}
.centro_outlines p {
	margin: 0 20px; 
	padding: 5px 20px; 
	border-top: 1px dotted #CCC; 
	color: #666;
}

.extra-explanation {
	 width: 350px;
	 font-size: 80%; 
	 color: #666;
	 background-color: #F6F6F6; 
	 margin-left: 10px; 
	 padding: 6px;  
}

.margin-t30 {
	margin-top: 30px;
}