@charset "utf-8";

/*===============■■ブラウザスタイル初期化■■===============*/
html{
	height:100%;
}
body {
	background-color:#EEF0F0;	
	width:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#666;
	font-size:12px;
	line-height:1.2em;
}

#mainbody {
	background-color:#FFF;
	border-right:1px solid #c8c8c8; 
	border-left:1px solid #c8c8c8; 
	width: 940px;
	margin: 0 auto;
	position:relative;
}

*{
	margin:0; padding:0;
}
ol,li {
	list-style:none;
}
th, td {
	font-weight: normal;
}
a img {
	border:none;
}
a {
	text-decoration:none;
}	
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}

/*===============■■Mainの中に設定■■===============*/

		/*==========ナビゲーション==========*/
		#navi{
			font-size: 10px;
			text-align: left;
			color:#777;
			margin-top:5px;
			margin-left:-5px;
			margin-bottom:10px;
		}
		
			#navi a:link {
				color: #7EB1B2;
				text-decoration: underline;
			}
			#navi a:visited {
				color: #7EB1B2;
				text-decoration: underline;
			}
			#navi a:hover {
				color: #979797;
				text-decoration: none;
			}
		
		
		/*==========主に内容をいれる==========*//*リンクとサイトマップは別CSS_#container02*/
		#container01 {
			width:724px;
			margin-left:-5px;
		}
		
			#container01 h2 {
				margin-bottom:15px;
			}
			
			#container01 h3 {
				font-size:26px;
				color:#aaa;
				font-weight:normal;
				line-height:1.2em;
				margin:15px 0 20px 0;
			}
			
			#container01 h4 {				
				font-size:30px;
				color:#8cb005;
				font-weight:normal;
				line-height:1.5em;
				padding:0 0 0 55px;
				border:1px solid #8cb005;
				margin:60px 0 5px 0;
			}
			
			/*==========各部門見出し==========*//*製品一覧*/
					#container01 h4#kensetsu {				
						background:url(../products/img/mark_kensetsu.gif) no-repeat left bottom;
		
					}
					#container01 h4#densetsu {				
						background:url(../products/img/mark_densetsu.gif) no-repeat left bottom;
		
					}
					#container01 h4#doboku {				
						background:url(../products/img/mark_doboku.gif) no-repeat left bottom;
		
					}															
					#container01 h4#kankyou {				
						background:url(../products/img/mark_kankyou.gif) no-repeat left bottom;
		
					}								
					#container01 h4#denki {				
						background:url(../products/img/mark_denki.gif) no-repeat left bottom;
		
					}
					#container01 h4#hoseband {				
						background:url(../products/img/mark_hoseband.gif) no-repeat left bottom;
		
					}

					#container01 h4#sonota {				
						background:url(../products/img/mark_sonota.gif) no-repeat left bottom;
		
					}
					
					#container01 h4#kasen {				
						background:url(../products/img/mark_kasen.gif) no-repeat left bottom;
		
					}							

				


		/*==========ページトップへ==========*/
		.pagetop {
			float:right;
			width:110px;
			height:15px;
			padding-top:-5px;
			color:#999;
			text-decoration:none;
			font-size:10px;
			text-align:left;
			margin-top:15px;
			margin-bottom:30px;
		}
				.pagetop a {
					display:block;
					height:15px;
					background-image:url(../img/icn_topreturn.gif);
					background-position:bottom;
					background-position:0 0;
					background-repeat:no-repeat;
					text-decoration:none;
					color:#999;
					padding-left:18px;		
				}
				.pagetop a:hover {
					height:15px;
					background-image:url(../img/icn_topreturn.gif);
					background-position:0 -15px;
					background-repeat:no-repeat;
					color:#8CB005;	
				}
		
		/*=====★仕様へジャンプ★=====*/
			.spec_jump {
				float:right;
				width:130px;
				padding-top:-5px;
				/*padding:2px;*/
				color:#999;
				text-decoration:none;
				font-size:10px;
				text-align:left;
				margin-top:15px;
				margin-bottom:30px;
			}
			.spec_jump a {
				display:block;
				height:13px;
				background-image:url(../products/img/icn_specreturn.gif);
				background-position:0 0;
				background-repeat:no-repeat;
				text-decoration:none;
				color:#999;
				padding-left:18px;		
			}
			.spec_jump a:hover {
				height:13px;
				background-image:url(../products/img/icn_specreturn.gif);
				background-position:0 -13px;
				background-repeat:no-repeat;
				color:#0A725A;	
			}
		
		
