@charset "utf-8";

/*ウィンドウ幅が500~768pxの場合に適用*/
@media screen and (min-width:481px) and (max-width:768px){

main
{margin-left: auto;
margin-right: auto;
}

	#screen-left {display: none;}
	
	#screen-center {max-width: 768px;
		background-color: #ffffff;}
	
	#photo {text-align: center;
			max-width: 700px;}
	
	#photo img {width: 100%;  }
	






#visual_o {background-color: #EBEBEB;}

#top-image1 {
	background-image: url("img/image-top1.png");
	height: 100px;
	width: 1040px;
	margin-left: auto;
margin-right: auto;
	display: flex;
	align-items: center;

}

/*メイン-基本ひな形*/

#bg1 {background-image: #ffffff;
	}


#box1{max-width: 768px;
	justify-content:space-around;
	display: flex;
	margin-left: auto;
margin-right: auto;
	border-bottom: solid 1px #D4D4D4;
	
}
	


#bg {background-color: #FFFFFF;
	padding: 40px 40px 70px 40px;
	max-width: 768px;
	}

#waku1 {margin-bottom: 70px;
		margin-top: 0px;}

#topicpath {
			max-width: 700px;
			padding-bottom: 20px;
			font-size: 80%;
			}

#topicpath li {float: left;}


#title_main {margin-bottom: 30px;
			padding-bottom: 5px;
			border-bottom: solid 1px #7F7F7F;}

#title_main h1{font-size: 150%;
				font-weight: bold;
				padding-left: 10px;}



#title1 {
		margin-bottom: 20px;
		font-size: 100%;
		margin-top: 0px;
		
		}

#title1 h2:before {content:url("img/bar-long16.png");	
		
		padding-right: 10px;}
#title1 h2 {
  padding: .5em .75em;
  background-color: #f6f6f6;
}





#title2 {
		font-size: 120%;
		margin-top: 20px;
	
		}

#title2 h2:before {content:url("img/bar-long16.png");	
		padding-right: 10px;}
	
#title3 {
		font-size: 100%;
		margin-top: 20px;
		margin-bottom: 15px;
	
		}

#title3 h3:before {content:url("img/bar-long16.png");	
		padding-right: 10px;}
	
#title4{
		font-size: 100%;
		margin-top: 20px;
		margin-bottom: 30px;
		border-bottom: solid #999999 2px;
		}
	
#title4 h3:before {content:url("img/icon-1800.jpg");	
		padding-right: 10px;
		margin-top: 5px;}
	
#title5{
		font-size: 100%;
		margin-top: 20px;
		margin-bottom: 30px;
		border-bottom: dashed #999999 1px;
		}
	
#title5 h2:before {content:url("img/icon-1800.jpg");	
		padding-right: 10px;
		margin-top: 5px;}
	
	#title6{
		font-size: 18px;
		margin-top: 2px;
		padding: 0 10px;
		margin-bottom: 10px;
		font-weight: 600;
		font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
		}
	
#title6:before {content:url("img/icon-01.jpg");	
		padding-right: 10px;
		margin-top: 5px;}
	
	
#sub_title {
		margin-bottom: 20px;
		font-size: 100%;
		margin-top: 20px;
		}

#sub_title h2:before {content:url("img/yajirushi_r16.png");	
		padding-right: 10px;}

#sub_title1 {
		margin-bottom: 20px;
		font-size: 110%;
		margin-top: 20px;
		color: #2862ad;
		}

#sub_title1 h2:before {	padding-right: 10px;}
	
	#screen-right {display: none;}


/*本文構成*/

/*写真なし*/
#p-width{max-width: 700px;}


#cont0 {padding-top: 0px;
		max-width: 700px;
			}

#message0 {margin-bottom: 0px;
			padding-top: 10px;
			}

.mess0_p {padding: 0px 0px 0 0;
max-width: 640px;}

.mess0_p2 {}

/*写真上枠線なし*/
#cont0_l {padding-top: 10px;
		padding-bottom: 30px;
	max-width: 700px;
		}

#message0_l {margin-bottom: 50px;
			}

.mess0_p_l {padding: 0 0px 0 0;
max-width: 640px;}


/*写真右*/
#cont1 {padding-top: 10px;
		padding-bottom: 10px;
	max-width: 700px;
	margin-bottom: 10px;
			}


#message {display: block;
			margin-bottom: 50px;}

.mess_photo img{width: 350px;
	padding-top: 20px;}

.mess_photo350 img{width: 200px;
				}


.mess_p {padding: 0 0px 0 0;
		max-width: 640px;}

/*写真右 下空白ナシ*/
#cont1_no {padding-top: 10px;
	padding-bottom: 10px;
	max-width: 700px;
	margin-bottom: 20px;
			}


#message_no {display: block;
			margin-bottom: 20px;}

.mess_photo img{max-width: 300px;}


.mess_p {padding: 0 0px 0 0;
		max-width: 640px;}



/*写真右外枠あり*/

#cont1_line {padding: 10px 30px 20px 30px;
			margin-bottom: 50px;
		
	max-width: 700px;
	outline: solid 1px #BBBBBB;
			}


#message_line {display: block;
			margin-bottom: 20px;}

.mess_photo_line img{width: 250px;}


.mess_p_line {padding: 0 50px 0 0;
		max-width: 500px;}


/*写真左*/
#cont2 {padding-top: 10px;
		padding-bottom: 20px;
	max-width: 700px;
			}


