@charset "utf-8";

/* 全体
---------------------------*/
#jannue {
width: 980px;
background-color: #4D3B31;
color:#2D1F0A;
padding-bottom:20px;
}

#jannue .font-red { color:#E84729;}
#jannue .font-yellow { color:#FFDC1D;}
#jannue .font-orange { color:#EA641E;}
#jannue .font-brown { color:#4D3B31;}

#jannue .font-small { font-size: 0.8em;}
#jannue .font-medium { font-size: 1.2em;}
#jannue .font-big { font-size: 1.5em;}
#jannue .font-bold { font-weight: bold;}
#jannue .font-credit { font-size:0.8em;color:#666;}

#jannue .margin-t5 { margin-top:5px;}
#jannue .margin-t10 { margin-top:10px;}
#jannue .margin-t20 { margin-top:20px;}
#jannue .margin-t30 { margin-top:30px;}
#jannue .margin-t50 { margin-top:50px;}
#jannue .margin-b5 { margin-bottom:5px;}
#jannue .margin-b10 { margin-bottom:10px;}
#jannue .margin-b15 { margin-bottom:15px;}
#jannue .margin-b20 { margin-bottom:20px;}
#jannue .margin-b30 { margin-bottom:30px;}

#jannue .fl_l {float:left;}
#jannue .fl_r {float:right;}
#jannue .clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

#jannue .clear {
clear:both;
}
#jannue .img_center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#jannue a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}
#conder ul,li{
list-style:none;
}


/*TOP
---------------------------*/
#jannue #top {
position:relative;
width:980px;
height:570px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/jeanne/top_bg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
background-color: #4D3B31;
}
#jannue #top .frame {
width:640px;
padding:30px 0 0 340px;
}
#jannue #top .frame img {
margin-bottom:10px;
}

/*インタビューボタン*/
#jannue #top .interview {
position:absolute;
width: 210px;
height: 210px;
left:10px;
top:400px;
}
#jannue #top .interview .btn {
position:relative;
width: 210px;
height: 210px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/jeanne/btn_interview.png);
background-position:0px 0px;
background-repeat:no-repeat;
float:left;
}
#jannue #top .interview .btn a {
display:block;
width: 210px;
height: 210px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/jeanne/btn_interview.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
#jannue #top .interview .btn a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/jeanne/btn_interview.png);
background-position:0px -210px;
background-repeat:no-repeat;
}

/*動画
---------------------------*/
#jannue #movie {
background-color:#000;
padding:10px;
float:right;
margin:20px 30px 40px 0;
}

/*ニュース
---------------------------*/
#jannue #news {
float:left;
width:400px;
padding:20px;
margin:20px 30px 30px;
border:1px solid #C4B49A;
color:#f0f0f0;
}
#jannue #news ul {
margin-top:10px;
}
#jannue #news li {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/jeanne/news_arrow.png);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:15px;
border-bottom:1px dotted #8A6A35;
padding-bottom:2px;
margin-bottom:2px;
}
#jannue #news li a { color:#FFDC1D;}
#jannue #news li a:hover { color:#FFDC1D;}


/*フレーム
---------------------------*/
#jannue #intro , #jannue #story , #jannue #cast , #jannue #ticket {
width:920px;
margin:0 auto 40px;
padding-bottom:20px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/jeanne/frame_bg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
background-color:#fff;
}

/*イントロ
---------------------------*/
#jannue #intro p {
padding:0px 40px ;
line-height:1.6em;
}

/*ストーリー
---------------------------*/
#jannue #story ul {
width:700px;
margin:0px auto;
}
#jannue #story li  {
border-bottom:1px dotted #8A6A35;
padding-bottom:10px;
margin-bottom:10px;
}
#jannue #story dt {
float:left;
}
#jannue #story dd {
width:640px;
float:right;
}

/*キャスト
---------------------------*/
#jannue #cast p.staff {
width:840px;
margin:0 auto 30px;
text-align:center;
font-size:1.2em;
line-height:1.7em;
}

#jannue #cast li {
width:840px;
margin:0 auto 30px;
}
#jannue #cast li img.ph {
float:left;
}
#jannue #cast li .prof {
width:670px;
float:right;
line-height:1.6em;
padding-top:10px;
}
#jannue #cast li .prof img {
margin-bottom:15px;
}


/*公演情報
---------------------------*/
#jannue #ticket .txt {
padding:0 80px;
margin-bottom:20px;
}

#jannue #ticket hr.sen {
height: 2px;
border: none;
border-top: 1px #C4B49A dotted;
margin:10px 30px;
}

/* タイムテーブル
---------------------------*/
#jannue  table.schedule {
margin: 20px auto;
text-align:center;
}
#jannue  th.lefttop {
background-color:#E8E1D7;
border-top:2px solid #C4B49A;
border-right:none;
border-bottom:0px solid #999;
border-left:none;
padding:0px;
text-align:center;
}
#jannue  th.day {
width:40px;
text-align: center;
padding-top:3px;
background-color:#E8E1D7;
border-top:2px solid #C4B49A;
border-bottom:0px solid #999;
border-right:none;
border-left:none;
font-size:1.1em;
}
#jannue   td.week {
text-align: center;
font-size:90%;
padding-bottom: 3px;
background-color:#E8E1D7;
border-top:none;
border-right:none;
border-bottom:0px solid #999;
border-left:none;
}
#jannue   td.time {
text-align:center;
padding:0 12px;
border-top: none;
border-right:none;
border-bottom:1px dotted #2D1F0A;
border-left:none;
}
#jannue   td.hoshi {
font-size: 1.4em;
border-top: none;
border-right:0px dotted #999;
border-bottom:1px dotted #2D1F0A;
border-left:none;
padding: 4px 0px;
color:#EA641E;
}
#jannue td.none {
border-bottom:none;
}
#jannue td.close {
font-size:90%;
padding:0 0px;
}
#jannue   td.sat {
color:#348dba;
}
#jannue   td.sun {
color:#d31329;
}

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