@charset "EUC-JP";
@import'common.css';
/*@import'../../../../common/css/special.css';*/

@import'/common/css/special.css';
@import'/common/css/special_recommend2.css';
@import'/etc/animation/css/recommend_mini.css';


.spContents {
	width: 715px;
}
/* header 
------------------------------------------ */
.spContents #header {
	position: relative;
}
.spContents #header .catch {
	position: absolute;
	width: 341px;
	height: 55px;
	z-index: 1;
	left: 374px;
	top: 0px;
}
.spContents #header .txt {
	position: absolute;
	width: 341px;
	height: 192px;
	z-index: 2;
	left: 374px;
	top: 304px;
}
/* free 
------------------------------------------ */
.spContents #free {
	background: url(../img/bg_free.gif) no-repeat;
	height: 212px;
}
.spContents #free .top {
	background: url(../img/bg_free.gif) no-repeat;
	padding: 10px 0 0 10px;
}
.spContents #free a:link {
	text-decoration: underline;
	color: #dd0000;
}
.spContents #free a:hover {
	text-decoration: none;
}
.spContents #free .top p {
	float: left;
	padding-bottom: 19px;
}
.spContents #free .btm {
	clear: both;
	margin: 0 10px 10px;
}
.spContents #free .btm .story {
	float: left;
	width: 400px;
}
.spContents #free .btm .story h3 {
	margin-bottom: 6px;
}
.spContents #free .btm .story p {
	font-size: 12px;
	line-height: 1.8em;
	color: #fff;
}
.spContents #free .btm .btn {
	float: right;
	width: 295px;
}
.spContents #free .btm .btn ul {
	margin: 0;
	padding: 0;
}
.spContents #free .btm .btn li {
	display: inline;
	margin: 0 4px 0 0;
	padding: 0;
}
/* chara 
------------------------------------------ */
.spContents #chara {
}
/* data 
------------------------------------------ */
.spContents #data {
	background: url(../img/bg_data2.gif) repeat-y;
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ffe9ab;
}
.spContents #data .dataContents {
	background: url(../img/bg_data.gif) repeat-y;
	zoom: 100%;
	padding: 0 20px
}
.spContents #data .dataContents:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.spContents #data .staff {
	float: left;
	width: 325px;
}
.spContents #data .cast {
	float: right;
	width: 260px;
}
.spContents #data li {
	padding: 0 0 13px;
	font-size: 12px;
	line-height: 12px;
}
.spContents #data h3 {
	margin: 0 0 15px;
}