#message2 {display: block;
			margin-bottom: 40px;}

.mess_photo2 img{max-width: 350px;}


.mess_p2 {padding: 0 0 0 0px;
max-width: 640px;}

/*写真左 上空白ナシ*/
#cont2_no {padding-top: 10px;
		padding-bottom: 20px;
	max-width: 700px;
			}


#message2_no {display: block;
			margin-bottom: 20px;}

.mess_photo2_no img{ width: 350px;}
	
.mess_photo2_no1 img{ width: 250px;}

.mess_photo2_n15 img{ width: 150px;}


.mess_p2_no {padding: 0 0 0 0px;
		max-width: 640px;}

.mess_p2_n15 {padding: 0 0 0 0px;
		max-width: 640px;
		color:#333333;}

.mess_p2_no2 {padding: 0 0px 0 0px;
		max-width: 640px;}


/*写真左 ワイド写真*/
#cont2w {padding-top: 10px;
		padding-bottom: 0px;
	max-width: 700px;
			}


#message2w {display: block;
			margin-bottom: 40px;}

.mess_photo2w img{max-width: 350px;}
	
.mess_photo3w img{max-width: 350px;}


.mess_p2w {padding: 15px 0 0 0px;
max-width: 640px;}
	
.mess_p3w {padding: 15px 0 0 0px;
max-width: 640px;}


/*画面分割*/
#w-2p{display: block;
	max-width: 700px;}

#w-2pl{
		max-width: 700px;}

#w-2pr{max-width: 700px;}

/*画面分割2*/
#w-2p-n{ display: block;}

#w-2pl-n{margin-bottom: 15px;}

#w-2pl-n li{margin-bottom: 8px;}

#w-2pr-n{width: 100%;}
	
/*画面分割3*/
#w-2p-m{ display: block;}

#w-2pl-m{margin-bottom: 15px;}

#w-2pr-m{width: 100%;}


/*表*/
#cont_th {padding-top: 30px;
			padding-bottom: 0px;
	}

	#table_bace {max-width: 700px;
				border: 1px;}

#cont_th tbody {border: #CCCCCC solid;
			}

#cont_th th {text-align: center;
			padding: 5px 15px 5px 10px;
		background-color:#E3E3E3;
		border: #CCCCCC solid;}

#cont_th td {text-align: left;
			padding: 5px 15px 5px 15px;
			border: #CCCCCC solid;
		background-color:#ffffff;}

.cont_th_photo {margin-top: 40px;}

#cont_th2 {padding-top: 0px;
			padding-bottom: 0px;
	}
	
	#table_bace2 {max-width: 700px;
				border-bottom: 1px;}

#cont_th2 tbody {border: #CCCCCC solid;
			}

#cont_th2 th {text-align: center;
			padding: 5px 10px;
	width: 80px;
		border: #CCCCCC solid;
				color: #333333;
	vertical-align: middle;
	font-size: 90%;}

#cont_th2 td {text-align: center;
	vertical-align: middle;
			padding: 5px 10px;
			border: #CCCCCC solid;
				color: #333333;
		font-size: 90%;}
	
	.cont_th2_photo {margin-top: 0px;}

	#table_bg1{background-color:#E3E3E3; }
	
	
	
#cont_th3 {padding-top: 0px;
			padding-bottom: 0px;
	}
	
	#table_bace2 {max-width: 700px;
				border-bottom: 1px;}

#cont_th3 tbody {border: #CCCCCC solid;
			}

#cont_th3 th {text-align: center;
			padding: 5px 10px;
	width: 80px;
		border: #CCCCCC solid;
				color: #333333;
	vertical-align: middle;
	font-size: 90%;}

#cont_th3 td {text-align: center;
	vertical-align: middle;
			padding: 5px 10px;
			border: #CCCCCC solid;
				color: #333333;
		font-size: 90%;}
	
	.cont_th3_photo {margin-top: 0px;}

	#table_bg1{background-color:#E3E3E3; }
	
	
#cont_th4 {padding-top: 30px;
			padding-bottom: 0px;
	}
	
	#table_bace4 {max-width: 700px;
				border: 1px;}

#cont_th4 tbody {border: #E1AF00 solid 1px;}

#cont_th4 th {text-align: center;
			padding: 5px 15px 5px 10px;
	max-width: 120px;
		background-color:#ebd5ac;
		border: #E1AF00 solid 2px;}

#cont_th4 td {text-align: left;
			padding: 5px 15px 5px 15px;
			border: #E1AF00 solid 2px;
		background-color:#ffffff;}


	#cont_th5 {padding-top: 30px;
			padding-bottom: 0px;
	}
	
	#table_bace5 {max-width: 700px;
				border: 1px;}

#cont_th5 tbody {border: #E1AF00 solid 1px;}

#cont_th5 th {text-align: left;
	padding: 5px 15px 5px 10px;
	max-width: 200px;
		border: #E1AF00 solid 1px;}

#cont_th5 td {text-align: left;
			padding: 5px 15px 5px 15px;
			border: #E1AF00 solid 1px;}
	

/*component table*/
	
	#cont_th6 {padding-top: 30px;
			padding-bottom: 0px;
	}
	
	#table_bace6 {max-width: 700px;
				border: 1px;}

#cont_th6 tbody {border: #ccc solid 1px;
	font-size:18px;}

#cont_th6 th {text-align: center;
	padding: 8px 15px 8px 15px;
	max-width: 200px;
		border: #ccc solid 1px;}

