@charset "EUC-JP";
@import"common.css";
/*@import"free.css";*/
@import"selldvd.css";

/* Base 
------------------------------------------ */
div#MainContents {
	width: 575px;
}
div#MainContents .Border {
	width: 575px;
	background: url(../img/border.gif) no-repeat top;
	height: 17px;
}
/* ヘッダー 
------------------------------------------ */
div#MainContents #Header {
/*	background: url(../img/bg_header.jpg) no-repeat;*/
	background: url(../img/bg_header_rev2.jpg) no-repeat;
	height: 577px;
	position: relative;
}
div#MainContents #Header .freeCampaign {
	position: absolute;
	width: 90px;
	height: 90px;
	z-index: 1;
	left: 3px;
	top: 70px;
}
div#MainContents #Header h2 {
	clear: both;
	background: url(../img/logo_rev2.gif) no-repeat bottom;
	width: 355px;
	height: 162px;
/*	background: url(../img/logo.gif) no-repeat bottom;
	width: 355px;
	height: 177px;*/
	text-indent: -9999px;
	float: right;
}
div#MainContents #Header h3 {
	clear: both;
/*	background: url(../img/catch.gif) no-repeat;
	width: 575px;
	height: 60px;
*/
	background: url(../img/catch_rev2.gif) no-repeat bottom;
	text-indent: -9999px;
	width: 575px;
	height: 69px;
}
div#MainContents #Header h4.update {
	clear: both;
	background: url(../img/update.gif) no-repeat bottom right;
	text-indent: -9999px;
	width: 244px;
	height: 34px;
}
div#MainContents #Header h4.story {
	clear: both;
	background: url(../img/story.gif) no-repeat bottom;
	text-indent: -9999px;
	width: 343px;
/*	height: 175px;*/
	height: 188px;
	float: right;
}
div#MainContents #Header .promotion {
	clear: both;
	text-align: right;
	padding: 51px 0 25px;
/*	padding: 24px 0 25px;*/
}
div#MainContents #Header h4.broadcasting-info {
	clear: both;
	background: url(../img/broadcasting-info.gif) no-repeat bottom;
	text-indent: -9999px;
	width: 380px;
	height: 97px;
	float: right;
}
/* schedule 
------------------------------------------ */
div#MainContents table.schedule {
	border: 1px #880303 solid;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 10px;
}
div#MainContents table.schedule th {
	padding: 5px 10px;
	border: 1px #880303 solid;
	border-width: 0 0 1px 1px;
	background: #880303;
	color: #fff;
	font-weight: bold;
}
div#MainContents table.schedule td {
	padding: 5px 10px;
	border: 1px #880303 solid;
	border-width: 0 0 1px 1px;
	color: #880303;
}
/* パック 
------------------------------------------ */
div#MainContents #pack {
	margin: 10px 0 15px;
}
/* パック 
------------------------------------------ */
div#MainContents .caution {
	margin-bottom: 10px;
	color: #880303;
	font-size: 12px;
	line-height: 1.7em;
}
/* 第1話 
------------------------------------------ */
div#MainContents #Ep01 {
	clear: both;
	margin: 0 0 5px;
}
div#MainContents #Ep01 h4 {
	clear: both;
	background: url(../img/ttl_free_ep1.gif) no-repeat top;
	width: 575px;
	height: 33px;
	text-indent: -9999px;
}
/* 最新話 
------------------------------------------ */
div#MainContents #NewEp {
	clear: both;
	margin: 0 0 5px;
}
div#MainContents #NewEp h4 {
	clear: both;
	background: url(../img/ttl_newep.gif) no-repeat;
	width: 575px;
	height: 28px;
	text-indent: -9999px;
}
div#MainContents #NewEp .Box {
	margin: 5px 0 0;
}
div#MainContents #NewEp .lCon {
	float: left;
	width: 379px;
}
div#MainContents #NewEp .rCon {
	float: right;
	width: 188px;
}
div#MainContents #NewEp .lCon p {
	font-size: 12px;
	line-height: 1.8em;
	padding: 10px 0;
}
div#MainContents #NewEp .lCon ul {
	background: #e9e9e9;
	text-align: center;
	padding: 4px 0;
}
div#MainContents #NewEp .lCon li {
	display: inline;
	padding: 0 5px;
}
div#MainContents #NewEp .Date {
	background: #b5e1e7;
	padding: 4px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	clear: both;
	color: #ef3160;
}
/* リスト
------------------------------------------ */
div#MainContents #cmsList {
	clear: both;
	margin: 10px 0 5px;
}
/* リスト無料部分 
------------------------------------------ */
div#MainContents #cmsList {
	clear: both;
	margin-bottom: 10px;
}
#cmsList .listBox {
	width:571px;
}
#cmsList div.listBox .lower .txtBox{
	width:475px;
}
#cmsList .free {
/*	background: #d8c4b1;
	margin-bottom: 10px;*/
}
#cmsList .free h5 {
	margin-bottom: 5px;
}
#cmsList .free .listBox {
	border: solid 2px #d8c4b1;
}
#cmsList .free div.listBox ul.upper{
	background:#e8ded7;
}
/* キャラクター紹介 
------------------------------------------ */
div#MainContents #Chara {
	clear: both;
	margin: 0 0 5px;
}
div#MainContents #Chara h4 {
	clear: both;
	background: url(../img/ttl_chara.gif) no-repeat;
	width: 575px;
	height: 28px;
	text-indent: -9999px;
}
/* 作品データ 
------------------------------------------ */
div#MainContents #Data {
	clear: both;
	margin: 0 0 5px;
}
div#MainContents #Data h4 {
	clear: both;
	background: url(../img/ttl_data.gif) no-repeat;
	width: 575px;
	height: 28px;
	text-indent: -9999px;
}
div#MainContents #Data .Box {
	margin: 10px 0 0;
}
div#MainContents #Data .lCon {
	width: 277px;
	float: left;
}
div#MainContents #Data .rCon {
	width: 277px;
	float: right;
}
div#MainContents #Data h5 {
	background: #e9e9e9;
	font-size: 12px;
	border: solid 1px #000;
	padding: 4px;
	font-weight: normal;
}
div#MainContents #Data p {
	font-size: 12px;
	line-height: 1.8em;
	padding: 5px;
}
/* リンク 
------------------------------------------ */
div#MainContents #Link {
	clear: both;
	background: #e9e9e9;
	padding: 20px 15px 0;
	text-align: center;
}
div#MainContents #Link a {
	font-size: 12px;
	color: #ec1148;
}
div#MainContents #Link a:hover {
	color: #000;
}
div#MainContents #Link ul {
}
div#MainContents #Link li {
	padding: 0 0 20px;
}
/* コピーライト 
------------------------------------------ */
div#MainContents #Copyright {
	clear: both;
	font-size: 12px;
	padding: 8px 0 0;
}