@charset "utf-8";

/*===================reset.css===================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
font-style: normal;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}
body{
	line-height:1;
font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
font-size: 12px;   
}

blockquote, q{
	quotes: none;
}

ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}

:focus{
	outline: 0;
}

ol, ul,li{
	list-style: none;
}

table{
	border-collapse:separate; border-spacing:0;
}
th, td{
	text-align: left; font-weight: normal;
}

img, iframe{
	border: none; text-decoration:none;
}

input, textarea, select, button{
	font-size: 100%;font-family: inherit;
}
select{
	margin: inherit;
}
/*===================reset.css===================*/


/*-----style-----*/
.orange{
	color: #ff6600;padding-left:0.3em;
}
.blue{
	color:#000099;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.star{
	font-size: 10px;color:#000000;font-family:Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif !important;
}
.none{
	clear:both;font-size:0;text-indent:-9999px;
}
.small{
	font-size:80%;
}
.black14{
	font-size: 14px; font-weight: bold; color: #000000;
}
.red14{
	font-size: 14px; font-weight: bold; color: #ff0000;
}


/*-----リンク-----*/
a:link{
	text-decoration: none;
	color: #000099;
}
a:visited{
	text-decoration: none;
	color: #000099;
}
a:hover{
	text-decoration: underline;
	color: #FF0000;
}
a:active{
	text-decoration: none;
}

/*-----共通-----*/
#headder{
	height: 93px;
	width: 1000px;
	margin:0 auto 5px auto;
}
#logo{
	float: left;
	height: 60px;
	width: 390px;
}
h1{
	font-size: 12px;
	color: #000000;
	vertical-align: text-top;
	text-align:right;
	padding:6px 10px;
	font-weight:bold;
}

#navibutton{
	clear:both;
	_margin-left:4px;/*IE6*/
}
ul#navibutton li{
	float: left;
	height: 33px;
	width: 123px;
	border-right:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
_height:32px;/*IE6*/
}
#navibutton li a{
	display:block;
overflow:hidden;
width:100%;
height:0;
text-indent:-9999px;
padding-top:33px;
_height:32px;/*IE6*/
}
#navi01 a{
	background-image : url(home_b.jpg);
}
#navi02 a{
	background-image : url(handy_b.jpg);
}
#navi03 a{
	background-image : url(barco_b.jpg);
}
#navi04 a{
	background-image : url(soft_b.jpg);
}
#navi05 a{
	background-image : url(printer_b.jpg);
}
#navi06 a{
	background-image : url(../WEB20190110/medical_b.jpg);
}
#navi07 a{
	background-image : url(kyujin_b.jpg);
}
#navi08 a{
	background-image : url(prof_b.jpg);
}

/* off */
#navi01 a,
#navi02 a,
#navi03 a,
#navi04 a,
#navi05 a,
#navi06 a,
#navi07 a,
#navi08 a{
	background-position:0 0;
}
/* on */
#navi01 a:hover,#navi01 a.stay,
#navi02 a:hover,#navi02 a.stay,
#navi03 a:hover,#navi03 a.stay,
#navi04 a:hover,#navi04 a.stay,
#navi05 a:hover,#navi05 a.stay,
#navi06 a:hover,#navi06 a.stay,
#navi07 a:hover,#navi07 a.stay,
#navi08 a:hover,#navi08 a.stay{
	background-position:0 -33px;
}

#navibar{
	clear: both;
	height: 10px;
	width: 1000px;
	margin:0 auto;
	padding-left: 10px;
	font-size: 10px;
}

#main{
	overflow:hidden;
	width: 1000px;
	margin: 5px auto 12px auto;
	_width:1005px;/*IE6*/
}

#top{
	float: right;
	width: 566px;
	margin:0 14px;
	overflow:hidden;
	_margin:0 8px 0 0;/*IE6*/
}

#left{
	float: left;
	height: auto;
	width: 776px;
}

