@charset "utf-8";
/* CSS Document */

/* top_left
------------------------------------------ */
#top_left {
  width:650px;
  margin-bottom:15px;
  float:left;
}

.top_contents_title {
  width:650px;
  height:30px;
  background:url(../../common/images/title_bg.gif) no-repeat;
}

.top_contents_title h3 {
  margin-top:8px;
  margin-left:40px;
  font-weight:bold;
  float:left;
}
* html body .top_contents_title h3 {
  margin-left:20px;
}
.top_contents_title .title_mark {
  margin-top:8px;
  padding-left:10px;
  background:url(../../common/images/title_mark.gif) no-repeat 0 6px;
  float:right;
}
* html body .top_contents_title .title_mark {
  margin-top:5px;
  padding-left:10px;
  background:url(../../common/images/title_mark.gif) no-repeat 0 5px;
}

.top_contents_box {
  padding-top:20px;
  background:url(../images/title_box_bg.gif) no-repeat;
}

#news {
  margin-bottom:30px;
}
.news_box {
  width:610px;
  margin:0 0 15px 0;
  padding-left:20px;
  padding-bottom:15px;
  border-bottom:1px dotted #CCCCCC;
}
.news_box .image {
  width:68px;
  margin-right:10px;
  border:1px solid #CCC;
  float:left;
}
.news_box .image img {
  width:68px;
}
.news_box .report {
  width:510px;
  float:left;
}
.news_box .report .data {
  padding-left:15px;
  background:url(../images/news_mark_data.gif) no-repeat 0 8px;
}
.news_box .report .data span {
  margin-top:4px;
  float:left;
}
.news_box .report .data img {
  margin-top:3px;
  margin-left:8px;
  float:left;
}
.news_box .report .title {
  font-size:110%;
  font-weight:bold;
  margin-top:5px;
}
.news_box .report .text {
  margin-top:5px;
}


#goods {
}
.goods_box {
  width:610px;
  margin:0 0 10px 0;
  padding-left:20px;
  padding-bottom:10px;
}
#bulb{
  margin-bottom:10px;
  float:left;
}
#car{
  margin-left:10px;
  margin-bottom:10px;
  float:left;
}
#track{
  margin-bottom:10px;
  float:left;
}
#machine{
  margin-bottom:10px;
  float:left;
}
#light{
  margin-left:10px;
  margin-bottom:10px;
  float:left;
}
#marin{
  margin-bottom:10px;
  float:left;
}
#led{
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}
#other{
  margin-left:10px;
  margin-bottom:10px;
  float:left;
}

/* top_right
-------------------------------------------- */
#top_right {
  width:250px;
  margin-bottom:15px;
  float:right;
}
* html body #top_right {
  margin-left:20px;
}

#banner {
  padding-bottom:10px;
}
* html body #banner {
  padding-bottom:0px;
}
#banner ul {
}
#banner li {
  margin:0 auto;
  padding:0 0 5px 0;
}

#car_box {
    margin-bottom:10px;
    padding-bottom:10px;
  background:url(../images/car_bottom.gif) no-repeat bottom;
}
#car_box ul {
  width:250px;
  margin:0px;
  padding:0px;
  background:url(../images/car_bg.gif) repeat-y;
}
#car_box li {
  width:230px;
  height:40px;
  margin:0 auto;
  padding:5px 0 0 0;
}

#motor {
    margin-bottom:10px;
    padding-bottom:10px;
  background:url(../images/motor_bottom.gif) no-repeat bottom;
}

#motor ul {
  width:250px;
  margin:0px;
  padding:0px;
  background:url(../images/motor_bg.gif) repeat-y;
}
#motor li {
  width:230px;
  height:95px;
  margin:0 auto;
  padding:5px 0 0 0;
}

#company {
  margin-bottom:10px;
  padding-bottom:10px;
  background:url(../images/company_bottom.gif) no-repeat bottom;
}
#company ul {
  width:250px;
  margin:0px;
  padding:0px;
  background:url(../images/company_bg.gif) repeat-y;
}
#company li {
  width:230px;
  height:65px;
  margin:0 auto;
  padding:5px 0 0 0;
}

#motor .section {
  width:250px;
  margin:0px;
  padding:0px;
  background:url(../images/motor_bg.gif) repeat-y;
}
#motor .section p {
  width:230px;
  height:95px;
  margin:0 auto;
  padding:5px 0 0 0;
}
.bannerBox { padding: 0px 0px 10px; }