@charset "utf-8";


/* 全体
---------------------------*/
#cyrano {
width:980px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/cyrano/cyrano_bg.gif);
}

#cyrano #conctents{
width:900px;
background-color:#ffffff;
margin:0px 40px 0px 40px;
}

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

#cyrano .font-12 { 
font-size:12px;
}


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

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

#cyrano .font-color { 
color:#8B2500;
}

#cyrano .font-color2 { 
color:#cc9900;
}

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

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


/* ニュース
---------------------------*/
#cyrano .cyrano_news {
width:900px;
margin:0px 40px 0px 40px;
background-color:#ffffff;
}

#cyrano .cyrano_news .news_text {
width:650px;
margin:0px 40px 0px 40px;
padding:10px;
}



/* 概要
---------------------------*/
#cyrano .cyrano_gaiyou {
width:840px;
margin:0px 30px 0px 30px;
text-align:center;
}




/* 動画
---------------------------*/
#cyrano .cyrano_movie {
width:840px;
margin:0px 30px 0px 30px;
background: #4c4035;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/cyrano/frame_bg2.gif);
background-repeat:no-repeat;
}

#cyrano .cyrano_movie .movie_title1 {
width:604px;
margin:10px 40px 0px 30px;
color:#ffffff;
float:left;
display:inline;
}

#cyrano .cyrano_movie .movie_title2 {
width:136px;
margin:10px 0px 0px 0px;
color:#ffffff;
float:left;
display:inline;
}



#cyrano .cyrano_movie .movie_1 {
width:136px;
margin:10px 20px 20px 30px;
color:#ffffff;
float:left;
display:inline;
}

#cyrano .cyrano_movie .movie_2 {
width:136px;
margin:10px 20px 20px 0px;
color:#ffffff;
float:left;
display:inline;
}

#cyrano .cyrano_movie .movie_3 {
width:136px;
margin:10px 20px 20px 0px;
color:#ffffff;
float:left;
display:inline;
}

#cyrano .cyrano_movie .movie_4 {
width:136px;
margin:10px 40px 20px 0px;
color:#ffffff;
float:left;
display:inline;
}

#cyrano .cyrano_movie .movie_5 {
width:136px;
margin:10px 30px 20px 0px;
color:#ffffff;
float:left;
display:inline;
}

#cyrano .cyrano_movie .movie_hr {
height: 1px;
border: none;
border-top: 1px #cc9900 solid;
margin:3px 0px 3px 0px;
}



/* ストーリー、キャラクター
---------------------------*/
#cyrano .cyrano_story_chara {
width:840px;
margin:0px 30px 0px 30px;
background: #7f5233;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/cyrano/frame_bg1.gif);
background-repeat:no-repeat;
}

#cyrano .cyrano_story_chara .story {
width:340px;
margin:30px 20px 20px 40px;
color:#ffffff;
float:left;
display:inline;
}

#cyrano .cyrano_story_chara .chara {
width:380px;
margin:30px 40px 20px 20px;
color:#ffffff;
float:left;
display:inline;
}



/* メッセージ・成井名作劇場
---------------------------*/
#cyrano .cyrano_message_meisaku {
width:840px;
margin:0px 30px 0px 30px;
background: #4c4035;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/cyrano/frame_bg2.gif);
background-repeat:no-repeat;
}

#cyrano .cyrano_message_meisaku .message_left {
width:160px;
margin:30px 20px 20px 40px;
float:left;
display:inline;
}

#cyrano .cyrano_message_meisaku .message_right {
width:580px;
margin:30px 40px 20px 0px;
color:#ffffff;
line-height:1.6em;
float:left;
display:inline;
}
 

#cyrano .cyrano_message_meisaku .meisaku_1retsu {
width:760px;
margin:0px 40px 20px 40px;
color:#ffffff;
}

#cyrano .cyrano_message_meisaku .meisaku_left {
width:210px;
margin:0px 20px 30px 40px;
color:#ffffff;
line-height:1.6em;
float:left;
display:inline;
}

#cyrano .cyrano_message_meisaku .meisaku_right {
width:530px;
margin:0px 40px 30px 0px;
color:#ffffff;
float:left;
display:inline;
}

#cyrano .cyrano_message_meisaku  .message_meisaku_hr {
height: 1px;
border: none;
border-top: 1px #f0f0f0 solid;
margin:3px 0px 3px 0px;
}


 
/* キャスト
---------------------------*/
#cyrano .cyrano_cast {
width:840px;
margin:0px 30px 0px 30px;
background: #7f5233;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/cyrano/frame_bg1.gif);
background-repeat:no-repeat;
} 

#cyrano .cyrano_cast .cast_name{
width:800px;
margin:0px 40px 0px 40px;
color:#ffffff;
text-align:center;
} 


/* 公演情報
---------------------------*/
#cyrano .cyrano_ticket {
width:840px;
background: #4c4035;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/cyrano/frame_bg2.gif);
background-repeat:no-repeat;
color:#ffffff;
margin:0px 30px 0px 30px;
}

#cyrano .cyrano_ticket .ticket_left {
width:530px;
margin:0px 0px 0px 40px;
float:left;
display:inline;
}

#cyrano .cyrano_ticket .ticket_right {
width:200px;
margin:20px 0px 0px 0px;
float:left;
display:inline;
}

#cyrano .cyrano_ticket  .ticket_hr {
height: 1px;
border: none;
border-top: 1px #f0f0f0 solid;
margin:10px 40px 10px 40px;
}



 /* アバウト
---------------------------*/
#cyrano .cyrano_about {
 width:840px;
background: #7f5233;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/cyrano/frame_bg1.gif);
background-repeat:no-repeat;
 margin:0px 30px 0px 30px;
 color:#ffffff;
 }
 
 #cyrano .cyrano_about .about_1retsu {
 width:760px;
 margin:0px 40px 0px 40px;
 color:#ffffff;
 }
 
 #cyrano .cyrano_about .about_left_photo2 {
 width:420px;
 margin:10px 10px 0px 40px;
 float:left;
 display:inline;
 }

#cyrano .cyrano_about .about_right_photo2 {
 width:300px;
 margin:10px 40px 0px 0px;
 color:#ffffff;
 float:left;
 display:inline;
 }
 
 
 #cyrano .cyrano_about .about_left {
 width:210px;
 margin:10px 10px 0px 40px;
 float:left;
 display:inline;
 }

#cyrano .cyrano_about .about_right {
 width:510px;
 margin:10px 40px 0px 0px;
 color:#ffffff;
 float:left;
 display:inline;
 }
 
#cyrano .cyrano_about .about_hr {
height: 1px;
border: none;
border-top: 1px #8B2500 solid;
margin:10px 40px 0px 40px;
}