@charset "shift_jis"; 
/*---default_clear------------------------------*/

.center {
	text-align:center;
	}
.left {
	text-align:left;
	}

/*表の一行ずつに色をつける*/
#table1 tr:nth-child(even){background-color: #fff;}
#table2 tr:nth-child(even){background-color: #fff;}
#table3 tr:nth-child(even){background-color: #fff;}
#table4 tr:nth-child(even){background-color: #fff;}
#table5 tr:nth-child(even){background-color: #fff;}
#table6 tr:nth-child(even){background-color: #fff;}
#table7 tr:nth-child(even){background-color: #fff;}
#table8 tr:nth-child(even){background-color: #fff;}

/*表の一行ずつに色をつけた場合、一列目の色が付くのを防ぐ*/
#table1 th{background-color: #fff;}
#table2 th{background-color: #fff;}
#table3 th{background-color: #fff;}
#table4 th{background-color: #fff;}
#table5 th{background-color: #fff;}
#table6 th{background-color: #fff;}
#table7 th{background-color: #fff;}
#table8 th{background-color: #fff;}

#table1{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
	margin-bottom: 1em;
}
#table1 td,
#table1 th{
	padding: 5px;
	border: 1px solid #ccc;
}
#table1 th{
	font-weight:normal;
	text-align:left;
	
}

#table1 td rowspan{
	rowspan:none
}

/*表の見出し項目*/
#table1 thead th{
	background:#fff;
	font-size:80%;
	text-align:center;
	line-height:110%;
}


#table1 img{
/*20160203削除*/
/*	max-width:50px;*/
/*	width:auto;*/
}

#table1 td img{
	margin-right:5px;	
}


@media only screen and (max-width:800px){
	

	
	.center {
	text-align:left;
	}

	
	/*表の一行ずつに色をつけるのをやめる*/
#table1 tr:nth-child(even){background-color: #fff;}
#table2 tr:nth-child(even){background-color: #fff;}
#table3 tr:nth-child(even){background-color: #fff;}
#table4 tr:nth-child(even){background-color: #fff;}
#table5 tr:nth-child(even){background-color: #fff;}
#table6 tr:nth-child(even){background-color: #fff;}
#table7 tr:nth-child(even){background-color: #fff;}
#table8 tr:nth-child(even){background-color: #fff;}
	
	
	
	
	#table1{
		display: block;
		font-size:100%;
		margin-bottom: 1em;
	}
	
	#table1 img{
/*画像幅変更20160205*/
	max-width:200px;
	width:auto;
}

		#table1 thead{
			display: none;
		}
		#table1 tbody{
			display: block;
		}
			#table1 tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom: thin solid #ccc;
			}
			#table1 tbody th,
			#table1 tbody td{
				display: list-item;
				border: none;
				list-style: none;
				
			}
			#table1 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #444;
				background: #eee;
			}
			
			#table1 tbody th br{
				display:none;/*スマホの時に改行させない20150702*/

			}
			
			#table1 tbody td br{
				display:none;/*スマホの時に改行させない20150702*/

			}
			
			#table1 tbody td span{
			display:block;/*スマホの時に改行させる20150713*/

			}
			
			#table1 tbody td{
				margin-left: 0px;
				padding: 0;
			}
/*表の項目は各htmlのheaderに記述*/			 
}


/*寸法表*/
#table2{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
	margin-bottom: 1em;

}
#table2 td,
#table2 th{
	padding: 5px;
	border: 1px solid #ccc;
}

#table2 td img{
	margin-right:5px;	
}

#table2 th{
	font-weight: normal;
	text-align:left;
	
}

#table2 td{
	font-weight: normal;
	text-align:right;
	
}

/*表の見出し項目*/
#table2 thead th{
	background:#fff;
	font-size:80%;
	text-align:center;
	line-height:110%;
}

#table2 img{
	max-width:50px;
	width:auto;
}

@media only screen and (max-width:800px){
	#table2{
		display: block;
		font-size:100%;
		text-transform: none;
	}
	
	#table2 img{
	max-width:120px;
	width:auto;
}

		#table2 thead{
			display: none;
		}
		
		#table2 tbody{
			display: block;
			text-transform: none;
		}
		
			#table2 tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom: thin solid #ccc;
			}
			#table2 tbody th,
			#table2 tbody td{
				display: list-item;
				border: none;
				list-style: none;
				text-transform: none;
			
			}
			#table2 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #444;
				background: #eee;
			}
			
	#table2 td{
	font-weight: normal;
	text-align:left;
	
}
			#table2 tbody td br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			#table2 tbody th br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			
			#table2 tbody td{
				margin-left: 0px;
				padding: 0;
			}
