@charset "UTF-8";
/* ==============================
  css-topics
=================================
news-aria650
---------------------------------
h2
---------------------------------
infoWrap
---------------------------------
showNow
---------------------------------
genre
---------------------------------
assort
---------------------------------
number
---------------------------------
rss
---------------------------------
ill
---------------------------------
wrap-H
============================== */

#content {
	padding-bottom: 50px;
}

/* ------------------------------
  news-aria650
------------------------------ */
#news-aria650 {
	width: 650px;
}

/* ------------------------------
  h2
------------------------------ */
h2 {
	width: 190px;
	height: 99px;
	background: url(/image/contents/topics/h2.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}

/* ------------------------------
  infoWrap
------------------------------ */
.infoWrap {
	width: 650px;
	margin-bottom: 40px;
}
.infoWrap p.otherLink {
	padding-top: 10px;
	padding-right: 27px;
	padding-bottom: 10px;
	background: url(/image/contents/serial/arrow01.gif) no-repeat right center;
	text-align: right;
}
.infoWrap p.otherLink a {
	color: #000;
}
.infoWrap p.otherLink a:hover {
	color: #666;
}

/* ------------------------------
  showNow
------------------------------ */
.showNow {
	width: 650px;
	margin-bottom: 20px;
}
.showNow 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;
}
.showNow span.txt {
	width: 605px;
	height: 30px;
	text-indent: -9999px;
	font-size: 10px;
	line-height: 10px;
	display: block;
	float: right;
}
.lineI-feature { background: url(/image/contents/topics/line_clamp_news.gif) no-repeat top right; }
.lineI-all { background: url(/image/contents/topics/line_topics_news.gif) no-repeat top right; }

/* ------------------------------
  genre
------------------------------ */
#genre {
	width: 405px;
	padding-top: 15px;
	float: right;
	font-size: 10px;
}
#genre-top {
	width: 405px;
	height: 10px;
	background: url(/image/contents/topics/genre_bg_top.gif) no-repeat;
}
#genre-btm {
	width: 405px;
	height: 10px;
	background: url(/image/contents/topics/genre_bg_btm.gif) no-repeat;
}
#genre-ctr {
	width: 372px;
	padding: 2px 12px 0 21px;
	background: url(/image/contents/topics/genre_bg_ctr.gif) repeat-y;
}
#genre h4 {
	float: left;
	width: 119px;
	height: 12px;
	padding-top: 13px;
	background: url(/image/contents/topics/h4_genre.gif) no-repeat bottom;
	text-indent: -9999px;
}
#genre ul {
	float: right;
}
#genre li {
	width: 30px;
	padding-right: 2px;
	float: left;
}
#genre li a {
	width: 30px;
	height: 30px;
	background-color: #FFF;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	outline: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#genre li.i-all a {
	background-image: url(/image/contents/topics/icon/all.gif);
}
#genre li.i-topics-ipt a {
	background-image: url(/image/contents/topics/icon/topics_ipt.gif);
}
#genre li.i-topics a {
	background-image: url(/image/contents/topics/icon/topics.gif);
}
#genre li.i-event a {
	background-image: url(/image/contents/topics/icon/event.gif);
}
#genre li.i-feature a {
	background-image: url(/image/contents/topics/icon/feature.gif);
}
#genre li.i-item a {
	background-image: url(/image/contents/topics/icon/item.gif);
}
#genre li.i-item2 a {
	background-image: url(/image/contents/topics/icon/item2.gif);
}
#genre li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#genre li span {
	display: block;
	padding-top: 3px;
	text-align: center;
}

