@charset "UTF-8";

#recommendList h2,
#recommendBox h2{
  width:904px;
  margin:0 auto;
}

#recommendList h2 img,
#recommendBox h2 img{
  vertical-align:top;
}

/* Recommend TopPage */
#recommendList{
  width:904px;
  margin:0 auto;
  padding-bottom:40px;
}

#recommendList table{
  width:924px;
  margin-left:-20px;
  border-collapse:separate;
}

#recommendList td{
  width:462px;
  padding-bottom:10px;
  background-image:url(../lineup/reco_img/reco_list_bgbtm.gif);
  background-position:right bottom;
  background-repeat:no-repeat;
  vertical-align:top;
  border-top:18px solid #ffffff;
}

#recommendList td.emp{
  background:none;
  border-top:none;
}

#recommendList td .inrBox{
  width:412px;
  margin-left:20px;
  padding:0 10px 0 20px;
  background-image:url(../lineup/reco_img/reco_list_bgtop.gif);
  background-position:right top;
  background-repeat:no-repeat;
}

#recommendList td .inrBox ul{
  width:184px;
  float:left;
  padding-top:18px;
}

#recommendList td .inrBox ul li{
  padding-bottom:8px;
}

* html #recommendList td .inrBox ul li{
  font-size:12px;
}

#recommendList td .inrBox ul li.writer{
  padding-bottom:12px;
  color:#ed1e79;
}

#recommendList td .inrBox ul li.writer span{
  padding-left:6px;
  color:#333333;
}

#recommendList td .inrBox ul li img{
  margin-left:6px;
  vertical-align:-1px;
}

#recommendList td .inrBox div{
  width:199px;
  float:right;
}

#recommendList td .inrBox div img{
  margin-top:10px;
  padding:6px;
  border:1px solid #dbdcdc;
  background-color:#ffffff;
}

#recommendList p{
  text-align:right;
  padding:8px 5px 0 0;
}

/* ------------------------------------- */

#recommendBox{
  width:904px;
  margin:0 auto;
  padding-bottom:40px;
}

#recommendBox #inrBox{
  width:871px;
  margin-top:18px;
  border:1px solid #d9d9d9;
  padding:34px 15px 20px 16px;
}

#recommendBox #inrBox h3{
  text-align:center;
  font-weight:bold;
  margin-bottom:26px;
  color:#000000;
}

#recommendBox #inrBox #reco_main{
  width:460px;
  float:left;
  color:#000000;
}

#recommendBox #inrBox #reco_main h4{
  font-weight:bold;
  margin-bottom:8px;
}

#recommendBox #inrBox #reco_main p{
  font-size:15px;
  line-height:1.6em;
}

* html #recommendBox #inrBox #reco_main p{
  font-size:13px;
  line-height:1.8em;
}

#recommendBox #inrBox #reco_main p.writerName{
  text-align:right;
  padding-top:8px;
  line-height:1.4em;
}

#recommendBox #inrBox #reco_main div.nextLink{
  width:460px;
  padding-top:40px;
}

#recommendBox #inrBox #reco_main div.nextLink p{
  margin:0;
  padding-right:14px;
  font-size:13px;
  line-height:1.3em;
  display: table-cell;
  vertical-align: middle;
}

/* IE 6 */
* html #recommendBox #inrBox #reco_main div.nextLink p{
  display: inline;
  zoom: 1;
}

/* IE 7 */
*:first-child+html #recommendBox #inrBox #reco_main div.nextLink p{
  display: inline;
  zoom: 1;
}


#recommendBox #inrBox #reco_side{
  width:386px;
  float:right;
}

#recommendBox #inrBox #reco_side .artistImg{
  margin-bottom:24px;
  text-align:right;
}

#recommendBox #inrBox #reco_side table{
  width:384px;
  border-bottom:1px solid #ebe5ce;
  border-left:1px solid #ebe5ce;
  border-right:1px solid #ebe5ce;
  border-collapse:separate;
  background-color:#ffffe8;
}

#recommendBox #inrBox #reco_side caption{
  text-align:center;
  width:100%;
  border-top:1px solid #ebe5ce;
  border-left:1px solid #ebe5ce;
  border-right:1px solid #ebe5ce;
  background-color:#ffffe8;
  padding:16px 0 20px 0;
}

#recommendBox #inrBox #reco_side td{
  width:168px;
  padding:0 12px 34px 12px;
  vertical-align:top;
}

#recommendBox #inrBox #reco_side td ul{
  width:168px;
}

#recommendBox #inrBox #reco_side td ul li{
  padding-top:6px;
}

#recommendBox #inrBox #reco_side td ul li img{
  margin-left:6px;
  vertical-align:-1px;
}

#recommendBox #inrBox #reco_side td li.writer{
  padding-top:0;
  padding-bottom:4px;
  color:#ed1e79;
}

#recommendBox #inrBox #reco_side td li.writer span{
  padding-left:6px;
  color:#333333;
}