/*表の項目は各htmlのheaderに記述*/
}

/*まる小ねじ寸法表*/
#table3{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
	margin-bottom: 1em;
}
#table3 td,
#table3 th{
	padding: 5px;
	border: 1px solid #ccc;
}

#table3 td img{
	margin-right:5px;	
}

#table3 th{
	font-weight: normal;
	text-align:left;
	
}

/*表の見出し項目*/
#table3 thead th{
	background:#fff;
	font-size:80%;
	text-align:center;
	line-height:110%;
}

#table3 img{
	max-width:50px;
	width:auto;
}

@media only screen and (max-width:800px){
	#table3{
		display: block;
		font-size:100%;
	}
	
	#table3 img{
	max-width:120px;
	width:auto;
}

		#table3 thead{
			display: none;
		}
		
		#table3 tbody{
			display: block;
		}
		
			#table3 tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom: thin solid #ccc;
			}
			#table3 tbody th,
			#table3 tbody td{
				display: list-item;
				border: none;
				list-style: none;
				
			}
			#table3 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #444;
				background: #eee;
			}
			
			#table3 tbody td br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			#table3 tbody th br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			
			#table3 tbody td{
				margin-left: 0px;
				padding: 0;
			}
/*表の項目は各htmlのheaderに記述*/
}




#table4{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
	margin-bottom: 5em;
}
#table4 td,
#table4 th{
	padding: 5px;
	border: 1px solid #ccc;
}

#table4 td img{
	margin-right:5px;	
}

#table4 th{
	font-weight: normal;
	text-align:left;
	
}

/*表の見出し項目*/
#table4 thead th{
	background:#fff;
	font-size:80%;
	text-align:center;
	line-height:110%;
}

#table4 img{
	max-width:50px;
	width:auto;
}



@media only screen and (max-width:800px){
	#table4{
		display: block;
		font-size:100%;
	}
	
	#table4 img{
	max-width:120px;
	width:auto;
}

		#table4 thead{
			display: none;
		}
		
		#table4 tbody{
			display: block;
		}
		
			#table4 tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom: thin solid #ccc;
			}
			#table4 tbody th,
			#table4 tbody td{
				display: list-item;
				border: none;
				list-style: none;
				
			}
			#table4 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #444;
				background: #eee;
			}
			
			#table4 tbody td br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			#table4 tbody th br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			
			#table4 tbody td{
				margin-left: 0px;
				padding: 0;
			}
/*表の項目は各htmlのheaderに記述*/
}




#table5{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
}
#table5 td,
#table5 th{
	padding: 5px;
	border: 1px solid #ccc;
}

#table5 td img{
	margin-right:5px;	
}

#table5 th{
	font-weight: normal;
	text-align:left;
	
}

/*表の見出し項目*/
#table5 thead th{
	background:#fff;
	font-size:80%;
	text-align:center;
	line-height:110%;
}

#table5 img{
	max-width:50px;
	width:auto;
}

@media only screen and (max-width:800px){
	#table5{
		display: block;
		font-size:100%;
	}
	
	#table5 img{
	max-width:120px;
	width:auto;
}

		#table5 thead{
			display: none;
		}
		
		#table5 tbody{
			display: block;
		}
		
			#table5 tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom: thin solid #ccc;
			}
			#table5 tbody th,
			#table5 tbody td{
				display: list-item;
				border: none;
				list-style: none;
				
			}
			#table5 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #444;
				background: #eee;
			}
			
			#table5 tbody td br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			#table5 tbody th br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			
			#table5 tbody td{
				margin-left: 0px;
				padding: 0;
			}
/*表の項目は各htmlのheaderに記述*/
}



/*寸法表*/
#table6{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
}
#table6 td,
#table6 th{
	padding: 5px;
	border: 1px solid #ccc;
}

#table6 td img{
	margin-right:5px;	
}

#table6 th{
	font-weight: normal;
	text-align:left;
	
}