/*+++++++++++++++++++++++++++++++++++++以下装飾関係++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*===============■■テキスト装飾■■===============*/
		.midashi01 {
			font-family: "ＭＳＰゴシック", Osaka, "ヒラギノ角ゴ Pro W3";/*フォームの見出しに使用*/
			font-size: 12px;
			font-weight:bold;
			text-align: center;
			background-color:#5ab0d8;
			color: #FFFFFF;
			padding: 5px;
			margin-top:10px;
			margin-bottom:10px;
		}
		.tx13_bule {/*沿革で使用*/
			font-size: 13px;
			color: #007BB7;
		}
		.tl_blue {/*会社概要で使用*/
			font-size:12px;
			border: 1px solid #75B8D5;
			padding-right: 10px;
			padding-left: 10px;
		}
		.attention {
			font-size:10px;
		}
		.attention02 {
			font-size:10px;
			color:#F00;
		}		
		.txt_green {/*製品名したの文章*/
			font-size: 12px;
			line-height: 18px;
			color: #84A604;
			margin-bottom:15px;
		}
		
		.txt_green a{/*会社概要で使用*/
			color: #EA0006;
			text-decoration: none;
		}
		.txt_green a:visited{
			color: #EA0006;
			text-decoration: none;
		}
		.txt_green a:hover{
			color: #0C9AEF;
			text-decoration: none;
		}

		.txt_green02 {/*商品概要の特徴にて使用*/
				font-size: 12px;
				color: #466D0C;
				margin-top:15px;
				margin-bottom:-5px;
			}		
				
/*===============■■テキストリンク■■===============*/

		.txt_link01 a{/*会社概要で使用*/
			color: #EA0006;
			text-decoration: none;
		}
		.txt_link01 a:visited{
			color: #EA0006;
			text-decoration: none;
		}
		.txt_link01 a:hover{
			color: #0C9AEF;
			text-decoration: none;
		}
		

		.txt_link02 a{
			color: #0C9AEF;
			text-decoration: none;
		}
		.txt_link02 a:visited{
			color: #0C9AEF;
			text-decoration: none;
		}
		.txt_link02 a:hover{
			color: #0C9AEF;
			text-decoration: underline;
		}
		
/*===============■■送信完了■■===============*//*お問い合わせ_採用情報_共通*/
		#thanks {
			width:700px;
			text-align:center;
		}
			#thanks img {
				margin:20px 0 20px 0;
			}
			
/*===============■■位置調整■■===============*//*主にトップへ戻るリンクに指定*//*左のメニュー線の調整*/
.mgB_30 {
	margin-bottom:30px;
}
.mgB_50 {
	margin-bottom:50px;
}
.mgB_80 {
	margin-bottom:80px;
}
.mgB_100 {
	margin-bottom:100px;
}
.mgB_160 {
	margin-bottom:160px;
}
.mgB_180 {
	margin-bottom:180px;
}
.mgB_200 {
	margin-bottom:200px;
}
.mgB_250 {
	margin-bottom:250px;
}
.mgB_280 {
	margin-bottom:280px;
}
.mgB_300 {
	margin-bottom:300px;
}
.mgB_350 {
	margin-bottom:350px;
}
.mgB_400 {
	margin-bottom:400px;
}
.mgB_450 {
	margin-bottom:450px;
}
.mgB_570 {
	margin-bottom:570px;
}
.mgT_50 {
	margin-top:50px;
}
.mgT_0 {
	margin-top:0px;
}

/*==========★区切り線★==========*/
.separator {
display:block;
width:724px;
height:1px;
background-image:url(../products/img/hr.gif);
background-position:bottom;
background-repeat:repeat-x;
margin:30px 0 50px 0;
text-indent:-999999px;
clear:both;
}
