@charset "utf-8";

/* 全体
---------------------------*/
#wozzeck {
width: 980px;
background-color: #000;
color:#f0f0f0;
padding-bottom:20px;
margin:0 auto;
}

#wozzeck .yellow { color:#cfb600;}
#wozzeck .gold { color:#625200;}
#wozzeck .red { color:#990000;}

#wozzeck .font-small { font-size: 0.9em;}
#wozzeck .font-medium { font-size: 1.2em;}
#wozzeck .font-big { font-size: 1.5em;}
#wozzeck .font-bold { font-weight: bold;}
#wozzeck .phcredit {
font-size: 0.8em;
color: #999;
margin-top: 0px;
text-align: right;
line-height:100%;
}

#wozzeck .margin-0 { margin:0px;}
#wozzeck .margin-t5 { margin-top:5px;}
#wozzeck .margin-t10 { margin-top:10px;}
#wozzeck .margin-t15 { margin-top:15px;}
#wozzeck .margin-t20 { margin-top:20px;}
#wozzeck .margin-t30 { margin-top:30px;}

#wozzeck .margin-b5 { margin-bottom:5px;}
#wozzeck .margin-b10 { margin-bottom:10px;}
#wozzeck .margin-b15 { margin-bottom:15px;}
#wozzeck .margin-b20 { margin-bottom:20px;}
#wozzeck .margin-b30 { margin-bottom:30px;}

#wozzeck .fl_l {float:left;}
#wozzeck .fl_r {float:right;}
#wozzeck .clear { clear:both;}

#wozzeck .img_center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#wozzeck ul,li{ list-style:none;}
#wozzeck .clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

/* タブ
---------------------------*/
#wozzeck #tab-box ul.tab {
	width:978px;
	margin-top:10px;
	padding: 0;
	list-style: none;
}
#wozzeck #tab-box ul.tab li.tabs {
	margin-right:0px;
	float:left;
	display:inline;
	font-size:0;
	width:163px;
	height:100px;
}
#wozzeck #tab-box ul.tab li.tabs a img {
	outline:none;
	border:none;
}

#wozzeck #tab-box div { /*大枠？*/
	display:none;
	width:940px;
	margin:30px 20px 0 20px;
	padding:0px;
	background-color:#000;
}
#wozzeck #tab-box div.info {
}


/* 概要
---------------------------*/
#wozzeck #tab-box #box-info .outline {
width:940px;
margin:0;
}
#wozzeck #tab-box div.info .outline_left {
width:310px;
margin:0px 20px 0px 0px;
float:left;
}

/* チケット枠 */
#wozzeck #tab-box .outline .outline_ticket {
width:270px;
border:2px solid #6E7882;
background-color:#fff;
color:#232323;
padding:20px;
margin-bottom:20px;
}
#wozzeck #tab-box .outline .outline_ticket img {
display:block;
}
#wozzeck #tab-box .outline .outline_ticket a {
color:#232323;
text-decoration:underline;
}

/* インフォ枠 */
#wozzeck #tab-box .outline ul.info {
list-style-type: none;
height:200px;
background-color: #46505A;
color:#f0f0f0;
padding:20px;
margin-bottom:20px;
overflow: auto;
}
#wozzeck #tab-box .outline ul.info li {
margin-bottom: 5px;
padding-bottom:5px;
border-bottom:1px dotted #999;
}

/* 右/概要枠 */
#wozzeck #tab-box .outline .outline_right {
width:550px;
padding:30px 30px 0 30px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/wozzeck/info_bg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float:right;
}
#wozzeck #tab-box .outline .outline_right p {
margin-top:10px;
line-height:1.6em;
}
#wozzeck #tab-box .outline .outline_right .movie {
width:550px;
background-color: #000;
border:1px solid #6E7882;
}


/* ストーリー
---------------------------*/
#wozzeck #tab-box div.story {
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/wozzeck/story_bg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
border-top:2px solid #990000;
padding-bottom:20px;
}
#wozzeck #tab-box div.story .txt {
width:400px;
margin:0 30px 0 40px;
line-height:1.6em;
float:left;
}
#wozzeck #tab-box div.story .pharea {
width:456px;
margin:10px 0px 0 0px;
float:left;
}
#wozzeck #tab-box div.story .pharea img {
margin:0 5px 5px 0px;
border:1px solid #6E7882;
float:left;
display:block;
}
#wozzeck #tab-box div.story a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}


