@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 {
	width: 715px;
}

div#contents-wrap {
	background:url(../img/bg_main.gif) 0 0 repeat-y;
	padding:5px 0 0 0;
	margin-bottom:10px;
}



/* 1.header
========================================== */
div#contents div.headerSpContents {
	background:url(../img/img_mv.jpg) 0 0 no-repeat;
	width:706px;
	height:601px;
	margin:0 auto;
}

div#contents .headerSpContents h1,
div#contents .headerSpContents p {
	display:none;
}

/* 2.main
========================================== */
div#contents div.mainSpContents {
	margin:10px 10px 0;
}

.inrwrap{
	background:url(../img/bg_cnt.gif) 0 bottom no-repeat;
	padding:20px 20px 20px 20px;
	margin-bottom:20px;
}

.liststl01{
	border-bottom:1px solid #000;
	margin-bottom:10px;
	padding-bottom:15px;
	text-align:center;
}
.imgstl01{
	text-align:center;
}

.att_txt{
	text-align:right;
}


.img-sec{
	width:215px;
	float:left;
}


.dtl-sec{
	width:412px;
	float:right;
}

.btn-sec{
	background:url(../img/btn_bg.jpg) 0 0 no-repeat;
	padding:10px 0 10px 111px;
	margin:20px 0 10px;

}

.btn-sec li{
	float:left;
	padding-right:10px;
}


.att_txt02{
	color:#996600;
	text-align:right;
	font-weight:bold;
}

.animepac{
	clear:both;
	width:695px;
	margin:20px auto;
	text-align:center;
}

.animepac a{
	color:#FFF;
}


ul.chara_list{
	margin-left:13px;
}

ul.chara_list li{
	width:304px;
	float:left;
	padding-bottom:10px;
}



ul.chara_list li.mrg{
	padding-right:25px;

}

.stafflist{
	width:340px;
	float:left;
}
.castlist{
	width:300px;
	float:left;
}


.stafflist dt,
.castlist dt{
	font-weight:bold;
	padding-bottom:5px;
}


#gotosite{
	clear:both;
	text-align:right;
	padding-bottom:20px;
}

#gotosite a{
	color:#FFF;
}

div#contents h4.term {
	font-size: 12px;
	font-weight: bold;
	color: #;
}


/* 3.footer
========================================== */
div#contents div#officialLink {
	padding-bottom: 15px;
}
div#contents div#officialLink a {
	color: #fff;
}
div#contents div#officialLink p {
	margin-top: 3px;
}
div#contents div#officialLink div.bnr1 {
	float: left;
	width: 340px;
	text-align: center;
}
div#contents div#officialLink div.bnr2 {
	float: right;
	width: 340px;
	text-align: center;
}

/*--------------clearfix--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------clearfix--------------*/

#cmsList {
	margin-bottom: 20px;
}

#cmsList div.listBox {
	width: 691px;
}
#cmsList div.listBox div.lower div.txtBox {
	width: 601px;
}
#cmsList div#free div.listBox {
	width: 651px;
}
#cmsList div#free div.listBox div.lower div.txtBox {
	width: 561px;
}
#cmsList div#free .listBox {
	border: solid 2px #f06c93;
}
#cmsList div#free div.listBox ul.upper{
	background:#f06c93;
}
#cmsList div#free .free div.listBox li{
	color: #fff;
}