/* お勧め（トップだけ） */
#recommend {
  width: 861px;
  height: 242px;
  margin: 0 auto;
  background: url('/recommend.png') no-repeat top left;
  text-align: left;
}
#recommend1,
#recommend2 {
  float: left;
  margin-top: 50px;
}
#recommend1 {
  width: 360px;
  margin-left: 50px;
}
* html #recommend1 { /* IE6 hack */
  margin-left: 25px;
}
#recommend2 {
  width: 375px;
  margin-left: 25px;
}
#recommend .recommend .image {
  margin-top: 20px;
  width: 100px;
  height: 150px;
  text-align: center;
  float: left;
}
#recommend .recommend .title {
  font-size: 150%;
  font-weight: bold;
}
#recommend .recommend .author {
  font-size: 90%;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
}
#recommend .recommend .comment {
  font-size: 90%;
  line-height: 1.2em;
}



#mainLeft {
  width: 352px;
  float: left;
}
#mainRight {
  width: 287px;
  float: right;
}


/* 枠は共通 */
#main .frame {
  border: solid 2px #eee;
  padding: 3px;
}
#main .frame .all {
  margin-top: 20px;
  text-align: right;
}

/* 新着コンテンツ */
#newContents .bookMini {
  margin-left: 1px;
  width: 170px;
  float: left;
}
#newContents .bookMini .title {
  font-size: 80%;
}
#newContents .bookMini .author {
  font-size: 80%;
}
#newContents .div {
  clear: left;
  margin: 20px 10px;
  color: #0c0;
}
*+html #newContents .div { /* IE7 hack */
  margin-top: 0;
}
* html #newContents .div { /* IE6 hack */
  margin-top: 0;
}

/* ニュース */
#news ul {
  padding: 0 10px;
  margin: 0;
}
#news ul li {
  list-style-type: none;
  background: url('/news/items.png') no-repeat left top;
  font-size: 80%;
  border-bottom: dotted 2px #000;
  padding: 0 0 10px 20px;
  margin-top: 10px;
}

/* コラム */
#titleColumn {
  margin-top: 20px;
}
#column ul {
  clear: left;
}
#column ul li {
  list-style-type: none;
}
#column ul .author {
  font-size: 90%;
}
#column ul .show_date {
  display: block;
  color: #777;
  font-size: 80%;
}

/* 刊行予定 */
#titlePlan {
  clear: both;
  padding-top: 20px;
}
#plan {
  font-size: 90%;
}
#plan ul {
  margin: 5px 5px 5px 25px;
}
#plan ul li {
  list-style-type: none;
  text-indent: -20px;
}
#plan .title {
  font-weight: bold;
  color: #f80;
}
#plan .author {
  font-size: 90%;
}
#plan .publish_date {
  font-style: italic;
  font-size: 90%;
}
#plan .price {
  font-size: 90%;
}