@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - taiko
//  - 2011-08-26 (Fri)
//////////////////////////////////////////////////////////*/

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

#lfj12 .clear      { clear: both; }
#lfj12 .textcenter { text-align: center; }
#lfj12 .textright { text-align: right; }
#lfj12 .bold      { font-weight: bold; }
#lfj12 .font_10    { font-size: 83%; }
#lfj12 .font_14    { font-size: 114%; }
#lfj12 .font_16    { font-size: 133%; }
#lfj12 .font_18    { font-size: 150%; }

#lfj12 li{
	list-style-type: none;
}

#lfj12 h1,
#lfj12 h2,
#lfj12 h3 {
	margin: 0;
	padding: 0;
}


/* ---------------------------------------------------------
-  contents --
--------------------------------------------------------*/

#lfj12 {
	width: 980px;
	margin: 0;
	padding: 0;
	color:#333;
}

#lfj12 .icon01{
	background: url(http://image.pia.jp/images2/static/pia/feature/classic/LFJ/lfj2012_icon01.gif) no-repeat 0 0;
	padding-left:18px;
}


/* ---------------------------------------------------------
-  Header
----------------------------------------------------------*/

#lfj12 #header {
	height: 400px;
	width: 980px;
	margin: 0;
	padding: 0;
	background:#184E97 url(http://image.pia.jp/images2/static/pia/feature/classic/LFJ/lfj2012_main.jpg) no-repeat 0 0;
}


#lfj12 #header #header-main {
	height: 400px;
	margin: 0 ;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

/* ---------------------------------------------------------
-  Contents
----------------------------------------------------------*/

#lfj12 #contents {
	background:#184E97 url(http://image.pia.jp/images2/static/pia/feature/classic/LFJ/lfj2012_con_bg.jpg) no-repeat 0 0;
	padding: 0;
	width: 980px;
}

#lfj12 #contents .box_l {
	width: 720px;
	float:left;
	margin-left:30px;
	margin-bottom:20px;
}

#lfj12 #contents .box_r {
	width: 170px;
	float:right;
	margin-right:20px;
	margin-bottom:20px;
}


/*   Navi   */

#lfj12 #contents .box_l #nav{
	margin-bottom: 10px;
}

#lfj12 #contents .box_l #nav li{
	display: inline;
}

#lfj12 #contents .box_l #nav li.space{
	margin: 0 5px;
}


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

#lfj12 #contents .box_l #ticket-program{
	background-color: #fff8e6;	
	padding:10px 30px;
	color:#333333;
	margin-bottom:20px;
}


#lfj12 #contents .box_l #ticket-program p{
	margin: 0 0 10px 0;
	text-align:center;
}

/*   DayNavi   */

#lfj12 #contents .box_l #ticket-program .daynav{
	margin-bottom: 20px;
}

#lfj12 #contents .box_l #ticket-program .daynav ul{
	margin:20px 0
}

#lfj12 #contents .box_l #ticket-program .daynav li{
	display: inline;
}

#lfj12 #contents .box_l #ticket-program li.space{
	margin: 0 15px;
}

/*  購入について   */
#lfj12 #contents .box_l #ticket-program .coment{
	background-color: #ffffff;
	margin: 0 0 10px 0;
	padding:15px;
}

#lfj12 #contents .box_l #ticket-program .coment h3{
	background-color: #b29d5c;
	color: #ffffff;
	padding: 5px 10px;
	font-size:100%;
	margin-bottom:15px;
}


#lfj12 #contents .box_l #ticket-program .coment .otoku{
	border:dotted #330099 1px; padding: 5px; margin:10px 20px 0 20px;
}


#lfj12 #contents .box_l #ticket-program .coment h4{
	font-weight:bold;
	color: #330099;
}



#lfj12 #contents .box_l #ticket-program .buynav{
	margin: 10px 0 5px 0;
}

#lfj12 #contents .box_l #ticket-program .buynav ul{
	margin:10px 0
}

#lfj12 #contents .box_l #ticket-program .buynav li{
	display: inline;
}

#lfj12 #contents .box_l #ticket-program li.space{
	margin: 0 15px;
}


/* ---------------------------------------
  Infomation   
 -------------------------------------------*/
#lfj12 #contents .box_l #infomation{
	background-color: #fff8e6;	
	padding:20px 20px 20px 30px;
	margin-bottom:20px;
}

#lfj12 #contents .box_l #infomation dl {
	height:350px;
	overflow: auto;
}

#lfj12 #contents .box_l #infomation dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 110px;
  border-left: solid 8px #d0c29f;
  padding-left: 5px;
}

