@charset "utf-8";

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

#hero .font-color1 { 
color:#c8000b;
}

#hero .font-color2 { 
color:#996600;
}

#hero .font-medium {
font-size: 1.2em;
}

#hero .font-big {
font-size: 1.5em;
}

#hero .font-credit {
font-size: 0.7em;
color: #888888;
margin: 0px;
text-align: right;
}

#hero .font-bold {
font-weight: bold;
}

#hero .margin-t10 { 
margin-top:10px;
}

#hero .margin-t20 { 
margin-top:20px;
}

#hero .margin-b5 { 
margin-bottom:5px;
}

#hero .margin-b10 { 
margin-bottom:10px;
}

#hero .margin-b15 { 
margin-bottom:15px;
}

#hero .margin-b20 { 
margin-bottom:20px;
}

#hero .clear {
clear:both;
}

#hero .img_center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}


/* TOP枠
---------------------------*/
#hero #hero_main {
width: 980px;
margin: 0px;
}

#hero #hero_main .schedule {
width: 980px;
height:90px;
margin: 0px;
padding-top:7px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_main_schedule_bg.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}


/* ナビゲーションボタン
---------------------------*/
#hero .hero_navi {
width: 940px;
margin: 20px 20px;
}

#hero .hero_navi .navi_whats {
position:relative;
width: 220px;
height: 50px;
margin-right: 20px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_whats2.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float: left;
display: inline;
}

#hero .hero_navi .navi_whats a {
display:block;
width: 220px;
height: 50px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_whats2.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float: left;
display: inline;
}

#hero .hero_navi .navi_whats a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_whats2.jpg);
background-position:0px -50px;
background-repeat:no-repeat;
}

#hero .hero_navi .navi_schedule {
position:relative;
width: 220px;
height: 50px;
margin-right: 20px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_schedule.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float: left;
display: inline;
}

#hero .hero_navi .navi_schedule a {
display:block;
width: 220px;
height: 50px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_schedule.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float: left;
display: inline;
}

#hero .hero_navi .navi_schedule a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_schedule.jpg);
background-position:0px -50px;
background-repeat:no-repeat;
}

#hero .hero_navi .navi_seat {
position:relative;
width: 220px;
height: 50px;
margin-right: 20px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_seat.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float: left;
display: inline;
}

#hero .hero_navi .navi_seat a {
display:block;
width: 220px;
height: 50px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_seat.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float: left;
display: inline;
}

#hero .hero_navi .navi_seat a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_seat.jpg);
background-position:0px -50px;
background-repeat:no-repeat;
}

#hero .hero_navi .navi_access {
position:relative;
width: 220px;
height: 50px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_access.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float: left;
display: inline;
}

#hero .hero_navi .navi_access a {
display:block;
width: 220px;
height: 50px;
text-indent:-9999px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_access.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
float: left;
display: inline;
}

#hero .hero_navi .navi_access a:hover {
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_navi_access.jpg);
background-position:0px -50px;
background-repeat:no-repeat;
}


/* TOPICS枠
---------------------------*/
#hero .hero_topics {
width: 910px;
background-color: #343434;
margin: 20px 40px 20px 20px;
padding: 15px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}



/* 概要
---------------------------*/
#hero .hero_whats {
width: 860px;
margin: 40px 60px;
}

#hero .hero_whats p {
text-indent:1em;
padding-left:-1em;
margin-top: 15px;
}

#hero .hero_whats .movie_flame {
width: 360px;
height: 197px;
padding: 10px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/hero/hero_movie_bg.jpg);
background-position: 0px 0px ;
background-repeat: no-repeat;
float:right;
margin-left: 30px;
margin-bottom: 30px;
}


/* スケジュール
---------------------------*/
#hero .hero_schedule {
width: 580px;
margin: 30px 200px 15px 200px;
}

#hero .hero_schedule .data_left {
width: 360px;
float:left;
}

#hero .hero_schedule .data_right {
width: 220px;
float:left;
}


/* タイムテーブル
---------------------------*/
#hero .schedule_table {
width: 900px;
margin-left: 80px;
margin-bottom: 10px;
}

#hero  .schedule_table table tr,  .schedule_table table th,  .schedule_table table td {
text-align: center;
}

#hero  .schedule_table table th.top {
width: 50px;
text-align: center;
background-color: #666;
border-top:0px solid #555;
border-right:2px solid #000;
border-bottom:2px solid #000;
border-left:0px solid #555;
padding:3px 0px 0px 3px;
color:#f0f0f0;
}

#hero  .schedule_table table td.time {
width: 50px;
padding:0px 10px;
background-color: #999;
color:#000;
text-align:center;
border-top: none;
border-right:2px solid #000;
border-bottom:1px solid #000;
border-left:0px solid #555;
}

#hero  .schedule_table table th.day {
background-color: #333;
font-size: 1.2em;
padding:0px 20px;
border-top:0px solid #555;
border-right:1px solid #000;
border-bottom:none;
border-left:none;
color:#f0f0f0;
}

#hero  .schedule_table table td.week {
font-size: 0.9em;
background-color: #333;
padding-bottom: 3px;
border-top:none;
border-right:1px solid #000;
border-bottom:2px solid #000;
border-left:none;
color:#f0f0f0;
}

#hero  .schedule_table table td.hoshi {
background-color: #444;
border-top: none;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:none;
padding: 3px 0px;
}

#hero  .schedule_table table tr.blank {
height: 20px;
}

/* 休演・土日背景色*/
#hero  .schedule_table table td.close {
background-color: #333;
}

#hero  .schedule_table table th.sat {
background-color: #684e00;
}

#hero  .schedule_table table td.sat {
background-color: #684e00;
}

#hero  .schedule_table table td.sat_hoshi {
background-color: #8c6900;
}

#hero  .schedule_table table th.sun {
background-color: #5b0000;
}

#hero  .schedule_table table td.sun {
background-color: #5b0000;
}

#hero  .schedule_table table td.sun_hoshi {
background-color: #6c1e1e;
}


/* シート
---------------------------*/
#hero .hero_seat {
width: 820px;
margin: 60px 80px 0px 80px;
}

#hero .hero_seat .seat_left {
width: 400px;
margin-top: 20px;
margin-right: 50px;
float: left;
}

#hero .hero_seat .seat_right {
width: 370px;
margin-top: 20px;
padding-top:50px;
float: left;
}

#hero .hero_seat .ticketflame {
width: 330px;
padding: 15px;
margin-bottom:20px;
background-color: #343434;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#hero .hero_seat .place {
margin-top: 10px;
margin-bottom: 10px;
font-weight:bold;
font-size: 1.2em;
}


/* アクセス
---------------------------*/
#hero .hero_access {
width: 860px;
margin: 50px 60px 0px 60px;
}

#hero .hero_access .access_left {
width: 360px;
padding-left:80px;
padding-top:30px;
margin-top: 20px;
margin-right: 20px;
float: left;
}

#hero .hero_access .access_right {
width: 400px;
margin-top: 20px;
float: left;
}

#hero .hero_access .indent {
text-indent: 3em;
}

#hero .hero_access .mapborder {
border:1px solid #555;
margin: 15px auto;
}