#sub{
	float: right;
	height: auto;
	width: 205px;
	overflow:hidden;
	_width: 215px; /*IE6*/
}

#sub2{
	float: right;
	width: 200px;
	overflow:hidden;
	_width: 215px; /*IE6*/
}

#google{
	margin-bottom: 10px;
	background-color: #ffffff;
	padding:4px 0;
	border:1px solid #999999;
	text-align:center;
	overflow:hidden;
	font-size:12px;
	_width:204px;
}
#google table{
	width:195px;margin:0 auto;
}

#onlineshop{
	height: 103px;
	width: 205px;
	margin-bottom: 12px;
	background : url(../WEB20190110/alfonline_s.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#onlineshop p{
	padding: 38px 10px 10px 10px;
	line-height: 1.3;
	font-size: 12px;
}
#onlineshop p strong{
	font-size: 14px;
	font-weight:bold;
}

div#sub dl{
	clear:both;
	width: 205px;
	margin-bottom: 12px;
	padding-bottom: 10px;
	background-color: #F6F6F6;
}
div#sub dt{
	height: 24px;
	width: 205px;
	background : url(side_bar.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	overflow:hidden;
	padding-top:6px;
}
div#sub dt span{
	border-left:2px solid #FF0000;
	overflow:hidden;
	margin-left:6px;
	padding-left:4px;
	font-size:12px;
}
div#sub dd{
	height: 27px;
	width: 200px;
	margin-top: 4px;
	padding-left: 5px;
	color: #004EA2;
	font-size: 11px;
}
div#sub dd a{
	color: #004EA2;
}
div#sub dd img{
	height: 27px;
	width: 27px;
	vertical-align:middle;
	margin-right:3px;
}

#whatnew, #newitem{
	width: 200px;
	margin-bottom: 15px;
	padding-top:2px;
	background-color: #004EA2;
}
#whatnew p.he, #newitem p.he{
	border-left:2px solid #FF0000;
	overflow:hidden;
	margin:6px 0 6px 6px;
	padding-left:4px;
	color:#ffffff;
	font-size:12px;
}
#newitem div{
	height: 266px;
	background-color:#ffffff;
	text-align:center;
}
#whatnew div{
	height: 226px;
	background-color:#ffffff;
	padding:2px;
	overflow:auto;
	font-family:Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif !important;
}
#whatnew div p{
	margin-bottom:1em;
}


#footter{
	clear: both;
	height: auto;
	width: 1000px;
	margin:0 auto 20px auto;
}
#footter-left{
	float: left;
	height: 50px;
	width: 776px;
	padding: 10px 0;
	border-top: 1px solid #000000;
	margin-bottom: 6px;
	line-height: 220%;
	font-size: 11px;
	text-align:center;
}
#footter-left span{
	margin:0 6px;
}

#footter-right{
	float: left;
	width: 183px;
	margin-left: 19px;
	border: 1px solid #000000;
	margin-bottom: 10px;
	line-height: 130%;
	padding: 10px 10px 8px 10px;
	font-size: 10px;
	_width: 200px; /*IE6*/
}
#footter-right h2{
	font-size: 14px;
	font-weight:bold;
	margin-bottom:4px;
}

#footter-copyright{
	clear: both;
	height: 30px;
	width: 1000px;
	padding: 10px 0;
	border-top: 1px solid #000000;
	line-height: 130%;
	font-size: 10px;
	text-align:center;
}

.pagetop{
	text-align:center;
	margin-bottom:20px;
	clear:both;
}


