@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - bologna
//  - 2012-04-13 (Fri)
//////////////////////////////////////////////////////////*/

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

#filmex .clear { clear: both; }
#filmex .textcenter { text-align: center; }
#filmex .textright { text-align: right; }
#filmex .bold      { font-weight: bold; }
#filmex .font_10    { font-size: 84%; }
#filmex .font_14    { font-size: 114%; }
#filmex .font_16    { font-size: 133%; }
#filmex .font_18    { font-size: 150%; }
#filmex .otext    { font-weight: bold; color:#FF9933; }

#filmex .mt5 {
	margin-top: 5px;
}
#filmex .mt10 {
	margin-top: 10px;
}
#filmex .mt15 {
	margin-top: 15px;
}

#filmex .btn {
	margin: 10px 0;
}

#filmex  dl,
#filmex  ul{
	list-style-type: none;
}

#filmex .credit{
	font-size: 84%;
	padding-top: 5px;
	text-align: right;
	color:#999999;
	clear:both;
	margin-right:10px;
}

/* ---------------------------------------------------------
-  body
----------------------------------------------------------*/
#filmex {
	width: 980px;
	margin: 0 auto;
}


/* ---------------------------------------------------------
-  header
----------------------------------------------------------*/
#filmex #header{
	background: url(http://image.pia.jp/images2/static/pia/feature/cinema/filmex/fm12_title.jpg) no-repeat 0 0;
	margin: 0;
}

#filmex #header .title {
	height: 290px;
	text-indent: -9999px;	
}


/*---------------------------------------------------
 - TOPICS
----------------------------------------------------------*/
#filmex #topics{
	width: 950px;
	height:80px;
	margin: 20px auto;
	overflow-y: auto;
	border:#0099FF 1px solid;
}

#filmex #topics .tit{
	margin: 10px;
	float: left;
	width:80px;
}


#filmex #topics .txt{
	margin:10px 0;
	float: right;
	width: 820px;
}

#filmex #topics li{
	margin-bottom:0.6em;
}



/*---------------------------------------------------
 - INFORMATION
----------------------------------------------------------*/

#filmex #information {
	margin:0 20px 30px 20px;
}

#filmex #information h2{
	font-size: 134%;
	margin-bottom:10px;
}

#filmex #information p{
	line-height:1.8em;
}

#filmex #information .btn_eiga{
	margin:15px 0;
}

/*　-----------　SNS　----------------　*/

#sns{
	margin:10px 0 0 10px;
	text-align:right;
}

#sns p.tit{
	text-align: center;	
	padding:3px;
	background-color: #fef2f2;
}

#sns li{
/*	float:right;*/
	display: inline;
}

#sns li.twit { width:110px; margin-right:5px;}
#sns li.fb { width:120px;}
#sns li.gplus { width:70px; margin-right:5px;}
#sns li.hatena { width:55px; margin-right:5px;}
#sns li.mixi { width:65px; margin-top:5px;} 


/* ---------------------------------------------------------
-  CONTENTS
----------------------------------------------------------*/
#filmex .titber{
	margin:20px 0;
	background-color:#0099ff;
	padding:5px 10px;
	color:#FFFFFF;
	border-bottom:#999999 solid 1px;
}

#filmex .titber h2{
	font-size: 114%;	
	float:left
}

#filmex .titber .txt{
	font-size: 10px;
	float:right
}

#filmex h2.tit{
	margin:20px 0;
	background-color:#0099ff;
	padding:5px 10px;
	font-size: 114%;
	color:#FFFFFF;
	border-bottom:#999999 solid 1px;
}


#filmex h2.tit02{
	margin:20px 0;
	background-color:#003366;
	padding:5px 10px;
	font-size: 114%;
	color:#FFFFFF;
	border-bottom:#999999 solid 1px;
}


#filmex .navi{
	margin:20px 0 0 0;
	padding:5px 20px;
	/*border:#D3CE92 solid 1px;*/
	/*background-color: #f5f4e6;*/
	color:#D3CE92;
}

/* program */
#filmex #program {
	margin:0 0 20px 0;
	background-color:#f5f4e6;
	padding:20px;
	
}

