@charset "UTF-8";

/* ---outline--- */
#mainVisual {
  margin: 0 0 20px;
}

#read {
  margin: 0 0 20px;
}

#newsArea {
  margin: 0 0 20px;
  border: 1px dashed #646464;
  padding: 9px;
}

#newsArea table td {
  padding: 2px 5px;
}
#newsArea table td.date {
  color: #508EBE;
}

#newAndRecommendArea {
  width: 680px;
  margin: 0 0 20px;
}
#newAndRecommendArea .item {
  float: left;
  width: 160px;
  margin: 0 15px 10px 0;
}
#newArea {
  float: left;
  width: 350px;
  margin: 0 -15px 0 0;
  overflow: hidden;
  _zoom: 1;
}
#recommendArea {
  float: right;
  width: 350px;
  margin: 0 -15px 0 0;
  overflow: hidden;
  _zoom: 1;
}

#pickupArea {
  width: 690px;
  margin: 0 -10px 20px 0;    
  overflow: hidden; 
  _zoom: 1; 
}
#pickupArea a {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
}
#pickupArea a.end {
  /*margin-left: 10px;*/
}

#categoryArea {
  margin: 0 0 20px;
}

/* ---#colSub #categoryArea--- */
#categoryArea a {
  text-decoration: none;
}
#categoryArea a:link {
  color: #4D4D4D;
}
#categoryArea a:visited {
  color: #5E5E5E;
}
#categoryArea a:active {
  color: #5E5E5E;
}
#categoryArea a:hover {
  color: #CC0000;
  text-decoration: underline;
}

#categoryArea {
  margin: 0 0 20px;
  /* for IE 6 */
  zoom: 1;
}

#categoryArea ul {
}

#categoryArea ul li {
  float: left;
  position: relative;
  list-style: none;
}
#categoryArea ul li,
#categoryArea ul a {
  width: 220px;
  height: 70px;
  display: block;
}
#categoryArea ul a {
  line-height: 1;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../img/index/bg_srch_category.gif) no-repeat;
}
#categoryArea ul li.g2 {
  width: 240px;
}
#categoryArea ul li.g1 a {
  background-position: 0px 0px;
}
#categoryArea ul li.g2 a {
  width: 240px;
  background-position: -220px 0px;
}
#categoryArea ul li.g3 a {
  background-position: -460px 0px;
}
#categoryArea ul li.g1 a:hover {
  background-position: 0px -70px;
}
#categoryArea ul li.g2 a:hover {
  width: 240px;
  background-position: -220px -70px;
}
#categoryArea ul li.g3 a:hover {
  background-position: -460px -70px;
}



#stoneArea {
  margin: 0 0 20px;
  border: 1px solid #646464;
  padding: 9px;
}

#stoneArea .cols {
  width: 660px;
}
#stoneArea .stone {
  float: left;
  width: 65px;
  margin: 0 2px 5px 13px;
}


#banArea {
  margin-bottom: 30px;
}

#ban2Area {
  margin-bottom: 20px;
}