@charset "EUC-JP";
/*@import'../../../../common/css/special.css';*/
@import'/common/css/special.css';
@import'common.css';
@import'/common/css/special_recommend2.css';
@import'/etc/animation/css/recommend_mini.css';

.spContents {
	width: 715px;
	background: #000;
}

/* cmsList 
------------------------------------------ */
#cmsList {
	clear: both;
	margin-top: 20px;
}
#cmsList .listBox {
	width:701px;
}
#cmsList div.listBox .lower .txtBox{
	width:600px;
}
/* header 
------------------------------------------ */
.spContents div.header {
	height: 514px;
}
.spContents div.header div.lCon {
	float: left;
/*	width: 327px;*/
	width: 243px;
}
.spContents div.header div.rCon {
	float: right;
/*	width: 388px;*/
	width: 396px;
}
.spContents div.header h1 {
	background: url(../img/logo.jpg) 0 0 no-repeat;
	width: 319px;
	height: 0;
	padding: 243px 0 0 0;
	display: block;
	overflow: hidden;
}
/* broadcast 
------------------------------------------ */
.spContents div.broadcast {
	clear: both;
	margin: 20px 5px 0;
}
/* memberfree 
------------------------------------------ */
.spContents div.freeEpisode {
	clear: both;
	margin: 20px 5px 0;
	background: url(../img/bg_common.gif) no-repeat bottom;
	zoom: 100%;
	padding: 0 0 15px 0;
}
.spContents div.freeEpisode:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.spContents div.freeEpisode .lCon {
	float: left;
	width: 203px;
	text-align: right;
}
.spContents div.freeEpisode .rCon {
	float: right;
	width: 502px;
}
.spContents div.freeEpisode ul {
	padding: 0 7px 0 0;
	text-align: right;
}
.spContents div.freeEpisode li {
	margin: 0 0 0 5px;
	display: inline;
}
.spContents div.freeEpisode li img {
	vertical-align: bottom;
}
/* latest 
------------------------------------------ */
.spContents div.latest {
	clear: both;
	margin: 20px 5px 0;
	background: url(../img/bg_common.gif) no-repeat bottom;
	zoom: 100%;
	padding: 0 0 15px 0;
}
.spContents div.latest:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.spContents div.latest .lCon {
	float: left;
	width: 404px;
	text-align: right;
}
.spContents div.latest .rCon {
	float: right;
	width: 301px;
}
.spContents div.latest ul {
	padding: 0 7px 0 0;
	text-align: right;
}
.spContents div.latest li {
	margin: 0 0 0 5px;
	display: inline;
}
.spContents div.latest li img {
	vertical-align: bottom;
}
.spContents div.latest .date {
	clear: both;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #793380;
	font-weight: bold;
}
/* bnr 
------------------------------------------ */
.spContents div.bnr {
	clear: both;
	margin: 20px auto 0;
}
.spContents div.bnr p {
	text-align: center;
	margin: 10px 0 0;
}
/* chara 
------------------------------------------ */
.spContents div.chara {
	clear: both;
	margin: 20px 5px 0;
	background: url(../img/bg_common.gif) no-repeat bottom;
	zoom: 100%;
}
.spContents div.chara:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.spContents div.chara p {
	float: left;
}
/* data 
------------------------------------------ */
.spContents div.data {
	clear: both;
	margin: 20px 5px 5px;
	padding: 0 0 10px 0;
	background: url(../img/bg_common.gif) no-repeat bottom;
	zoom: 100%;
	font-size: 12px;
	line-height: 1.5em;
}
.spContents div.data:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.spContents div.data .staff {
	float: left;
	width: 420px;
}
.spContents div.data .staff h4 {
	margin: 0 0 5px 20px;
}
.spContents div.data .staff ul {
	margin: 0 0 0 20px;
}
.spContents div.data .staff li {
	margin: 0 0 5px 0;
}
.spContents div.data .cast {
	float: right;
	width: 260px;
}
.spContents div.data .cast h4 {
	margin: 0 20px 5px 0;
}
.spContents div.data .cast ul {
	margin: 0 20px 0 0;
}
.spContents div.data .cast li {
	margin: 0 0 5px 0;
}
/* link 
------------------------------------------ */
.spContents div.link {
	clear: both;
	padding: 0 5px 5px;
}
.spContents div.link p {
	text-align: right;
}
/* link 
------------------------------------------ */
.spContents div.copyright {
	clear: both;
	background: #fff;
	padding: 5px;
	font-size: 10px;
}

#genre #packBtn {
	margin-top:20px;
}
#genre #packBtn table {
	width: 695px;
	margin: 0 auto;
}
#genre #packBtn td {
	text-align: left;
}
#genre #packBtn .packName {
	width: 491px;
}