#filmex #program h2{
	font-size: 106%;
	font-weight: bold;	
}

#filmex #program h2 a{
	color:#0099FF;
}

#filmex #program p{
	padding:0 0 5px 10px;
}


/* ticket */

#filmex #ticket{
	padding: 0 20px;
}

#filmex #ticket #charge{
	padding: 10px;
	border:#0099FF dotted 1px;
	margin:20px 0;
}

#filmex #ticket .txt{
	float:left;
	width:670px;
}

#filmex #ticket .btn_r{
	float:right;
	width:230px;
}

#filmex #ticket h2{
	font-size: 106%;
	font-weight: bold;
	color: #0099FF;
}

/* compe *//* specialscreenings *//* special */

#filmex #special,#filmex #specialscreenings,#filmex #compe{
	margin-bottom:30px;
}

#filmex #special .txt h3,#filmex #specialscreenings .txt h3,#filmex #compe .txt h3{
	font-size: 100%;
	font-weight:bold;
}

#filmex #special .txt h3 span,#filmex #specialscreenings .txt h3 span,#filmex #compe .txt h3 span{
	font-weight:normal;
}

#filmex #special td.c1,#filmex #specialscreenings td.c1,#filmex #compe td.c1{
	width:490px;
	padding:10px 10px 5px 0;
	border-bottom:#666666 dotted 1px;
	border-right:#666666 dotted 1px;
	vertical-align: top;	
}

#filmex #special td.c2,#filmex #specialscreenings td.c2,#filmex #compe td.c2{
	width:490px;
	padding:10px 0 5px 10px;
	border-bottom:#666666 dotted 1px;
	vertical-align: top;	
}

#filmex #special td .ph,
#filmex #specialscreenings td .ph,
#filmex #compe td .ph{
	width:200px;
	float:left;
	font-size:84%;
	text-align:center;
	vertical-align:top;
}

#filmex #special td .txt,
#filmex #specialscreenings td .txt,
#filmex #compe td .txt{
	width:265px;
	float:right;
	padding-left:5px;
}

#filmex #special td .txt .info,
#filmex #specialscreenings td .txt .info,
#filmex #compe td .txt .info{
	font-size: 84%;	
	padding:5px 0;
}

#filmex #special .holl,
#filmex #specialscreenings .holl,
#filmex #compe .holl{
	padding-top:10px;
}

#filmex #special td .ticket_txt,
#filmex #specialscreenings td .ticket_txt,
#filmex #compe td .ticket_txt{
	width:320px;
}

#filmex #special td .btn,
#filmex #specialscreenings td .btn,
#filmex #compe td .btn{
	width:160px;
}

/* special */
#filmex #special .lead{
	margin-bottom:20px;
	line-height:1.6em;	
}

#filmex #special h2{
	font-size: 106%;
	margin-bottom:10px;
}

#filmex #special #kinoshita{
	margin: 30px 0 20px 0;
	border:#0099FF 2px solid;
	padding:20px;
}

#filmex #special #kinoshita .ph{
	width:300px;
	float:left;
	margin-right:20px;
}

#filmex #special #kinoshita .side_r{
	width:600px;
	float:left;
}


#filmex #special #kinoshita .side_r li{
	float:left;
	margin-right:15px;
	width:240px;
}


/* ---------------------------------------------------------
-  To-top
----------------------------------------------------------*/
#nav-dock {
	position: fixed;
	z-index: 999;
	right: -2px;
	/right: 0px;
	top: 80%;
	_width:100px;
	_float:right;
	}
#nav-dock a {
		display: block;
		text-align: center;
		padding: 3px 6px;
		margin: 0px 0;
		background: #2abdef;
		color: #fff;
		text-decoration: none ;
		-webkit-border-top-left-radius: 7px ;
		-moz-border-radius-topleft: 7px ;
		-o-border-radius-topleft: 7px ;
		-webkit-border-bottom-left-radius: 7px ;
		-moz-border-radius-bottomleft: 7px ;
		-o-border-radius-bottomleft: 7px ;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
		font-size: 10px ;
		}	
		#nav-dock a:hover{
			background: #e40d86;