@charset "EUC-JP";

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

/*----------------------------------------------------------------
	
	xxx CSS
	
	1.fetiContents
	
	2.fetiContentsHeader
	
	3.fetiContentsContainer
	
	4.fetiNavi

	5.cmsList
	
----------------------------------------------------------------*/


/* 1.fetiContents
========================================== */
#contents{
	width:715px;
	background:#c8ffb7;
	padding-bottom: 10px;
}

/* 2.fetiContentsHeader
========================================== */
.fetiContentsHeader{
	padding-bottom: 6px;
}

/* 3.fetiContentsContainer
========================================== */
.fetiContentsContainer{
	width:715px;
	color:#FFF;
}
.fetiContentsContainer:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
.fetiContentsContainer .unit{
	background:#1f6d00 url(/etc/idol/feti/img/space_image.jpg) no-repeat;
	height: 397px;
	width: 170px;
	float:left;
	display:inline;
	width:170px;
	margin:7px 0 7px 7px;
	position:relative;
}
.fetiContentsContainer .break{
	clear:both;
}
.fetiContentsContainer .space{
	background:#1f6d00 url(/etc/idol/feti/img/space_image.jpg) no-repeat;
	background-position:50%;
	height: 397px;
	width: 170px;
}
.fetiContentsContainer .new{
	position: absolute;
	width: 28px;
	height: 13px;
	z-index: 1;
	right: 3px;
	top: 250px;
}
.fetiContentsContainer .mihodaiMark{
	position: absolute;
	width: 73px;
	height: 21px;
	z-index: 1;
	right: 92px;
	top: 367px;
}
.fetiContentsContainer .space img{
	
}
.fetiContentsContainer .unit .catch{
	padding:7px 0;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	text-align:center;
}
body:first-of-type .fetiContentsContainer .unit .catch{
	padding:7px 0;
	font-size:11px;
	line-height:12px;
	font-weight:bold;
	text-align:center;
}
.fetiContentsContainer .unit .img{
}
.fetiContentsContainer .unit h2{
	padding:13px 4px 0;
	background:#FFF;
	color:#000;
	text-align:center;
	height:29px;
}
.fetiContentsContainer .unit .paragraph{
	padding:8px 4px 5px;
}
.fetiContentsContainer .unit h2 a{
	color:#000;
}
.fetiContentsContainer .unit h2.sizeS{
	height:37px;
	letter-spacing:-0.1em;
	font-size:12px;
	padding:5px 4px 0;
}
.fetiContentsContainer .unit .info{
	text-align:right;
	width:170px;
}
.fetiContentsContainer .unit .info:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
.fetiContentsContainer .unit .info span{
	position:absolute;
	bottom: 39px;
	font-size: 10px;
	font-weight: bold;
	left: 8px;
}
.fetiContentsContainer .unit .info ul{
	float:right;
	display:inline;
	padding:5px 5px 5px 0;
}
#contents .fetiContentsContainer .unit .info ul li{
    font-size: 0;
    line-height: 0;
}
.fetiContentsContainer .unit .info ul li img{
}

/* 4.fetiNavi
========================================== */
#contents #fetiNavi{
	width:715px;
}
#contents #fetiNavi ul li{
	display:inline;
}

/* 5.cmsList
========================================== */

#cmsList{
	width: 705px;
	overflow:hidden;
	zoom:1;
	padding: 10px 0 0 5px;
}

#cmsList .listBox{
	width: 703px;
	border:1px solid #1e9da1;
}

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

#cmsList div.listBox .lower .txtBox{
	width: 606px;
	margin-bottom: 10px;
}


#cmsList div.listBox ul.upper{
	background:#1e9da1 url(/etc/idol/feti/img/list-back-feti.jpg) no-repeat;
	color:#FFF;
	font-weight:bold;
	padding:6px 10px 4px 0px;
	margin:-1px -1px 0px -1px;
	zoom:1;
	line-height: 0;
}



/* 6.recBox
========================================== */
#recBox {
	margin: 10px auto;
	width: 575px;
}