@charset "utf-8";


/* 全体
---------------------------*/
#parade {
width: 980px;
background-color: #ffffff;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/parade/parade_bg.jpg);
background-position: 0px 0px;
background-repeat: repeat;
}

#parade .font-b { 
font-weight:bold;
}

#parade .font-10 { 
font-size:10px;
}

#parade .font-14 { 
font-size:14px;
}

#parade .font-16 { 
font-size:16px;
}

#parade .font-color { 
color:#003399;
}

#parade .font-color2 { 
color:#ccff00;
}

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

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

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

#parade .margin-b30 { 
margin-bottom:30px;
}

#parade .parade_bar {
width: 870px;
padding: 5px;
background-color: #003399;
color: #ffffff;
font-weight: bold;
margin-bottom: 10px;
}


/* ニュース
---------------------------*/
#parade .news {
width: 920px;
margin: 0px 20px 20px 20px;
background-color: #ffffff;
padding: 10px;
}

/* 外枠
---------------------------*/
#parade #contents {
width: 940px;
background-color: #ffffff;
margin: 20px 20px 0px 20px;
}


/* 先行情報ボタン
---------------------------*/
#parade #parade_senkou {
position:relative;
width:900px;
height:60px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/parade/parade_senkou_btn.gif);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px 0px 20px 40px;
}

#parade #parade_senkou a{
display:block;
width:900px;
height:60px;
text-indent:-9999px;
background:url(http://image.pia.jp/images2/static/pia/feature/stage/parade/parade_senkou_btn.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}

#parade #parade_senkou a:hover{
background:url(http://image.pia.jp/images2/static/pia/feature/stage/parade/parade_senkou_btn.gif);
background-position:0px -60px;
background-repeat:no-repeat;
}


/* 概要
---------------------------*/
#parade #contents .gaiyou {
width: 880px;
margin: 10px 30px 20px 30px;
}


/* ストーリー
---------------------------*/
#parade #contents .story {
width: 840px;
margin: 30px 30px 20px 30px;
border: 1px dotted #003399;
background-color: #ffffff;
padding: 20px
}

#parade #contents .story_bar {
width: 830px;
padding: 5px;
background-color: #003399;
color: #ffffff;
font-weight: bold;
margin-bottom: 10px;
}


/* スタッフ
---------------------------*/
#parade #contents .staff {
width: 880px;
margin: 30px 30px 20px 30px;
}

#parade #contents .staff_bar {
width: 870px;
padding: 5px;
background-color: #003399;
color: #ffffff;
font-weight: bold;
margin-bottom: 10px;
}

#parade #contents .staff_line {
width: 273px;
border-top: 1px dotted #003399;
margin: 5px 0px 5px 0px;
}

#parade #contents .left {
width: 273px;
margin: 0px 30px 0px 0px;
float: left;
display: inline;
}

#parade #contents .middle {
width: 273px;
margin: 0px 30px 0px 0px;
float: left;
display: inline;
}

#parade #contents .right {
width: 273px;
margin: 0px 0px 0px 0px;
float: left;
display: inline;
}


/* 公演情報
---------------------------*/
#parade .parade_ticket {
width: 880px;
margin: 30px 30px 0px 30px;
background-color: #ffffff;
}

#parade .parade_ticket .ticket_bar {
width: 870px;
padding: 5px;
background-color: #003399;
color: #ffffff;
font-weight: bold;
margin-bottom: 10px;
}

#parade .parade_ticket .ticket_left {
width: 560px;
margin: 0px 0px 10px 30px;
float: left;
display: inline;
}

#parade .parade_ticket .ticket_right {
width: 250px;
margin: 0px 20px 10px 0px;
float: left;
display: inline;
}

#parade .parade_ticket .ticket_hr {
height: 1px;
border: none;
border-top: 1px #666666 dotted;
margin: 0px 0px 10px 0px;
}
