/*----------------------------------------------------------
 - FONT
----------------------------------------------------------*/
.day {
  color:#666;
  font-size:0.8em;
  line-height:1.1em;
  font-weight: bold;
}
.info {
  color:#06c;
  font-size:0.9em;
  line-height:1.2em;
}
.red {
  color:#c03;
}


.product2 {
  color:#333399;
  font-size:1.0em;
  line-height:1.8em;
}
.wh {
  color:#fff;
  font-size:0.8em;
  line-height:2.6em;
}
.price {
  color:#ff0000;
  font-size:1.2em;
  line-height:2.6em;
}

/*----------------------------------------------------------
 - LAYOUT
----------------------------------------------------------*/
/*layout clear*/
.clearfloat { 
  clear: both;
  height: 0;
  line-height: 0px;
}

/*layout logo*/
div#logo_base{
  background-image: url(../images/hd_base.gif);
  width: 100%;
  height: 100px;
}
div#logo{
  margin: 0 auto;
  text-align: left;
  width: 960px;
}
div#logo_l{
  float: left;
  width: 160px;
}
div#logo_r{
  float: right;
  width: 800px;
  padding-top: 28px;
}

/*layout menu*/
div#menu{
  margin: 0 auto;
  text-align: left;
  width: 960px;
}
div#menu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#menu li{
  margin: 0;
  padding: 0;
  float: left;
}
#menu li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.6;
}

/*layout contents*/
div#contents{
  margin: 0 auto;
  width: 960px;
  padding-top: 16px;
}
div#contents_A{
  float: left;
  width: 300px;
  padding-left: 15px;
}
div#contents_BC{
  float: right;
  width: 645px;
}
div#contents_B{
  float: left;
  width: 300px;
  padding-left: 15px;
}
div#contents_C{
  float: right;
  width: 300px;
  padding-right: 15px;
}

/*layout contents*/
div#cont010{
  background-image: url(../images/contents_a2.gif);
  width: 280px;
  padding-left: 10px;
  padding-right:10px;
  text-align: left;
  padding-top: 0px;
}
div#cont020{
  background-image: url(../images/contents_b2.gif);
  width: 280px;
  padding-left: 10px;
  padding-right:10px;
  text-align: left;
}
div#cont030{
  background-image: url(../images/contents_c2.gif);
  width: 280px;
  padding-left: 10px;
  padding-right:10px;
  text-align: left;
}
div#cont040{
  background-image: url(../images/contents_d2.gif);
  width: 280px;
  padding-left: 10px;
  padding-right:10px;
  text-align: left;
}






/*layout footer*/
div#footer {
  width:960px;
  margin:auto;
  padding:0;
  border:0;
}