/* スタッフキャスト
---------------------------*/
#wozzeck #tab-box div.staffcast {
background-color:#000;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/wozzeck/staffcast_bg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
border-top:2px solid #990000;
}
#wozzeck #tab-box div.staffcast li.left {
width:410px;
padding:20px 10px 0 10px;
margin:20px 30px 20px 30px;
line-height:1.5em;
float:left;
}
#wozzeck #tab-box div.staffcast li.right {
width:410px;
padding:20px 10px 0 10px;
margin:20px 20px 20px 0;
line-height:1.5em;
float:right;
}
#wozzeck #tab-box div.staffcast li.boxbg {
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/wozzeck/staffcast_boxbg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
border-top:1px solid #990000;
}
#wozzeck #tab-box div.staffcast font.name {
font-size:1.3em;
font-weight:bold;
}
#wozzeck #tab-box div.staffcast img.ph {
border:1px solid #6E7882;
float:left;
margin-right:15px;
margin-top:20px;
}
#wozzeck #tab-box div.staffcast p.prof {
width:235px;
float:left;
margin-top:20px;
}


/* コラム
---------------------------*/
#wozzeck #tab-box div.column {
background-color:#000;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/wozzeck/column_bg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
border-top:2px solid #990000;
}
#wozzeck #tab-box div.column .box-l {
width:410px;
margin:20px 40px 0 40px;
float:left;
line-height:1.6em;
}
#wozzeck #tab-box div.column .box-r {
width:410px;
margin:20px 40px 0 0px;
float:right;
}
#wozzeck #tab-box div.column p {
line-height:1.7em;
}
#wozzeck #tab-box div.column img.ph {
border:1px solid #746C58;
margin:10px 0;
}

#wozzeck #tab-box div.column img.tit {
margin:40px 0px 0 40px;
}
#wozzeck #tab-box div.column .phl {
width:200px;
margin-top:10px;
margin-right:10px;
margin-bottom:15px;
float:left;
font-size:0.8em;
line-height:1.4em;
}
#wozzeck #tab-box div.column .phr {
width:200px;
margin-top:10px;
margin-right:0px;
margin-bottom:15px;
float:right;
font-size:0.8em;
line-height:1.4em;
}
#wozzeck #tab-box div.column .phdouble {
width:410px;
margin-bottom:3px;
font-size:0.8em;
line-height:1.4em;
}
#wozzeck #tab-box div.column .phl img , .phr img , .phdouble img {
margin-bottom:5px;
}


/* ラインナップ
---------------------------*/
#wozzeck #tab-box div.lineup {
background-color:#000;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/wozzeck/lineup_bg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
border-top:2px solid #990000;
}
#wozzeck #tab-box div.lineup ul {
width:860px;
margin:30px auto 0px;
}
#wozzeck #tab-box div.lineup ul img {
margin-bottom:0px;
}
#wozzeck #tab-box div.lineup li {
width:260px;
margin-right:40px;
margin-bottom:50px;
text-align:center;
float:left;
}
#wozzeck #tab-box div.lineup li.last {
width:260px;
margin-right:0px;
margin-bottom:50px;
text-align:center;
float:right;
}
#wozzeck #tab-box div.lineup a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}



/* フッター
---------------------------*/
#wozzeck .attention {
width:940px;
margin:0px 20px 20px 20px;
padding:10px 0px;
border:1px solid #fff;
color:#fff;
font-weight:bold;
text-align:center;
}

#wozzeck .outline .outline_right .favorite {
width: 900px;
margin:20px 20px 0px 20px;
padding:20px;
background-color: #000;
color:#f0f0f0;
}
#wozzeck .outline .outline_right .favorite a {
color:#cfb600;
}
#wozzeck .outline .outline_right .favorite .left {
width: 690px;
margin-top:10px;
margin-right:30px;
float: left;
} 
#wozzeck .outline .outline_right .favorite .right {
width: 130px;
margin:10px 0px 0px 0px;
float: left;
} 

/* topへ
---------------------------*/
#nav-dock {
position: fixed;
z-index: 999;
right: -2px;
/right: 0px;
top: 80%;
_width:100px;
_float:right;
background-color: #000;
}
#nav-dock a {
display: block;
text-align: center;
padding: 10px 6px;
margin: 0px 0;
color: #fff;
text-decoration: none ;
font-size: 12px ;
background-color: #000;
}	
#nav-dock a:hover{
background-color: #000;
color: #cc0000;
}