﻿body{font-size: 12px}
/* ---------- color ---------- */
/* what's new */
div.whatsnew div.headingbox h2 { color:#fff }
div.whatsnew ul li a { color:#000 }
div.whatsnew ul li a:hover { color:#f00 } 
/* ticker */
div.ticker div.news a { color:#fff }
div.ticker div.rss div.aside a { color:#919191 }

/* ---------- background-color ---------- */
/* what's new */
div.whatsnew div.headingbox h2 { background-color:#888 }
div.whatsnew div.listbox { background-color:#e6e6e6 }
div.whatsnew ul li:hover { background-color:#fff }
div.whatsnew ul li.hover { background-color:#fff } /* for ie6 :hover より後ろ */
/* ticker */
div.ticker div.rss { background-color:#3a3a3a }
div.ticker div.rss div.aside a {background-color:#3a3a3a }
div.ticker div.news { background-color:#000 }
/* whats rss */
#whatsrss { background-color:#111 }
/* main */
div.main { background-color:#000 }

/* ---------- background-image ---------- */
/* home_shared.png */
div.ticker,
div.ticker div.tickerclear,
div.whatsnew div.backnumber a span,
div.whatsnew div.backnumber a span.hover,
div.whatsnew div.backnumber a:hover span,
div.whatsnew div.bar,
div.whatsnew div.headingbox h2 span,
div.whatsnew ul li a strong { background-image:url(../09img/home_shared.png) }

/* ---------- background-position ---------- */
/* what's new */
/* what's new h2 */
div.whatsnew div.headingbox h2 span { background-position:-26px -120px }
/* what's new backnumber */
div.whatsnew div.backnumber a span { background-position:-26px -141px }
div.whatsnew div.backnumber a span:hover { background-position:-26px -165px }
div.whatsnew div.backnumber a span.hover { background-position:-26px -165px }  /* for ie6 :hover より後ろ */
/* what's new red bar */
div.whatsnew div.bar { background-position:0px -30px }
/* what's new category box */
div.whatsnew ul li a strong { background-position:-970px -30px }
div.whatsnew ul li a strong.c_motorsports { background-position:-970px -30px }
div.whatsnew ul li a strong.c_other { background-position:-970px -90px }
div.whatsnew ul li a strong.c_partscollection { background-position:-970px -60px }
/* what's new news image */
div.whatsnew ul li.linkimg { background-position:11px 5px }
/* ticker */
div.ticker { background-position:0 0 }
div.ticker div.tickerclear { background-position:0 -27px }

/* ---------- font-size ---------- */
/* what's new */
div.whatsnew { font-size:91% }
div.whatsnew ul li a { font-size:91% }
/* ticker */
div.ticker div.news a { font-size:91% }
div.ticker div.rss div.aside a { font-size:75% }
div.ticker div.tickerclear { font-size:0 }
/* whats rss */
#whatsrss { font-size:91% }



/* ---------- */
/* what's new */
div.whatsnew{
  width:330px;
  height: 504px;
}

div.whatsnew_js{
  position:absolute;
  
  top:85px;
  left: 0px;

  overflow: hidden;
  z-index: 1;
}

div.whatsnew div.bar{
  position:absolute;

  width:26px;
  height: 504px;
  top: 0px;
  left: 305px;
}

div.whatsnew div.listbox{
  position:relative;

  padding: 0;
  width:305px;

  filter: alpha(opacity=90);
  opacity: 0.9;
}

/*  what's new head box */
div.whatsnew div.headingbox{
  position: relative;

  padding: 12px 12px 11px;

  border-bottom: 1px solid #777;
}
/*  what's new head box h2 */
div.whatsnew div.headingbox h2{
  width: 280px;
  height: 21px;

  font-weight: bold;
  line-height: 20px;
  text-indent: 1em;
  filter: alpha(opacity=100);
  opacity: 1 !important;
}

div.whatsnew div.headingbox h2 span{
  background-repeat: no-repeat;
}

/*  what's new backnumber */
div.whatsnew div.backnumber{
  width: 100%;
  height: 25px;

  border-top: 1px solid #fff;
  overflow:hidden;
}

div.whatsnew div.backnumber a{
  width: 305px;
  height:24px;
}

div.whatsnew div.backnumber a span.ir{
  background-repeat: no-repeat;
}

/* what's new list */
div.whatsnew ul{
  height:434px;

  overflow: auto;
}

div.whatsnew ul li{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #777;
}

div.whatsnew ul li a{
  display:block;
  
  padding: 6px 3px 0px 67px;
  min-height: 54px;

  line-height: 1.4;
  letter-spacing: 0;

  _height: 54px;
}

div.whatsnew ul li a strong{
  padding-left: 12px;

  font-weight: bold;
  background-repeat: no-repeat;
}

div.whatsnew ul li.linkimg{
  background-repeat:  no-repeat;
}

div.whatsnew ul li.hover,
div.whatsnew ul li:hover{
  filter: alpha(opacity=100);
  opacity: 1;
}

/* main */
div.main{
  position: relative;

  width: 100%;
  height: 504px;

  clear: both;
}

div.main a{
  position: absolute;

  left: 0;
  top: 0;
}

/* what's RSS */
#whatsrss{
  display: none;
  position: absolute;

  padding: 1em;
  width: 400px;
  top: 0;
  left: 10px;

  line-height:160%;;
  z-index: 1;
}

/* ticker */
div.ticker{
  margin: 9px 0 0 11px;
  padding: 3px 9px 0 0;

  background-repeat: no-repeat;
}

div.ticker div.tickerclear{
  width:100%;
  height: 3px;
  
  clear:both;
  line-height: 0;

  background-repeat: no-repeat;
}

div.ticker div.rss{
  position:relative;

  padding: 0 3px;

  overflow: visible;
  _zoom:100%;
}

div.ticker div.rss div.aside{
  float:left;

  /*width: 6em;  */
  min-width: 72px;

  _width: 72px;
}

div.ticker div.rss div.aside a {
  display:block;

  /*min-width: 72px;*/
  min-width: 70px;
  padding-right: 2px;

  background-color: #3a3a3a;
}

div.ticker div.rss div.aside a img{
  padding: 1px 5px 1px 1px;

  vertical-align: middle;
}

div.ticker div.news{
  margin:0 0 0 6.2em;
  padding: 0 7px;
  min-height: 24px;

  line-height: 1;

  _margin: 0 0 0 75px;
  _width: 860px;
  _height: 24px;
}
/* for ie8 */
html>/**/body div.ticker div.news{
  margin-left /*\**/: 7.5em\9;
}

div.ticker div.news a{
  display:block;

  padding: 7px 8px 3px;
  width:100%;

  line-height: 1;
}

