@charset "UTF-8";

@import url(../../common/css/common.css);

/* TOPCONTENTS-MAIN */
#main-area {
  width:665px;
  padding-top:20px;
  }

.menu-info a {
  color:#d6fa0c!important;
}

/* INFORMATION */

#info-area {
  margin-top:10px;
  background:URL(../../common/img/bg_rightarea.gif) top right repeat-y;
  height:100%;
  }

#info-area #left-block {
  width:506px;
  float:left;
  }


/* NEWITEM */  
#info-area #left-block #new-item {
  font-size:14px;
  line-height:18px;
text-align:left;
  }

#info-area #left-block #new-item a {
  color:#333;
  font-weight:bold;
  text-decoration:none;
  }

#info-area #left-block #new-item a:hover {
  color:#666;
  }

#info-area #left-block #new-item .block {
  float:left;
  margin-right:29px;
  display:block;
  width:139px;
  margin-bottom:20px;
  }

#info-area #left-block #new-item .block-last {
  float:left;
  margin-right:0!important;
  display:block;
  width:139px;
  margin-bottom:20px;
  }

/* BASEITEM */ 

#info-area #left-block #base-item {
  clear:both; 
  }

#info-area #left-block #base-item .block {
  float:left;
  margin-right:27px;
  display:block;
  width:74px;
  padding-bottom:30px;
  }

/* PARTS */ 
  
#info-area #left-block a img.frame {
  border:solid 2px #CCC;
  display:block;
  width:auto;
  height:auto;
  }

#info-area #left-block a:hover img.frame {
  border:solid 2px #E5E5E5;
  display:block;
  width:auto;
  height:auto;
  }

#page-in {
  width:490px;
  }

/* DETAILS */
#details h3 {
  font-size:18px;
  line-height:22px;
  font-color:#000;
  width:490px;
  margin-top:15px;
  }

#details h3 span {
  font-size:14px;
  }

#details h4 {
  color:#000;
  font-size:12px;
  }

#details .txt-area {
  width:490px;
  padding:10px 0;
  }

#details .txt-area p {
  padding-bottom:0.8em;
  }

#details ul.link-area li {
  padding-left:28px;
  background:URL(../../common/img/icon_link.gif) top left no-repeat;
  margin-bottom:5px;
  }

#details ul.link-area li a {
  color:#0099cc;
  }

#details ul.link-area li a:hover {
  color:#666;
  }


  
/* RIGHTAREA */ 
  
#info-area #right-block {
  width:145px;

  float:right;
  padding-bottom:10px;
  }

#info-area #right-block h3 {
  font-size:14px;
  background:URL(../../common/img/bg_h3line.gif) bottom left repeat-x;
  padding:5px;
  color:#333;
  font-weight:normal;
  }
  
#info-area #right-block ul {
  margin:5px 5px 15px 5px;
  }

#info-area #right-block li {
  padding-left:15px;
  background:URL(../../common/img/list_arrow03.gif) top left no-repeat;
  }

#info-area #right-block li a {
  color:#0099cc;
  text-decoration:none;
  }

#info-area #right-block li a:hover {
  color:#666;
  }


/* CATEGORY ICON */

/* HAIR */
.icon-Hair {
  font-size:9px;
  line-height:9px!important;
}

.icon-Hair a {
  background:#f645c2;
  color:#FFF!important;
  text-decoration:none;
  width:45px;
  display:block;
  text-align:center;
  font-weight:bold!important;
}

.icon-Hair a:hover {
  background:#666;
  color:#FFF!important;
  text-decoration:none;
  display:block;
  width:45px;
  text-align:center;
}

/* COSME */
.icon-Cosme {
  font-size:9px;
  line-height:9px!important;
}

.icon-Cosme a {
  background:#00b8ff;
  color:#FFF!important;
  text-decoration:none;
  width:45px;
  display:block;
  text-align:center;
  font-weight:bold!important;
}

.icon-Cosme a:hover {
  background:#666;
  color:#FFF!important;
  text-decoration:none;
  display:block;
  width:45px;
  text-align:center;
}

/* FASHION */
.icon-Fashion {
  font-size:9px;
  line-height:9px!important;
}

.icon-Fashion a {
  background:#c93aff;
  color:#FFF!important;
  text-decoration:none;
  width:45px;
  display:block;
  text-align:center;
  font-weight:bold!important;
}

.icon-Fashion a:hover {
  background:#666;
  color:#FFF!important;
  text-decoration:none;
  display:block;
  width:45px;
  text-align:center;
}

/* OTHERS */
.icon-Others {
  font-size:9px;
  line-height:9px!important;
}

.icon-Others a {
  background:#84d62b;
  color:#FFF!important;
  text-decoration:none;
  width:45px;
  display:block;
  text-align:center;
  font-weight:bold!important;
}

.icon-Others a:hover {
  background:#666;
  color:#FFF!important;
  text-decoration:none;
  display:block;
  width:45px;
  text-align:center;
}

/* CULTURE */
.icon-Culture {
  font-size:9px;
  line-height:9px!important;
}

.icon-Culture a {
  background:#ff7300;
  color:#FFF!important;
  text-decoration:none;
  width:45px;
  display:block;
  text-align:center;
  font-weight:bold!important;
}

.icon-Culture a:hover {
  background:#666;
  color:#FFF!important;
  text-decoration:none;
  display:block;
  width:45px;
  text-align:center;
}

/* sports */
.icon-Sports {
  font-size:9px;
  line-height:9px!important;
}

.icon-Sports a {
  background:#008aff;
  color:#FFF!important;
  text-decoration:none;
  width:45px;
  display:block;
  text-align:center;
  font-weight:bold!important;
}

.icon-Sports a:hover {
  background:#666;
  color:#FFF!important;
  text-decoration:none;
  display:block;
  width:45px;
  text-align:center;
}


/* GOODS */
.icon-Goods {
  font-size:9px;
  line-height:9px!important;
}

.icon-Goods a {
  background:#ffd800;
  color:#FFF!important;
  text-decoration:none;
  width:45px;
  display:block;
  text-align:center;
  font-weight:bold!important;
}

.icon-Goods a:hover {
  background:#666;
  color:#FFF!important;
  text-decoration:none;
  display:block;
  width:45px;
  text-align:center;
}

/* inquiry */
.inquiry-toi {
  background-image: url("../img/img_toi.gif");
  background-repeat:no-repeat;
  padding-left:18px;
  padding-top:2px;
  padding-bottom:3px;
}
.inquiry-free {
  background-image: url("../img/img_free.gif");
  background-repeat:no-repeat;
  padding-left:16px;
  margin-top:10px;
}