html, body {
	margin: 0;
	padding: 0;
}
/*ヘッダ
.header{ width:100%; background:url(../img/head_back.jpg) center;}
.header_content{ width:800px; height:75px; margin:0 auto; padding-top:35px;}
.header_logo{ width:424px; float:left}
.header_contact{ color:#FFF; width:350px; float:right; font-size:12px;}
.header_contact ul{ list-style:none; margin-left:0px; padding-left:0px; margin-top:8px}
.header_contact ul li{ float:left; height:22px; padding-left:26px;  font-size:14px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold}
.header_tel{ background:url(../img/icon_tel.gif) no-repeat}
.header_mail{ background:url(../img/icon_mail.gif) no-repeat; white-space: nowrap;}
.header_mail a{color:#FFF; text-decoration:none}
.header_mail a:hover{color:#FFF; text-decoration:underline}
.header_change a{color:#FFF; text-decoration:none}
.header_change a:hover{color:#FFF; text-decoration:underline}*/

/*ナビ
.gnavi{ clear:both; width:100%; background:url(../img/gnavi_back.jpg); height:47px; margin-bottom:20px;}
.gnavi_content{ width:800px; margin:0 auto; padding:0;}

#gnavi_engineering a{ background:url(../img/navi1.jpg) no-repeat;}
#gnavi_engineering a:hover{ background:url(../img/navi1_on.jpg) no-repeat;}
#gnavi_outsourcing a{ background:url(../img/navi2.jpg) no-repeat;}
#gnavi_outsourcing a:hover{ background:url(../img/navi2_on.jpg) no-repeat;}
#gnavi_products a{ background:url(../img/navi3.jpg) no-repeat;}
#gnavi_products a:hover{ background:url(../img/navi3_on.jpg) no-repeat;}
#gnavi_material a{ background:url(../img/navi4.jpg) no-repeat;}
#gnavi_material a:hover{ background:url(../img/navi4_on.jpg) no-repeat;}
#gnavi_contact a{ background:url(../img/navi5.jpg) no-repeat;}
#gnavi_contact a:hover{ background:url(../img/navi5_on.jpg) no-repeat;}

.gnavi ul{ list-style:none; margin:0; padding:0;}
.gnavi ul li{float:left; width:160px; height:47px; position:relative;}
.gnavi ul li a{display:block; height:47px; overflow:hidden; text-indent:-100000em;}
.gnavi ul li ul.sub{ position:absolute;}
ul.gnavi_sub{ display:none;}
ul.gnavi_sub li { background:#EEE; }
ul.gnavi_sub li a:hover{ background:#CCC !important;}
ul.gnavi_sub li a{ text-indent:0; text-align:center; font-size:14px; text-decoration:none; color:#000; padding-top:17px; height:29px; border:#CCC 1px solid; border-collapse:collapse; background-image:none !important;}
ul.gnavi_main:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
ul.gnavi_main{ zoom:1;}




.container{ clear:both; width:100%;}
.content{ width:1000px; margin:0 auto;}*/
.w800 {
	width: 800px;
	margin: 0 auto 80px auto;
}
.w830 {
	width: 830px;
	margin: 0 auto;
}
.btm30{
	margin-bottom:30px;
}
a:hover img{
	opacity:0.8;
}
/*ぱんくずリスト
.breadcrumb{ width:800px; margin:0 auto; font-size:13px; /margin-bottom:15px;}*/


/*フッタ
.footer{ padding-top:16px; height:60px; background:url(../img/footer_back.jpg); margin-top:20px;}
.footer_content{width:800px; margin:0 auto; color:#FFF}
.footer_company{ width:400px; font-weight:bold; float:left}
.footer_company_middle{ font-size:12px}
.footer_company_small{ font-size:10px}
.footer_company_large{ font-size:16px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.footer_navi{ margin-top:8px; float:right; text-align:right; font-size:14px;}
.footer_navi ul{ list-style:none; margin:0; padding:0;}
.footer_navi ul li{ float:left; padding:0 8px; border-left:solid 1px #FFF;font-weight:bold;}
.footer_navi ul li.last{ border-right:solid 1px #FFF}
.footer_navi ul li a{ color:#FFF; text-decoration:none}
.footer_navi ul li a:hover{ color:#FFF; text-decoration:underline}
.footer_english{ clear:both; font-size:9px; padding-top:5px; }*/


