@charset "EUC-JP";
/*@import "../../../../r_css/imports.css";*/

@import "/r_css/imports.css";
@import "/r_css/parts/cmslist.css";
@import "/common/css/special_recommend2.css";
@import "/etc/animation/css/recommend_mini.css";


/*----------------------------------------------------------------
	
	contents CSS
	
	1.header
	
	2.main
	
	3.footer


----------------------------------------------------------------*/


/* contents
========================================== */
div#contents div#spContents {
	width: 715px;
	background: #000;
	padding: 0 0 10px;
}
div#contents h1 {
	background: url(../img/logo.gif) no-repeat;
	width: 407px;
	display: block;
	height: 0;
	padding-top: 113px;
	margin-top: 0px;
	overflow: hidden;
}
div#contents .clearfix:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
/* 1.header
========================================== */
div#contents div#spContents div#header {
	background: url(../img/bg.jpg) no-repeat;
	height: 708px;
}
div#contents div#spContents div#header h3 {
	margin: 122px 0 0 0;
}
div#contents div#spContents div#packHeader h1 {
	background: none;
	height: auto;
	margin: 0;
	width: auto;
	padding: 0;
}
/* 2.free
========================================== */
div#contents div#spContents div#free {
	margin: 0 0 10px;
}
div#contents div#spContents div#free div.img {
	float: left;
	width: 250px;
	text-align: center;
}
div#contents div#spContents div#free div.main {
	width: 454px;
	float: left;
}
div#contents div#spContents div#free div.main h3 {
	text-align: center;
	margin: 30px 0;
}
div#contents div#spContents div#free div.main ul {
	background: url(../img/bg_btn_guestfree.gif) no-repeat;
	width: 454px;
	height: 31px;
	text-align: right;
	padding-top: 6px;
}
div#contents div#spContents div#free div.main li {
	display: inline;
	margin: 0 5px 0 0;
}
/* 3.latestepisode
========================================== */
div#contents div#spContents div#latestepisode {
	margin: 0 0 10px;
}
div#contents div#spContents div#latestepisode div.main {
	float: left;
	width: 435px;
}
div#contents div#spContents div#latestepisode div.main h3 {
	margin: 10px 0 10px 10px;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}
div#contents div#spContents div#latestepisode div.main p {
	margin: 5px 10px 0 10px;
	color: #cccccc;
	font-size: 12px;
	line-height: 2em;
}
div#contents div#spContents div#latestepisode div.main div.date {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #fff;
	line-height: 1.8em;
}
div#contents div#spContents div#latestepisode div.main div.btn {
	margin: 10px;
}
div#contents div#spContents div#latestepisode div.main div.btn ul {
	height: 31px;
	text-align: right;
	padding-top: 6px;
}
div#contents div#spContents div#latestepisode div.main div.btn ul.free {
	background: url(../img/bg_btn_latestepisode_free.gif) no-repeat;
}
div#contents div#spContents div#latestepisode div.main div.btn ul.price {
	background: url(../img/bg_btn_latestepisode_price.gif) no-repeat;
}
div#contents div#spContents div#latestepisode div.main div.btn li {
	display: inline;
	margin: 0 5px 0 0;
}
div#contents div#spContents div#latestepisode div.img {
	float: right;
	width: 280px;
	text-align: left;
}
div#contents div#spContents div#latestepisode div.img p {
	padding-bottom: 8px;
}
/* 4.data
========================================== */
div#contents div#spContents div#data {
	margin: 0 0 10px;
}
div#contents div#spContents div#data div.main {
	margin: 0 10px 0;
	padding: 10px 10px 0;
	background: url(../img/bg_data.jpg) no-repeat;
	border-bottom: 3px solid #3d3d3d;
}
div#contents div#spContents div#data div.main h5 {
	padding: 5px;
	background: #494949;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	width: 344px;
}
div#contents div#spContents div#data div.main ul {
	margin: 10px 0;
}
div#contents div#spContents div#data div.main li {
	color: #cccccc;
	font-size: 12px;
	margin-top: 3px;
}
	
/* 3.officialLink
========================================== */
div#contents div#spContents div#officialLink {
	margin: 15px 0 0;
	padding: 0 10px 0;
	text-align: center;
}
div#contents div#spContents div#officialLink li {
	background: #952c31;
	padding: 5px;
}
div#contents div#spContents div#officialLink a {
	color: #fff;
	text-decoration: underline;
	text-align: center;
}
/* 3.footer
========================================== */
div#contents div#spContents div#copyright {
	margin: 15px 5px 0 0;
	color: #fff;
	text-align: right;
}
/* 4.cmsList
========================================== */
div#contents div#spContents #cmsList {
	margin-top: 10px;
}
div#contents div#spContents #cmsList div.listBox {
	width: 691px;
}
div#contents div#spContents #cmsList div.listBox div.lower div.txtBox {
	width: 601px;
}
/* 5.watch
========================================== */
div#contents div#spContents div#watch {
	margin: 0 0 10px;
	text-align: center;
}
div#contents div#spContents div#watch a {
	color: #fcb06d;
}
div#contents div#spContents div#watch h4 {
	font-size: 12px;
	color: #fff;
}
div#contents div#spContents div#watch h4.method {
	float: left;
	text-align: left;
}
div#contents div#spContents div#watch h4.price {
	float: right;
	text-align: right;
}
div#contents div#spContents div#watch table {
	border: 2px #3d3d3d solid;
	border-collapse: collapse;
	border-spacing: 0;
	width: 695px;
	margin: 0 auto;
}
div#contents div#spContents div#watch td {
	padding: 5px 10px;
	border: 2px #3d3d3d solid;
	border-width: 0 0 1px 1px;
}
div#contents div#spContents div#watch td.current {
	background: #2d2d2d;
}
div#contents div#spContents div#watch td strong {
	font-weight: bold;
	color: #fff;
}