/*-----各ページ-----*/
#ad-banner{
	height: 237px;
	background : url(top_image.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	margin-bottom: 8px;
}
#ad-banner p{
	position:relative;
	left:246px;
	padding-top:30px;
	width:320px;
	text-align:center;
	line-height:1.4;
}
#topgoogle{
	border:1px solid #000000;
	background-color: #F6F6F6;
	padding-left:6px;
	margin-bottom:6px;
	max-height:53px;
}
#topgoogle table{
	width:558px;
	border-collapse:collapse;
	_width:555px;/*IE6*/
}
#topgoogle table td{
	vertical-align:middle;line-height:1;
}
#topgoogle table input.gtext,#google table input.gtext{
	width:190px;
}
#top-category{
	border:1px solid #000000;
}
#top-category dl{
	float:left;
	width:267px;
	height:63px;
	margin:5px 0 6px 10px;
	overflow:hidden;
	background : url(top_seihinjoho.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	_margin:5px 0 6px 5px;
}
#top-category dt{
	float:left;margin-right:6px;
}
#top-category dt img{
	
	width:55px;
	height:55px;
	margin:4px;
}
#top-category dd{
	padding-top:20px;
}
#top-category dd a{
	font-size:14px;
	color:#000000;
}

#category{
	overflow:hidden;
	margin-bottom: 10px;
	border: 1px solid #000000;
	background-color: #F6F6F6;
	clear:both;
}


.title-silver{
	height: 25px;
	width: 774px;
	background : url(seihin_obi_2.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding-top:7px;
	_height: 35px; /*IE6*/
}
.title-silver h2{
	margin: 0 0 7px 12px;
	padding-left: 4px;
	font-size: 18px;
	color:#000000;
	border-left:1.1em solid #ff9900;
	display:inline;
}
.title-silver a{
	margin-left:200px;
}
.title-silver a:hover{
	text-decoration: underline;
}

#category .barcord{
	clear:both;
	margin:0 10px 5px -10px;
	background : url(barco_r.gif) 10px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}
#category .barcord h3{
	height: 26px;
	padding:12px 0 0 40px;
	color:#FFFFFF;
	font-size:14px;
	_height: 40px; /*IE6*/
}
#category .barcord h3.barco_1b{
	background : url(barco_1b.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#category .barcord h3.barco_2b{
	background : url(barco_2b.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#category .barcord h3.barco_1w{
	background : url(barco_1w.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#category .barcord h3.barco_2w{
	background : url(barco_2w.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#category .barcord h3.barco_1t{
	background : url(barco_1t.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#category .barcord h3.barco_2t{
	background : url(barco_2t.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}


#index-category, .index-category,#formmail{
	padding:15px 0 0 15px;
}

.index-category-item{
	float: left;
	height: 155px;
	width: 360px;
	margin:0 15px 15px 0;
	border: 1px solid #004EA2;
	background-color: #FFFFFF;
	overflow:hidden;
}
.index-category-item img{
	float:left;
	border-right: 1px solid #004EA2;
	width:155px;
	/*height:155px;*/
	_margin-left:-4px;/*IE6*/
}
.index-category-item dl{
	float: left;
	width: 185px;
	padding: 8px;
}
.index-category-item dt{
	border-bottom: 2px solid #00FFFF;
	font-size: 20px;
	margin-bottom:5px;
}
.index-category-item dd{
	height: 110px;
	font-size: 11px;
	color: #666666;
	line-height:1.2;
	overflow:hidden;
}
.index-category-item dd a{
	color: #FF0000;
	font-weight: bold;
}

.title-blue{
	height: 20px;
	margin-bottom: 5px;
	background-color: #004EA2;
	padding-top:5px;
}
.title-blue h2{
	height: 14px;
	margin-left:7px;
	padding-left:7px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	border-left:2px solid #ff0000;
}

#title-silver2{
	height: 64px;
	width: 774px;
	background : url(seihin_obi_3.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding-left: 10px;
	font-size: 12px;
}
#title-silver2 h3{
	width: 600px;
	padding: 12px 0 4px 0;
	font-size: 20px;
	font-weight: bold;
}
#title-silver2 .pdf1{
	margin:-30px 0 0 570px;
}
#title-silver2 .pdf2{
	margin:-25px 0 0 600px;
}

#item-name{
	clear:both;
	overflow:hidden;
	float: left;
	width: 145px;
	margin:10px 10px 15px 15px;
	_margin-left:6px; /*IE6*/
}
#item-name li{
	float:left;
	height: 48px;
	width: 122px;
	background : url(sonota_fat2w.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding:5px 3px 2px 20px;
	_height: 28px; /*IE6*/
	_width: 130px; /*IE6*/
}
#item-name li.stay, #item-name li:hover{
	background-position:0 -56px;
}
#item-name li a{
	text-decoration:none;
	width:120px;
	display:block;
	font-size:10px;
}
#item-name li a b{
	text-decoration:none;
	font-size:13px;
	line-height:1.5;
}
#item-name li.item, #item-name li.item:hover{
	background : url(sonota_bar0.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding:8px 0 0 0;
	text-align:center;
	font-size: 12px;
	width: 145px;
	height: 20px;
}

