body {background-image: url(img/body_bg.gif);}
body.sub {background-image: url(img/body_sub.gif);}
body, body.sub {margin:0; padding:0; background-color: #C6D660; background-repeat: repeat-x;}

h1 {font: bold 14px arial, verdana; color: #063; text-align: center; margin: 0 0 5px 0;}
h2 {width: 880px; font: bold 25px arial, verdana; color: #600006; text-align: center; position: absolute; top: 175px; left: 50%; margin: 0 0 0 -340px;}
h3 {font: bold 15px arial, verdana; color: #600006; text-align: center; margin: 10px; padding: 0;}

p {text-indent: 20px; margin: 5px 0 0 0; padding: 0;}

img {border: none; margin: 0; padding: 0;}
img.show{ width: 715px; height: 400px; position: absolute; left: 0; margin: 0; top: 0; border: none;}
img.logo{ position: absolute; left: 50%; margin: 0 0 0 -375px; top: 0; border: none;}
img.certificates {border: solid 1px #030; margin: 0 0 20px 0;}
img.arrow3, img.arrow4 {position: absolute; top: 10px; left: 50%; height: 85px;}
img.arrow4 { margin: 0 0 0 -15px;}
img.arrow3 { margin: 0 0 0 525px;}
img.arrow1, div.arrow2 {position: absolute; top: 401px; left: 50%; height: 85px;}
img.arrow1 {margin: 0 0 0 -545px; width: 15px;}
img.arrow0 {margin: 0 0 -40px -35px;}
div.arrow2 {margin: 0 0 0 235px; width: 55px; padding: 0;}
img.trademarks {border: none; margin: 5px 5px 10px 5px;}
#comment {position: absolute; top: 40px; right: 0; width: 200px; height: 340px; font: normal 12px arial, verdana; color: #000; line-height: 1; 
background: url(img/comment_bg.png); background-repeat: no-repeat; margin: 0; padding: 10px; text-align: justify; overflow: hidden;}
#menu {position: absolute; top: 110px; left: 50%; width: 180px; margin: 0 0 0 -545px;}
a {color: #00C;}
a:hover {color: #03e;}
a.panel, a.submenu {text-align: left; line-height: 1.1; font: bold 14px arial, verdana; color: #DFF390; text-decoration: none;}
a.panel:hover, a.submenu:hover { text-decoration: underline; color: #fff;}
a.copyright {padding: 0; margin: 15px 0; font: normal 14px courier new; color: #DFF390; text-decoration: underline;}
a.copyright:hover {color: #fff;}
td.menu {background: url(img/menu_bg.png); padding: 3px 10px; border-top: none; border-left: none; border-right: none; border-bottom: solid 1px #ccc;}
td.menu:hover {background: url(img/menu_hover_bg.png);}
#contact {position: absolute; top: 15px; left: 50%; margin: 0 0 0 -545px; font: bold 14px arial, verdana; color: #063; line-height: 1.2;}
#news {width: 325px; height: 475px; background: url(img/newsbg.png); position: absolute; top: 505px; left: 50%; margin: 0 0 0 -545px; font: bold 14px arial, verdana; color: #000; line-height: 1.5;
 text-align: center; padding: 10px 0; background-repeat: no-repeat;}
#catalog {width: 530px; height: 280px; background: #B3C63f; position: absolute; top: 505px; left: 50%; margin: 0 0 0 -225px; font: normal 12px arial, verdana; color: #000; line-height: 1;}
#footer, #footer_sp {width: 100%; height: 35px; background: url(img/menu_bg.png); position: absolute; text-align: center; margin: 0; padding: 15px 0 0 0;}
#footer {top: 1000px;}
#footer_sp {bottom: 0;}
#intro{margin: 10px 0 0 0; line-height: 1;}
ol {margin: 0; padding: 0; list-style-position: inside;}
ul.links {list-style: none; margin: 5px 0 0 85px; padding: 0; line-height: 1.2; font-weight: bold;}
#list1 {position: absolute; top: 45px; left: 10px; width: 200px; height: 200px; overflow: hidden; background: url(catalog/toyota_bg.jpg); background-repeat: no-repeat;}
#list2 {position: absolute; top: 40px; right: 10px; width: 300px; height: 210px; overflow: auto; line-height: 2; margin: 0; padding: 0;}
#sound {width: 470px; height: 100px; position: absolute; top: 890px; left: 50%; margin: 0 0 0 -180px;padding: 0; text-align: left; line-height: 2;}
#content_sp {width: 1090px; position: absolute; top: 220px; left: 50%; margin: 0 0 0 -545px;}
#sp_content {background: #D9E6A6; width: 840px; float: right; margin: 0 0 60px 0; padding: 20px; border: solid 1px #030; 
text-indent: 10px; text-align: justify; font: normal 12px arial; line-height: 1.5; color: #030;}
#sp_left {width: 180px; position: absolute; top: 420px; left: 50%; margin: 0 0 0 -545px; padding: 0;}
table.product {border-collapse: collapse; margin: 10px 0; background: #C6D660;}
td.product {text-align: justify; font: normal 12px arial; line-height: 1.5; color: #000; border: solid 1px #030; padding: 10px;}
table.products {background: #B4C64E; border-collapse: collapse; margin: 10px 0;}

table.price {border-collapse: collapse; width: 100%; line-height: 1; margin: 0; padding: 0;  font: normal 12px arial;}
td.price {border: solid 1px #000; color: #000; padding: 0 15px;}

#wrapper {width:925px; height:400px; position:absolute; top:0; left:50%; margin: 0 0 0 -375px; overflow:hidden;}
#mask { width:925px; height:3200px; overflow:hidden;}
.item { width:925px; height:400px; display:block;}	
.content { width:925px; height:400px; top:0; margin:0 auto; position:relative;}
.selected {font-weight:700;}


div.sc_menu { position: absolute; top: 390px; left: 50%; margin: 0 0 0 -530px; height: 145px; width: 765px; overflow: auto;}
#sc_top {position: absolute; top: 0; left: 50%; margin: 0; height: 145px; width: 525px; overflow: auto;}
ul.sc_menu {display: block; height: 110px; width: 1500px; padding: 15px 0 0 15px; margin: 0; list-style: none;}
.sc_menu li { display: block; float: left; padding: 0 4px;}
.sc_menu a { display: block; text-decoration: none;}
.sc_menu span { display: none; margin-top: 3px; text-align: center; font-size: 12px; color: #033;}
.sc_menu a:hover span { display: block;}
.sc_menu img { border: none; margin: 0 5px;}
.sc_menu a:hover img { filter:alpha(opacity=50); opacity: 0.5; border: 1px #000 solid;}
#back { display: block; width: 500px; text-align: center; color: #003469; font-size: 16px;}
#menubg, #menubg_top {position: absolute; left: 50%; height: 85px; background: #B4C64E;}
#menubg {width: 765px; top: 401px; margin: 0 0 0 -530px;}
#menubg_top {width: 525px; top: 10px; margin: 0;}

#ne_content {width: 200px; height: 230px; position: absolute; top: 730px; left: 50%; background: url(img/export_bg.png); background-repeat: no-repeat; margin: 0 0 0 330px; padding: 10px; 
text-align: justify; overflow: hidden; font: normal 12px arial; line-height: 2;}

.icnewsdiv{width: 200px; height: 290px; position: absolute; top: 400px; left: 50%; background: url(img/informer_bg.png); background-repeat: no-repeat; margin: 0 0 0 330px; padding: 10px; line-height: 1.1;  overflow: hidden;}
.icnewsdiv a{text-align: justify; font: bold 12px arial, verdana; color: #00C; line-height: 1;}
.icnewsdiv a:hover{color:#03e;}
.icnewspic{margin: 0 10px 0 0; border: none;}
.icnewsdescr{ text-align:justify;}
.icnewsdate{font: normal 9px arial, verdana; color: #000; margin: 5px 0 0 0; text-align: right;}



#lightbox{ background: url(img/menu_bg.png); padding: 12px; border: none;}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; font: bold 12px arial, verdana; color: #fff;}
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both; border: solid 1px #fff;} 
#overlay img{ border: none; }