@charset "UTF-8";
/* ==============================
  css-topics-list
=================================
topicsList
---------------------------------
topiBox
============================== */

/* ------------------------------
  topicsList
------------------------------ */
.topicsList {
  width: 713px;
  overflow: hidden;
  margin-bottom: 6px;
}
#news-aria650 .topicsList {
	width: 650px;
}
#archive-aria650 .topicsList {
	width: 650px;
}
#serial-aria650 .topicsList {
	width: 650px;
}

.topicsList a {
  width: 713px;
  color: #454545;
  background-color: #f7f7f7;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
#news-aria650 .topicsList a {
	width: 650px;
}
#archive-aria650 .topicsList a {
	width: 650px;
}
#serial-aria650 .topicsList a {
	width: 650px;
}

.topicsList a:hover {
  background-color: #ebebeb;
}

.topicsList span.wrapTopics {
  display: block;
  padding: 0 25px;
}
/* clearfix */
.topicsList span.wrapTopics:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.topicsList span.wrapTopics {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .topicsList span.wrapTopics {
  height: 1%;
}
.topicsList span.wrapTopics {
  display: block;
}
/* End hide from IE-mac */

.topicsList span.bg-top {
  width: 713px;
  height: 9px;
  background: url(/image/contents/topics/topics_bg_top.gif) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  display: block;
}
#news-aria650 .topicsList span.bg-top {
  width: 650px;
  background: url(/image/contents/topics/topics_bg_top650.gif) no-repeat left top;
}
#archive-aria650 .topicsList span.bg-top {
  width: 650px;
  background: url(/image/contents/topics/topics_bg_top650.gif) no-repeat left top;
}
#serial-aria650 .topicsList span.bg-top {
	width: 650px;
	background: url(/image/contents/img/topics/topics_bg_top650.gif) no-repeat left top;
}

.topicsList span.bg-btm {
  width: 713px;
  height: 9px;
  background: url(/image/contents/topics/topics_bg_btm.gif) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
  display: block;
}
#news-aria650 .topicsList span.bg-btm {
  width: 650px;
  background: url(/image/contents/topics/topics_bg_btm650.gif) no-repeat left bottom;
}
#archive-aria650 .topicsList span.bg-btm {
  width: 650px;
  background: url(/image/contents/topics/topics_bg_btm650.gif) no-repeat left bottom;
}
#serial-aria650 .topicsList span.bg-btm {
	width: 650px;
	background: url(/image/contents/img/topics/topics_bg_btm650.gif) no-repeat left bottom;
}

