@charset "EUC-JP";

@import "/r_css/imports.css";
@import "/common/css/idol_recbox.css";

/*----------------------------------------------------------------
	
	xxx CSS
	
	contents
	
	topicPath
	
	contentsHeader
	
	contentsContainer
	
	contentsFooter
	
	cmsList
	
	----------------------------------------------------------------*/


/* contents
========================================== */
#contents .wrapper{
	margin:0 auto;
	width:575px;
}

/* topicPath
========================================== */
.topicPath{
	margin-bottom: 10px;
}
.topicPath ul{
}
.topicPath li{
	padding: 0 4px 0 8px;
	background: url(../img/arrowtopicpath.gif) no-repeat;
	background-position: 0 4px;
	list-style: none;
	display: inline;
}


/* contentsHeader
========================================== */
.contentsHeader{
	position:relative;
}
.contentsHeader h1{
}
.contentsHeader .packread{
	position:absolute;
	right:5px;
	top:158px;
	width:268px;
	heigh:23px;
	z-index:1;
}


/* contentsContainer
========================================== */
.contentsContainer{
	width:575px;
	padding:8px 0;
}
div.contentsContainer .hdc_b{
	float:left;
	width:331px;
	padding: 0 0 0 5px;
}

div.contentsContainer .hdc_r{
	float:left;
	width:234px;
}

div.contentsContainer .floatClear{
	clear:both;
	width:575px;
}

div.contentsContainer .floatLeftCon{
	float:left;
	width:113px;
	background-color:#FEFEE4;
	position:relative;
}

div.contentsContainer .marginA{
	margin-left: 1px;
	padding: 0;
	border: 0;
}

div.contentsContainer .marginB{
	margin-left: 2px;
	padding: 0;
	border: 0;
}

div.contentsContainer .lastlink{
	font-size:12px;
	text-align:center;
	padding: 30px 0px 10px;
	clear:both;
}

div.contentsContainer .detail{
	background-image:url(../img/detail.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	text-align:center;
	width:113px;
	height:17px;
}

div.contentsContainer p{
	font-size:12px;
	padding: 3px 5px 0;
	line-height:16px;
}
div.contentsContainer div.floatLeftCon h4 {
height:208px;
overflow: hidden;
}

div.contentsContainer div.floatLeftCon p {
	color: #4d4d4d;
	margin: 0;
	padding: 3px 7px 4px;
	height:45px;
}

div.contentsContainer div.floatLeftCon .newLeft{
	position:absolute;
	left:3px;
	top:32px;
	width:41px;
	heigh:31px;
}
div.contentsContainer div.floatLeftCon .newRight{
	position:absolute;
	right:3px;
	top:32px;
	width:41px;
	heigh:31px;
}


/* relatedLink
========================================== */
div#relatedLink{
	width:573px;
	border-top:1px solid #59079f;
	border-bottom:1px solid #59079f;
	padding: 10px 0;
	margin-bottom:10px;
}
div#relatedLink:after{
	display: block;
	clear: both;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
	content: ".";
}
div#relatedLink div{
	width: 155px;
	height:100%;
	float:left;
}
div#relatedLink ul{
	width: 418px;
	float:left;
}
div#relatedLink ul li{
	display:inline;
	margin-right:10px;
}
div#relatedLink ul li.title{
	display:block;
	clear:both;
}

/* pack
========================================== */
div.pack{
	width:558px;
	margin:0 auto 10px;
}

/* cmsList
========================================== */
div.contentsContainer div#cmsList{
	clear: both;
}
div.contentsContainer div#cmsList *{
	margin:0;
	padding:0;
}

div.contentsContainer div#cmsList .listBox{
	width:536px;
	_width:540px;
	border:2px solid #DCDCDC;
	margin:0 auto 10px;
	font-size:12px;
	line-height:140%;
	background: #fff;
}

/*clearfix 親要素の高さが算出されず背景画像など表示されない時に*/
#cmsList .listBox:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

#cmsList div.listBox ul.upper{
	text-align:right;
	background:#DCDCDC;
	padding:2px 10px 2px 2px;
}

#cmsList div.listBox .upper li{
	display:inline;
	border-left:1px solid #CCC;
	margin-left:5px;
	padding-left:10px;
	font-size:10px;
}

#cmsList div.listBox .lower{
	clear:both;
}

#cmsList div.listBox .lower .imgBox{
	float:left;
	width:75px;
	margin:5px;
}
#cmsList div.listBox .lower .imgBox img{
	width:75px;
}

div.contentsContainer div#cmsList div.listBox .lower .txtBox{
	float:right;
	width:440px;
	margin:5px 5px 5px 0;
}
#cmsList div.listBox .lower .txtBox p{
	text-align: left;
}
#cmsList div.listBox .lower .txtBox h3{
	font-size:12px;
	font-weight:normal;/*旧リストとはタイトルの太さがノーマルなため、一時回避*/
	text-align: left;
}

#cmsList div.listBox .lower .txtBox .authorName,
#cmsList div.listBox .lower .txtBox .holder{
	font-size:10px;
}
#cmsList div.listBox .lower .txtBox .button{
	float:right;
}
#cmsList div.listBox .lower .txtBox .button li{
	display:inline;
}