/*コンテンツ
.content{ font-size:14px;}
.content p{ line-height:180%; font-size:14px}
h1{ background:url(../img/img_h1.gif) no-repeat; height:43px; font-size:24px; padding-left:35px; padding-top:15px; color:#0F0F7C; font-weight:100;}
h2{ background:url(../img/img_h2.gif) no-repeat; height:48px; font-size:22px; padding-left:25px; padding-top:10px; color:#0F0F7C}
h3{ font-size:16px; padding-top:5px; color:#0F0F7C; margin:0;}*/


/*トップ
.top_img_container{ background:url(../img/img_top_back.jpg); height:280px;}
.top_img{ margin:0 auto; width:1008px;}
.top_left{ float:left; width:600px;}
.top_right{ float:right; text-align:right}
h1.topics{ background:url(../img/img_topics.gif) 0px 3px no-repeat; padding-top:0px; color:#000; margin-bottom:10px;}
dl.topics{
	width:600px; 
	height:100px;
	overflow: hidden;
	zoom: 1;
	overflow:auto;
	overflow-x:hidden;
}
dl.topics dt{
	margin-bottom: 6px;
	padding-top:2px;
	padding-left:10px;
	padding-bottom: 6px;
	width: 100px;
	float: left;
	clear: both;}
dl.topics dd{	margin-bottom: 6px;
	padding: 2px 0px 6px 100px;
	margin-left:0px;
	border-bottom: 1px dashed #0F0F7C;}
p.topics{ margin-top:-5px; background:url(../img/arrow_topics.gif) 0px 3px no-repeat; padding-left:16px; font-size:12px; color:#666}
p.topics a{ color:#666; text-decoration:none}
p.topics a:hover{ color:#666; text-decoration:underline}*/



/*会社概要*/
.company_message {
	width: 694px;
	height: 102px;
	padding: 35px 30px 0px 30px;
	font-weight: bold;
	background: url(../img/img_company1_en.gif) no-repeat;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	line-height:1.3;
}
div.company_profile {
	padding: 10px;
	margin-top: 0px;
}
dl.company_profile {
	width: 780px;
}
dl.company_profile dt {
	color: #0F0F7C;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 10px;
	width: 200px;
	float: left;
	clear: both;
}
dl.company_profile dd {
	margin-bottom: 10px;
	padding: 2px 0px 10px 230px;
	margin-left: 0px;
	border-bottom: 1px solid #999;
}
dl.company_profile dd.last {
	border: none;
}
/*採用情報*/
.kadomaru_up_blue {
	width: 110px;
	background: url(../img/kadomaru_up_blue.gif) no-repeat center top;
	background-color: #377DAC;
	padding-top: 5px;
}
.kadomaru_down_blue {
	width: 110px;
	height: 28px;
	background: url(../img/kadomaru_down_blue.gif) no-repeat center bottom;
	background-color: #377DAC;
	padding-top: 12px;
	padding-bottom: 5px;
	text-align: center;
	color: white;
	font-weight: bold;
}
#naiyo {
	height: 57px;
	padding-top: 44px;
}
.kadomaru_up_red {
	width: 300px;
	background: url(../img/kadomaru_up_red.gif) no-repeat center top;
	background-color: #8A4261;
	padding-top: 5px;
}
.kadomaru_down_red {
	width: 300px;
	height: 28px;
	background: url(../img/kadomaru_down_red.gif) no-repeat center bottom;
	background-color: #8A4261;
	padding-top: 12px;
	padding-bottom: 5px;
	text-align: center;
	color: white;
}
.kadomaru_up_green {
	width: 340px;
	background: url(../img/kadomaru_up_green.gif) no-repeat center top;
	background-color: #499D96;
	padding-top: 5px;
}
.kadomaru_down_green {
	width: 340px;
	height: 28px;
	background: url(../img/kadomaru_down_green.gif) no-repeat center bottom;
	background-color: #499D96;
	padding-top: 12px;
	padding-bottom: 5px;
	text-align: center;
	color: white;
}
table.recruit{
	margin-bottom:30px;
}
table.recruit td {
	padding:8px 5px;
	vertical-align:middle;
}
table.recruit td span.blue,
table.recruit td span.blue02,
table.recruit td span.green,
table.recruit td span.red{
	width:120px;
	color:#fff;
	display:block;
	text-align:center;
	border-radius:6px;
}
table.recruit td span.blue{
	background-color:#377DAC;
	height:50px;
	line-height:50px;
}
table.recruit td span.blue02{
	background-color:#377DAC;
	height:100px;
	line-height:100px;
}
table.recruit td span.green{
	background-color:#499D96;
	height:50px;
	line-height:50px;
	width:100%;
}
table.recruit td span.red{
	background-color:#8A4261;
	height:50px;
	line-height:50px;
	width:100%;
}