#cont_th6 td {text-align: center;
			padding: 8px 15px 8px 15px;
			border: #cccc solid 1px;
	margin-left: auto;
	margin-right: auto;
	}	
	
#table_bace6 tr:nth-child(2n+1) {background: aliceblue;}	

#table_bace6 tr:nth-child(1) {background-color:#d9e6f6;}	
	

	#cont_th7 {padding-top: 30px;
			padding-bottom: 0px;
	}
	
	#table_bace7 {max-width: 550px;
				border: 1px;}

#cont_th7 tbody {border: #ccc solid 1px;
	font-size:18px;}

#cont_th7 th {text-align: center;
	padding: 8px 10px 8px 10px;
	max-width: 200px;
		border: #ccc solid 1px;
	font-size: 65%;}

#cont_th7 td {text-align: center;
			padding: 8px 10px 8px 10px;
			border: #cccc solid 1px;
	margin-left: auto;
	margin-right: auto;
	font-size: 65%;
	}	
	
#table_bace7 tr:nth-child(2n+1) {background: aliceblue;}	

#table_bace7 tr:nth-child(1) {background-color:#d9e6f6;}		
	
	
	

#contact {padding-top: 50px;
			padding-bottom: 50px;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;}

#contact h2 {text-align: center;
			padding-bottom: 25px;
			font-size: 120%;}

#contact p {text-align: center;}


#contact_bg a {background-color: #2862ad;
text-align: center;
		width: 350px;
		padding: 10px;
		margin: 20px auto;
		color: #FFFFFF;
		font-weight: 600;
		font-size: 100%;
	display: block;
	
	}

#contact_bg  a:hover{
	display: block;

		max-width: 350px;
		padding: 10px;
		margin: 20px auto;
		color:#537CC3;
		font-weight: 600;
		font-size: 100%;
	}
	
	
	
/*会社案内*/
	
#company-photo01 {width: 300px;
					height: 302px;
		background-image: url("img/factory-photo.jpg");
		background-size: cover; }
	
	
	
/*真空機器メイン*/

	#v-contents {display: block;}
	
	#v-image{background-image: url("img/com-topbanner01.jpg");
			width: 100%;
		padding-top: 61.7%;
			background-size: cover;}
	
	#v-menu {width: 400px;
			margin-left: auto;
			margin-right: auto;
			outline: solid 1px #cccccc;
			padding: 20px;
			margin-bottom: 35px;}
	
	#v-contents2 {display: block;}
	
	#v-menu2 {width: 400px;
			margin-left: auto;
			margin-right: auto;
			outline: solid 1px #cccccc;
			padding: 20px;
			margin-bottom: 35px;}
	
	#v-menu h4 {font-weight: 600;
				color: #2862ad;}
	
	#v-menu-title1:before {content: url("img/v-icon1.png");
						padding-right: 8px;}
	
	#v-menu-title2:before {content: url("img/v-icon2.png");
						padding-right: 8px;}
	
	#v-menu-title3:before {content: url("img/v-icon3.png");
						padding-right: 8px;}
	
	#v-menu2 h4 {font-weight: 600;
				color: #2862ad;}
	
	#v-menu-title4:before {content: url("img/v-icon4.png");
						padding-right: 8px;}
	
	#v-menu-title5:before {content: url("img/v-icon5.png");
						padding-right: 8px;}


	/*真空機器販売*/
#comp-mainphoto  {width: 100%;
					padding-top: 61.7%;
		background-image: url("img/parts-photo.jpg");
		background-size: cover;
		margin-bottom: 50px; }	
	
	#com-image01{width: 100%;
					padding-top: 61.7%;
		background-image: url("img/Inquiries-chart.jpg");
		background-size: cover;
		margin-bottom: 50px; }	
	
	#com-pic {max-width: 768px;
	display: flex;
	margin-top: 10px;
		margin-right: auto;
		margin-right: auto;
	}

#com-pic1 {width: 150px;
	margin-top: 10px;
	padding:10px 5px 5px 5px;
	align-content:space-around;
	border: solid 1px #9B9B9B;
	background-color: #ffffff;
	}

#com-pic1 h3 {font-weight: 500;
	text-align: center;
	font-size: 16px;}
	
	
	
	
/*修理*/
			#rep-topbanner {width: 100%;
					padding-top: 38.3%;
		background-image: url("img/rep-topbanner01.jpg");
		background-size: cover;
		margin-bottom: 50px; }
					
	
					
	
	#rep-maker {border: solid 1px #ccc;
			padding: 15px;}
	
	#bar a {color: #333333;}	
	
