@charset "utf-8";

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

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

#template .clear { clear: both; }

#template .textcenter { text-align: center; }
#template .textright { text-align: right; }
#template .texttop { vertical-align: top;}
#template .textbottom { vertical-align: bottom; }

#template .bold      { font-weight: bold; }
#template .font_10    { font-size: 84%; }
#template .font_14    { font-size: 114%; }
#template .font_16    { font-size: 133%; }
#template .font_18    { font-size: 150%; }

#template .icon{
	background:url(http://image.pia.jp/images2/static/pia/feature/tmp_icon.png) no-repeat 0 1px;
	padding-left:10px;
	}
#template .btxt{
	color:#23beb9;
	font-weight:bold;
}
#template .otxt{
	color:#FF6600;
	font-weight:bold;
}
#template .rtxt{
	color:#CC0000;
	font-weight:bold;
}
#template .gtxt{
	color:#787878;
	font-weight:bold;
}
#template .mtxt{
	color:#009900;
	font-weight:bold;
}

#template .btxts{
	color:#23beb9;
}
#template .otxts{
	color:#FF6600;
}
#template .rtxts{
	color:#CC0000;
}
#template .gtxts{
	color:#787878;
}
#template .mtxts{
	color:#009900;
}

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

#template .mb5 { margin-bottom: 5px; }
#template .mb10 { margin-bottom: 10px; }
#template .mb15 { margin-bottom: 15px;}
#template .mb20 { margin-bottom: 20px;}

#template .pt5 { padding-top: 5px; }
#template .pt10 { padding-top: 10px; }
#template .pt15 { padding-top: 15px;}
#template .pt20 { padding-top: 20px;}

#template .pb5 { padding-bottom: 5px; }
#template .pb10 { padding-bottom: 10px; }
#template .pb15 { padding-bottom: 15px;}
#template .pb20 { padding-bottom: 20px;}

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

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

#template .credit{
	font-size: 84%;
	text-align: right;
	color:#999999;
	margin-right:10px;
}

h1.type03{
	font-size:90%;
	width:980px;
	margin:5px auto 2px auto;
}

/* ---------------------------------------------------------
-  body
----------------------------------------------------------*/
#template{
	width: 980px;
	margin: 0 auto;
	background:#FFF url(http://image.pia.jp/images2/static/pia/feature/tmp_bg.gif) repeat-y 0 0;
}

/* ---------------------------------------------------------
-  header
----------------------------------------------------------*/
#template #header{
	padding: 10px 20px;
}
#template #header table{
	width: 940px;
	margin:0 auto;
	border-collapse: collapse;
    border-spacing: 0;
}

#template #header .title01{
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}
#template #header .title02{
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
	background-color: #000;
	color:#FFFFFF;
}

#template #header .ph{
	vertical-align: top;
}

#template #header h1.type02,
#template #header h1.type01{
	margin-bottom: 10px;
	font-size: 220%;
}

#template #header .day{
	margin-bottom: 10px;
	font-size: 180%;
}
#template #header .hall{
	margin-bottom: 10px;
	font-size: 114%;
}
#template #header .btn{
	margin: 20px auto;
}
#template #header .lead{
	color: #23beb9;
	font-weight: bold;
	margin:10px 0;
	font-size: 114%;
}

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

#sns{
	margin:5px 0 15px 0;
}

#sns li{
	float:left;
}

#sns li.twit { width:125px;}
#sns li.fb { width:115px;}
#sns li.gplus { width:80px;}
#sns li.hatena { width:60px;}
#sns li.mixi { width:80px; margin-top:1px;} 


/* ---------------------------------------------------------
-  CONTENTS
----------------------------------------------------------*/
#template .tit{
	background:#666 url(http://image.pia.jp/images2/static/pia/feature/tmp_titline.gif) no-repeat 0 bottom;
	padding-bottom:3px;
}

#template h2{
	background:#666 url(http://image.pia.jp/images2/static/pia/feature/tmp_titbg.gif) repeat-y 0 0;
	padding:5px 20px 5px 35px;
	color:#FFF;
	font-size:134%;
}

#template .cnt{
	padding:10px 20px;
	}
#template .txt{
	line-height:1.6em;
	}

#template .ph-r{
	float:right;
	margin: 0 0 10px 15px;
	font-size:84%;
	color:#666666;
}
#template .ph-l{
	float:left;
	margin: 0 15px 10px 0;
	font-size:84%;
	color:#666666;
}

/*----------------------
 CAST 
---------------------　*/
/*縦並び*/
#template .cast01 dt{
	width: 170px;
	float:left;
	font-size:84%;
	margin-bottom:15px;
	clear:both;
	color:#666666;
}
#template .cast01 dd{
	width: 750px;
	float:right;
	margin-bottom:15px;	
}

#template .cast03 dt img,
#template .cast02 dt img,
#template .cast01 dt img{
	border:#cecece solid 1px;
}
#template .cast02 h3,
#template .cast01 h3{
	font-size:134%;	
	border-bottom:#23beb9 dotted 1px;
	margin-bottom:10px;
}


/*横並び*/
#template .cast02{
	clear:both;
}

#template .cast02 dt{
	width: 150px;
	float:left;
	font-size:84%;
	margin-bottom:15px;
	color:#666666;
}

#template .cast02 dd{
	width: 300px;
	float:left;
	margin:0 9px 15px 9px;	
}

/*並列4*/
#template .cast03 h3{
	font-size:114%;	
	border-bottom:#23beb9 dotted 1px;
	margin-bottom:10px;
}

#template .cast03{
	clear:both;
}

#template .cast03 li{
	width: 222px;
	float:left;
	margin-bottom:15px;
}

#template .cast03 li.mr{
	margin-right:15px;
}

#template .cast03 dt{
	font-size:84%;
	margin-bottom:15px;
	color:#666666;
}

#template .cast03 dd{

}


/*----------------------
 TICKET 
---------------------　*/
#template .data-waku{
	border:#23beb9 solid 1px;
	padding:5px;
	margin:20px 0;		
}
#template .data-waku .data{
	border:#23beb9 solid 1px;
	padding:10px 20px;		
}
#template .data .left{
	width:630px;	
	float:left;	
}
#template .data .right{
	width:220px;	
	float:right;
}
#template .data .right .btn{
	margin:20px 0;	
}
#template .data p{
	margin:5px 0;	
}

/*----------------------
 SCHEDULE 
---------------------　*/
#template #schedule{
	padding:10px 20px;
}
#template #schedule table{
	width:940px;
    border-collapse: collapse;
    border-spacing: 0;
	margin:10px auto;
}
#template #schedule table th{
	background-color:#d6d6d6;
	border-right:#FFFFFF solid 1px;
	color:#666666;
}
#template #schedule table th{
	padding:5px 10px;
	margin:0;
}
#template #schedule table td{
	padding:7px 10px;
	border-right: 1px #E3E3E3 solid;
	border-bottom: 1px #E3E3E3 solid;
}
#template #schedule table td.lastcell{
	border-right: 1px #FFFFFF solid;
	}

#template #schedule table tr.cellgray{
	background-color:#f5f5f5;
}

/* ---------------------------------------------------------
-  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: #23beb9;
		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: #999999;