@charset "utf-8";

/* 全体
---------------------------*/
#roh2015 {
width: 980px;
background-color: #000;
color:#333;
padding-bottom:20px;
}

#roh2015 .font-red { color:#A50F0F;}
#roh2015 .font-gold { color:#BEA028;}

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

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

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

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


/* TOP
---------------------------*/
#roh2015 #top {
position:relative;
width: 980px;
height:460px;
margin: 0px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/top_bg.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}
#roh2015 #top img.logo {
position:absolute;
left:0px;top:0px;
z-index: 4;
}
#roh2015 #top img.catch {
position:absolute;
left:302px;top:20px;
z-index: 3;
}
#roh2015 #top img.toptit {
position:absolute;
left:247px;top:80px;
z-index: 2;
}
#roh2015 #top img.embrem {
position:absolute;
left:755px;top:20px;
z-index: 1;
}
#roh2015 #top img.japan {
position:absolute;
left:775px;top:195px;
z-index: 0;
}

/* navi
---------------------------*/
#roh2015 #navi ul {
margin:0;
width: 980px;
}
#roh2015 #navi li.intro {
position:relative;
width: 326px;
height: 150px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_intro.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float:left;
}
#roh2015 #navi li.intro a {
display:block;
width: 326px;
height: 150px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_intro.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}
#roh2015 #navi li.intro a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_intro.jpg);
background-position:0px -150px;
background-repeat:no-repeat;
}
#roh2015 #navi li.macbeth {
position:relative;
width: 327px;
height: 150px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_macbeth.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float:left;
}
#roh2015 #navi li.macbeth a {
display:block;
width: 327px;
height: 150px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_macbeth.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}
#roh2015 #navi li.macbeth a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_macbeth.jpg);
background-position:0px -150px;
background-repeat:no-repeat;
}
#roh2015 #navi li.don {
position:relative;
width: 327px;
height: 150px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_don.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float:right;
}
#roh2015 #navi li.don a {
display:block;
width: 327px;
height: 150px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_don.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
}
#roh2015 #navi li.don a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/navi_don.jpg);
background-position:0px -150px;
background-repeat:no-repeat;
}


/* チケット
---------------------------*/
#roh2015 #ticket {
width:840px;
padding:20px 20px 10px;
margin:20px auto;
border:1px solid #A50F0F;
background-color:#fff;
}
#roh2015 #ticket p {
width:710px;
float:right;
}
#roh2015 #ticket a {
color:#A50F0F;
}


/* ニュース
---------------------------*/
#roh2015 #news {
width:840px;
padding:20px 20px 10px;
margin:20px auto;
border:1px solid #B49B14;
color:#f0f0f0;
}
#roh2015 #news ul {
width:690px;
float:right;
}
#roh2015 #news li {
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/news_arrow.png);
background-position:0px 4px;
background-repeat:no-repeat;
padding-left:12px;
border-bottom:1px dotted #B49B14;
margin-bottom:5px;
}
#roh2015 #news li a {
color:#B49B14;
}


/* イントロ
---------------------------*/
#roh2015 #intro {
width:920px;
margin: 60px auto 0;
color:#f0f0f0;
}
#roh2015 #intro p {
padding:0 30px;
line-height:1.65em;
float:left;
margin-top:30px;
}
#roh2015 #intro p img {
display:block;
margin-bottom:15px;
}
#roh2015 #intro span.movie {
float:right;
width:400px;
padding:10px;
background-color: #000;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/movie_bg.jpg);
background-repeat:repeat-x;
margin-bottom:10px;
margin-left:20px;
}
#roh2015 #intro span.conductor {
width:400px;
float:right;
margin-bottom:10px;
margin-left:20px;
text-align:right;
}


/* コンテンツ構造
---------------------------*/
#roh2015 #macbeth , #roh2015 #don {
width: 920px;
margin: 60px auto 0;
padding-bottom:20px;
background-color: #fff;
border-top:5px solid #A50F0F;
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/roh/bg_embrem.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

/*　左枠　*/
#roh2015 .left {
width:320px;
float:left;
}
#roh2015 p.data {
margin-top:20px;
padding:0 30px 0 20px;
}
#roh2015 p.data img {
display:block;
margin:10px 0 20px;
}

/*　右枠　*/
#roh2015 .right {
width:600px;
float:right;
}
#roh2015 .right p.outline {
margin-top:20px;
padding-right:40px;
line-height:1.6em;
}
#roh2015 p.outline img {
display:block;
margin:0px 0 10px;
}
#roh2015 .right p.kikidokoro {
width:260px;
padding:15px;
line-height:1.5em;
border:1px solid #A50F0F;
float:left;
}
#roh2015 .right .pharea {
width:240px;
float:right;
margin-right:40px;
}

#roh2015 .right ul.cast {
width: 580px;
margin-top:30px;
}
#roh2015 .right li {
width: 135px;
float:left;
font-size:0.85em;
text-align:center;
margin-right:10px;
margin-bottom:10px;
}


/* 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;
background: #2f2f3f;
color: #fff;
text-decoration: none ;
font-size: 12px ;
background-color: #000;
}	
#nav-dock a:hover{
background-color: #A50F0F;
color: #fff;
}