@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - bologna
//  - 2012-06-18 (mon)
//////////////////////////////////////////////////////////*/

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

#sc5 .clear { clear: both; }
#sc5 .textcenter { text-align: center; }
#sc5 .textright { text-align: right; }
#sc5 .bold      { font-weight: bold; }
#sc5 .font_10    { font-size: 84%; }
#sc5 .font_14    { font-size: 114%; }
#sc5 .font_16    { font-size: 133%; }
#sc5 .font_18    { font-size: 150%; }
#sc5 .otxt    { color:#FF6600; }
#sc5 .red    {
	color:#FF3333;
}
#sc5 ul, 
#sc5 ol{
	list-style-type: none;
}
#sc5 .wh{
	color:#fff;
}
/* ---------------------------------------------------------
-  body
----------------------------------------------------------*/
#sc5 {
	width: 980px;
	margin: 0 auto;
	background: #e3b709;
}


/* ---------------------------------------------------------
-  header 
----------------------------------------------------------*/
#sc5 #header{
	width: 940px;
	height: 515px;
	margin:0 20px;
	background: url(http://image.pia.jp/images2/static/pia/feature/cinema/shitacome/sc5_main.jpg) no-repeat 0 0;
}

#sc5 #header .title {
	width: 940px;
	text-indent: -9999px;	
	height: 430px;
}

#sc5 #header .bn {
	margin-left:210px;
}

/*---------------------------------------------------
 - contents
---------------------------------------------------------*/
#sc5 #contents {
	background: #FFFFFF url(http://image.pia.jp/images2/static/pia/feature/cinema/shitacome/sc5_bg.jpg) no-repeat 0 0;
	width: 940px;
	margin:0 20px;
}

#sc5 #contents .credit{
	text-align:right;
	color:#999999;
	font-size:84%;
}

#sc5 #contents h2.tit{
	color:#e3b709;
	background-color: #330000;
	font-weight: bold;
	font-size:100%;
	padding:5px 20px;
	margin-bottom:10px;
}

#sc5 #contents h3.subtit{
	color:#503730;
	background-color: #FBE41C;
	font-weight: bold;
	font-size:100%;
	padding:5px 20px;
	margin-bottom:10px;
}
/*　-----------　SNS　----------------　*/

#sc5 #sns{
	float:right;
	width:550px;
	margin-top:10px;
}

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

#sc5 #sns li{
float:left;
}

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


/*　-----------　TOPICS　----------------　*/

#sc5 #contents #topics{
	background: url(http://image.pia.jp/images2/static/pia/feature/cinema/shitacome/sc5_tit-topics.gif) no-repeat 0 0;
	width: 880px;
	height:120px;
	margin:10px auto 5px auto;
	border:#3f2b26 solid 1px;
	overflow:auto;
}

#sc5 #contents #topics ul{
	width: 800px;
	margin:5px 0 5px 50px;
}

#sc5 #contents #topics li{
	margin:0 0 5px 0;
}

/*　-----------　Introduce　----------------　*/

#sc5 #contents #intro{
	background: url(http://image.pia.jp/images2/static/pia/feature/cinema/shitacome/sc5_tit-lead.jpg) no-repeat 0 0;
	width: 790px;
	margin:0 auto 20px auto;
	padding:0 10px 10px 90px;
}


#sc5 #contents #intro p{
	margin-bottom:1.5em;
}

/*　-----------　Ticket　----------------　*/

#sc5 #contents #ichiran,
#sc5 #contents #info,
#sc5 #contents #ticket{
	width: 880px;
	margin:10px auto 5px auto;
}

#sc5 #contents #info p,
#sc5 #contents #ticket p{
	margin:15px 10px;
}

#sc5 #contents #ichiran p.pl10{
	margin-left:10px;
}

#sc5 #contents #ticket p.sp{
	padding:10px;
	background-color:#FFFFDF;
	border:dashed #CECECE 1px;
}

#sc5 #contents #ticket p.gl{
	border:solid #CECECE 1px;
	padding:10px;
}

#sc5 #contents #ichiran p img{
	border:solid #ececec 1px;
}
#sc5 #contents #ichiran .ptb-10{
	margin:15px 10px;
}
/*　-----------　作品　----------------　*/
#sc5 div.sclr ul{
	margin:15px auto 15px auto;
}
#sc5 div.sclr li{
	width:240px;
	float:left;
	margin-left:20px;
	margin-right:7px;
	text-align:center;
}
#sc5 div.sclr .scleft{
	width:600px;
	float:left;
}
/*#sc5 div.sclr div.scleft p{
	width:400px;
}*/
#sc5 div.sclr .scright{
	width:280px;
	float:right;
	margin-top:20px;
}
#sc5 div.sclr .sccdt{
	font-size:80%;
	color:#707070;
	line-height:110%;
	padding-top:2px;
}
#sc5 div.sclr .sccap{
	text-align:center;
	font-weight:bold;
	padding-bottom:5px;
}
/*　-----------　Table　----------------　*/

#sc5 table{
	width:860px;
	margin:0px auto 20px auto;	
	background-color:#ddd;
}
#sc5 td{
	background-color:#fff;
	padding:6px;	
}
#sc5 table .sccdt{
	width:150px;
	font-size:80%;
	color:#707070;
	line-height:110%;
	padding-top:2px;
}

#sc5 .ph img{
	border:solid #ececec 1px;
}



/* ---------------------------------------------------------
-  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: #3f2b26;
		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: #e3b709;
			}