@import url(/css/products-10.css);
@import url(/css/side-link.css);

/* SUBNAV HIGHLIGHT STATES */
body#index.index #g-contents #side-g #subnav ul li#sn-gaiyo,
body#kousei #g-contents #side-g #subnav ul li#sn-kousei,
body#kinou #g-contents #side-g #subnav ul li#sn-kinou,
body#WOCR.index #g-contents #side-g #subnav ul li#sn-gaiyo,
body#WOCR.wocr #g-contents #side-g #subnav ul li#sn-wocr,
body#WOCR.kadai #g-contents #side-g #subnav ul li#sn-kadai,
body#WOCR.costcut #g-contents #side-g #subnav ul li#sn-kadai,
body#WOCR.unyo #g-contents #side-g #subnav ul li#sn-unyo,
body#JOCR #g-contents #side-g #subnav ul li#sn-jocr,
body#ThinClient #g-contents #side-g #subnav ul li#sn-tc,
body#telesol #g-contents #side-g #subnav ul li#sn-telesol
	{ font-weight:bold; background:#b2bcc9 url(/ocr/item/subnav_itembg_active.gif) no-repeat bottom left;}

body#index.index #g-contents #side-g #subnav ul li#sn-gaiyo a,
body#kousei #g-contents #side-g #subnav ul li#sn-kousei a,
body#kinou #g-contents #side-g #subnav ul li#sn-kinou a,
body#WOCR.index #g-contents #side-g #subnav ul li#sn-gaiyo a,
body#WOCR.wocr #g-contents #side-g #subnav ul li#sn-wocr a,
body#WOCR.kadai #g-contents #side-g #subnav ul li#sn-kadai a,
body#WOCR.costcut #g-contents #side-g #subnav ul li#sn-kadai a,
body#WOCR.unyo #g-contents #side-g #subnav ul li#sn-unyo a,
body#JOCR #g-contents #side-g #subnav ul li#sn-jocr a,
body#ThinClient #g-contents #side-g #subnav ul li#sn-tc a,
body#telesol #g-contents #side-g #subnav ul li#sn-telesol a
	{ color:#000; cursor:default; background-position:-389px 50%;}

/*tele_products*/
#g-main h3 { margin:50px 0 5px 0; size:12px; font-weight:bold; }

p.main-img {
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	margin:0 0 -20px 0;
	padding:20px 0 0 25px;
	background-image:url(img/main-img.gif);
	background-repeat: no-repeat;
	height: 300px;
	width: 690px;
	line-height: 38px;
	color:#FFFFFF;
	letter-spacing:1px;
}

p.tit-exp { margin: 20px 0px 10px 0px; line-height:20px; font-size:13px; }
p.more    { color:#333333; font-size:13px; }
p.index   { font-size:16px; font-weight:bold; color:#777; }
p.kinou-tit   { font-size:20px; font-weight:bold; color:#777; }
p.tit_01  { font-size:29px; font-weight:bold; color:#00366c; }
p.tit_01 span.small  { font-size:14px; color:#00366c; }
p.tit_02  { font-size:14px; font-weight:bold; color:#80691e; margin:-20px 0 25px 0  }
p.tit_03  { font-size:14px; color:#00366c; font-weight:bold; }





p.subtit {
	background-image:url(item/subtit_img.gif);
	text-indent:2.5em;
	line-height:35px;
	background-repeat: no-repeat;
	height: 35px;
	width: 650px;
	font-weight:bold
}

/*kousei_table*/

table.kousei-base{
	text-align:center;
	width:620px;
	margin:0 0 10px 0;
	padding: 0px;
}

table.kousei-base tr td.appli{width:110px}

table.appli-box{
	background-color: #F7F7F7;
	margin: 0px;
	padding: 0px;
}

table.appli-box tr td.img{
	padding:12px;}

table.appli-box tr td.step{
	font-weight:bold;
	color: #000066;	
}

table.appli-box tr td.name{
	font-weight:bold;
	color: #777777;
	height: 40px;
}

table.appli-box tr td.kaisetsu{
	font-size:11px;
	padding:3px 7px;
	height: 160px;
	vertical-align: text-top;
}

table.appli-box tr td.link-txt{
	font-size:12px;
	padding:7px;
	vertical-align: text-top;
	height:18px;
}


/*products_tab*/

/*ocr_4tab*/
#menu-tf ul { margin:0px 0px 0px 0px ; padding:0px; width: 700px; background-color:#FFFFFF;}
#menu-tf ul li,
#menu-tf ul li a{ display:block;height:65px;width:175px;text-indent:-9999px; float:left ;list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF;}


#menu-tf ul li.tf01 a        { background:url(item/designer_02.gif); }
#menu-tf ul li.tf01 a:hover  { background:url(item/designer_03.gif); }
.designer #menu-tf ul li.tf01 a { background:url(item/designer_01.gif); }

#menu-tf ul li.tf02 a        { background:url(item/reader_02.gif); }
#menu-tf ul li.tf02 a:hover  { background:url(item/reader_03.gif); }
.reader #menu-tf ul li.tf02 a   { background:url(item/reader_01.gif); }

#menu-tf ul li.tf03 a        { background:url(item/verifier_02.gif); }
#menu-tf ul li.tf03 a:hover  { background:url(item/verifier_03.gif); }
.verifier #menu-tf ul li.tf03 a   { background:url(item/verifier_01.gif); }

#menu-tf ul li.tf04 a        { background:url(item/amp_02.gif); }
#menu-tf ul li.tf04 a:hover  { background:url(item/amp_03.gif); }
.amp #menu-tf ul li.tf04 a   { background:url(item/amp_01.gif); }


/*wocr_2tab*/
#menu-wocr ul { margin:0px; padding:0px; width: 700px; background-color:#FFFFFF;}
#menu-wocr ul li,
#menu-wocr ul li a{ display:block;height:65px;width:350px;text-indent:-9999px; float:left ;list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF;}

#menu-wocr ul li.wocr02 a        { background:url(item/wocr_kadai_02.gif); }
#menu-wocr ul li.wocr02 a:hover  { background:url(item/wocr_kadai_03.gif); }
.kadai #menu-wocr ul li.wocr02 a   { background:url(item/wocr_kadai_01.gif); }

#menu-wocr ul li.wocr03 a        { background:url(item/wocr_costcut_02.gif); }
#menu-wocr ul li.wocr03 a:hover  { background:url(item/wocr_costcut_03.gif); }
.costcut #menu-wocr ul li.wocr03 a   { background:url(item/wocr_costcut_01.gif); }

/*telesol_4tab*/
#menu-sol ul { margin:0px 0px 0px 0px ; padding:0px; width: 700px; background-color:#FFFFFF;}
#menu-sol ul li,
#menu-sol ul li a{ display:block;height:65px;width:175px;text-indent:-9999px; float:left ;list-style-type: none; margin: 0; padding: 0; background-color:#FFFFFF;}


#menu-sol ul li.sol01 a        { background:url(/ocr/telesol/item/sol_01_02.gif); }
#menu-sol ul li.sol01 a:hover  { background:url(/ocr/telesol/item/sol_01_03.gif); }
.sol_01 #menu-sol ul li.sol01 a { background:url(/ocr/telesol/item/sol_01_01.gif); }

#menu-sol ul li.sol02 a        { background:url(/ocr/telesol/item/sol_02_02.gif); }
#menu-sol ul li.sol02 a:hover  { background:url(/ocr/telesol/item/sol_02_03.gif); }
.sol_02 #menu-sol ul li.sol02 a   { background:url(/ocr/telesol/item/sol_02_01.gif); }

#menu-sol ul li.sol03 a        { background:url(/ocr/telesol/item/sol_03_02.gif); }
#menu-sol ul li.sol03 a:hover  { background:url(/ocr/telesol/item/sol_03_03.gif); }
.sol_03 #menu-sol ul li.sol03 a   { background:url(/ocr/telesol/item/sol_03_01.gif); }

#menu-sol ul li.sol04 a        { background:url(/ocr/telesol/item/sol_04_02.gif); }
#menu-sol ul li.sol04 a:hover  { background:url(/ocr/telesol/item/sol_04_03.gif); }
.sol_04 #menu-sol ul li.sol04 a   { background:url(/ocr/telesol/item/sol_04_01.gif); }