table.recruit td.border_right {
	border-right: 1px solid #999
}
table.recruit td.border_bottom {
	border-bottom: 1px solid #999
}
/*メディア掲載情報*/
.media_article {
	float: left;
	width: 370px;
	margin-right: 30px;
	margin-bottom:30px;
}
.media_article p {
	margin-top: 0;
	line-height:22px;
}
h2.media{
	background: rgba(0, 0, 0, 0) url("../img/img_h2.gif") no-repeat scroll 0 0;
    color: #0f0f7c;
    font-size: 20px;
    height: 48px;
    padding-left: 25px;
    padding-top: 10px;
	margin-bottom:20px;
}
h3.media {
	background: url(../img/img_h3.gif) no-repeat;
	height: 30px;
	padding-left: 30px;
	margin-bottom:20px;
	color:#0f0f7c;
	font-weight:bold;
	font-size:115%;
}
/*プライバシーポリシー・ご利用条件*/
h2.privacy1 {
	background: url(../img/img_h2_privacy1.gif) no-repeat;
	height: 30px;
	font-size: 16px;
	padding-left: 25px;
	padding-top: 5px;
	color: #D8140A;
	margin-bottom: 10px;
}
h2.privacy2 {
	background: url(../img/img_h2_privacy2.gif) no-repeat;
	height: 30px;
	font-size: 16px;
	padding-left: 25px;
	padding-top: 5px;
	color: #1C7828;
	margin-bottom: 10px;
}
h3.privacy1 {
	background: none;
	margin: 0;
	padding: 0;
	color: #D8140A;
	height: 16px;
	font-size: 14px;
}
h3.privacy2 {
	background: none;
	margin: 0;
	padding: 0;
	color: #1C7828;
	height: 16px;
	font-size: 14px;
}
p.privacy {
	margin: 0;
	padding: 0;
}
p.num_indent {
	text-indent: -1.2em;
	padding-left: 1.2em;
}
p.circle_indent {
	text-indent: -1.0em;
	padding-left: 2.0em;
}
/*エンジニアリング*/
#flowchart {
	background: url(../img/img_eng1.jpg) no-repeat;
	width: 708px;
	margin: 0 auto;
	height: 1200px;
	position:relative;
	font-size:92%;
	line-height:1.5;
}
#flowchart1 {
	position:absolute;
	top:45px;
	left:325px;
	text-align: center;
	color: #0F0F7C;
	font-weight: bold;
}
#flowchart2 {
	float: left;
	width: 67px;
	text-align: center;
	position:absolute;
	top:160px;
	left:245px;
}
#flowchart3 {
	float: right;
	width: 90px;
	text-align: center;
	position:absolute;
	top:160px;
	left:400px;
}
#flowchart4 {
	text-align: center;
	color: #FFF;
	line-height: 1.4em;
	position:absolute;
	top:255px;
	left:173px;
	width:380px;
}

/*Firefox
@-moz-document url-prefix(){
 #flowchart4 {
 margin-top:50px;
}
}*/
#flowchart4 span {
	font-weight: bold;
	display: block;
	margin-bottom:5px;
	background-color:#7E3C3E;
	border-radius: 4px;
	padding:6px;
}
#flowchart5 {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	position:absolute;
	top:400px;
	left:337px;
}
#flowchart6 {
	text-align: center;
	color: #FFF;
	font-weight: bold;
	position:absolute;
	top:503px;
	left:330px;
	font-size: 16px;
}
#flowchart7 {
	position:absolute;
	top:555px;
	left:0px;
}
#flowchart8 {
	position:absolute;
	top:826px;
	left:43px;
}


