@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
	
　　【お願い】
    div#contentsを頭につけてコーディングをお願いします。
	例: div#contents .button{
		 }
　　　
	
	1.header
	
	2.main
	
	3.footer


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



/*共通＆リセット*/

div#contents img{
	vertical-align:top;
}



/*--------------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--------------*/





/* contents
========================================== */
div#contents {
	width: 715px;
}

div#contents h1 {}


div#contents h2{
	margin-top:20px;
}

/* 1.header
========================================== */
div#contents div.headerSpContents {
	position: relative;
}
div#contents div.headerSpContents .freeCampaign {
	position: absolute;
	width: 90px;
	height: 90px;
	z-index: 1;
	left: 615px;
	top: 160px;
}

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

/* 2.main
========================================== */
div#contents div.mainSpContents {
	padding:10px;
	background-color:#008E3E;
}


div#contents .inrwrap{
	padding:20px;
	background-color:#FFF;
}



/*table*/
div#contents .dtl_tbl{
	border:1px solid #C9B77E;
	background-color:#FAFAEC;
}

div#contents .dtl_tbl th{
	border-right:1px solid #C9B77E;
	border-bottom:1px solid #C9B77E;
	background-color:#FAFAEC;
}

div#contents .dtl_tbl td{
	border-right:1px solid #C9B77E;
	border-bottom:1px solid #C9B77E;
	background-color:#FAFAEC;
	padding:5px 10px;
}

div#contents .dtl_tbl td.storylist01{
	border-right:none;
}

div#contents .dtl_tbl td.price{
	text-align:right;
}


/*icon*/

div#contents .icon{}

/*attention*/


div#contents .attention{
	color:#C00;
	font-weight:bold;
}




/*キャラクター*/

div#contents ul.chara_list{
	width:655px;
	margin:0 auto;
}

div#contents ul.chara_list li{
	float:left;
	padding:0 12px 20px 0;
}

div#contents ul.chara_list li.adjust{
	padding-right:0;
}

/*スタッフ*/


div#contents .stafflist{
	width:370px;
	float:left;
}

div#contents .castlist{
	width:280px;
	float:left;
}


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

div#contents .stafflist dd,
div#contents .castlist dd{
	line-height:1.6;
}


/*コピーライト*/
div#contents .copyright{
	text-align:center;
	margin-top:10px;
	color:#FFF;
	clear:both;
}




/*ーーーーーーーー
下層ページ
ーーーーーーーーー*/

div#contents .packlist {
	padding : 20px 5px;
}

div#contents .packlist span {
	padding: 2px;
	margin-left: 5px;
	background: #CE292D;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}
div#contents .packlistbtn {
	padding-top:10px;
}

div#contents #eyeshield .packlist{
	line-height:1.8;
}


div#contents .packlistbtn li{
	float:left;
	padding-right:2px;
}

div#contents .packlistbtn li.lastchild{
	padding:0;
}

div#contents .copyright_low{
	text-align:center;
	color:#333;
}



/* 3.cmsList
========================================== */

#cmsList .free .listBox {
	border: solid 2px #ed8d00;
}
#cmsList .free div.listBox ul.upper{
	background:#ed8d00;
}
#cmsList .free div.listBox li{
	color: #fff;
}

#cmsList .free2 .listBox {
	border: solid 2px #008e3c;
}
#cmsList .free2 div.listBox ul.upper{
	background:#008e3c;
}
#cmsList .free2 div.listBox li{
	color: #fff;
}


/* 4.caution
========================================== */

#eyeshield div.caution {
	padding: 15px 0;
	background: url(../img/bg_list.gif) repeat-y;
}
#eyeshield div.caution div.waku {
	border: 1px solid #f00;
	padding: 8px;
	background: #fff;
}
#eyeshield div.caution h4 {
	font-size: 12px;
	font-weight: bold;
	color: #f00;
	margin-bottom: 4px;
}
#eyeshield div.caution li {
	font-size: 12px;
	color: #f00;
	margin-bottom: 2px;
}

/* 5.goods
========================================== */
#eyeshield div#goods {
	margin-bottom: 10px;
}
/* 3.footer
========================================== */
div#contents div.footerSpContents {
}