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

/* main-img */
a.main-img {
background:url("/platinum/img/main-img.jpg") left bottom no-repeat;
width:700px;
height:300px;
text-indent:-9999em;
margin-bottom:1em;
display:block;
}

a.main-img:hover {
background:url("/platinum/img/main-img.jpg") left top no-repeat;
width:700px;
height:300px;
text-indent:-9999em;
margin-bottom:1em;
display:block;
}

p.main-img { margin-bottom:2em; }

/* keymans-banner */

p.main-banner-img { margin:1em 0 2em 0; display:block; width:340px; float:left;}

a.main-banner {
background:url("/platinum/img/keymans_mini_111020_banner.jpg") left bottom no-repeat;
width:340px;
height:100px;
text-indent:-9999em;
display:block;
}

a.main-banner:hover {
background:url("/platinum/img/keymans_mini_111020_banner.jpg") left top no-repeat;
width:340px;
height:100px;
text-indent:-9999em;
display:block;
}

/* 4.0-banner */

p.ver4-banner-img { margin:1em 0 2em 0; display:block; width:340px; float:right; }

a.ver4-banner {
background:url("/platinum/img/ver4_banner.jpg") left top no-repeat;
width:340px;
height:100px;
text-indent:-9999em;
display:block;
}

a.ver4-banner:hover {
background:url("/platinum/img/ver4_banner.jpg") left bottom no-repeat;
width:340px;
height:100px;
text-indent:-9999em;
display:block;
}