/*真空ポンプ販売*/

	#pump-visual1{background-image:url("img/comp/com-pump01.jpg");
					background-repeat: no-repeat;
		background-size: cover;
					width: 100%;
					padding-top:64.1%;}
	
	#com-submenu01{background-image:url("img/comp/icon-pump150-200.jpg");
					width: 100%;
		padding-top:75%;
		zoom: 70%;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	background-size: auto;
	margin-top: 20px;}
	
	#com-submenu02{background-image:url("img/comp/icon-detector150-200.jpg");
					width: 100%;
		padding-top:150px;
		zoom: 70%;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	background-size: auto;
	margin-top: 20px;}
	
	#com-submenu03{background-image:url("img/comp/icon-filter150-200.jpg");
					width: 100%;
		padding-top:150px;
		zoom: 70%;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	background-size: auto;
	margin-top: 20px;}
	
	#com-submenu04 {background-image:url("img/comp/icon-vacuum-gauge150-200.jpg");
					width: 100%;
		padding-top:150px;
		zoom: 70%;
	background-repeat: no-repeat;
	background-size: auto;
	margin-top: 20px;}
	
	#com-submenu05{background-image:url("img/comp/icon-Chamber150-200.jpg");
					width: 100%;
		padding-top:150px;
		zoom: 70%;
	background-repeat: no-repeat;
	background-size: auto;
	margin-top: 20px;}
	
		
	#com-submenu06{background-image:url("img/comp/icon-vacuum-equipment150-200.jpg");
					width: 100%;
		padding-top:150px;
		zoom: 70%;
	background-repeat: no-repeat;
	background-size: auto;
	margin-top: 20px;}
	
	
	/*真空ポンプ　画面分割2*/
#w-2p-po{display: block;}

#w-2pl-po{width: 200px;
	height: 150px;
	background-image: url("img/comp/icon-Drypump150-200.jpg");
	background-size: auto;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;}

#w-2pl-po1{width: 200px;
	height: 150px;
	background-image:url("img/comp/icon-turbo-pump150-200.jpg");
	background-size: auto;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;}	
	
#w-2pl-po2{width: 200px;
	height: 150px;
	background-image:url("img/comp/icon-pump150-200.jpg");
	background-size: auto;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;}

#w-2pr-po{width: 500px;
	margin-left: 30px;}
	
	#w-2pr-po h3{font-weight: 600;
			padding-bottom:15px;}
	
/*ヘリウムリークディテクタ販売*/

#he-visual1{background-image:url("img/comp/com-detector01.jpg");
					background-repeat: no-repeat;
	background-size: cover;
					width: 100%;
					padding-top:64.1%;}
	
	/*ヘリウムリークディテクタ販売　画面分割2*/
#w-2p-ph{display: block;}

#w-2pl-ph{width: 200px;
	height: 150px;
	background-image:url("img/comp/icon-detector150-200.jpg");
	background-size: auto;
	background-repeat: no-repeat;
	margin-bottom: 20px;}

#w-2pr-ph{width: 500px;
	margin-left: 30px;}
	
	#w-2pr-ph h3{font-weight: 600;
			padding-bottom:15px;}
	
/*真空計*/
	
	#meter-visual1{background-image:url("img/comp/com-meter01.jpg");
					background-repeat: no-repeat;
					width: 100%;
					padding-top:64.1%;}
	
/*真空計　画面分割2*/
#w-2p-me{display: flex;
	justify-content:flex-start;
	max-width: 700px;
	margin-top: 20px;}

#w-2pl-me{width: 200px;
	height: 150px;
	background-image:url("img/comp/icon-vacuum-gauge150-200.jpg");
	background-size: auto;
	background-repeat: no-repeat;}

#w-2pl-me1{width: 200px;
	height: 150px;
	background-image:url("img/comp/icon-pirani-vacuum-gauge150-200.jpg");
	background-size: auto;
	background-repeat: no-repeat;}	
	
#w-2pl-me2{width: 200px;
	height: 150px;
	background-image:url("img/comp/icon-ionization-vacuum-gauge150-200.jpg");
	background-size: cover;}
	
#w-2pr-me{width: 500px;
	margin-left: 30px;}
	
	#w-2pr-me h3{font-weight: 600;
			padding-bottom:15px;}	
	
	
/*真空チャンバー・部品*/
	
	#chumber-visual1{background-image:url("img/comp/com-chumber01.jpg");
					background-repeat: no-repeat;
					width: 100%;
					padding-top:64.1%;}
	
		/*真空チャンバー　画面分割2*/
#w-2p-ch{display: flex;
	justify-content:flex-start;
	max-width: 500px;
	margin-top: 20px;}

#w-2pl-ch{width: 200px;
	height: 180px;
	background-image:url("img/comp/chumber01.jpg");
	background-size: auto;
	background-repeat: no-repeat;}

#w-2pl-ch1{width: 200px;
	height: 180px;
	zoom:70%;
	background-image:url("img/comp/chumber02.jpg");
	background-size: auto;
	background-repeat: no-repeat;}	
	
#w-2pl-ch2{width: 200px;
	height: 180px;
	zoom:70%;
	background-image:url("img/comp/chumber03.jpg");
	background-size: auto;
	background-repeat: no-repeat;}
	
#w-2pl-ch3{width: 200px;
	height: 180px;
	zoom:70%;
	background-image:url("img/comp/ch-window01.jpg");
	background-size: auto;
	background-repeat: no-repeat;}
	
#w-2pl-ch4{width: 200px;
	height: 180px;
	zoom:70%;
	background-image:url("img/comp/ch-conect01.jpg");
	background-size: auto;
	background-repeat: no-repeat;}
	
#w-2pl-ch4-2{width: 200px;
	height: 180px;
	margin-top: 200px;
	background-image:url("img/comp/ch-conect.jpg");
	background-repeat: no-repeat;}
	
#w-2pr-ch{max-width: 350px;
	margin-left: 30px;}
	
	#w-2pr-ch h3{font-weight: 600;
			padding-bottom:15px;}
	
	#w-2pr-ch a{width: 200px;
				height: 35px;
				padding: 10px;
				outline:solid 2px #FDBD1D;
				color: #FDBD1D;
				font-weight: bold;}
	
	
