@charset "utf-8";

/*===================================

  Top page Context Style Sheet

　※CSS設定内でコメントアウトしている
　　部分は各サイト個別で所有する
　　theme.cssで設定すること

===================================*/


/** トップページ **/
#wrapper #main #contents h3 {
  margin: 0 0 20px 0;
}

/* What's New */
#wrapper #main #contents .gentop_lbox .wn,
#wrapper #main #contents .cbox .wn {
  position: relative;
  width: 613px;
}

#wrapper #main #contents .gentop_lbox .wn h3,
#wrapper #main #contents .cbox .wn h3 {
  margin: 0 0 15px 0;
  background: url(../../top/design_templates/basic/img/boxttl_bg.gif) no-repeat;
}

#wrapper #main #contents .gentop_lbox .wn p.link {
  position: absolute;
  right: 3px;
  top: 3px;
}

#wrapper #main #contents .gentop_lbox .wn ul,
#wrapper #main #contents .cbox .wn ul {
  list-style-type: none;
}

#wrapper #main #contents .gentop_lbox .wn ul li,
#wrapper #main #contents .cbox .wn ul li {
  padding: 0 4px 4px 50px;
  margin: 0 0 1em 0;
  font-size: 92%;
  line-height: 1.3;
  height: 100%;
}


/* Hot News */
#wrapper #main #contents .gentop_rbox .hn,
#wrapper #main #contents .cbox .hn {
  position: relative;
  width: 613px;
  margin: 0 0 20px 0;
}

#wrapper #main #contents .gentop_rbox .hn:after,
#wrapper #main #contents .cbox .hn:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

#wrapper #main #contents .gentop_rbox .hn h3,
#wrapper #main #contents .cbox .hn h3 {
  margin: 0 0 15px 0;
  background: url(../../top/design_templates/basic/img/boxttl_bg.gif) no-repeat;
}

#wrapper #main #contents .gentop_rbox .hn p.link {
  position: absolute;
  right: 3px;
  top: 3px;
}

#wrapper #main #contents .gentop_rbox .hn p.link a {
  text-decoration: underline;
}

#wrapper #main #contents .gentop_rbox .hn p.link a:hover {
  text-decoration: none;
  /*background: ;*/
}

#wrapper #main #contents .gentop_rbox .hn ul,
#wrapper #main #contents .cbox .hn ul {
  list-style-type: none;
}

#wrapper #main #contents .gentop_rbox .hn ul li,
#wrapper #main #contents .cbox .hn ul li {
  margin: 0 0 6px 0;
}

#wrapper #main #contents .gentop_rbox .hn .topics_gen,
#wrapper #main #contents .cbox .hn .topics_gen {
  float: left;
  width: 170px;
  background: url(../img/topics_bg_gen.gif) no-repeat;
  padding: 0 14px 0 0;
  margin: 0 14px 0 0; 
  border-right: 1px dashed #999999;
}


#wrapper #main #contents .gentop_rbox .hn .prop,
#wrapper #main #contents .cbox .hn .prop {
  padding: 0 6px 10px 0;
}

#wrapper #main #contents .gentop_rbox .hn .prop .date,
#wrapper #main #contents .cbox .hn .prop .date {
  float: left;
  width: 47px;
  margin: auto;
  text-align: center;
}

#wrapper #main #contents .gentop_rbox .hn .prop .date .month,
#wrapper #main #contents .cbox .hn .prop .date .month {
  float: left;
  margin: 10px 0 4px 4px;
}

#wrapper #main #contents .gentop_rbox .hn .prop .date .day,
#wrapper #main #contents .cbox .hn .prop .date .day {
  float: left;
  margin: 10px 0 4px 0;
}

#wrapper #main #contents .gentop_rbox .hn .prop .date .dotw,
#wrapper #main #contents .cbox .hn .prop .date .dotw {
  clear: both;
  margin-top:3px;
  width: 47px;
  text-align: center;
}

#wrapper #main #contents .gentop_rbox .hn .prop .date .cate,
#wrapper #main #contents .cbox .hn .prop .date .cate {
  clear: both;
  margin: auto;
  text-align: center;
  padding: 15px 0 10px 2px;
}

#wrapper #main #contents .gentop_rbox .hn .prop .ph,
#wrapper #main #contents .cbox .hn .prop .ph {
  float: right;
  margin: 0 0 0 0;
  width: 100px;
  height: 70px;
  overflow: hidden;
}

#wrapper #main #contents .gentop_rbox .hn .prop .ph img,
#wrapper #main #contents .cbox .hn .prop .ph img {
  width: 100px;
}

#wrapper #main #contents .gentop_rbox .hn .prop p.tx,
#wrapper #main #contents .cbox .hn .prop p.tx {
  clear: both;
  padding: 1px 0 0 0;
}