@import "/r_css/imports.css";

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


/* contents
========================================== */
#contents{
}

/* 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{
	margin-bottom:10px;
}
.contentsHeader h1{
}


/* contentsContainer
========================================== */
.contentsContainer{
	width:715px;
	padding:0 0 8px;
}


.contentsContainer .copy{
	margin:10px;
	float:right;
}

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

cmsList
quote from https://www.showtime.jp/special/cinema/minami_v/

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


#cmsListColumn4{
	clear: both;
	width: 715px;
	overflow:hidden;
	zoom:1;
	padding-top:5px;
}
#cmsListColumn4 .listBox{
	width: 168px;
	margin:0 0 5px 5px;
	position:relative;
	border:2px solid #DCDCDC;
	float:left;
	display:inline;
}
#cmsListColumn4 .listBox:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#cmsListColumn4 div.listBox ul.upper{
	width:160px;
	padding:0 4px;
	position:absolute;
	top:75px;
	left:0px;
	text-align:right;
	background:#DCDCDC;
}
#cmsListColumn4 div.listBox .upper li{
	display:inline;
	border-left:1px solid #CCC;
	margin-left:5px;
	padding-left:10px;
	font-size:10px;
}

#cmsListColumn4 div.listBox .lower{
	clear:none;
}
#cmsListColumn4 div.listBox .lower .imgBox{
	float:none;
	width:75px;
	margin:0px;
	position:absolute;
	left:10px;
	top:10px;
}
#cmsListColumn4 div.listBox .lower .imgBox img{
	width:auto !important;
}
#cmsListColumn4 div.listBox .lower .imgBox a{
	display:block;
	width:75px;
	padding:1px;
	border:1px solid #ccc;
}
#cmsListColumn4 div.listBox .lower .imgBox a:hover{
	border:1px solid #666;
}
#cmsListColumn4 div.listBox .lower .txtBox{
	float:none;
	width:auto;
	margin:0px;
	padding:100px 5px 5px 5px;
}
#cmsListColumn4 div.listBox .lower .txtBox h3 a{
	font-weight:bold;
}
#cmsListColumn4 div.listBox .lower .txtBox p{
	text-align: left;
}
#cmsListColumn4 div.listBox .lower .txtBox h3{
	font-size:12px;
	font-weight:normal;/*旧リストとはタイトルの太さがノーマルなため、一時回避*/
	text-align: left;
	margin-bottom:10px;
	margin:0px -4px 10px -4px;
	padding:3px 5px;
	background:url("../img/title_back.png") repeat-x left bottom;
}

#minami_g #cmsListColumn4 div.listBox .lower .txtBox h3{
	font-size:12px;
	font-weight:normal;/*旧リストとはタイトルの太さがノーマルなため、一時回避*/
	text-align: left;
	margin-bottom:10px;
	margin:0px -4px 10px -4px;
	padding:3px 5px;
}

#cmsListColumn4 div.listBox .lower .txtBox .authorName,
#cmsListColumn4 div.listBox .lower .txtBox .holder{
	font-size:10px;
}
#cmsListColumn4 div.listBox .lower .txtBox .button{
	float:none;
	position:absolute;
	right:10px;
	top:10px;
	margin:0px;
}
#cmsListColumn4 div.listBox .lower .txtBox .button li{
	display:block;
	margin-bottom:4px;
}
#cmsListColumn4 div.listBox .lower .txtBox .button li img{
	vertical-align:bottom;
}