@charset "UTF-8";
/* ==============================
  css-serial
=================================
h2
---------------------------------
rssAria
---------------------------------
rss
---------------------------------
serial-aria650
---------------------------------
showNow
---------------------------------
infoWrap
---------------------------------
serialImg
============================== */

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

/* ------------------------------
  rssAria
------------------------------ */
#rssAria {
	width: 445px;
	padding-top: 27px;
	float: right;
}
#rssAria p {
	text-align: right;
}

/* ------------------------------
  rss
------------------------------ */
.rss {
	width: 441px;
	padding-right: 4px;
	margin-bottom: 10px;
}
/* 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(../img/btn_rss.gif);
}
.rss li#btnRss-help a {
	background-image: url(../img/btn_rss_help.gif);
}

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

/* ------------------------------
  serial-aria650
------------------------------ */
#serial-aria650 {
	width: 960px;
	padding-bottom: 50px;
	background: url(/image/contents/serial/line_btm.gif) repeat-x left bottom;
}

/* ------------------------------
  showNow
------------------------------ */
.showNow {
	width: 960px;
	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;
	float: left;
}
.showNow span.txt {
	width: 912px;
	height: 30px;
	text-indent: -9999px;
	font-size: 10px;
	line-height: 10px;
	display: block;
	float: right;
}
.lineKobato { background: url(/image/contents/serial/line_kobato.gif) no-repeat top right; }
.lineHolic { background: url(/image/contents/serial/line_holic.gif) no-repeat top right; }
.lineGate7 { background: url(/image/contents/serial/line_gate7.gif) no-repeat top right; }
.lineDrugdrop { background: url(/image/contents/serial/line_drugdrop.gif) no-repeat top right; }

/* ------------------------------
  serialBox
------------------------------ */
.serialBox {
	width: 960px;
	padding-bottom: 40px;
}
/* clearfix */
.serialBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.serialBox { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html .serialBox { height: 1%; }
.serialBox { display: block; }
/* End hide from IE-mac */

/* ------------------------------
  infoWrap
------------------------------ */
.infoWrap {
	float: left;
	width: 650px;
}

/* ------------------------------
  serialImg
------------------------------ */
.serialImg {
	float: right;
	width: 290px;
}
.serialImg p.illimg {
	padding: 22px 26px 10px 0;
	text-align: right;
}
.serialImg 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;
}
.serialImg p.otherLink a {
	color: #000;
}
.serialImg p.otherLink a:hover {
	color: #666;
}