/*表の見出し項目*/
#table6 thead th{
	background:#fff; /*見出し白色*/
	font-size:80%;
	text-align:center;
	line-height:110%;
}

#table6 img{
	max-width:50px;
	width:auto;
}

/*スマホ表示*/
@media only screen and (max-width:800px){
	#table6{
		display: block;
		font-size:100%;
		text-transform: none;
	}
	
	#table6 img{
	max-width:120px;
	width:auto;
}

		#table6 thead{
			display: none;
		}
		
		#table6 tbody{
			display: block;
			text-transform: none;
		}
		
			#table6 tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom: thin solid #ccc;
			}
			#table6 tbody th,
			#table6 tbody td{
				display: list-item;
				border: none;
				list-style: none;
				text-transform: none;
			
			}
			#table6 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #444;
				background: #eee;
			}
			
			#table6 tbody td br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			#table6 tbody th br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			
			#table6 tbody td{
				margin-left: 0px;
				padding: 0;
			}
/*表の項目は各htmlのheaderに記述*/
}


/*寸法表*/
#table7{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
}
#table7 td,
#table7 th{
	padding: 5px;
	border: 1px solid #ccc;
}

#table7 td img{
	margin-right:5px;	
}

#table7 th{
	font-weight: normal;
	text-align:left;
	
}

/*表の見出し項目*/
#table7 thead th{
	background:#fff;
	font-size:80%;
	text-align:center;
	line-height:110%;
}

#table7 img{
	max-width:50px;
	width:auto;
}

@media only screen and (max-width:800px){
	#table7{
		display: block;
		font-size:100%;
		text-transform: none;
	}
	
	#table7 img{
	max-width:120px;
	width:auto;
}

		#table7 thead{
			display: none;
		}
		
		#table7 tbody{
			display: block;
			text-transform: none;
		}
		
			#table7 tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom: thin solid #ccc;
			}
			#table7 tbody th,
			#table7 tbody td{
				display: list-item;
				border: none;
				list-style: none;
				text-transform: none;
			
			}
			#table7 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #444;
				background: #ccc;
			}
			
			#table7 tbody td br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			#table7 tbody th br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			
			#table7 tbody td{
				margin-left: 0px;
				padding: 0;
			}
/*表の項目は各htmlのheaderに記述*/
}



#table8{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
}
#table8 td,
#table8 th{
	padding: 5px;
	border: 1px solid #ccc;
}

#table8 td img{
	margin-right:5px;	
}

#table8 th{
	font-weight: normal;
	text-align:left;
	
}

/*表の見出し項目*/
#table8 thead th{
	background:#e6e6e6;
	font-size:80%;
	text-align:center;
	line-height:110%;
}

#table8 img{
	max-width:150px;
	width:auto;
}



@media only screen and (max-width:800px){
	#table8{
		display: block;
		font-size:100%;
	}
	
	#table8 img{
	max-width:120px;
	width:auto;
}

		#table8 thead{
			display: none;
		}
		
		#table8 tbody{
			display: block;
		}
		
			#table8 tbody tr{
				display: block;
				margin-bottom: 1.5em;
				border-bottom: thin solid #ccc;
			}
			#table8 tbody th,
			#table8 tbody td{
				display: list-item;
				border: none;
				list-style: none;
				
			}
			#table8 tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #444;
				background: #ccc;
			}
			
			#table8 tbody td br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			#table8 tbody th br{
				display:none;/*スマホの時に改行させない20150702*/
			}
			
			#table8 tbody td{
				margin-left: 0px;
				padding: 0;
			}
/*表の項目は各htmlのheaderに記述*/
}



#table-nsm{
	width: 100%;
	border-collapse: collapse;
	font-size:100%;
}
#table-nsm td,
#table-nsm th{
	padding: 5px;
	border: 1px solid #ccc;
}
#table-nsm th{
	font-weight:normal;
	text-align:left;
	
}

#table-nsm td rowspan{
	rowspan:none
}

/*表の見出し項目*/



/*スマホの時も表組みレイアウトキープ*/
#table-nsm thead th{
	background:#e6e6e6;
	font-size:80%;
	text-align:center;
	line-height:110%;
}

#table-nsm img{
	max-width:50px;
	width:auto;
}

#table-nsm td img{
	margin-right:5px;	
}
