
.contents_tittle{
	width: 100%;
	height: 40px;
	margin: 20px 0px 20px 0px;
	text-align: center;
	background-image: url(../img/index/bk01.jpg);
	background-repeat: repeat-x;
	}
.contents_tittle02{
	width: 100%;
	height: 30px;
	margin: 20px 0px 20px 0px;
	text-align: center;
	background-image: url(../img/index/bk02.jpg);
	background-repeat: repeat-x;
	}
.products{
	width: 300px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	float: left;
	}
.e_shizai{
	width: 300px;
	height: 150px;
	margin: 0px 50px 0px 50px;
	float: left;
	}
.company{
	width: 300px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#contact_fb{
	width: 100%;
	height: auto;
	margin: 20px 0px 20px 0px;
	padding: 30px 0px 20px 0px;
	background-color: #eeeeee;
	}

#contact_fb .contact {
	width: 400px;
	height: auto;
	margin: 0px 0px 0px 40px;
	padding: 30px 0px 20px 0px;
	float: left;
	color: #03004c;
	text-align: center;
}
#contact_fb .contact .tel_img {
	clear: both;
	width: 60%;
	height: auto;
	margin: 15px auto;
	text-align: center;
}

#contact_fb .fb-page {
	width: 500px;
	height: 250px;
	margin: 0px 40px 0px 0px;
	float: right;
}


/* PC用 */
@media print, screen and (min-width:1000px){

.contents_tittle02{
	display: none;
	}

.products02{
	display: none;
	}
.e_shizai02{
	display: none;
	}
.company02{
	display: none;
	}
















}







/* モニター幅1000px以下 */
 @media only screen and (max-width:1000px){
.contents_tittle02{
	display: none;
	}
.products{
	width: 30.7%;
	height: auto;
	margin: 0px 0px 0px 10px;
	}
.e_shizai{
	width: 30.7%;
	height: auto;
	margin: 0px 20px 0px 20px;
	}
.company{
	width: 30.7%;
	height: auto;
	margin: 0px 10px 0px 0px;
	}

.products img {
	width: 100%;
	height: auto;
	}
.e_shizai img {
	width: 100%;
	height: auto;
	}
.company img {
	width: 100%;
	height: auto;
	}

.products02{
	display: none;
	}
.e_shizai02{
	display: none;
	}
.company02{
	display: none;
	}



#contact_fb{
	width: 100%;
	height: auto;
	margin: 20px 0px 20px 0px;
	padding: 20px 0px 20px 0px;
	}

#contact_fb .contact {
	display: block;
	width: 45%;
	height: auto;
	margin: 0px 0px 0px 20px;
	padding: 20px 0px 20px 0px;
	float: left;
}

#contact_fb .fb-page {
	width: 45%;
	height: 250px;
	margin: 0px 20px 0px 0px;
	float: right;
}


















}





/* iPad 縦 */
@media only screen and (max-width:768px){
.contents_tittle{
	display: none;
	}
.contents_tittle02{
	display: block;
	margin: 10px 0px 10px 0px;
	}

.products{
	display: none;
	}
.e_shizai{
	display: none;
	}
.company{
	display: none;
	}

.products02{
	display: block;
	width: 30.7%;
	height: auto;
	margin: 0px 0px 0px 10px;
	float: left;
	}
.e_shizai02{
	display: block;
	width: 30.7%;
	height: auto;
	margin: 0px 10px 0px 10px;
	float: left;
	}
.company02{
	display: block;
	width: 30.7%;
	height: auto;
	margin: 0px 10px 0px 0px;
	float: left;
	}

.products02 img {
	width: 100%;
	height: auto;
	}
.e_shizai02 img {
	width: 100%;
	height: auto;
	}
.company02 img {
	width: 100%;
	height: auto;
	}


#contact_fb{
	width: 100%;
	height: auto;
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 15px 0px;
	}

#contact_fb .contact {
	display: block;
	width: 48%;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 20px 0px 0px 0px;
	float: left;
	text-align: center;
}
#contact_fb .contact img {
	display: block;
	width: 85%;
	height: auto;
	text-align: center;
}
#contact_fb .fb-page {
	width: 45%;
	height: 250px;
	margin: 0px 10px 0px 0px;
	float: right;
}

#contact_fb .contact .tel_img {
	width: 60%;
	height: auto;
	margin: 7px auto;
	text-align: center;
}






}




/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
.contents_tittle02{
	display: block;
	margin: 8px 0px 8px 0px;
	}
.products{
	width: 30.9%;
	height: auto;
	margin: 0px 0px 0px 5px;
	}
.e_shizai{
	width: 30.9%;
	height: auto;
	margin: 0px 5px 0px 5px;
	}
.company{
	width: 30.9%;
	height: auto;
	margin: 0px 5px 0px 0px;
	}

.products02{
	width: 30.9%;
	height: auto;
	margin: 0px 0px 0px 5px;
	}
.e_shizai02{
	width: 30.9%;
	height: auto;
	margin: 0px 5px 0px 5px;
	}
.company02{
	width: 30.9%;
	height: auto;
	margin: 0px 5px 0px 0px;
	}



#contact_fb{
	width: 100%;
	height: auto;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	}

#contact_fb .contact {
	display: block;
	width: 94%;
	height: auto;
	margin: 0px auto 15px;
	padding: 0px 0px 0px 0px;
	float: none;
}
#contact_fb .contact img {
	width: 75%;
	height: auto;
}
#contact_fb .fb-page {
	width: 100%;
	height: 300px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	float: none;
}

#contact_fb .contact .tel_img {
	width: 70%;
	height: auto;
	margin: 0px auto;
	text-align: center;
}















}



















