/* CSS Document */
/*html{ overflow-x:hidden; overflow-y:auto;}*/
body{ padding:0; margin:0; color:#555; text-align:center; font-family:Arial,; background:#fff url(/jp/image/top_bg.gif) left top repeat-x;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px; line-height:18px;}

img{border:0;}
.red{ color:#ff0000;}
.gray{ color:#555;}
.fB{ color:#000; font-weight:bold;}
.FontLarge{ font-weight:bold; text-align:left;}
.MagName {font-weight:bold; text-align:left; font-size:12px}
.Left{ text-align:left; vertical-align:top;}
.Right{ text-align:right; vertical-align:top;}
.TopSpace{ margin-top:8px;}
.LeftSpace{ padding:4px 10px;}
a.GreenColor:link,a.GreenColor:visited{ color:#98933d; text-decoration:none;}
a.GreenColor:hover{ color:#7b7627; text-decoration:underline;}

a.RedColor:link,a.RedColor:visited{ text-decoration:none; color:#ff6034;}
a.RedColor:hover{ color:#ff0000; text-decoration:underline;}

a:link{ color:#555; text-decoration:none;}
a:visited{ color:#555; text-decoration:none;}
a:hover{ color:#1e58a0; text-decoration:underline;}

.ImageBorder{ border:1px solid #9a9a9a;}
.Norscounts{ color:#ff0000; font-style:oblique; text-decoration:line-through;}
.Discounts{ color:#ff0000; font-style:normal;}
<!--image border-->
.ProList1{ border:1px solid #c4c4c4;}
.ProList2{ border:1px solid #254d8b;}

.Main{margin:0 auto; padding:0; width:900px; vertical-align:top; clear:both; border:0;}
<!--left control-->
.CenterLeft{ width:190px; border:0; text-align:left;}
.CenterLeft1{ width:190px; background:url(/jp/image/left_sub_1.gif) top left no-repeat; height:5px;}
.CenterLeft2{ width:190px; background:url(/jp/image/left_sub_2.gif) top left repeat-y; text-align:left;}
.CenterLeft3{ width:190px; background:url(/jp/image/left_sub_3.gif) top left repeat-y; text-align:left; padding:6px 0;}
.CenterLeft3 ul{ margin:0; padding:0; margin-left:15px; list-style:none; background:url(/jp/image/digit_icon.gif) no-repeat;}
.CenterLeft3 li{ list-style-type:none; padding:3px 10px 1px 17px; cursor:pointer;}
.CenterLeft3 li a,.CenterLeft3 li a:visited{ text-decoration:none; color:#555;}
.CenterLeft3 li a:hover{ text-decoration:none; color:#1e58a0;}
.CenterLeft4{ width:190px; background:url(/jp/image/left_sub_3.gif) top left repeat-y; text-align:left;}
.CenterLeft4 ul{ margin:0; padding:0; margin-left:15px; margin-right:15px; list-style: none;}
.CenterLeft4 ul li{ list-style-type:none; padding:3px 0 1px;cursor:pointer; background:url(/jp/image/dot_line.gif) bottom repeat-x; position:relative;}
.CenterLeft4 li a,.CenterLeft4 li a:visited{ text-decoration:none; color:#555; display:block;}
.CenterLeft4 li a:hover{ font-weight:bold; color:#1e58a0;}
.CenterLeft4 li ul{ position:absolute; display:none; top:0; margin-left:160px;}
.CenterLeft4 li ul li a,.CenterLeft4 li ul li a:visited{ padding:2px 0 1px; z-index:100;}
.CenterLeft4 li ul li a:hover{ font-weight:bold; color:#1e58a0; background:#efefef; z-index:100;}
.CenterLeft4 li:hover ul,.CenterLeft4 li.over ul{ display: block; }

.CenterLeft5{ width:190px; background:url(/jp/image/left_sub_4.gif) top left no-repeat; height:5px;}
<!--right control-->
.CenterRight{ width:190px; border:0; text-align:left; padding:0; margin:0;}
.CenterRight1{ width:190px; background:url(/jp/image/right_bg1.gif) top left no-repeat; height:5px;}
.CenterRight2{ width:190px; background:url(/jp/image/right_bg2.gif) top left repeat-y; text-align:left;}
.CenterRight3{ width:190px; background:url(/jp/image/right_bg3.gif) top left no-repeat; height:5px;}
.CenterRight4{ width:190px; background:url(/jp/image/right_bg4.gif) top left no-repeat; height:5px;}
.CenterRight5{ width:190px; background:url(/jp/image/right_bg5.gif) top left repeat-y; text-align:left; color:#725f14;}
.CenterRight6{ width:190px; background:url(/jp/image/right_bg6.gif) top left repeat-y; text-align:left; padding:6px 0;}
.CenterRight6 ul{ margin:0; padding:0; margin-left:15px;}
.CenterRight6 li{ list-style-type:none; padding:3px 10px 1px 14px; cursor:pointer; background:url(/jp/image/icon_right.gif) left no-repeat;}
.CenterRight6 li a,.CenterRight6 li a:visited{ text-decoration:none; color:#555;}
.CenterRight6 li a:hover{ color:#ee773f; text-decoration:none;}
.CenterRight7{ width:190px; background:url(/jp/image/right_bg7.gif) top left no-repeat; height:5px;}
.CenterRight8{ width:190px; background:url(/jp/image/road_search_bg1.gif) top left no-repeat; height:5px;}
.CenterRight9{ width:190px; background:url(/jp/image/road_search_bg2.gif) top left repeat-y; text-align:left;}
.CenterRight10{ width:190px; background:url(/jp/image/road_search_bg3.gif) top left repeat-y; text-align:left;}
.CenterRight11{ width:190px; background:url(/jp/image/road_search_bg4.gif) top left no-repeat; height:5px;}
<!--center control-->
.CenterBanner{ width:500px; vertical-align:top; margin-bottom:8px;}
.CenterCenter{ width:500px; vertical-align:top;}
.ProductBg{ width:500px; background:url(/jp/image/list_bg_2.gif) left top repeat-y;}
.ProductBg1{ width:500px; background:url(/jp/image/list_bg_1.gif); height:5px;}
.ProductBg2{ padding:6px 0;}
.ProductBg2 ul{ margin:0; padding:0; margin-left:14px;}
.ProductBg2 li{ list-style-type:none; padding:1px 0 0 13px; background:url(/${context}/image/icon_arrow.gif) left no-repeat;}

.ProductBg3{ width:500px; background:url(/jp/image/list_bg_3.gif); height:5px;}
.ProductSubBg{ width:470px; border:0;}
.ProductSubBgBorder{ width:470px; border:1px solid #d0d0d0;}

.LoginInput{ border:1px solid #c1c199; background:#fff; height:18px; color:#727259;}
.RoadInput{ border:1px solid #d0d0d0; background:#fff; height:15px; color:#7c7c7c;}
.FooterImage{ width:900px; background:#fff; border:1px solid #d0d0d0; padding:5px 0; margin-top:8px; text-align:center;}
.FooterText{ width:900px; background:#fff; margin:6px 0; text-align:center; color:#555; padding:0 10px;}
.FooterText a:link,.FooterText a:visited{ color:#555; text-decoration:none; padding:0 20px;}
.FooterText a:hover{ color:#ff6034; text-decoration:underline; padding:0 20px;}

.Normal{ width:100%; text-align:left; border:0; vertical-align:top;}
.ShowBigImg{ width:250px; padding:5px; background:#fff; border:1px dotted #333;}

/*left menu control*/
.SubMenuBg1{ width:100px; position:absolute; z-index:99;}
.SubMenuBg2{ width:150px; border:0; z-index:100; left:60px; position:absolute; display:none;}
a.SubMenu:link,a.SubMenu:visited{ text-decoration:none; color:#333; display:block; background:#fff;}
a.SubMenu:hover{ color:#000; text-decoration:none; display:block; background:#efefef;}
.leftMenuDown{ background:#627fbe;}
.leftMenuOn{ background:#fff;}