@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(../image/home_b.jpg);}
#navi02 a{background-image: url(../image/handy_b.jpg);}
#navi03 a{background-image: url(../image/barco_b.jpg);}
#navi04 a{background-image: url(../image/soft_b.jpg);}
#navi05 a{background-image: url(../image/printer_b.jpg);}
#navi06 a{background-image: url(../image/medical_b.jpg);}
#navi07 a{background-image: url(../image/kyujin_b.jpg);}
#navi08 a{background-image: url(../image/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(../image/seidenonline_s.jpg) no-repeat;
}
#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(../image/side_bar.jpg) no-repeat;
	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(../image/top_image.jpg) no-repeat;
	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(../image/top_seihinjoho.jpg) no-repeat;
	_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(../image/seihin_obi_2.jpg) no-repeat;
	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(../image/barco_r.gif) no-repeat 10px 0;
}
#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(../image/barco_1b.gif) no-repeat;}
#category .barcord h3.barco_2b{background:url(../image/barco_2b.gif) no-repeat;}
#category .barcord h3.barco_1w{background:url(../image/barco_1w.gif) no-repeat;}
#category .barcord h3.barco_2w{background:url(../image/barco_2w.gif) no-repeat;}
#category .barcord h3.barco_1t{background:url(../image/barco_1t.gif) no-repeat;}
#category .barcord h3.barco_2t{background:url(../image/barco_2t.gif) no-repeat;}


#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:#8cc2ff;
	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(../image/seihin_obi_3.jpg) no-repeat;
	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(../image/sonota_fat2w.gif) no-repeat;
	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(../image/sonota_bar0.gif) no-repeat;
	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(../image/seihin_bar_g.gif) no-repeat;
	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(../image/seihin_bar_b.gif) no-repeat;
}
#item-detail ul li.nolink{
	background: url(../image/seihin_bar_g.gif) no-repeat;
}
#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:#00174d url(../image/in_titolobi.jpg) right top repeat-y;
	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;
}