/*真空チャンバー・部品　製品情報*/
	
	#com-pro01 {}
	
	#com-pro01 h2{margin-top: 10px;
					margin-bottom: 15px;}
	
	#com-pro01 li {font-size: 90%;
					padding-top: 5px;}
	
	
	
	

/*修理ー電源*/
	
#rep-topbanner-po {width: 100%;
					padding-top: 61.7%;
		background-image: url("img/re-ment-topbanner.jpg");
		background-size: cover;
		margin-bottom: 50px; }
	

/*Heリーク検査*/
#leek-m-topbanner {background-image:url("img/in_visit_main2.jpg");
				background-size: cover;
				width: 100%;
				padding-top: 61.7%;}

#leek-tr-topbanner {background-image:url("img/detector01.jpg");
				background-size: cover;
				width: 100%;
				padding-top: 61.7%;}

	#leek-mainbanner2 {background-image:url("img/r-trm01.jpg");
				background-size: cover;
				width: 100%;
				padding-top: 61.7%;}
	
	#leek-sample {background-image:url("img/leek-seiseki01.jpg");
				background-size: cover;
				width: 100%;
				padding-top: 61.7%;}
	
	#leek-de-topbanner {background-image:url("img/ins_photo1.jpg");
				background-size: cover;
				width: 100%;
				padding-top: 61.7%;}
	
#r-contents {display: block;}
	
	#r-image{background-image: url("img/top-image.png");
			max-width: 500px;
			height: 300px;
			background-repeat: no-repeat;}
	
	#r-menu {width: 400px;
			margin-left: auto;
			margin-right: auto;
			outline: solid 1px #cccccc;
			padding: 20px;
			margin-bottom: 35px;}
	
	#r-contents2 {display: block;}
	
	#r-menu2 {width: 400px;
			margin-left: auto;
			margin-right: auto;
			outline: solid 1px #cccccc;
			padding: 20px;
			margin-bottom: 35px;}
	
	#r-menu h3 {font-weight: 600;
				color: #2862ad;
				padding-bottom: 10px;}
	
	#r-menu h3 a {font-weight: 600;
				color: #2862ad;}

	#r-menu h3 a:hover {font-weight: 600;
				color: #2862ad;
				filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/}
	
	#r-menu-title1:before {content: url("img/v-icon1.png");
						padding-right: 8px;}
	
	#r-menu-title2:before {content: url("img/v-icon2.png");
						padding-right: 8px;}
	
	#r-menu-title3:before {content: url("img/v-icon3.png");
						padding-right: 8px;}
	
	#r-menu2 h3 {font-weight: 600;
				color: #2862ad;
				padding-bottom: 10px;}
	
	#r-menu2 h3 a {font-weight: 600;
				color: #2862ad;}

	#r-menu2 h3 a:hover {font-weight: 600;
				color: #2862ad;
				filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/}
	
	#r-menu-title4:before {content: url("img/v-icon4.png");
						padding-right: 8px;}
	
	#r-menu-title5:before {content: url("img/v-icon5.png");
						padding-right: 8px;}	

	
	
#reak_menu {background-color: #fff;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-top: 15px;
padding-bottom: 10px;
border-bottom: solid 1px #ccc;
font-weight: 600;
}

#reak_menu li{margin-right: 30px;
				float: left;}

#reak_menu li a {color: #333333;}

#reak_menu li a:hover {color: #2862ad;}



#rental_waku {outline: solid 1px #2862ad;
			padding: 10px 10px 0px 10px;}

#rental_title_bg {background-color: #2862ad;
					padding: 5px;
					margin-left: auto;
					margin-right: auto;
					color: #ffffff;
					}

#rental_title_bg p {
					color: #ffffff;
					}

#rental_menu {margin-top: 10px;}

#rental_m {display: flex;
	justify-content: space-around;
	max-width: 700px;}

#rental_m1 {background-color:  #ffffff;
			width: 420px;
			outline: solid #999999 2px; 
			}

#rental_m2 {background-color: #ffffff;
			width: 420px;
			margin-left: 30px;
			outline: solid #999999 2px;
			}

#rental_mtitle {color: #333333;
				background-color:#ffffff;
				margin-top: 0;
				font-weight: 600;
				
				}



#rental_font1 {color: #FFFFFF;
				background-color: #2862ad;
				padding: 5px 20px;
				}

#rental_font2 { background-color: #FFFFFF;
				margin: 10px;
				padding: 0px 10px 10px 10px;
				}


#rental_font3 {color: #25a4b7;
				
				padding: 15px 20px 0px 20px;
				
				}



	#rental_link1{max-width: 400px;
				margin-left: auto;
				margin-right: auto;}

#rental_link1 a {outline: #2862ad;
				background-color:  #2862ad;
				color: #FFFFFF;
				padding: 10px;
				margin: 10px 0px 0px 0px;
				text-align: center;
				font-weight: 600;
	display: block;
	max-width: 300px;}
	
	


#rental_link1 a:hover {color: #D8FEFF;
				font-weight: 600;
				max-width: 300px;
	display: block;}


#rental_m1_l {width: 420px;
			padding: 0.5em 1em;
    		margin: 2em 0;
    		font-weight: bold;
    		color: #6091d3;/*文字色*/
    		background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
			}

#rental_m2_l {width: 420px;
			padding: 0.5em 1em;
    		margin: 2em 0;
    		font-weight: bold;
    		color: #6091d3;/*文字色*/
    		background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
	margin-left: 30px;
			}

