@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.link

	4.sell

	5.series

	6.footer

	7.cmsList

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

/* contents
========================================== */
div#contents {
	width: 715px;
}
div#contents div.hack {
	background: #000;
}
div#contents h1 {
	background: url(../img/logo.gif) no-repeat;
	width: 715px;
	height: 0;
	padding-top:98px;
	margin-top: 0;
	display: block;
	overflow: hidden;
	line-height: 20px;
}
/* 1.header
========================================== */
div#contents div#headerSpContents {
	zoom:100%;
}
div#contents div#headerSpContents:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
div#contents div#headerSpContents:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}

div#contents div#headerSpContents p.mainImg {
	float: left;
	width: 407px;
}
div#contents div#headerSpContents p.intro {
	float: right;
	width: 308px;
}
div#contents div#headerSpContents div.caution {
	clear: both;
	padding: 10px;
	border: 1px solid #fff;
	margin: 10px 5px 20px;
}
div#contents div#headerSpContents div.caution h4 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}
div#contents div#headerSpContents div.caution p {
	color: #fff;
	line-height: 1.8em;
}
/* 2.data
========================================== */
div#contents div#dataSpContents {
	background: url(../img/bg_data.gif) no-repeat;
	padding-bottom: 10px;
	margin: 10px 5px 0;
	border-bottom: 1px solid #fff;
}
div#contents div#dataSpContents h3 {
	margin-bottom: 10px;
}
div#contents div#dataSpContents h4 {
	font-size: 12px;
	color: #63b8ff;
}
div#contents div#dataSpContents div.box {
	padding: 0 20px 0 20px;
	zoom: 100%;
}
div#contents div#dataSpContents div.box:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
div#contents div#dataSpContents div.staff {
	float: left;
	width: 360px;
}
div#contents div#dataSpContents div.cast {
	float: right;
	width: 290px;
}
div#contents div#dataSpContents div.cast p {
	margin-top: 10px;
}
div#contents div#dataSpContents li {
	font-size: 10px;
	color: #fff;
	margin: 5px 0 0;
}
/* 3.link
========================================== */
div#contents div#linkSpContents {
	clear: both;
	text-align: right;
	margin: 15px 0 0;
}
/* 4.sell
========================================== */
div#contents div#sellSpContents {
	margin: 15px 0 0;
	text-align: center;
}
/* 5.series
========================================== */
div#contents div#seriesSpContents {
	margin-top: 15px;
	background: url(../img/bg_series.gif);
	zoom: 100%;
	height: 311px;
}
div#contents div#seriesSpContents:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
div#contents div#seriesSpContents ul {
	margin: 0 0 0 11px;
}

div#contents div#seriesSpContents li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	width: 139px;
}
/* 6.footer
========================================== */
div#contents div#footerSpContents {
	margin-top: 10px;
	padding: 0 0 0 10px;
	color: #dadada;
	line-height: 1.6em;
}
/* 7.cmsList
========================================== */
div#contents div#cmsList {
	padding: 20px 0 10px;
	background: #000;
	margin: 0;
}
div#contents div#cmsList div.listBox {
	width: 701px;
}
div#contents div#cmsList div.listBox div.lower div.txtBox {
	width: 611px;
}
div#contents div#cmsList div.caution {
	color: #f00;
	font-weight: bold;
	margin: 0 0 0 5px;
}
div#contents #packBtn {
	margin-top: 20px;
}
div#contents #packBtn table {
	margin: 0 auto;
}
div#contents #packBtn td {
	text-align: left;
}