#item-detail{
	float: left;
	height: auto;
	width: 590px;
	_float:none;/*IE6*/
}
#item-detail ul{
	height: 28px;
	width: 590px;
	margin-top:10px;
}
#item-detail ul li{
	float:left;
	height: 20px;
	width: 118px;
	background : url(seihin_bar_g.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	padding-top:8px;
	text-align:center;
	border-bottom:1px solid #cccccc;
	font-size:12px;
	line-height:1.5;
	_height: 28px; /*IE6*/
}
#item-detail ul li.stay, #item-detail ul li:hover{
	background : url(seihin_bar_b.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#item-detail ul li.nolink{
	background : url(seihin_bar_g.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
#item-detail ul li a{
	text-decoration:none;
	width:110px;
	display:block;
	_padding-top:1px; /*IE6*/
}

#detail{
	overflow:hidden;
	clear:both;
	width: 568px;
	padding: 10px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin-bottom:15px;
	_width: 589px; /*IE6*/
}
/*-----バーコードリーダーの製品ページレイアウト-----*/
.imgleft dl dt{
	clear:both;
	font-size: 14px;
	font-weight: bold;
	color: #0000FF;
	padding-bottom:1em;
}
.imgleft dl dt img{
	float: left;
	margin:0 10px 15px 0;
}
.imgleft dl dd{
	line-height: 120%;
	font-size: 12px;
	font-weight:normal;
	margin-bottom:1em;
}

.itemfig{
	margin-bottom:10px;
	text-align:left;
}
.itemfig img{
	margin:10px 30px;
	width:500px;
}
.itemfig h4{
	background-color: #004EA2;
	padding: 4px 15px;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
}
.itemfig table{
	width:400px;
	margin-left:20px;
	font-size:14px;
}
.itemfig table td{
	text-align:center;
	padding:4px;
}
.itemfig p{
	float:right;
	vertical-align:bottom;
	margin:45px 60px 0 0;
	line-height:2em;
}

.chart h4{
	font-size:14px;
	background-color:#ccffff;
	padding:4px;
	border:1px solid #000099;
	border-bottom:none;
}
.chart table{
	width:100%;
	border:1px solid #000099;
	font-size:14px;
	margin-bottom:10px;
	padding:0;
}
.chart table th{
	width:150px;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	vertical-align:middle;
	background-color:#eeeeee;
	padding:4px;
}
.chart table td{
	border-bottom:1px solid #999999;
	vertical-align:middle;
	line-height:1.4;
	padding:4px;
}
.chart p{
	border:1px solid #000099;
	line-height:1.4;
	padding:4px;
	font-size:13px;
	background-color:#eeeeee;
	margin-bottom:10px;
}

