@charset "Shift_JIS";

/*------------------------------------------------------------*/

/*コンテンツバックﾞ*/
div.function_table_bg {
	width:950px;
	margin:0px auto;
	padding:0px;
	}


/*機能別一覧ﾅﾋﾞ*/

ul.function_navi{
	width:100%;
	margin:20px auto 30px auto;
	padding:0px;
	list-style:none;
	text-align:center;
	white-space:nowrap;
	font-size:0px;
	}
	
ul.function_navi li{
	display:inline-block;
	background:#000;
	width:19.5%;
	margin:0px 0.5% 0px 0px;
	font-size:16px;
	text-align:center;
	border-radius:3px;	
	}
ul.function_navi li:last-child{
	margin-right:0px;
	}
ul.function_navi li a{
	display:inline-block;
	background: linear-gradient(#333, #000);
	border: #666 solid 0.5px;
	border-radius:3px;
	width:100%;
	margin:0px;
	padding:5% 0px;
}
ul.function_navi li a:hover{
	display: inline-block;
	background:#666;
	margin:0px;
	border-radius:3px;	
}
ul.function_navi li.ov a{
	background:#666;
	border-radius:3px;	
	}
	@media screen and (max-width:767px){
		ul.function_navi li{
			font-size:8px;
		}
	}
/*RS232C*/
li.function_navi_rs232c{
	color:#FF0;
	}
li.function_navi_rs232c a{
	color:#FF0;
	}
li.function_navi_rs232c a:hover{
	}

/*RS-422*/
li.function_navi_rs422{
	color: #FF00FF;
	}
li.function_navi_rs422 a{
	color:#FF00FF;
	}
li.function_navi_rs422 a:hover{
	}

/*RS-485*/
li.function_navi_rs485{
	color:#0FF;
	}
li.function_navi_rs485 a{
	color:#0FF;
	}
li.function_navi_rs485 a:hover{
	text-decoration:none;
	}

/*USB*/
li.function_navi_usb{
	color:#F60;
	}
li.function_navi_usb a{
	color:#F60;
	}
li.function_navi_usb a:hover{
	}

/*LAN*/
li.function_navi_lan{
	padding-top:-7px;
	color: #0F0;
	}
li.function_navi_lan a{
	padding-top:-7px;
	color: #0F0;
	}
li.function_navi_lan a:hover{
	}

/*------------------------------------------------------------*/

	
/*------------------------------------------------------------*/
/*機能別一覧*/
div.function_bg{
	width:950px;
	margin:20px auto 0px auto;
	}


table.function {
	background-color:#EFEFEF;
	border-spacing:0px;
	width:90%;
	margin:0px auto 10px auto;
	padding:0px;
	font-size:12px;
	line-height:15px;
	}
	@media screen and (max-width:767px){
		table.function {
			width:100vw;
		}
	}
table.function td{
	vertical-align:top;
	}
td.function_00{
	padding:0px;
	font-size:12px;
	}
td.function_01{
	background:url(../function_table/img/line_01.gif) repeat-x ;
	padding:0px;
		}
td.function_02{
	background:url(../function_table/img/line_02.gif) repeat-y ;
	padding:0px;
		}
td.function_03{
	background:url(../function_table/img/line_04.gif) no-repeat;
	padding:0px;
	width:23px;
		}
td.function_04{
	background:url(../function_table/img/line_10.gif) no-repeat;
	padding:0px;
	width:22px;
		}
td.function_05{
	background:url(../function_table/img/line_06.gif) no-repeat;
	padding:0px;
	width:22px;
		}
td.function_06{
	background:url(../function_table/img/line_11.gif) no-repeat;
	padding:0px;
		}
td.function_07{
	background:url(../function_table/img/line_12.gif) no-repeat;
	padding:0px;
		}
td.function_kara{
	background:url(../function_table/img/line_01.gif) repeat-x ;
	padding:0px;
		}
td.function_name{
	background:#CCCCCC;
	border-bottom:solid 2px #EFEFEF;
	width:212px;
	margin:0px;
	padding:3px;
	color:#000000;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
		}
td.function_name a{
	color:#000000;
	text-decoration:none;
		}		
td.function_name a:hover{
	color:#ffffff;
	text-decoration:none;
		}		

		

	@media screen and (max-width:767px){
		td.function_name{
			width:28%;
			font-size:6px;
			line-height:8px;
			font-weight:normal;
		}
		td.function_01 img{
			width:30px;
			height:auto;
		}
	}