@charset"EUC-JP";
/*
特集ページ設定css
*/

/*r対応追加*/
/*reset.css内でリセットした値を
特集ページ内の古いCMS生成リスト用に設定し直す*/
/*div.spBox table {
	border-collapse: separate;
	border-spacing: 2px;
	font-size: inherit;
}
*/
/* CMS生成リスト設定 2008.3.xx
------------------------------------------------------------*/
#cmsList{
	clear: both;
}
#cmsList *{
	margin:0;
	padding:0;
}

#cmsList div.listBox{
	width:710px;
	border:2px solid #DCDCDC;
	margin:0 auto 10px;
	background: #fff;
}

/*clearfix 親要素の高さが算出されず背景画像など表示されない時に*/
#cmsList div.listBox:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}

#cmsList div.listBox ul.upper{
	text-align:right;
	background:#DCDCDC;
	padding:2px 10px 2px 2px;
	font-size:11px;
}

#cmsList div.listBox ul.upper li{
	display:inline;
	border-left:1px solid #CCC;
	margin-left:5px;
	padding-left:10px;
}

#cmsList div.listBox div.lower{
	clear:both;
}

#cmsList div.listBox div.lower div.imgBox{
	float:left;
	width:75px;
	margin:5px;
	display:inline;
}
#cmsList div.listBox .lower .imgBox img{
	width:75px;
	border:none;
	/*height:55px;*/
}

#cmsList div.listBox div.lower div.txtBox{
	float:left;
	display:inline;
	width:620px;
	margin:5px 5px 5px 0;
}
#cmsList div.listBox .lower .txtBox p{
	text-align: left;
	color: #4d4d4d;
	font-size: 10px;
}
#cmsList div.listBox div.lower div.txtBox h3{
	font-size:12px;
	font-weight:normal;/*旧リストとはタイトルの太さがノーマルなため、一時回避*/
	text-align: left;
}
#cmsList div.listBox div.lower div.txtBox h3 img{
	margin: 0 0 0 3px;
}

#cmsList div.listBox div.lower div.txtBox p.authorName,
#cmsList div.listBox div.lower div.txtBox p.holder{
	font-size:10px;
	float:left;
}
#cmsList div.listBox .lower .txtBox .button{
	float:right;
}
#cmsList div.listBox .lower .txtBox .button li{
	display:inline;
}
/*add for takarazuka */
#cmsList div.listBox .lower .txtBox .button li a img{
	display:inline;
	border:none;
}

/* packBtn
========================================== */
#pack_buy{
}
#package_purchase{
	margin:15px 2px;
}
#package_purchase p.otoku{
	font-weight:bold;
	color:#ff7f00;
	font-size:16px;
	text-align:center;
}
#package_purchase #packName{
	background:url(/r_img/static/pack/packtop.gif) no-repeat 0 0;
	width:695px;
	height:30px;
	padding:8px 10px 0px 10px;
}
#package_purchase #packName h4{
	color:#b9d5ff;
	font-weight:bold;
	line-height:30px;
	width:495px;
	float:left;
	text-shadow:1px 1px 0px #999999;
}
#package_purchase #packName h4.long{
	line-height:14px;
	font-size:12px;
}
#package_purchase #packName p{
	color:#ffcc00;
	font-weight:bold;
	text-shadow:1px 1px 0px #333333;
	font-size:18px;
	line-height:26px;
	width:200px;
	float:left;
	text-align:right;
}
#package_purchase #packName p span{
	font-size:14px;
}
#package_purchase #packBtn{
	background:url(/r_img/static/pack/packmid.gif) no-repeat 0 0;
	width:709px;
	height:34px;
	padding:0px 1px 0px 5px;
}
#package_purchase #packBtn p{
	font-size:10px;
	width:495px;
	float:left;
	line-height:34px;
	margin: 0 0 0 2px;
}
#package_purchase #packBtn p.long{
	line-height:13px;
	padding-top:5px;
}
#package_purchase #packBtn a img{
	width:204px;
	float:right;
	border: none;
}
#package_purchase #packNote{
	background:url(/r_img/static/pack/packbtm.gif) 0 0;
	width:715px;
	height:47px;
	padding-top:3px;
}
#package_purchase #packNote p{
	font-size:10px;
	line-height:14px;
	padding:0px 8px;
}
#package_purchase #packNote p .caution{
	color:red;
}
#package_purchase #packNote p a{
	background:url(/r_img/static/pack/help.gif) 0 0 no-repeat;
	padding-left:22px;
}
#package_purchase #endPack{
	padding-top:3px;
	text-align:center;
	color:#ff0000;
	font-size: 12px;
	font-weight:bold;
}