/*-----ハンディターミナルの製品ページレイアウト-----*/
.itemfig_ht{
	margin:0 auto;
	width:536px;
	line-height:1.4;
/*	overflow:hidden;*/
	min-height:360px;
	height: auto !important;
	height: 360px;
}
.itemfig_ht h3{
	font-size: 16px;
	line-height:2.4;
	font-weight:bold;
	text-decoration: underline;
}
.itemfig_ht h4, .itemchart_ht h4{
	background : url(in_titolobi.jpg) right top / auto auto repeat-y scroll padding-box border-box #00174d;
	padding: 4px 0;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
	margin:0 auto 10px auto;
	text-align:center;
}
.itemfig_ht h5{
	font-weight:bold;
	margin-top:1em;
}
.itemfig_ht p img{
	margin:5px 0 10px 6px;
}
.itemfig_ht dl{
	margin:-30px auto 6px auto;
	padding-top:6px;
	*padding-top:2px;/*IE*/
}
.itemfig_ht dt{
	background-color:#e0e0ff;
	margin:0 0 10px 30px;
	padding:2px;
}
.itemfig_ht dd{
	padding-left:30px;
}

.itemfig_ht2{
	width:260px;
	margin-left:15px;
	overflow:hidden;
	float:left;
	_margin-left:0;/*IE6*/
}
.itemfig_ht2 dl{
	margin:-30px 0 25px 0;
	padding:8px 0 0 30px;
	clear:both;
	*padding-top:2px;/*IE*/
}
.itemfig_ht2 dl dt{
	background-color:#e0e0ff;
	padding:2px;
	margin:0 0 10px 0 !important;
	overflow:hidden;
}
.itemfig_ht2 dl dd{
	line-height:1.4;
	margin-left:-30px;
}
.itemfig_ht2 dl dd img{
	float:right;margin-left:1px;
}

.itemchart_ht p{
	margin:0 0 15px 15px;
	font-size:10px;
	font-family:Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif !important;
}
.itemchart_ht h5{
	border-left:1.1em solid #ff9900;
	padding-left:0.5em;
}
.itemchart_ht div.halfAB,.itemchart_ht div.halfC,.itemchart_ht div.halfD,.itemchart_ht div.halfE{
	float:left;
	width:260px;
	border:1px solid #999999;
	padding:4px;
	margin:0 5px 15px 5px;
}
.itemchart_ht div.halfAB,.itemchart_ht div.halfD{
	height:120px;
}
.itemchart_ht div.halfC{
	height:200px;
}
.itemchart_ht div.halfE{
	height:auto;
}

.itemchart_ht div.halfAB p,.itemchart_ht div.halfC p{
	margin:8px 0 8px 20px;
}
.itemchart_ht div.halfD p{
	margin:8px 0 8px 20px;line-height:1.5em;
}
.itemchart_ht table{
	border-collapse: collapse;
	margin:6px auto;
	font-family:Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif !important;
}
.itemchart_ht table th{
	background-color:#004EA2;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	border:1px solid #666666;
}
.itemchart_ht table td{
	border:1px solid #666666;
	padding:2px;
	
}

/*-----メールフォーム-----*/
#formmail{
	line-height:1.3;
	margin-bottom:20px;
}
#formmail table{
	clear:both;
	border-spacing:1px;
	margin:4px 10px;
	width:710px;
}
#formmail table th{
	width:140px;
	vertical-align:middle;
	background-color:#cccccc;
	padding:2px 6px;
}
#formmail table td{
	padding:2px 6px;
	background-color:#ffffff;
}
#formmail table td input,#formmail table td textarea{
	width:230px;
	vertical-align:middle;
}
#formmail table td.w66 input{
	width:66px;
}
#formmail table td.w30 input{
	width:30px;
}
#formmail table td.wradio{
	padding:2px;
}
#formmail table td.wradio input{
	width:13px;margin-left:10px;
}
#formmail table td.wtext textarea{
	width:360px;
}
#formmail table td select{
	width:250px;
}
#formmail table td select .cap{
	background-color:#111111;color:#FFFFFF;
}
#formmail strong{
	color:#cc0033;
}
#formmail p{
	margin:10px 30px;
}
#formmail p.send{
	text-align:center;
	margin:10px;
}