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

#cmsList {
	clear: both;
	margin-top: 20px;
}
#cmsList .listBox {
	width:701px;
}
#cmsList div.listBox .lower .txtBox{
	width:600px;
}

.spContents {
	width: 715px;
	background: #000;
}
/* header 
------------------------------------------ */
.spContents .header {
	height: 500px;
}
.spContents .header .mainImg {
	float: left;
	width: 394px;
}
.spContents .header .rCon {
	float: right;
	width: 321px;
}
.spContents .header h1 {
	background: url(../img/logo.gif) no-repeat;
	width: 321px;
	height: 0;
	padding: 164px 0 0 0;
	display: block;
	overflow: hidden;
}
/* memberfree 
------------------------------------------ */
.spContents .memberFree {
	margin: 20px 5px 0;
	background: #f2eeeb;
	zoom: 100%;
	padding-bottom: 10px;
}
.spContents .memberFree:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.spContents .memberFree .lCon {
	float: left;
	width: 202px;
	text-align: right;
}
.spContents .memberFree .rCon {
	float: right;
	width: 493px;
	text-align: left;
}
.spContents .memberFree .rCon ul {
	margin: 0 10px 0 0;
	text-align: right;
}
.spContents .memberFree .rCon li {
	display: inline;
	margin: 0 0 0 5px;
}
.spContents .memberFree .rCon li img {
	vertical-align: bottom;
}
/* latest 
------------------------------------------ */
.spContents .latest {
	margin: 20px 5px 0;
	background: #f2eeeb;
	zoom: 100%;
	padding-bottom: 10px;
}
.spContents .latest:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
.spContents .latest .lCon {
	float: left;
	width: 202px;
	text-align: right;
}
.spContents .latest .rCon {
	float: right;
	width: 493px;
	text-align: left;
}
.spContents .latest .rCon ul {
	margin: 0 10px 0 0;
	text-align: right;
}
.spContents .latest .rCon li {
	display: inline;
	margin: 0 0 0 5px;
}
.spContents .latest .rCon li img {
	vertical-align: bottom;
}
.spContents .latest p {
	line-height: 1.7em;
	margin: 0 10px 10px 0;
}
.spContents .latest h4 {
	margin: 10px 10px 0 0;
	text-align: right;
	color: #b30000;
	font-weight: bold;
}
/* bnr 
------------------------------------------ */
.spContents .bnr {
	text-align: center;
	margin: 10px 0 0;
}
.spContents .bnr p {
	padding: 10px 0 0;
}
/* sell 
------------------------------------------ */
.spContents .sell {
	margin: 20px 0 0;
	text-align: center;
}
/* chara 
------------------------------------------ */
.spContents .chara {
	margin: 20px 0 0;
	text-align: center;
}
.spContents .chara div#flashBox {
	background: url(../img/img_chara.jpg) no-repeat;
	width: 705px;
	margin: 0 auto;
}
/* data 
------------------------------------------ */
.spContents .data {
	margin: 20px 5px 8px;
	background: #f2eeeb;
	zoom: 100%;
	padding-bottom: 10px;
}
.spContents .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 8px;
}
.spContents div.link p {
	text-align: right;
}
/* copyright 
------------------------------------------ */
.spContents div.copyright {
	clear: both;
	background: #fff;
	padding: 5px;
	font-size: 10px;
}
/* packBtn setting
------------------------------------------------------------*/
#genre #packBtn {
	margin: 20px 0 0;
}
#genre #packBtn table {
	width: 695px;
	margin: 0 auto;
}
#genre #packBtn td {
	text-align: left;
}
#genre #packBtn .packName {
	width: 491px;
}

/* caution */
.spContents div.caution {
	padding: 15px 10px;
}
.spContents div.caution div.waku {
	border: 1px solid #f00;
	padding: 8px;
	background: #fff;
}
.spContents div.caution h4 {
	font-size: 12px;
	font-weight: bold;
	color: #f00;
	margin-bottom: 4px;
}
.spContents div.caution li {
	font-size: 12px;
	color: #f00;
	margin-bottom: 2px;
}