#rental_mtitle {color: #333333;
				background-color:#ffffff;
				margin-top: 0;
				font-weight: 600;
				
				}






#rental_font3_l {color: #0d3161;
				
				padding: 15px 20px 0px 20px;
				
				}



#rental_link2  {outline: #2862ad;
				background-color:  #2862ad;
				color: #FFFFFF;
				padding: 10px;
				margin: 10px 20px 20px 20px;
				text-align: center;
				font-weight: 600;}


#rental_link2 a {color: #FFFFFF;
				font-weight: 600;
				width: 350px}

#rental_link2 a:hover {color: #D8FEFF;
				font-weight: 600;
				width: 350px}

	#photo_ins {max-width: 650px;}




/*中古品リスト*/
	

	#old-m-topbanner {background-image: url("img/old-topbanner01.jpg");
						background-size: cover;
						width: 100%;
						padding-top: 61.7%;}
	
		#old-subphoto01 {background-image: url("img/old/old-flow01.jpg");
						background-size: cover;
						width: 100%;
						padding-top: 61.7%;}
	
	
		
	#old-picup01{background-image: url("img/old/ih600f.jpg");
						background-size: cover;
						width: 296px;
						padding-top: 456px;}
		
	#old-picup02{background-image: url("img/old/tmp-01.jpg");
						background-size: cover;
						width: 300px;
						padding-top: 200px;}
	
			#old-picup03{background-image: url("img/old/valve-small70.JPG");
						background-size: cover;
						width: 200px;
						padding-top: 250px;}
	
		#old-picup04{background-image: url("img/old/valve-big114.JPG");
						background-size: cover;
						width: 200px;
						padding-top: 250px;}
	
	
	
	#table_oldlist1 table {width: 500px;}
	
	#table_oldlist1 tr td{
		padding: 5px;
		border: solid 1px #C4BDBD;
	font-size: 12px;}
	
	.visibility_old {display: none;}
	
	#old-list-topbanner {background-image:url("img/old-topbanner02.jpg");
						background-size: cover;
						width: 100%;
						padding-top: 61.7%;}


#old {padding-bottom: 100px;
	padding-top: 20px;}

#pic {max-width: 900px;
	display: flex;
	flex-wrap: wrap;
	
	}

#pic1 {width: 200px;
	margin-top: 20px;
	margin-right: 50px;
	}

#pic1 h3 {font-weight: 500;}

#next {
		margin-top: 60px;
		padding-bottom: 100px;
		}

#next a {outline: solid 2px #2862ad;
		padding: 10px 20px;
		color: #2862ad;
		font-weight: 600;}

#next_l {text-align: right;
		margin-top: 60px;
		padding-bottom: 100px;
		}

#next_l a {outline: solid 2px #2862ad;
		padding: 10px 20px;
		color: #2862ad;
		font-weight: 600;}

/*3列フロー*/
#box_f {display: block;
	max-width: 700px;
	
}


#flow_x3 {
	padding: 15px;
		margin-top: 20px;
			outline: solid 1px #D0D0D0;
			max-width: 650px;
		}

#flow_x3 h2 {color: #0d3161;
			border-bottom:solid 2px #D8D8D8;
			padding-bottom: 5px;
			font-size: 18px;
		}

#flow_x3 p {padding-bottom: 5px;
			padding-top: 10px;
}


#back_bace {margin-top: 70px;
			}

#back_bace_all {margin-top: 70px;
				margin-bottom: 70px;
			}

#back_g1 {background-color:aliceblue;
		padding: 10px 20px;
		margin: 30px 0;}	

#back_g2 {outline: solid 1px #D0D0D0;
		padding: 20px 40px;}

#back_g3 {outline: solid 1px #D0D0D0;
		background-color: aliceblue;
		padding: 20px 40px;}


/*お問い合わせボタン*/

.btn_inq {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #2862ad;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  font-weight: 600;
  width: 400px;
  text-align: center;
}
.btn_inq:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}



#inquery2 {padding: 5px 5px 4px 5px;
			outline: solid 2px #2862ad;
			text-align: center;
			width: 170px;
			color: #ffffff;
			font-weight: 600;
			background-color: #2862ad;
			box-shadow: 0px 1px 2px 1px;}

#inquery2 a {
	display: block;
			text-align: center;
			width: 100%;
			height: 100%;
			color: #ffffff;
			font-weight: 600;
			background-color: #2862ad;
			}

#inquery2 a:hover {
			text-align: center;
			width: 100%;
			color:darkblue;
			font-weight: 600;
			background-color: #2862ad;
		}

.btn_old {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #2862ad;/*ボタン色*/
  border-bottom: solid 4px #627295;
  border-radius: 3px;
	text-align: center;
			width: 170px;
			color: #ffffff;
			font-weight: 600;
}
.btn_old:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
	color: aliceblue;
}


#shiyou {margin: 20px 0;}

#inquery-form {margin-left: auto;
				margin-right: auto;
				border-style: none;
				}


/*サイトマップ*/
#map
	{
	}

.map_nav{
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 20px 0;
	display: flex;
	max-width: 900px;
	justify-content:space-around;}

#map_nav {padding-top: 0px}

