/* --- トップページ --- */

div#top_left {
  width: 470px;
  background: url(/images/line_setoff.gif) right top repeat-y;
  padding-right: 20px;
  margin-left: 14px;
}

div#top_left h2 {
  background-color: tarnsparent;
  background-image: none;
  height: auto;
  line-height: normal;
  border: none;
  padding: 0;
  margin: 0 0 14px;
}

div#top_left p {
  font-size: 9pt;
}

/* セミナー・イベント */
div.top_seminar {
  margin-top: 20px;
  margin-bottom: 24px;
}

div.top_seminar p {
  font-size: 9pt;
}

div.top_seminar_item {
  height: 90px;
  margin-bottom: 18px;
  clear: both;
}

div.top_seminar_item div.top_seminar_item_left {
  float: left;
  width: 330px;
  margin-right: 8px;
}

div.top_seminar_item div.top_seminar_item_right {
  float: left;
  width: 132px;
}

div.top_seminar_item div.top_seminar_item_right p {
  margin-bottom: 6px;
}

div.top_seminar_item div.top_seminar_item_right p.syosai {
  text-align: right;
  margin-bottom: 0;
}

div.top_seminar p.line {
  clear: both;
  margin-top: 0;
  margin-bottom: 18px;
}

/* 最新トピックス */
table.top_topics {
  font-size: 9pt;
  margin-bottom: 6px;
}

table.top_topics tr {
  background: url(/images/top/line_topic.gif) no-repeat left bottom;
}

table.top_topics p {
  margin: 0;
  line-height: 1.5;
}

/* Ruby on Rails with OIAX */
div#top_oiaxjp {
}

div#top_oiaxjp_right {
  width: 200px;
  float: right;
  padding-right: 20px;
}

/* -- 右側パーツ -- */
div#top_right {
  position: absolute;
  top: 0;
  left: 490px;
  width: 128px;
  margin-left: 16px;
}

div#top_right div.book {
  padding: 6px;
  background: url(/images/line_rightmenu.gif) bottom left no-repeat;
}

div#top_right div#book01 {
  padding-top: 24px;
}

div#top_right p {
  font-size: 8pt;
  color: #555;
  margin: 0 0 6px;
}

div#top_right p a {
  color: #555;
}

div#top_right p.cover {
  text-align: center;
}