/* CSS Document */

@import url(navi.css);
@import url(common.css);

/*--------company---------------------------------------------------*/

#company {
width: 100%;
margin: 0 auto;
padding: 0;
background: url(../img/company/back.jpg) no-repeat;
background-position: center top;
background-size: cover;
background-attachment:fixed; 
}

#companyin {
width: 960px;
margin: 0 auto;
padding: 300px 0 50px 0;
}

#company #title {
	width: 280px;
	height: 39px;
	z-index: 100;
}

#company #title h2 {
	width: 280px;
	height: 39px;
	background:url(../img/company/st1.png) no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}

#company #txt {
	margin: 0;
	width: 500px;
	height: auto;
}


	#company #txt dl {
		padding:0;
		margin:20px 0 0 0;
		border-top:none;
	}

	#company #txt dt {
		float:left;  
		width:80px;  
		padding:5px 0 5px 5px;  
		clear:both;
		border-top: 1px solid #ffffff;
	}

	#company #txt dd {  
		margin-left:80px;  
		padding:5px 0 5px 5px;
		text-align:left;
		border-top: 1px solid #ffffff;
	}
	


/*------------------smp-----------------------*/
@media screen and (max-width: 640px) {

#company {
width: 100%;
margin: 0 auto;
padding: 0;
background-size: auto 300px;
background-attachment:inherit; 
}

#companyin {
width: 100%;
margin: 0 auto;
padding: 240px 0 50px 0;
}

#company #title {
	width: 90%;
	margin: 0 auto 50px auto;
	height: auto;
	z-index: 100;
}

#company #title h2 {
	width: 100%;
	height: 30px;
	background-size: contain;
}

#company #txt {
	margin: 0 auto;
	width: 90%;
	height: auto;
}


	#company #txt dl {
		padding:0;
		margin:20px 0 0 0;
		border-top:none;
	}

	#company #txt dt {
		float:left;  
		width:80px;  
		padding:5px 0 5px 5px;  
		clear:both;
		border-top: 1px solid #d6d6d6;
	}

	#company #txt dd {  
		margin-left:80px;  
		padding:5px 0 5px 5px;
		text-align:left;
		border-top: 1px solid #d6d6d6;
	}
}




/*--------ontact---------------------------------------------------*/

#contact {
width: 100%;
margin: 0 auto;
padding: 0;
background: url(../img/contact/back.jpg) no-repeat;
background-position: center top;
background-size: cover;
background-attachment:fixed; 
}

#contactin {
width: 960px;
margin: 0 auto;
padding: 300px 0 50px 0;
}

#contact #title {
	width: 280px;
	height: 39px;
	z-index: 100;
}

#contact #title h2 {
	width: 280px;
	height: 39px;
	background:url(../img/contact/st1.png) no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}

#contact #txt {
	margin: 0;
	width: 500px;
	height: auto;
}


	#contact #txt dl {
		padding:0;
		margin:20px 0 0 0;
		border-top:none;
	}

	#contact #txt dt {
		float:left;  
		width:80px;  
		padding:5px 0 5px 5px;  
		clear:both;
		border-top: 1px solid #ffffff;
	}

	#contact #txt dd {  
		margin-left:80px;  
		padding:5px 0 5px 5px;
		text-align:left;
		border-top: 1px solid #ffffff;
	}
	


/*------------------smp-----------------------*/
@media screen and (max-width: 640px) {

#contact {
width: 100%;
margin: 0 auto;
padding: 0;
background-size: auto 300px;
background-attachment:inherit; 
}

#contactin {
width: 100%;
margin: 0 auto;
padding: 240px 0 50px 0;
}

#contact #title {
	width: 90%;
	margin: 0 auto 50px auto;
	height: auto;
	z-index: 100;
}

#contact #title h2 {
	width: 100%;
	height: 30px;
	background-size: contain;
}

#contact #txt {
	margin: 0 auto;
	width: 90%;
	height: auto;
}


	#contact #txt dl {
		padding:0;
		margin:20px 0 0 0;
		border-top:none;
	}

	#contact #txt dt {
		float:left;  
		width:80px;  
		padding:5px 0 5px 5px;  
		clear:both;
		border-top: 1px solid #d6d6d6;
	}

	#contact #txt dd {  
		margin-left:80px;  
		padding:5px 0 5px 5px;
		text-align:left;
		border-top: 1px solid #d6d6d6;
	}
	

}