.topicsList span.icon {
  width: 30px;
  height: 30px;
  background-image: url(/image/contents/topics/icon/nomal.gif);
  display: block;
  background-repeat: no-repeat;
  padding-right: 15px;
  float: left;
}
.drugdrop span.icon {
  background-image: url(/image/contents/topics/icon/drugdrop.gif);
}
.gate7 span.icon {
  background-image: url(/image/contents/topics/icon/gate7.gif);
}
.tsubasa span.icon {
  background-image: url(/image/contents/topics/icon/tsubasa.gif);
}
.giass span.icon {
  background-image: url(/image/contents/topics/icon/giass.gif);
}
.ccsakura span.icon {
  background-image: url(/image/contents/topics/icon/ccsakura.gif);
}
.clover span.icon {
  background-image: url(/image/contents/topics/icon/clover.gif);
}
.drag span.icon {
  background-image: url(/image/contents/topics/icon/drag.gif);
}
.holic span.icon {
  background-image: url(/image/contents/topics/icon/holic.gif);
}
.kobato span.icon {
  background-image: url(/image/contents/topics/icon/kobato.gif);
}
.seiden span.icon {
  background-image: url(/image/contents/topics/icon/seiden.gif);
}
.rayearth span.icon {
  background-image: url(/image/contents/topics/icon/rayearth.gif);
}
.rayearth2 span.icon {
  background-image: url(/image/contents/topics/icon/rayearth2.gif);
}
.x span.icon {
  background-image: url(/image/contents/topics/icon/x.gif);
}
.babylon span.icon {
  background-image: url(/image/contents/topics/icon/babylon.gif);
}
.chobit span.icon {
  background-image: url(/image/contents/topics/icon/chobit.gif);
}
.sukidakara span.icon {
  background-image: url(/image/contents/topics/icon/sukidakara.gif);
}
.wish span.icon {
  background-image: url(/image/contents/topics/icon/wish.gif);
}
.clamptantei span.icon {
  background-image: url(/image/contents/topics/icon/clamptantei.gif);
}
.sinshunkaden span.icon {
  background-image: url(/image/contents/topics/icon/sinshunkaden.gif);
}
.shirahime span.icon {
  background-image: url(/image/contents/topics/icon/shirahime.gif);
}
.fushigino span.icon {
  background-image: url(/image/contents/topics/icon/fushigino.gif);
}
.twenty span.icon {
  background-image: url(/image/contents/topics/icon/20menso.gif);
}
.duklyon span.icon {
  background-image: url(/image/contents/topics/icon/duklyon.gif);
}
.watashino span.icon {
  background-image: url(/image/contents/topics/icon/watashino.gif);
}
.angelic span.icon {
  background-image: url(/image/contents/topics/icon/angelic.gif);
}
.i-all span.icon {
  background-image: url(/image/contents/topics/icon/all.gif);
}
.i-topics-ipt span.icon {
  background-image: url(/image/contents/topics/icon/topics_ipt.gif);
}
.i-topics span.icon {
  background-image: url(/image/contents/topics/icon/topics.gif);
}
.i-manga span.icon {
  background-image: url(/image/contents/topics/icon/manga.gif);
}
.i-event span.icon {
  background-image: url(/image/contents/topics/icon/event.gif);
}
.i-feature span.icon {
  background-image: url(/image/contents/topics/icon/feature.gif);
}
.i-item span.icon {
  background-image: url(/image/contents/topics/icon/item.gif);
}
.i-other span.icon {
  background-image: url(/image/contents/topics/icon/other.gif);
}

.topicsList span.date {
  width: 80px;
  font-size: 10px;
  background: url(/image/contents/topics/date_bg.gif) no-repeat 0 13px;
  display: block;
  padding-top: 8px;
  padding-left: 10px;
  float: left;
}
#serial-aria650 .topicsList span.date {
	width: 120px;
	background: url(/image/contents/topics/date_bg.gif) no-repeat 0 12px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding-top: 6px;
}
.topicsList a span.date {
  color: #979797;
}

.topicsList span.txt {
  width: 400px;
  font-size: 12px;
  line-height: 1.5;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
}
#news-aria650 .topicsList span.txt {
	width: 465px;
}
#archive-aria650 .topicsList span.txt {
	width: 465px;
}
#serial-aria650 .topicsList span.txt {
	width: 470px;
}
.topicsList a span.txt {
	color: #454545;
}
.topicsList a span.txt span.sale {
	display: inline;
	color: #ee0032;
	font-weight: bold;
}

.topicsList a span.txt span.hastubaiB {
	display: inline;
	color: #ee0032;
	font-weight: bold;
}
.topicsList a span.txt span.yoteiB {
	display: inline;
	color: #666;
	font-weight: bold;
}
.topicsList a span.txt span.comicB {
	display: inline;
	color: #6f9d00;
	font-weight: bold;
}
.topicsList a span.txt span.shouhinB {
	display: inline;
	color: #0852c1;
	font-weight: bold;
}
.topicsList a span.txt span.blB {
	display: inline;
	color: #000;
	font-weight: bold;
}

.topicsList span.txt img {
  padding-left: 10px;
  margin-top: 4px;
  vertical-align: baseline;
}

.topicsList span.arrow {
  width: 14px;
  height: 20px;
  background: url(/image/contents/topics/arrow.gif) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
  display: block;
  float: right;
}