/*真空フィルター*/
	#filter-topbanner {
		background-image:url("img/comp/com-filter01.jpg");
		background-size: cover;
		width: 100%;
		padding-top: 61.7%;}
	
	#filter-photo01 {background-image: url("img/filter-photo01.jpg");
			width: 100%;
		padding-top: 38.8%;
			background-size: cover;}
	
	#filter-photo02 {background-image: url("img/filter-photo02.jpg");
			width: 100%;
		padding-top: 42.8%;
			background-size: cover;}

		#filter-menu li{padding-top: 10px;
					font-weight: bold;}
	
	

/*お問い合わせ案内*/
#inq_menu {margin-top: 10px;}

#inq_m {display: block;
	justify-content:flex-start;
	max-width: 900px;}

#inq_m1 {background-color:  #ffffff;
			width: 500px;
			outline: solid #999999 2px; 
			}

#inq_m2 {background-color: #ffffff;
			width: 500px;
			margin-top: 40px;
			outline: solid #999999 2px;
			}

#inq_mtitle {color: #333333;
				background-color:#ffffff;
				margin-top: 0;
				font-weight: 600;
				
				}



#inq_font1 {color: #FFFFFF;
				background-color: #1d4293;
				padding: 5px 20px;
				}

#inq_font2 { background-color: #FFFFFF;
				margin: 10px;
				padding: 0px 10px 10px 10px;
				}


#inq_font3 {color: #6276b5;
				
				padding: 15px 20px 0px 20px;
				
				}



#inq_link1  {outline: #25a4b7;
				background-color:  #2862ad;
				color: #FFFFFF;
				padding: 10px;
				margin: 10px 0px 0px 0px;
				text-align: center;
				font-weight: 600;}


#inq_link1 a {color: #FFFFFF;
				font-weight: 600;
				width: 350px}

#inq_link1 a:hover {color: #25a4b7;
				font-weight: 600;
				width: 350px}


#inq_ma {display: block;
	justify-content:flex-start;
	max-width: 900px;}

#inq_m1a {background-color:  #ffffff;
			width: 500px;
			outline: solid #999999 2px; 
			}
	
/*加工品*/
	
	#pro-mainphoto {background-image:url("img/top-image.png");
					max-width: 700px;
					padding-top: 38.2%;
		background-position: top;
	background-size: cover;
	margin-bottom: 40px;}

	#pro-image1 {background-image: url("img/chanber01.jpg");
				width: 350px;
				height: 300px;
	background-size: cover;}
	
	#pro-image2 {background-image: url("img/chanber02.jpg");
				width: 350px;
				height: 300px;
	background-size: cover;}

/*電子部品*/
		#waku-link1 {border: solid 1px #F1F1F1;
				padding: 20px;
				background-color:#FCFCFC;}
	
	
	#ele-contents {display: block;}
	
	
	#ele-menu {max-width: 100%;
			margin-left: auto;
			margin-right: auto;
			outline: solid 1px #cccccc;
			padding: 10px;
			margin-bottom: 25px;}	
	
	
	
	
/*電子部品ビジュアル*/

#ele-topbanner {width: 100%;
					padding-top: 61.7%;
		background-image:url("img/trance/ele-topbanner04.jpg");
	background-size: cover;}
	
		#ele-subbanner01{display: block;
	}
	
	#ele-pointimage10{background-image:url("img/trance/tranceboard02.png");
		width: 100%;
		padding-top: 200px;
		background-position:center bottom;
		background-repeat: no-repeat;
	}
	
		
	#ele-pointimage11{background-image:url("img/factory-photo.jpg");
		width: 300px;
		padding-top: 302px;
		background-repeat: no-repeat;
	}
	
	#ele-pointimage12{background-image:url("img/trance/many-200.jpg");
		width: 100%;
		padding-top: 124px;
		background-repeat: no-repeat;
	}
	
	#ele-pointimage13{background-image:url("img/trance/furnace-200.jpg");
		width: 100%;
		padding-top: 124px;
		background-repeat: no-repeat;
	}
	
	#ele-pointimage14{background-image:url("img/trance/parade-200.jpg");
		width: 100%;
		padding-top: 124px;
		background-repeat: no-repeat;
	}
	
		#ele-pointimage15{background-image:url("img/trance/furnace-200.jpg");
		width: 100%;
		padding-top: 124px;
		background-repeat: no-repeat;
	}
	
	
	
#ele-subbanner-cara01 {width: 100%;
					padding-top: 61.7%;
		background-image:url("img/ele01.jpg");
	background-size: cover;}
	
#ele-subbanner3{width: 100%;
					padding-top: 61.7%;
		background-image:url("img/ele01.jpg");
	background-size: cover;}
	
#ele-subbanner4{width: 100%;
					padding-top: 61.7%;
		background-image:url("img/trance/ele-subphoto1.jpg");
	background-size: cover;}
	
	
#elecon-topbanner {width: 100%;
					padding-top: 61.7%;
		background-image:url("img/kairozu01.jpg");
	background-size: cover;}
	

	#ele-imphoto01  {width: 100%;
					padding-top: 30.8%;
		background-image:url("img/ele-im-trance03.jpg");
	background-size: cover;}
	
	
#eleinq-topbanner1 {width: 100%;
					padding-top: 61.7%;
		background-image:url("img/trance/document05.jpg");
	background-size: cover;}	
	
	