/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
.flowchart_item {
	text-align: center;
	line-height: 1.5em;
	padding-top:2px;
}
.flowchart_item span {
	display: inline-block;
	margin-bottom:5px;
	color: #FFF;
	line-height:2em;
	font-weight: bold;
}
#flowchart_item1 {
	float: left;
	width: 195px;
	margin-left: 32px;
}
#flowchart_item2 {
	float: left;
	width: 210px;
	margin-left: 20px;
}
#flowchart_item3 {
	float: left;
	width: 195px;
	margin-left: 20px;
}
#flowchart_item4 {
	float: left;
	width: 330px;
	text-align: left;
	font-size:92%;
	margin-right:30px;
}
#flowchart_item4 span {
	box-sizing: border-box;
	display: inline-block;
	background-color:#202A67;
	padding:10px;
	line-height:1.2;
	width:326px;
}
#flowchart_item5 {
	float: left;
	width: 272px;
}
/*水処理／脱臭装置*/
.mizu:after {
	margin-bottom: 15px;
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.mizu_left {
	float: left;
	width: 380px;
	border:solid 1px #ccc;
	border-radius: 7px;
	background-color:#EBEBEB;
}
.mizu_left h3 {
	color: #FFF;
	margin-bottom:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f2d7c+0,2f8bc8+100 */
	background: #0f2d7c; /* Old browsers */
	background: -moz-linear-gradient(left,  #0f2d7c 0%, #2f8bc8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0f2d7c 0%,#2f8bc8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0f2d7c 0%,#2f8bc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2d7c', endColorstr='#2f8bc8',GradientType=1 ); /* IE6-9 */
	border-radius: 7px 7px 0 0;
	padding:7px 10px;
}
.mizu_left p {
	line-height: 1.3em;
	font-size: 90%;
	padding:0 10px;
}
.mizu_left p img {
	float:left;
	margin:0 10px 10px 0;
}
.mizu_right {
	float: right;
	width: 390px;
	font-size:115%;
	line-height:24px;
}
span.mizu {
	font-size:129%;
	color: #0F0F7C;
}
hr.mizu {
	clear: both;
	border: solid #0F0F7C;
	border-width: 1px 0 0 0;
	margin-bottom: 20px;
	display:block;
}
#dfg1 {
	height:200px;
	background: url(../img/img_dfg1.jpg) no-repeat
}
#dfg1 h3{
	margin-bottom:5px;
	width:210px;
	color: #fff;
	padding:15px 0 10px 10px;
}
#dfg1 p{
	width:210px;
	padding:0 10px;
}
/*Dfシリーズ*/
div.df_products {
	width: 250px;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}
div.df_products p {
	margin-top: 5px;
	line-height: 1.3em;
	font-size:92%;
}
h3.df_products {
	background: url(../img/img_df_back.jpg) no-repeat;
	height: 36px;
	color: #FFF;
	padding-left: 10px;
	padding-top: 10px;
}
div.df_osusume {
	background: url(../img/img_df_osusume.gif) no-repeat;
	height: 32px;
	color: #FFF;
	padding-left: 40px;
	padding-top: 14px;
	padding-bottom:35px;
	font-size:74%;
	line-height:1.2;
}
/*業務委託*/
span.itaku_blue {
	color: #0F0F7C;
}
span.itaku_red {
	color: #F00;
}
/*機能材料*/
h2.material {
	text-indent:30px;
	font-size: 20px;
	background:url(../img/img_h2.gif) no-repeat 0 center;
	margin:20px 0;
}
p#material_image {
}
p#material_image span {
	font-size: 16px;
	color: #0F0F7C;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 50px;
	float: left
}
p#material_image img {
	float: right
}
#material_center {
	position:relative;
	width: 800px;
	height: 770px;
	background: url(../img/img_material1.jpg) no-repeat;
	font-size: 16px;
	color: #1F2A69;
	font-weight: bold;
}
#material_center h2 {
	font-size: 20px;
	background: none;
	margin-bottom: 10px;
}
div.material_left {
	float: left;
	margin-left: 160px;
}
div.material_right {
	float: right;
	width: 175px;
	text-align: center;
}
h2#material1 {
	position:absolute;
	top:75px;
	left:70px;
}
h2#material2 {
	position:absolute;
	left:70px;
	top:390px;
}
h2#material2:not(:target) {
	margin-top: 100px\9;
}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
#material_left1 {
	position:absolute;
	top:135px;
	left:100px;
}
#material_right1 {
	position:absolute;
	top:170px;
	right:63px;
	line-height:20px;
}
#material_left2 {
	position:absolute;
	left:100px;
	top:520px;
}
#material_right2 {
	position:absolute;
	right:60px;
	top:490px;
}
div#material3 {
	width: 560px;
	margin: 0 auto;
	background: url(../img/img_material2.jpg) no-repeat;
	text-align: center;
	font-size: 16px;
	color: #0F0F7C;
	font-weight: bold;
	padding-top: 37px;
	margin-bottom: 30px;
}
div#material3 p {
	text-align: left;
	color: #000;
	font-weight: normal;
	margin-top: 50px;
}
/*お問い合わせ*/
p.toiawase {
	border: 1px solid #666;
	padding: 5px;
	font-size: 12px;
}
table.toiawase, table.toiawase td {
	border: 1px solid #000;
	border-collapse: collapse;
	font-size: 12px
}