#lfj12 #contents .box_l #infomation dd {
  margin-bottom: 0.8em;
  width: 520px;
  float: left;
}
 
 
#lfj12 #contents .box_l #infomation dd h4{
  font-size: 100%;
  color:#bf271e;
}
 
 
#lfj12 #contents .box_l #infomation {
scrollbar-arrow-color:#c9c092;
scrollbar-face-color:#e8e1bf;
scrollbar-3dlight-color:#f1efd5;
scrollbar-darkshadow-color:#a4a284;
scrollbar-highlight-color:#eeecce;
scrollbar-shadow-color:#d7d4ad;
scrollbar-track-color:#c3c1a2;
}


/* ---------------------------------------------------------
-  program-pdf　+　favorite
----------------------------------------------------------*/
#lfj12 #contents .box_r #favorite,
#lfj12 #contents .box_r #program-pdf {
	background-color: #fff8e6;	
	padding:7px 10px;
	color:#333333;
	margin-bottom:15px;
}

#lfj12 #contents .box_r #favorite li,
#lfj12 #contents .box_r #program-pdf li {
	margin:3px;
}

#lfj12 #contents .box_r #favorite li.icon01,
#lfj12 #contents .box_r #program-pdf li.icon01{
	background: url(http://image.pia.jp/images2/static/pia/feature/classic/LFJ/lfj2012_icon01.gif) no-repeat 0 3px;
	padding-left:18px;
}

#lfj12 #contents .box_r #program-pdf span{
	color:#CC0000;
	font-size:84%;
}

#lfj12 #contents .box_r #favorite p{
	font-size:84%;
	margin:0.7em 0;
}

#lfj12 #contents .box_r #favorite span{
	font-weight: bold;
	color: #330099;
}


/* ---------------------------------------------------------
-  Day-program
----------------------------------------------------------*/

/* プログラムページ 
-----------------------------------------------------------------------------------*/
#lfj12_pro{
	width:980px;
	color:#333;
}

/* dateAnker
---------------------------*/
#lfj12_pro .anker-box {
	margin: 0;
	background: url(http://image.pia.jp/images2/static/pia/feature/classic/LFJ/lfj2012_pro_bg.jpg) no-repeat 0 0;
}

#lfj12_pro .anker-box p{
	font-size: 84%;
	font-weight: normal;
	line-height: 1.2em;
	padding:3px 16px;
	color: #000066;
}


#lfj12_pro .anker-box ul {
	display: inline;
	padding: 3px 0 5px 70px;
}
#lfj12_pro .anker-box ul li {
	display: inline;
	margin : 3px 30px;
}

/* pageAnker
---------------------------*/
#lfj12_pro .anker {
	text-align: center;
	color: #cdb86d;
	padding: 6px;
}

/* 座席指定
---------------------------*/
#lfj12_pro .seat {
	margin: 10px 0;
	text-align:center;
}

/* プログラム　*/
#lfj12_pro .program{
	clear: both;
	padding: 10px;
	background: url(http://image.pia.jp/images2/static/pia/feature/classic/LFJ/lfj2012_pro_bg.jpg) repeat-y;
}


#lfj12_pro a{
	color: #FF3333;
	font-weight: bold;
}

#lfj12_pro .btn{
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 84%; 
}
#lfj12_pro .hall{
	font-size: 150%;
	font-weight: bold;
	padding-left: 6px;
	padding-bottom: 10px;
	color: #000066;
}

#lfj12_pro .hall span{
	font-size: 75%;
	color: #FFFFFF;
	padding:3px;
	background-color: #153F8C;
}

#lfj12_pro table.programlist {
	width: 958px;
	border:1px solid #999;
	background-color: #ffffff;
	margin: 0;
	}

#lfj12_pro .programlist td.line_btm{
	height:1px;
	margin:0;
	padding: 0;
	background: #e0dca3;
	}
	
#lfj12_pro .programlist th,
#lfj12_pro .programlist td {
	vertical-align: top;
	padding: 0.6em 0.8em;
	line-height: 1.4em;
	background: none;
	}
	
#lfj12_pro .programlist th {
	background-color: #e0d75a;
	}

#lfj12_pro .programlist th .noborder,
#lfj12_pro .programlist td .noborder{
	border: 1px solid #FFFFFF;
}

#lfj12_pro .programlist .tit_program {
	width:35%;
	border-right: 1px dotted #e0dca3;
	}
#lfj12_pro .programlist .txt_program {
	width:54%;
	}

#lfj12_pro .programlist .date {
	background: #e0dca3;
	white-space: nowrap;
	}

/* ---------------------------------------------------------
-  comment
----------------------------------------------------------*/

#lfj12_pro p.pro_comment{
	border: 1px solid #cc0b07;
	padding:10px;
	margin:10px 0;
	background-color: #FEF9E0;
	}

/* ---------------------------------------------------------
-  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: #df0615;
		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: #a79253;
			}