#impro-topbanner {width: 100%;
					padding-top: 61.7%;
		background-image:url("img/trance/ele-subphoto1.jpg");
	background-size: cover;}

	
	#ele-trancephoto01 {background-image: url("img/trance/ele-main1-700.jpg");
						background-size: cover;
						width: 100%;
						padding-top: 54.8%;}
	
	#ele-trancephoto02 {background-image:url("img/trance/groupphoto07-700.jpg");
						background-size: cover;
						width: 100%;
						padding-top: 61.7%;}
	
	
	#ele-con-photo01 {background-image: url("img/trance/con-photo01.jpg");
		width:300px;
		height: 272px;
	background-size: cover;}
	
	#ele-con-photo02 {background-image: url("img/trance/con-photo02.jpg");
		width:300px;
		height: 299px;
	background-size: cover;}
	
	#ele-con-photo03 {background-image: url("img/trance/con-photo03.jpg");
		width:236px;
		height: 206px;
	background-size: cover;}
	
	#ele-con-photo04 {background-image: url("img/trance/con-photo04.jpg");
		width:300px;
		height: 206px;
	background-size: cover;}
	
	#ele-con-flyphoto01 {background-image: url("img/trance/con-flyphoto01.jpg");
		width:100%;
		padding-top: 52.5%;
	background-size: cover;}
	
	#ele-con-flyphoto02 {background-image: url("img/trance/con-flyphoto02.jpg");
		width:100%;
		padding-top: 52.1%;
	background-size: cover;}
	
	#ele-con-flyphoto03 {background-image: url("img/trance/con-flyphoto03.jpg");
		width:100%;
		padding-top: 52.1%;
	background-size: cover;}
	
		#ele-con-flyphoto04 {background-image: url("img/trance/con-flyphoto04.jpg");
		width:100%;
		padding-top: 52.1%;
	background-size: cover;}
	
		#ele-con-flyphoto05 {background-image: url("img/trance/con-flyphoto05.jpg");
		width:100%;
		padding-top: 92.0%;
	background-size: cover;}
	
		#ele-con-pulsephoto01 {background-image: url("img/trance/con-pulsephoto01.jpg");
		width:100%;
		padding-top: 62.4%;
	background-size: cover;}
	
		#ele-con-curphoto01 {background-image: url("img/trance/con-currentphoto01.jpg");
		width:300px;
		padding-top: 252px;
	background-size: cover;}
	
	#ele-sample01 {background-image: url("img/ele-trance03.jpg");
						background-size: cover;
						width: 100%;
						padding-top: 111.1%;}
	
	#trance-gaikei01 {width: 100%;
					padding-top: 61.7%;
		background-image:url("img/trance/13pin-gaikei700.jpg");
	background-size: cover;}
	
			#trance-setuzoku01 {width: 100%;
					padding-top: 41.2%;
		background-image:url("img/trance/350setuzoku.jpg");
	background-size: cover;}
		
		#trance-kumikomi01 {width: 100%;
					padding-top: 61.7%;
		background-image:url("img/trance/600kumikomi.jpg");
	background-size: cover;}
	


/*トランスボックス設定 4列*/
	
	#t-box-all {margin-left: auto;
				margin-right: auto;}	
	
#t-box_f1 {
	display: block;
}
	
	.t-box1a{width: 155px;}
	
	.t-box12{width: 100%;}
	
	.t-box12 p{}
	
	
	.t-boxphoto-p{display: block;}
	
	.t-font90{font-size: 90%;}
	
#t-box_f {
	display: block;
}
	
	
	#t-box_f p{}
	
	.t-box1{width: 100%;}
	
	.t-box2{width: 100%;}
	
	.t-box3{width: 100%;}
	
	.t-box4{width: 100%;}
	
	
	.t-boxphoto1{background-image:url("img/trance/movement85-05.jpg");
					width: 85px;
					padding-top: 53px;
					background-size: cover;
	}
	
	.t-boxphoto2{background-image:url("img/trance/movement85-01.jpg");
					width: 85px;
					padding-top: 53px;
					background-size: cover;}
	
	.t-boxphoto3{background-image:url("img/trance/movement85-02.jpg");
					width: 85px;
					padding-top: 53px;
					background-size: cover;}
	
	.t-boxphoto4{background-image:url("img/trance/movement85-04.jpg");
					width: 85px;
					padding-top: 53px;
					background-size: cover;}
	
	.t-boxphoto5{background-image:url("img/trance/movement85-06.jpg");
					width: 85px;
					padding-top: 53px;
					background-size: cover;}
	
	.t-boxphoto6{background-image:url("img/trance/movement85-07.jpg");
					width: 85px;
					padding-top: 53px;
					background-size: cover;}
	
	.t-boxphoto7{background-image:url("img/trance/movement85-09.jpg");
					width: 85px;
					padding-top: 53px;
					background-size: cover;}
	
	.t-boxphoto8{background-image:url("img/trance/movement85-08.jpg");
					width: 85px;
					padding-top: 53px;
					background-size: cover;}
	

		/**スイッチング電源**/
	#e-supply-mainphoto1{background-image:url("img/trance/dengen-mainbanner.jpg");
						background-size: cover;
						width: 100%;
						padding-top: 61.7%;}
	
	


/*レンタル内画像*/
	#ren-m-topbanner {background-image: url("img/ins_m-topbanner.jpg");
					background-size: cover;
					width: 100%;
					padding-top: 61.7%;}	
	
	

/*レンタル申込フォーム*/
#formWrap {
	width:768px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:100%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

#linehight {vertical-align: middle;}
	
	
}




/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (min-width:481px) and (max-width:768px){
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}

/**サイドコンテンツ**/

	#inqury-box1{display: block;
				}
	
		#inqury-box2{display: block;
				}