@charset "utf-8";

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

  Top page Context Style Sheet

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

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

/* What's New */
#wrapper .gentop_lbox .wn {
  background: url(../../top/design_templates/basic/img/boxttl_bg.gif) no-repeat;
  position: relative;
  width: 423px;
  margin: 0 0 16px 0;
}

#wrapper .gentop_lbox .wn h3 {
  padding: 15px 0 5px 15px;
}

#wrapper .gentop_lbox .wn p.link {
  position: absolute;
  right: 10px;
  top: 17px;
}

#wrapper .gentop_lbox .wn ul {
  list-style-type: none;
}

#wrapper .gentop_lbox .wn ul li {
  padding: 0 4px 4px 16px;
  margin: 0 0 1em 0;
  font-size: 92%;
  line-height: 1.1;
  height: 100%;
}

#wrapper .cbox .wn ul {
  list-style-type: none;
}

#wrapper .cbox .wn ul li {
  padding: 0 4px 4px 0;
  margin: 0 0 1em 0;
  font-size: 92%;
  line-height: 1.1;
  height: 100%;
}

#wrapper .gentop_lbox .bnr {
  margin: 0 0 0 15px;
}

#wrapper .gentop_lbox .bnr ul {
  list-style-type: none;
}

#wrapper .gentop_lbox .bnr ul li {
  float: left;
  margin: 0 5px 5px 0;
}

#wrapper .gentop_lbox .report {
  background: url(../../top/design_templates/basic/img/boxttl_bg.gif) no-repeat;
  position: relative;
  width: 407px;
  margin: 0 0 20px 0;
  padding: 0 0 0 16px;
}

#wrapper .gentop_lbox .report:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

#wrapper .gentop_lbox .report h3 {
  padding: 15px 0 5px 0;
}

#wrapper .gentop_lbox .report p.link {
  position: absolute;
  right: 10px;
  top: 17px;
}

#wrapper .gentop_lbox .report .topic {
  /*width: 190px;*/
  width: 380px;
  padding: 0 10px 10px 0;
  clear: both;
}

#wrapper .gentop_lbox .report .topic .ph {
  float: left;
  width: 69px;
  margin: 0 5px 10px 0;
}

#wrapper .gentop_lbox .report .topic .tx {
  float: left;
  width: 300px;
}

#wrapper .gentop_lbox .report .topic .tx a {
  text-decoration: none;
}

#wrapper .gentop_lbox .report .topic .tx a:hover {
  text-decoration: underline;
}

#wrapper .gentop_lbox .bnr_sp {
  text-align: center;
  margin: 0 0 20px 0;
}

#wrapper .gentop_lbox .comment {
  background: url(../../top/design_templates/basic/img/boxttl_bg.gif) no-repeat;
  position: relative;
  width: 407px;
  margin: 0 0 20px 0;
  padding: 0 0 0 16px;
}

#wrapper .gentop_lbox .comment .tx {
  font-size: 92%;
}

/* Hot News */
/*#wrapper .gentop_rbox .hn {
  position: relative;
  width: 423px;
  margin: 0 0 20px 0;
}

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

#wrapper .gentop_rbox .hn h3 {
  padding: 15px;
  background: url(../../top/design_templates/basic/img/boxttl_bg.gif) no-repeat;
}

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

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

#wrapper .gentop_rbox .hn p.link a:hover {
  text-decoration: none;
}

#wrapper .gentop_rbox .hn ul {
  list-style-type: none;
}

#wrapper .gentop_rbox .hn ul li {
  margin: 0 0 6px 0;
}

#wrapper .gentop_rbox .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 .gentop_rbox .hn .prop {
  padding: 0 6px 10px 0;
}

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

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

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

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

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

#wrapper .gentop_rbox .hn .prop .ph {
  float: right;
  margin: 0 0 0 0;
}

#wrapper .gentop_rbox .hn .prop p.tx {
  clear: both;
  padding: 1px 0 0 0;
}*/


/* sub */
#wrapper .gentop_rbox ul.btn {
  margin: 0 0 10px 0;
  list-style-type: none;
}

#wrapper .gentop_rbox ul.btn li {
  margin: 0 0 3px 0;
}

#wrapper .gentop_rbox .ad,
#wrapper .gentop_rbox .ranking {
  border: 1px solid #edf6e8;
  padding: 10px 13px;
  clear: both;
  margin: 0 0 16px 0;
  width: 172px;
}

#wrapper .gentop_rbox .ad .topic,
#wrapper .gentop_rbox .ranking .topic {
  width: 172px;
  margin: 16px 0 12px 0;
  clear: both;
}

#wrapper .gentop_rbox .ad .topic:after,
#wrapper .gentop_rbox .ranking .topic:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

#wrapper .gentop_rbox .ad .topic p,
#wrapper .gentop_rbox .ranking .topic p {
}

#wrapper .gentop_rbox .ranking .topic p {
  line-height: 1;
}

#wrapper .gentop_rbox .ad .topic .ph {
  float: left;
  margin: 0 10px 0 0;
  width: 52px;
}

#wrapper .gentop_rbox .ad .topic .tx {
  float: left;
  width: 109px;
  margin: 0 0 0 0;
  font-size: 92%;
}

#wrapper .gentop_rbox .ranking .ph {
  float: left;
  margin: 0 3px 0 0;
  width: 17px;
}

#wrapper .gentop_rbox .ranking .tx {
  float: left;
  width: 150px;
  margin: 3px 0 0 0;
}

#wrapper .gentop_rbox .ranking .tx2 {
  float: left;
  width: 120px;
  margin: 3px 0 0 0;
}

#wrapper .gentop_rbox .ranking .ja {
  font-size: 92%;
  font-weight: bold;
  color: #0081CC;
}

#wrapper .gentop_rbox .ranking .ja a {
  font-size: 107%;
  font-weight: bold;
  color: #0081CC;
}

#wrapper .gentop_rbox .ranking .en {
  font-size: 77%;
  color: #;
}

#wrapper .gentop_rbox .ranking .img {
  clear: both;
  padding: 6px 0 0 0;
}

#wrapper .gentop_rbox .ranking .img_s {
  float: right;
}

#wrapper .gentop_rbox .ranking .img_s:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}