﻿@charset "UTF-8";

/* layout  ------------------------------*/

h2{	
	position:absolute;
	}

.contentsBlock h3{
	line-height:130%;
	font-weight:bold;
	background:url(/category/cinema/images/ttl_bg.gif) no-repeat 0 0;
	padding:2px 0 10px 19px;
}

/* アイコンの説明 */

ul#infoNavi{
	position:relative;
	left:350px;
	width:326px;
	height:37px;
}

	ul#infoNavi li{
		float:left;
		height:14px;
		display:block;
	}

	ul#infoNavi li#btnPickup{
		width:160px;
	}

	ul#infoNavi li#btnCinema{
		width:166px;
	}

	ul#infoNavi li a{
		height:14px;
		display:block;
		text-indent:-9999px;
		background-repeat:no-repeat;
	}

	ul#infoNavi li a:link,
	ul#infoNavi li a:visited{
		background-position:0 0;
	}

	ul#infoNavi li a:hover{
		background-position:0 -30px;
	}

	ul#infoNavi li#btnPickup a{
		width:146px;
		background-image:url(/category/cinema/images/btn_pickup_info.jpg);
	}

	ul#infoNavi li#btnCinema a{
		width:166px;
		background-image:url(/category/cinema/images/btn_cinema_info.jpg);
	}


.block{
	margin-bottom:15px;
}

.attention{
	color:#CC0000;
}

/* 試写会情報 */

#previewInfoArea{
	margin-right:-20px;
	width:686px;
}

.cinemaBox{
	float:left;
	width:310px;
	border:1px solid #CCCCCC;
	padding:10px;
	margin-right:10px;
}

* html .cinemaBox{
	width:310px;
	margin-right:8px;
}

#previewInfoArea .cinemaBox .imageArea{
	float:left;
	width:134px;
}

	#previewInfoArea .cinemaBox .imageArea img.capture{
		padding:0 2px;
		margin-top:5px;
		/* background-color:#000000; */
	}

#previewInfoArea .cinemaBox .txtArea{
	float:right;
	width:166px;
}

	#previewInfoArea .cinemaBox .txtArea h4{
		color:#003366;
		font-weight:bold;
		line-height:130%;
		padding-bottom:2px;
		margin-bottom:8px;
		border-bottom:1px solid #003366;
	}

	#previewInfoArea .cinemaBox table{
	}

	#previewInfoArea .cinemaBox th,
	#previewInfoArea .cinemaBox td{
		font-size:12px;
		line-height:150%;
		vertical-align:top;
		padding-bottom:3px;
	}

	#previewInfoArea .cinemaBox th{
		white-space:nowrap;
	}

p.detailBtn{
	height:18px;
	padding:0;
	margin:3px 0 0 0;
	text-align:right;
	display:block;
	border-top:none!important;
}

p.detailBtn a{
	width:100px;
	height:18px;
	font-size:1px;
	line-height:100%;
	text-indent:-9999px;
	text-align:left;
	display:block;
	background-image:url(/category/cinema/images/btn_detail.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 auto;
	padding:0;
}

p.detailBtn a:link,
p.detailBtn a:visited{
	background-position:0 0;
}

p.detailBtn a:hover{
	background-position:0 -30px;
}


/* いちおし！映画情報 */
#pickupInfoArea{
	width:654px;
	border:1px solid #CCCCCC;
	padding:10px;
}

#pickupInfoArea .imageArea{
	float:left;
	width:156px;
}

	#pickupInfoArea .imageArea h4{
		color:#FFFFFF;
		font-weight:bold;
		padding:4px;
		background-color:#7d0000;
		margin-bottom:5px;
	}

	#pickupInfoArea .imageArea img{
		padding:4px 13px;
		background:url(/category/cinema/images/cinema_ph_bg.gif) repeat-y center top;
	}

#pickupInfoArea .txtArea{
	float:right;
	width:488px;
}

	#pickupInfoArea .txtArea h5{
		color:#7d0000;
		font-weight:bold;
		line-height:130%;
		padding-bottom:2px;
		margin-bottom:8px;
		border-bottom:1px solid #7d0000;
	}

#pickupInfoArea table{
	clear:both;
	width:654px;
	margin-top:10px;
}

	#pickupInfoArea th,
	#pickupInfoArea td{
		text-align:left;
		line-height:130%;
		border-right:1px solid #FFFFFF;
		padding:4px;
	}

	#pickupInfoArea th{
		color:#FFFFFF;
		font-weight:bold;
		background-color:#7d0000;
	}

	#pickupInfoArea td{
		border-bottom:1px solid #7d0000;
	}

/* 放送する映画のご案内 */

#cinemaInfoArea{
	margin-right:-10px;
	width:686px;
}

#cinemaInfoArea h4{
	margin-bottom:10px;
}

#cinemaInfoArea p.timeSchedule{
	color:#FFFFFF;
	line-height:120%;
	font-weight:bold;
	padding:4px;
	background-color:#003366;
	margin-bottom:5px;
}

#cinemaInfoArea h5{
	color:#003366;
	line-height:130%;
	font-weight:bold;
	margin-bottom:5px;
}

#cinemaInfoArea ul{
}

	#cinemaInfoArea li{
		line-height:150%;
	}

p.btnRoadshow{
	margin-bottom:0;
}

	p.btnRoadshow a{
		width:226px;
		height:12px;
		display:block;
		text-indent:-9999px;
		background-image:url(/category/cinema/images/btn_sunday_info.jpg);
		background-repeat:no-repeat;
	}

	p.btnRoadshow a:link,
	p.btnRoadshow a:visited{
		background-position:0 0;
	}

	p.btnRoadshow a:hover{
		background-position:0 -30px;
	}


