@charset "shift_jis";

/*===================================================
*
*	Theater Info Page Style CSS
*	Site https://www.unitedcinemas.jp
*	Last Update 2007-11-12
*
====================================================*/

/* Common
--------------------*/

div#main {
	padding: 0px 5px 2px 5px;
	margin-bottom: 10px;
	background-color:#FFF;
	zoom: 1;
}

h2{
	margin:0;
	padding:5px 0 0 0px;
}

body.reportIndex h2 {
}

body.reportIndex div.section {
	margin-bottom: 10px;
}

body.reportIndex div.moviePlusBox {
	margin:10px 0 10px 0;
	padding: 15px 15px 0px 15px;
	background: url(/image/report/bg/index_01.png);
	border: 1px solid #00A5E3;
	height:146px;
}

*html body.reportIndex div.moviePlusBox {
	height:165px;
}	

body.reportIndex div.moviePlusBox div#moviePlusBoxInner{
	position:relative;
}

p#mplusThumbImage{
	position:absolute;
}

p#thisMonthMovie{
	position:absolute;
	left:190px;
	background: url(/image/report/content/mplus-bg.gif);
	width:455px;
	height:84px;
}

p#thisMonthMovie span{
	position:absolute;
	top:18px;
	left:20px;
}


p#thisMonthMovie a{
	position:absolute;
	top:50px;
	left:20px;
}

body.reportIndex div.moviePlusBox p#moviePlusButton a{
	position:absolute;
	left:405px;
	top:95px;
}

body.reportIndex div#moviePlusBox p.thumbImage {
	float: left;
	padding: 0;
}

body.reportIndex div.reportBox {
	background: url(/image/report/bg/index_02.png);
	border: 2px solid #999;
}

body.reportIndex div.reportBox p.thumbImage {
	float: left;
	padding: 0;
}

body.reportIndex div.reportBox p {
	padding: 0 0 5px 190px;

	/padding: 0 0 5px 30px;
}

body.reportIndex div.reportInfoBox {
	background: #FFF;
	padding: 15px;
	margin: 15px;
}

body.reportIndex p.reportLinkButton,
body.reportIndex p.movieButton,
body.reportIndex p.listButton {
	text-align: right;
}


body.reportIndex p.reportLinkButton {
	padding-right: 20px !important;
}

body.reportIndex div.reportBox p.movieTitle {
	padding-bottom: 20px;
	font-size: 117%;
}

body.reportIndex div.reportBox p.movieTitle a {
	background: url(/image/report/icon/list_01.jpg) no-repeat 0 3px;
	padding-left: 15px;
	font-weight: bold;
	display: inline;

}

body.reportIndex div.reportBox span.movieIcon a {
	padding: 0px;
	margin: 0px;

}

div#main h4.titleMini{
	margin:0px 0 0 0;
	padding:10px 0 0 0;
}
div#main div#mainContents{
	border:#333 1px solid;
	margin:20px 0 0 0;
	padding:0;
}

div#main div#mainContents p.imgReport{
	margin:0;
	padding:10px 0 0 10px;
}

div#main div#mainContents p.catch{
	background:#036;
	margin:0 0 0 0px;
	padding:10px 0px;
	color:#FFF;
	width:860px;
}

div#main div#mainContents p.text{
	clear:both;
	margin:0;
	padding:10px 0 10px 0px;
	width:860px;
}

div#main div#mainContents ul.photo{
	clear:both;
	margin:0;
	padding:0 0 0 120px;
	width:860px;
}

div#main div#mainContents ul.photo li{
	float:left;
	margin:0;
	padding:20px 0px 0px 0;
}

div#main h3.title{
	margin:0;
	padding:5px 0 0 0;



/* Common
--------------------*/

/*

レポート一覧。

div#main {
	padding: 0 10px 40px 10px;
	margin-bottom: 10px;
	background: url(/image/common/bg/bottom.gif) no-repeat center bottom;
}

div#main h2 {
	padding: 5px 0;
}

div#main h3.reportListHead {
	clear: both;
	margin: 10px 0;
	padding: 5px;
	color: #FFF;
	font-size: 100%;
	background: #336699;
}

p#topicPath {
	background: #000;
	color: #FFF;
	font-size: 93%;
	padding: 3px 10px;
}

p#topicPath a {
	color: #FFF;
}

p.reportTop {
	margin: 10px 0;
	text-align: center;
	background: #000;
}

ol.backNumberList {
	margin-top: 10px;
}

ol.backNumberList li {
	float: left;
	width: 6em;
	text-align: center;
	margin-right: 2px;
}


ol.backNumberList li a {
	display: block;
	color: #FFF;
	padding: 3px;
	background: #999;
}

ol.backNumberList li#bnNowPos a {
	background: #336699
}

ol.backNumberList li a:hover {
	color: #FF0000;
	background: #336699;
}

ol.itemList {
	padding: 0 10px;
	border: 1px solid #999;
}

ol.itemList li {
	width: 33%;
	float: left;
	border-bottom: 1px dotted #999;
	height: 5.6em;
	_height: 6.5em;
	padding: 10px 0 0 0;
	position: relative;
	top: 1px;
}

ol.itemList li h4 {
	width: 75px;
	float: left;
}

ol.itemList li p {
	padding-left: 85px;
}

ol.itemList li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.reportMainBox {
	border: 1px solid #666;
	background: url("/image/report/catch-up/report-bg.gif") repeat-y center 0;
}

div.reportMainBox h3{
	background: #FFF;
}

div.reportMainBox h4 {
	font-size: 100%;
}

div.reportMainBox em {
	font-weight: normal;
	color: #009;
}

div.reportMainBox img.rightImage {
	float: right;
	margin-left: 5px;
}

div.reportMainBox img.leftImage {
	float: left;
	margin-right: 5px;
}

div.reportMainBox p {
	padding: 10px 0;
}

div.reportInfo {
	background: #dfe5eb;
	color: #009;
	text-indent: 1em;
	padding: 0 5px;
	margin: 5px;
}

div.prologueBox {
	padding: 10px;
}

div.qaBox {
	padding: 10px;
}

div.qaBox p {
	position: relative;
	zoom: 1;
}

div.qaBox p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.qaBox p.question img.qaIcon,
div.qaBox p.answer img.qaIcon {
	margin-right: 5px;
	position: absolute;
	left: 0px;
}

div.qaBox p.question ,
div.qaBox p.answer {
	padding-left: 25px;
}

div.qaBox p.question {
	color: #009;
}

div.epilogueBox {
	padding: 10px 0;
	margin: 0 10px;
	border-top: 2px solid #999;
}

div.epilogueBox p.authorInfo {
	text-align: right;
}

div.movieInfo {
	color: #FFF;
	background: #666;
	border-top: 2px solid #666;
	zoom: 1;
}

div.movieInfo:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.movieInfo h4 {
	position: absolute;
}

div.movieInfo div.section {
	padding-left: 30px;
}

div.movieInfo p.movieImage {
	width: 180px;
	float: left;
	font-size: 77%;
}

div.movieInfo p.movieImage img {
	display :block;
}

div.movieInfo div.section div {
	margin-top: 2px;
	width: 600px;
	float: right;
}

div.movieInfo div.section h5 {
	padding: 2px;
	background: #000;
	display: inline;
}

div.movieInfo div.section p.movieImage {
	width: 180px;
	float: left;
	padding: 0;
}

p.backBtn {
	padding: 10px 0;
}

p.backBtn a img {
	border: 1px solid #FFF;
}

p.backBtn a:hover img {
	border: 1px solid #5e86b1;
}

*/