@charset "UTF-8";
/* CSS Document */



/* --------------------- 共通 --------------------- */

* {
	margin: 0px;
	padding: 0px;
	font-style: normal ;
	line-height: 1.6;
	color:#666666;
	font-size:100%;
	}

html{
	overflow-y: scroll;
	}

img {
	border: none;
	}

.cl {
	clear: both;
	width: 0px;
	height: 0px;
	}

a:link { color: #333333; text-decoration: underline; } 
a:visited { color: #333333; text-decoration: underline; } 
a:hover { color: #cc0033; text-decoration: underline; } 
a:active { color: #333333; text-decoration: underline; } 



body {
	text-align: center;
	background-image: url(../img/contant-back.jpg);
	background-repeat: repeat-x;
	background-position: center top ;
	background-attachment: scroll; 
	}
	

body div {
	text-align: left;
	margin: 0 auto;
	}


#content {
    width:800px;
    margin: auto;
	background-color:#FFFFFF;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	}
	
	
	
	
	
	
	
/* --------------------- ヘッダー --------------------- */
#header {
	width: 800px;
	height:80px;
	background-image: url(../img/header_back.jpg);
	background-repeat: no-repeat;
	}

#header p {
	padding: 25px 10px 0px 0px;
    font-size: 12px;
	text-align:right;
}


#header p span {
   background-image: url(../img/arrow1.gif);
   background-repeat: no-repeat;
   background-position: left center;
   line-height: 15px;
   padding: 3px 0px 3px 15px;
	}	








/* --------------------- メニュー --------------------- */

.treeNav{
    clear:both;
	width: 800px;
	background-color:#999999;
	border-top: 5px solid #999999;
}



 /* TOP */
	.treeNav .menu01-1 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 0px;
		background-image: url(../img/menu01-1.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		line-height:30px;
	}
	.treeNav .menu01-1 a:hover{
		text-decoration:none;
		background-image: url(../img/menu01-1back.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		color:#ffffff;
	}

 /* 製品案内 */
.treeNav .menu01-2 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 0px;
		background-image: url(../img/menu01-2.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		line-height:30px;
	}
	.treeNav .menu01-2 a:hover{
		text-decoration:none;
		background-image: url(../img/menu01-2back.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		color:#ffffff;
	}

 /* 会社案内 */
.treeNav .menu01-3 {
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 0px;
		background-image: url(../img/menu01-3.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		line-height:30px;
	}
 /*	.treeNav .menu01-3 a:hover{
		text-decoration:none;
		background-image: url(../img/menu01-3back.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		color:#ffffff;
	}
 */



 /* 採用情報 */
.treeNav .menu01-4 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 0px;
		background-image: url(../img/menu01-4.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		line-height:30px;
	}
	.treeNav .menu01-4 a:hover{
		text-decoration:none;
		background-image: url(../img/menu01-4back.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		color:#ffffff;
	}

 /* お問合わせ< */
.treeNav .menu01-5 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 0px;
		background-image: url(../img/menu01-5.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		line-height:30px;
	}
	.treeNav .menu01-5 a:hover{
		text-decoration:none;
		background-image: url(../img/menu01-5back.jpg);
	    background-repeat: no-repeat;
		text-align: center;
		color:#ffffff;
	}



 /* 電子部品 */
.treeNav .menu02-1 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu02-1.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu02-1 a:hover{
		text-decoration:none;
		background-image: url(../img/menu02-1back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}

 /* 機構部品 */
.treeNav .menu02-2 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu02-2.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu02-2 a:hover{
		text-decoration:none;
		background-image: url(../img/menu02-2back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}
	
 /* システム機器 */	
.treeNav .menu02-3 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu02-3.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu02-3 a:hover{
		text-decoration:none;
		background-image: url(../img/menu02-3back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}
	
 /* 合成樹脂塗料 */	
.treeNav .menu02-4 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu02-4.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu02-4 a:hover{
		text-decoration:none;
		background-image: url(../img/menu02-4back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}

 /* 会社概要・沿革 */
.treeNav .menu03-1 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu03-1.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu03-1 a:hover{
		text-decoration:none;
		background-image: url(../img/menu03-1back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}
	
 /* 社長あいさつ */	
.treeNav .menu03-2 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu03-2.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu03-2 a:hover{
		text-decoration:none;
		background-image: url(../img/menu03-2back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}
	
 /* 経営方針 */	
.treeNav .menu03-3 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu03-3.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu03-3 a:hover{
		text-decoration:none;
		background-image: url(../img/menu03-3back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}


 /* 品質及び環境方針 */	
.treeNav .menu03-4 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu03-4.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu03-4 a:hover{
		text-decoration:none;
		background-image: url(../img/menu03-4back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}


 /* 事業所一覧 */	
.treeNav .menu03-5 a{
		width:160px;
		height:30px;
		display:block;
		zoom:1; /* ie */
		text-decoration:none;
		color:#666666;
		padding:0px 0px 0px 30px;
		background-image: url(../img/menu03-5.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		line-height:30px;
		font-size:13px;
	}
	.treeNav .menu03-5 a:hover{
		text-decoration:none;
		background-image: url(../img/menu03-5back.jpg);
	    background-repeat: no-repeat;
		text-align: left;
		color:#bb0000;
	}










	
	.treeNav ul{
		width:160px;
		height:30px;
		list-style-type: none; 
		float:left;
		background-color:#999999;
	}
		.treeNav li{
			position:relative;
			width:160px;
			float:left; /* ie */
			clear:both; /* ie */
			background-color:#999999;
		}
			.treeNav li ul{
				position:absolute;
				top:30px;
				left:0;
				display:none;
			}
			
			.treeNav span{
				display:none;
			}
			
			
			.treeNav li:hover > ul{
				display:block;
			}
			

/* --------------------- フッダー --------------------- */
#footer {
	clear: both;
	padding: 5px 15px 5px 15px;
	text-align:right;
	font-size:75%;
	background-color:#eeeeee;
}


/* --------------------- フッターメニュー --------------------- */
#footer_menu {
   clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding: 15px 15px 15px 15px;
	text-align:center;
	font-size:85%;
   }

#footer_menu span{
font-size:80%;
	   }




/* --------------------- フロート --------------------- */
.left {
	float: left;
}


.right {
	float: right;
}


























/* --------------------- トップページFLASH --------------------- */
#top-flash {
    clear:both;
	height: 270px;
	width: 800px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	background-image: url(../img/flash_back.jpg);
    background-repeat: no-repeat;
	background-position: center top;
}









  
/* --------------------- トップページ下部 --------------------- */

/* --------------------- 製品案内バナー --------------------- */

#top_pro_banner {
   clear:both;
   background-image: url(../img/back.jpg);
   background-repeat: no-repeat;
   background-position: center top; 

 }

#top_pro_banner p {
   margin: 0px 25px 0px 25px;
   padding: 15px 0px 10px 0px;
 }




/* --------------------- 製品バナー --------------------- */

#top_pro {
   margin: 0px 25px 0px 25px;
 }

#top_pro p {
	float: left;
}

#top_pro span {
	display:none;
}


#top_pro .pro_a a {
display:block;
width:188px;
height:90px;
background-image:url(../img/product_a.jpg);
background-repeat:no-repeat;
}

#top_pro .pro_a a:hover {
background-image:url(../img/product_a_on.jpg);
background-repeat:no-repeat;
} 


#top_pro .pro_b a {
display:block;
width:187px;
height:90px;
background-image:url(../img/product_b.jpg);
background-repeat:no-repeat;
}

#top_pro .pro_b a:hover {
background-image:url(../img/product_b_on.jpg);
background-repeat:no-repeat;
} 


#top_pro .pro_c a {
display:block;
width:187px;
height:90px;
background-image:url(../img/product_c.jpg);
background-repeat:no-repeat;
}

#top_pro .pro_c a:hover {
background-image:url(../img/product_c_on.jpg);
background-repeat:no-repeat;
} 


#top_pro .pro_d a {
display:block;
width:188px;
height:90px;
background-image:url(../img/product_d.jpg);
background-repeat:no-repeat;
}

#top_pro .pro_d a:hover {
background-image:url(../img/product_d_on.jpg);
background-repeat:no-repeat;
} 













/* --------------------- インフレームとISO認証囲み --------------------- */
#top_bottom {
    clear:both;
    margin: 0px 25px 0px 25px;
}



/* --------------------- インフレーム --------------------- */
#top_news {
    float:left;
	width: 370px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#top_news iframe {
	width: 360px;
	height: 300px;
	margin: 5px 0px 0px 0px;
} 



/* --------------------- ISO認証 --------------------- */
#top_iso {
	float:right;
	width: 365px;
    margin: 10px 0px 0px 0px;
}