p.txt-link {margin:1em 0 0 0;}
p.alsi-index { font-size:14px; color:#337aa6; margin:1.5em 0 0 0; font-weight:bold; }
p.alsi-tit { font-size:17px; color:#337aa6; font-weight:bold; margin:1.5em 0 0 0; }
p.alsi-list { margin:0.5em 0 0 0; line-height:2em;}
p.alsi_lineup { font-size:17px; color:#444; font-weight:bold; margin:0.5em 0 0 0; }

p.sol-tit { font-size:18px; color:#444; font-weight:bold; margin:2em 0 0 0; }
p.sol-tit2 { font-size:14px; color:#555; font-weight:bold; margin:0.5em 0 0 0; }
p.sol-txt { color:#C33; font-size:14px; font-weight:bold; margin:2em 0 0.3em 0; }
.sol_kadai { background-color:#f2f2f2; padding:5px 20px; }
.sol_kaiketsu { background-color:#fff0ff; padding:5px 20px; font-size:14px; font-weight:bold; color:#C30; }


/* SUBNAV HIGHLIGHT STATES */
body#main_index.index #g-contents #side-g #subnav ul li#sn-gaiyo,
body#Easy #g-contents #side-g #subnav ul li#sn-gaiyo,
body#Simple #g-contents #side-g #subnav ul li#sn-gaiyo,
body#Choice #g-contents #side-g #subnav ul li#sn-gaiyo,
body#S #g-contents #side-g #subnav ul li#sn-s,
body#M #g-contents #side-g #subnav ul li#sn-m,
body#USB #g-contents #side-g #subnav ul li#sn-u,
body#I #g-contents #side-g #subnav ul li#sn-i,
body#G #g-contents #side-g #subnav ul li#sn-g,
body#D #g-contents #side-g #subnav ul li#sn-d,
body#A #g-contents #side-g #subnav ul li#sn-a,
body#RC #g-contents #side-g #subnav ul li#sn-rc,
body.assetview #g-contents #side-g #subnav ul li#sn-av,
body#recommend #g-contents #side-g #subnav ul li#sn-recommend,
body.low-cost #g-contents #side-g #subnav ul li#sn-recommend,
body.donyu #g-contents #side-g #subnav ul li#sn-recommend,
body.unyo #g-contents #side-g #subnav ul li#sn-recommend,
body#alsi_sd #g-contents #side-g #subnav ul li#sn-sd,
body#solution #g-contents #side-g #subnav ul li#sn-sl
	{ font-weight:bold; background:#b2bcc9 url(./item/subnav_itembg_active.gif) no-repeat bottom left; }

body#main_index.index #g-contents #side-g #subnav ul li#sn-gaiyo a,
body#Easy #g-contents #side-g #subnav ul li#sn-gaiyo a,
body#Simple #g-contents #side-g #subnav ul li#sn-gaiyo a,
body#Choice #g-contents #side-g #subnav ul li#sn-gaiyo a,
body#S #g-contents #side-g #subnav ul li#sn-s a,
body#M #g-contents #side-g #subnav ul li#sn-m a,
body#USB #g-contents #side-g #subnav ul li#sn-u a,
body#I #g-contents #side-g #subnav ul li#sn-i a,
body#G #g-contents #side-g #subnav ul li#sn-g a,
body#D #g-contents #side-g #subnav ul li#sn-d a,
body#A #g-contents #side-g #subnav ul li#sn-a a,
body#RC #g-contents #side-g #subnav ul li#sn-rc a,
body.assetview #g-contents #side-g #subnav ul li#sn-av a,
body#recommend #g-contents #side-g #subnav ul li#sn-recommend a,
body.low-cost #g-contents #side-g #subnav ul li#sn-recommend a,
body.donyu #g-contents #side-g #subnav ul li#sn-recommend a,
body.unyo #g-contents #side-g #subnav ul li#sn-recommend a,
body#alsi_sd #g-contents #side-g #subnav ul li#sn-sd a,
body#solution #g-contents #side-g #subnav ul li#sn-sl a
		{ color:#000; cursor:default; background-position:-389px 50%; }

/*kinou*/
table.kinou {
	background-color:#fff;
}
table.kinou tr td {
	padding:10px 0;
	border-width: 7px 0;
	border-style: solid none;
	border-color: #FFFFFF;
}
table.kinou tr td.kyotu { background-color:#FFF; padding-left:10px; }
table.kinou tr td.a     { background-color:#FFEEEE; padding-left:10px; }
table.kinou tr td.d     { background-color:#FFFADF; padding-left:10px; }
table.kinou tr td.g     { background-color:#FFC; padding-left:10px; }
table.kinou tr td.i     { background-color:#F2FFE8; padding-left:10px; }
table.kinou tr td.m     { background-color:#E1F4EB; padding-left:10px; }
table.kinou tr td.s     { background-color:#E8FFFF; padding-left:10px; }
table.kinou tr td.rc    { background-color:#F5EBEB; padding-left:10px; }
table.kinou tr td.rc02  { background-color:#F5EBEB; padding-left:10px; background-position: right bottom; }

table.kinou-syosai tr td.kyotu { background-color:#F7F7F7; }
table.kinou-syosai tr td.a     { background-color:#FFEEEE; }
table.kinou-syosai tr td.d     { background-color:#FFFADF; }
table.kinou-syosai tr td.g     { background-color:#FFC; }
table.kinou-syosai tr td.i     { background-color:#F2FFE8; }
table.kinou-syosai tr td.m     { background-color:#E1F4EB; }
table.kinou-syosai tr td.s     { background-color:#E8FFFF; }
table.kinou-syosai tr td.rc    { background-color:#F5EBEB; }
table.kinou-syosai tr td.rc02  { background-color:#F5EBEB; }

/*2011*/
table.t_2011 {
	background-color:#fff;
}

table.t_2011 tr td {
	padding:6px 0;
	border-width: 0;
	border-style: solid none;
	border-color: #FFFFFF;
	font-size:14px;
}

table.t_2011 tr td img.syosai {
	padding:0 10px 0 8px;
}


/*products*/

#g-main p.m-tit  { margin: 10px 0 18px 0 }
#g-main p.m-tit2 { margin: 10px 0 32px 0 }

/*products_tab*/

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

#menu-simple ul li.simple01 a        { background:url(simple/img/simple1_02.gif); }
#menu-simple ul li.simple01 a:hover  { background:url(simple/img/simple1_03.gif); }
.index #menu-simple ul li.simple01 a { background:url(simple/img/simple1_01.gif); }

#menu-simple ul li.simple02 a        { background:url(simple/img/simple2_02.gif); }
#menu-simple ul li.simple02 a:hover  { background:url(simple/img/simple2_03.gif); }
.simple02 #menu-simple ul li.simple02 a   { background:url(simple/img/simple2_01.gif); }

#menu-simple ul li.simple03 a        { background:url(simple/img/simple3_02.gif); }
#menu-simple ul li.simple03 a:hover  { background:url(simple/img/simple3_03.gif); }
.simple03 #menu-simple ul li.simple03 a   { background:url(simple/img/simple3_01.gif); }

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

#menu-easy ul li.easy01 a        { background:url(easy/img/easy1_02.gif); }
#menu-easy ul li.easy01 a:hover  { background:url(easy/img/easy1_03.gif); }
.index #menu-easy ul li.easy01 a { background:url(easy/img/easy1_01.gif); }

#menu-easy ul li.easy02 a        { background:url(easy/img/easy2_02.gif); }
#menu-easy ul li.easy02 a:hover  { background:url(easy/img/easy2_03.gif); }
.easy02 #menu-easy ul li.easy02 a   { background:url(easy/img/easy2_01.gif); }

#menu-easy ul li.easy03 a        { background:url(easy/img/easy3_02.gif); }
#menu-easy ul li.easy03 a:hover  { background:url(easy/img/easy3_03.gif); }
.easy03 #menu-easy ul li.easy03 a   { background:url(easy/img/easy3_01.gif); }


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

#menu-g ul li.g01 a        { background:url(g/img/g1_02.gif); }
#menu-g ul li.g01 a:hover  { background:url(g/img/g1_03.gif); }
.index #menu-g ul li.g01 a { background:url(g/img/g1_01.gif); }

#menu-g ul li.g02 a        { background:url(g/img/g2_02.gif); }
#menu-g ul li.g02 a:hover  { background:url(g/img/g2_03.gif); }
.g02 #menu-g ul li.g02 a   { background:url(g/img/g2_01.gif); }

#menu-g ul li.g03 a        { background:url(g/img/g3_02.gif); }
#menu-g ul li.g03 a:hover  { background:url(g/img/g3_03.gif); }
.g03 #menu-g ul li.g03 a   { background:url(g/img/g3_01.gif); }


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

#menu-m ul li.m01 a        { background:url(m/img/m1_02.gif); }
#menu-m ul li.m01 a:hover  { background:url(m/img/m1_03.gif); }
.index #menu-m ul li.m01 a { background:url(m/img/m1_01.gif); }

#menu-m ul li.m02 a        { background:url(m/img/m2_02.gif); }
#menu-m ul li.m02 a:hover  { background:url(m/img/m2_03.gif); }
.m02 #menu-m ul li.m02 a   { background:url(m/img/m2_01.gif); }

#menu-m ul li.m03 a        { background:url(m/img/m3_02.gif); }
#menu-m ul li.m03 a:hover  { background:url(m/img/m3_03.gif); }
.m03 #menu-m ul li.m03 a   { background:url(m/img/m3_01.gif); }

#menu-m ul li.m03-2 a        { background:url(m/img/m3_02-2.gif); }
#menu-m ul li.m03-2 a:hover  { background:url(m/img/m3_03-2.gif); }
.m03 #menu-m ul li.m03-2 a   { background:url(m/img/m3_01-2.gif); }



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

#menu-u ul li.u01 a        { background:url(usb/img/u1_02.gif); }
#menu-u ul li.u01 a:hover  { background:url(usb/img/u1_03.gif); }
.index #menu-u ul li.u01 a { background:url(usb/img/u1_01.gif); }

#menu-u ul li.u02 a        { background:url(usb/img/u2_02.gif); }
#menu-u ul li.u02 a:hover  { background:url(usb/img/u2_03.gif); }
.usb02 #menu-u ul li.u02 a   { background:url(usb/img/u2_01.gif); }

#menu-u ul li.u03 a        { background:url(usb/img/u3_02.gif); }
#menu-u ul li.u03 a:hover  { background:url(usb/img/u3_03.gif); }
.usb03 #menu-u ul li.u03 a   { background:url(usb/img/u3_01.gif); }

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

#menu-a ul li.a01 a        { background:url(a/img/a1_02.gif); }
#menu-a ul li.a01 a:hover  { background:url(a/img/a1_03.gif); }
.index #menu-a ul li.a01 a { background:url(a/img/a1_01.gif); }

#menu-a ul li.a02 a        { background:url(a/img/a2_02.gif); }
#menu-a ul li.a02 a:hover  { background:url(a/img/a2_03.gif); }
.a02 #menu-a ul li.a02 a   { background:url(a/img/a2_01.gif); }

#menu-a ul li.a03 a        { background:url(a/img/a3_02.gif); }
#menu-a ul li.a03 a:hover  { background:url(a/img/a3_03.gif); }
.a03 #menu-a ul li.a03 a   { background:url(a/img/a3_01.gif); }

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

#menu-d ul li.d01 a        { background:url(d/img/d1_02.gif); }
#menu-d ul li.d01 a:hover  { background:url(d/img/d1_03.gif); }
.index #menu-d ul li.d01 a { background:url(d/img/d1_01.gif); }

#menu-d ul li.d02 a        { background:url(d/img/d2_02.gif); }
#menu-d ul li.d02 a:hover  { background:url(d/img/d2_03.gif); }
.d02 #menu-d ul li.d02 a   { background:url(d/img/d2_01.gif); }

#menu-d ul li.d03 a        { background:url(d/img/d3_02.gif); }
#menu-d ul li.d03 a:hover  { background:url(d/img/d3_03.gif); }
.d03 #menu-d ul li.d03 a   { background:url(d/img/d3_01.gif); }


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

#menu-rc ul li.rc01 a        { background:url(remoteconsole/img/rc1_02.gif); }
#menu-rc ul li.rc01 a:hover  { background:url(remoteconsole/img/rc1_03.gif); }
.index #menu-rc ul li.rc01 a { background:url(remoteconsole/img/rc1_01.gif); }

#menu-rc ul li.rc02 a        { background:url(remoteconsole/img/rc2_02.gif); }
#menu-rc ul li.rc02 a:hover  { background:url(remoteconsole/img/rc2_03.gif); }
.rc02 #menu-rc ul li.rc02 a   { background:url(remoteconsole/img/rc2_01.gif); }

#menu-rc ul li.rc03 a        { background:url(remoteconsole/img/rc3_02.gif); }
#menu-rc ul li.rc03 a:hover  { background:url(remoteconsole/img/rc3_03.gif); }
.rc03 #menu-rc ul li.rc03 a   { background:url(remoteconsole/img/rc3_01.gif); }

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

#menu-rc-2 ul li.rc01 a        { background:url(remoteconsole/img/rc1_02-2.gif); }
#menu-rc-2 ul li.rc01 a:hover  { background:url(remoteconsole/img/rc1_03-2.gif); }
.index #menu-rc-2 ul li.rc01 a { background:url(remoteconsole/img/rc1_01-2.gif); }

#menu-rc-2 ul li.rc02 a        { background:url(remoteconsole/img/rc2_02-2.gif); }
#menu-rc-2 ul li.rc02 a:hover  { background:url(remoteconsole/img/rc2_03-2.gif); }
.rc02 #menu-rc-2 ul li.rc02 a   { background:url(remoteconsole/img/rc2_01-2.gif); }

#menu-rc-2 ul li.rc03 a        { background:url(remoteconsole/img/rc3_02-2.gif); }
#menu-rc-2 ul li.rc03 a:hover  { background:url(remoteconsole/img/rc3_03-2.gif); }
.rc03 #menu-rc-2 ul li.rc03 a   { background:url(remoteconsole/img/rc3_01-2.gif); }


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

#menu-s ul li.s01 a        { background:url(s/img/s1_02.gif); }
#menu-s ul li.s01 a:hover  { background:url(s/img/s1_03.gif); }
.index #menu-s ul li.s01 a { background:url(s/img/s1_01.gif); }

#menu-s ul li.s02 a        { background:url(s/img/s2_02.gif); }
#menu-s ul li.s02 a:hover  { background:url(s/img/s2_03.gif); }
.s02 #menu-s ul li.s02 a   { background:url(s/img/s2_01.gif); }

#menu-s ul li.s03 a        { background:url(s/img/s3_02.gif); }
#menu-s ul li.s03 a:hover  { background:url(s/img/s3_03.gif); }
.s03 #menu-s ul li.s03 a   { background:url(s/img/s3_01.gif); }


/*I*/
#menu-i ul { margin:0px; padding:0px; width: 700px; background-color:#FFFFFF}
#menu-i ul li,
#menu-i 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-i ul li.i01 a        { background:url(i/img/i1_02.gif); }
#menu-i ul li.i01 a:hover  { background:url(i/img/i1_03.gif); }
.index #menu-i ul li.i01 a { background:url(i/img/i1_01.gif); }

#menu-i ul li.i02 a        { background:url(i/img/i2_02.gif); }
#menu-i ul li.i02 a:hover  { background:url(i/img/i2_03.gif); }
.i02 #menu-i ul li.i02 a   { background:url(i/img/i2_01.gif); }



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

#menu-reco ul li.reco01 a        { background:url(item/reco1_02.gif); }
#menu-reco ul li.reco01 a:hover  { background:url(item/reco1_03.gif); }
.low-cost #menu-reco ul li.reco01 a { background:url(item/reco1_01.gif); }

#menu-reco ul li.reco02 a        { background:url(item/reco2_02.gif); }
#menu-reco ul li.reco02 a:hover  { background:url(item/reco2_03.gif); }
.donyu #menu-reco ul li.reco02 a   { background:url(item/reco2_01.gif); }

#menu-reco ul li.reco03 a        { background:url(item/reco3_02.gif); }
#menu-reco ul li.reco03 a:hover  { background:url(item/reco3_03.gif); }
.unyo #menu-reco ul li.reco03 a   { background:url(item/reco3_01.gif); }