.icon-list {
  width: 420px;
  padding-left: 3px;
  margin-bottom: 10px;
  margin-left: 22px;
  padding-top: 10px;
}
.icon-list li {
  width: 30px;
  height: 30px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-right: 6px;
  padding-bottom: 5px;
  float: left;
}
.icon-list li.last {
  padding-right: 0;
}
.icon-list li a {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.icon-list li.gate7 a {
  background-image: url(/image/contents/topics/icon/gate7.gif);
}
.icon-list li.tsubasa a {
  background-image: url(/image/contents/topics/icon/tsubasa.gif);
}
.icon-list li.giass a {
  background-image: url(/image/contents/topics/icon/giass.gif);
}
.icon-list li.ccsakura a {
  background-image: url(/image/contents/topics/icon/ccsakura.gif);
}
.icon-list li.clover a {
  background-image: url(/image/contents/topics/icon/clover.gif);
}
.icon-list li.drag a {
  background-image: url(/image/contents/topics/icon/drag.gif);
}
.icon-list li.holic a {
  background-image: url(/image/contents/topics/icon/holic.gif);
}
.icon-list li.kobato a {
  background-image: url(/image/contents/topics/icon/kobato.gif);
}
.icon-list li.seiden a {
  background-image: url(/image/contents/topics/icon/seiden.gif);
}
.icon-list li.rayearth a {
  background-image: url(/image/contents/topics/icon/rayearth.gif);
}
.icon-list li.rayearth2 a {
  background-image: url(/image/contents/topics/icon/rayearth2.gif);
}
.icon-list li.x a {
  background-image: url(/image/contents/topics/icon/x.gif);
}
.icon-list li.babylon a {
  background-image: url(/image/contents/topics/icon/babylon.gif);
}
.icon-list li.chobit a {
  background-image: url(/image/contents/topics/icon/chobit.gif);
}
.icon-list li.sukidakara a {
  background-image: url(/image/contents/topics/icon/sukidakara.gif);
}
.icon-list li.wish a {
  background-image: url(/image/contents/topics/icon/wish.gif);
}
.icon-list li.clamptantei a {
  background-image: url(/image/contents/topics/icon/clamptantei.gif);
}
.icon-list li.sinshunkaden a {
  background-image: url(/image/contents/topics/icon/sinshunkaden.gif);
}
.icon-list li.shirahime a {
  background-image: url(/image/contents/topics/icon/shirahime.gif);
}
.icon-list li.fushigino a {
  background-image: url(/image/contents/topics/icon/fushigino.gif);
}
.icon-list li.twenty a {
  background-image: url(/image/contents/topics/icon/20menso.gif);
}
.icon-list li.duklyon a {
  background-image: url(/image/contents/topics/icon/duklyon.gif);
}
.icon-list li.watashino a {
  background-image: url(/image/contents/topics/icon/watashino.gif);
}
.icon-list li.angelic a {
  background-image: url(/image/contents/topics/icon/angelic.gif);
}
.icon-list li.i-all a {
  background-image: url(/image/contents/topics/icon/all.gif);
}
.icon-list li.i-topics-ipt a {
  background-image: url(/image/contents/topics/icon/topics_ipt.gif);
}
.icon-list li.i-topics a {
  background-image: url(/image/contents/topics/icon/topics.gif);
}
.icon-list li.i-manga a {
  background-image: url(/image/contents/topics/icon/manga.gif);
}
.icon-list li.i-event a {
  background-image: url(/image/contents/topics/icon/event.gif);
}
.icon-list li.i-feature a {
  background-image: url(/image/contents/topics/icon/feature.gif);
}
.icon-list li.i-item a {
  background-image: url(/image/contents/topics/icon/item.gif);
}
.icon-list li.i-other a {
  background-image: url(/image/contents/topics/icon/other.gif);
}

.icon-list li a:hover {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}


/* ------------------------------
  topiBox
------------------------------ */
.topiBox h4 {
	width: 500px;
	height: 21px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-size: 10px;
	line-height: 10px;
}
.topiBox h4.txtSerial { background-image: url(/image/contents/serial/h5_serial.gif); }
.topiBox h4.txtComics { background-image: url(/image/contents/serial/h5_comics.gif); }
.topiBox h4.txtOther-kobato { background-image: url(/image/contents/serial/h5_other_kobato.gif); }
.topiBox h4.txtOther-holic { background-image: url(/image/contents/serial/h5_other_holic.gif); }
.topiBox h4.txtOther-gate7 { background-image: url(/image/contents/serial/h5_other_gate7.gif); }