/* ------------------------------
  assort
------------------------------ */
#assort {
	width: 960px;
	font-size: 10px;
}
#assort-top {
	width: 956px;
	height: 10px;
	background: url(/image/contents/topics/assort_bg_top.gif) no-repeat;
}
#assort-btm {
	width: 956px;
	height: 10px;
	background: url(/image/contents/topics/assort_bg_btm.gif) no-repeat;
}
#assort-ctr {
	width: 923px;
	padding: 2px 12px 0 21px;
	background: url(/image/contents/topics/assort_bg_ctr.gif) repeat-y;
}
#assort h4 {
	float: left;
	width: 108px;
	height: 12px;
	padding-top: 13px;
	background: url(/image/contents/topics/h4_assort.gif) no-repeat bottom;
	text-indent: -9999px;
}
#assort ul {
	float: right;
}
#assort li {
	width: 30px;
	padding-right: 2px;
	float: left;
}
#assort li a {
	width: 30px;
	height: 30px;
	background-color: #FFF;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	outline: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#assort li.tsubasa a {
	background-image: url(/image/contents/topics/icon/tsubasa.gif);
}
#assort li.giass a {
	background-image: url(/image/contents/topics/icon/giass.gif);
}
#assort li.ccsakura a {
	background-image: url(/image/contents/topics/icon/ccsakura.gif);
}
#assort li.clover a {
	background-image: url(/image/contents/topics/icon/clover.gif);
}
#assort li.drag a {
	background-image: url(/image/contents/topics/icon/drag.gif);
}
#assort li.holic a {
	background-image: url(/image/contents/topics/icon/holic.gif);
}
#assort li.kobato a {
	background-image: url(/image/contents/topics/icon/kobato.gif);
}
#assort li.seiden a {
	background-image: url(/image/contents/topics/icon/seiden.gif);
}
#assort li.rayearth a {
	background-image: url(/image/contents/topics/icon/rayearth.gif);
}
#assort li.rayearth2 a {
	background-image: url(/image/contents/topics/icon/rayearth2.gif);
}
#assort li.x a {
	background-image: url(/image/contents/topics/icon/x.gif);
}
#assort li.babylon a {
	background-image: url(/image/contents/topics/icon/babylon.gif);
}
#assort li.chobit a {
	background-image: url(/image/contents/topics/icon/chobit.gif);
}
#assort li.sukidakara a {
	background-image: url(/image/contents/topics/icon/sukidakara.gif);
}
#assort li.wish a {
	background-image: url(/image/contents/topics/icon/wish.gif);
}
#assort li.clamptantei a {
	background-image: url(/image/contents/topics/icon/clamptantei.gif);
}
#assort li.sinshunkaden a {
	background-image: url(/image/contents/topics/icon/sinshunkaden.gif);
}
#assort li.shirahime a {
	background-image: url(/image/contents/topics/icon/shirahime.gif);
}
#assort li.fushigino a {
	background-image: url(/image/contents/topics/icon/fushigino.gif);
}
#assort li.twenty a {
	background-image: url(/image/contents/topics/icon/20menso.gif);
}
#assort li.dukarion a {
	background-image: url(/image/contents/topics/icon/dukarion.gif);
}
#assort li.watashino a {
	background-image: url(/image/contents/topics/icon/watashino.gif);
}
#assort li.angelic a {
	background-image: url(/image/contents/topics/icon/angelic.gif);
}
#assort li.i-other a {
	background-image: url(/image/contents/topics/icon/other.gif);
}
#assort li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#assort li span {
	display: block;
	padding-top: 3px;
	text-align: center;
}

/* ------------------------------
  number
------------------------------ */
#numberAria {
	width: 960px;
	background: url(/image/contents/topics/line_numbergif) repeat-x;
	padding-top: 15px;
	margin-bottom: 30px;
}

#number {
	width: 480px;
	float: left;
}
#number ul {
	height: 29px;
	overflow: hidden;
}
/* clearfix */
#number ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#number ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #number ul {
	height: 1%;
}
#number ul {
	display: block;
}
/* End hide from IE-mac */

#number li {
	width: 29px;
	height: 29px;
	font-size: 12px;
	padding-right: 5px;
	float: left;
}

#number li a {
	width: 29px;
	height: 29px;
	text-decoration: none;
	display: block;
	outline: none;
	background: url(/image/contents/topics/nav_number.gif) no-repeat;
}

#number li a:hover {
	background-position: 0 -29px;
}
#number li.current a {
	background-position: 0 -58px;
}
#number li.current a:hover {
	background-position: 0 -58px;
}

#number li a span {
	display: block;
	text-align: center;
	color: #FFFFFF;
	padding-top: 7px;
}

/* ------------------------------
  rss
------------------------------ */
.rss {
	width: 375px;
	padding-top: 3px;
	padding-right: 5px;
	float: right;
}
/* clearfix */
.rss:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss {
	height: 1%;
}
.rss {
	display: block;
}
/* End hide from IE-mac */

.rss p {
	text-align: right;
	color: #939393;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 8px;
	float: right;
}

.rss ul {
	width: 56px;
	float: right;
}
/* clearfix */
.rss ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.rss ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .rss ul {
	height: 1%;
}
.rss ul {
	display: block;
}
/* End hide from IE-mac */

.rss li {
	width: 26px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
.rss li#btnRss {
	float: left;
}
.rss li#btnRss-help {
	float: right;
}

.rss li a {
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
.rss li#btnRss a {
	background-image: url(/image/common/btn_rss.gif);
}
.rss li#btnRss-help a {
	background-image: url(/image/common/btn_rss_help.gif);
}

.rss li a:hover {
	background-position: 0 -26px;
}

/* ------------------------------
  ill
------------------------------ */
#wrap-top {
	width: 100%;
}
#ill-wrap {
	width: 100%;
	position: relative;
	padding-bottom: 25px;
}

#ill01 {
	width: 81px;
	height: 66px;
	background: url(/image/contents/topics/bg_ill01.gif) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 800;
}

#ill02 {
	width: 426px;
	height: 678px;
	background: url(/image/contents/topics/bg_ill02.gif) no-repeat;
	position: absolute;
	right: 0;
	bottom: -23px;
}

/* ------------------------------
  wrap-H
------------------------------ */
#wrap-H {
	min-height: 570px;
}
* html #wrap-H {
	height: 570px;
}