@charset "utf-8";

/* 全体
---------------------------*/
#fanfare {
width: 980px;
background-color: #fff;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/fanfare/fanfare_bg.gif);
background-position: 0 0 ;
background-repeat: repeat;
color: #333;
padding-bottom: 10px;
margin: 0px auto;
}

#fanfare .font-color1 { 
color:#ff69b4;
}

#fanfare .font-color2 { 
color:#996600;
}

#fanfare .font-medium {
font-size: 1.2em;
}

#fanfare .font-big {
font-size: 1.5em;
}

#fanfare .font-credit {
font-size: 0.7em;
color: #888888;
}

#fanfare .font-bold {
font-weight: bold;
}

#fanfare .margin-t10 { 
margin-top:10px;
}

#fanfare .margin-t20 { 
margin-top:20px;
}

#fanfare .margin-b5 { 
margin-bottom:5px;
}

#fanfare .margin-b10 { 
margin-bottom:10px;
}

#fanfare .margin-b15 { 
margin-bottom:15px;
}

#fanfare .margin-b20 { 
margin-bottom:20px;
}

#fanfare .clear {
clear:both;
}

#fanfare .img_center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#fanfare .midashi_blue {
background-color:#afe0f0; 
font-weight:bold;
padding: 3px;
}

#fanfare .midashi_pink {
background-color:#ffd7f0; 
font-weight:bold;
padding: 3px;
}

#fanfare .midashi_yellow {
background-color:#fff087; 
font-weight:bold;
padding: 3px;
}

#fanfare .midashi_green {
background-color:#c3e6b0; 
font-weight:bold;
padding: 3px;
}


/* TOPICS枠
---------------------------*/
#fanfare .fanfare_topics {
width: 820px;
padding: 20px 20px;
margin: 30px 60px;
background-color: #fff;
border:1px solid #ffc2e8;
}


/* 見どころ
---------------------------*/
#fanfare .fanfare_midokoro {
width: 800px;
padding: 30px;
margin: 0px 60px;
background-color:#fff; 
border:1px solid #ffc2e8;
}

#fanfare .fanfare_midokoro p {
margin-top:10px;
}

#fanfare .fanfare_midokoro .midashi {
font-size:1.2em;
}

/* キャスト
---------------------------*/
#fanfare .fanfare_cast {
width: 860px;
padding: 30px 0px;
margin: 30px 60px;
background-color:#fff; 
border:1px solid #ffc2e8;
}

#fanfare .fanfare_cast .cast_ph {
width: 200px;
height: 200px;
margin: 0px auto 10px auto;
}

#fanfare .fanfare_cast .shiba {
width: 246px;
margin: 10px 31px 0px 30px;
float: left;
display: inline;
}

#fanfare .fanfare_cast .miura {
width: 246px;
margin: 10px 31px 0px 0px;
float: left;
display: inline;
}

#fanfare .fanfare_cast .shiraga {
width: 246px;
margin: 10px 0px 0px 0px;
float: left;
display: inline;
}

#fanfare .fanfare_cast .name {
font-size:1.3em;
font-weight:bold;
margin-bottom: 3px;
margin-top: 3px;
}

#fanfare .fanfare_cast .cast_box_wrapper {
width: 540px;
margin: 30px 130px 0px 190px;
}

#fanfare .fanfare_cast .cast_box{
width: 150px;
margin-right: 30px;
float: left;
display: inline;
text-align: center;
}

#fanfare .fanfare_cast .cast_box .cast_name {
font-weight:bold;
font-size:1.1em;
margin-top: 5px;
}


/* 公演情報
---------------------------*/
#fanfare .fanfare_ticket {
width: 860px;
padding: 30px 0px;
margin: 30px 60px;
background-color:#fff; 
border:1px solid #ffc2e8;
}

#fanfare .fanfare_ticket .ticket_left {
width: 500px;
margin: 10px 20px 0px 30px;
margin-right: 20px;
float: left;
display: inline;
}

#fanfare .fanfare_ticket .ticket_right {
width: 220px;
margin-top: 10px;
padding-top: 30px;
float: left;
display: inline;
}

#fanfare .fanfare_ticket .ticket_chihou {
width: 680px;
margin: 10px 90px 0px 90px;
padding-bottom: 10px;
border-bottom: 1px dotted #666;
}

#fanfare .fanfare_ticket .ticket_chihou .chihou_left {
width: 450px;
margin: 0px;
float: left;
display: inline;
}

#fanfare .fanfare_ticket .ticket_chihou .chihou_right {
width: 220px;
padding-top: 25px;
float: left;
display: inline;
}


/* タイムテーブル
---------------------------*/
#fanfare #fanfare_schedule {
width: 800px;
margin: 10px 30px 30px 30px;
}

#fanfare #fanfare_schedule table.schedule {
width: 800px;
margin-bottom: 7px;
text-align:center;
}

#fanfare #fanfare_schedule th.top {
background-color: #fff;
text-align: right;
font-size: 1.2em;
border-top: 1px solid #666;
border-right:0px solid #666;
border-bottom: none;
border-left:0px solid #666;
padding:0px;
}

#fanfare #fanfare_schedule th.day {
background-color: #fff;
text-align: center;
padding:3px 0px 0px 0px;
border-top: 1px solid #666;
border-right:0px solid #666;
border-bottom:none;
border-left:none;
}

#fanfare  #fanfare_schedule td.week {
text-align: center;
padding:0px 3px 3px 3px;
border-top:none;
border-right:0px solid #666;
border-bottom:1px dotted #666;
border-left:none;
}

#fanfare  #fanfare_schedule td.time {
background-color: #fff;
text-align:center;
border-top: none;
border-right:0px solid #666;
border-bottom:1px solid #666;
border-left:0px solid #666;
}

#fanfare  #fanfare_schedule td.info {
background-color: #fff;
border-top: none;
border-right:0px solid #666;
border-bottom:0px solid #666;
border-left:none;
padding: 3px 0px 0px 0px;
color:#ff69b4;
}

#fanfare  #fanfare_schedule td.hoshi {
background-color: #fff;
border-top: none;
border-right:0px solid #666;
border-bottom:1px solid #666;
border-left:none;
padding: 0px 0px 5px 0px;
}

#fanfare  #fanfare_schedule td.close {
font-size: 1.7em;
color:#222;
}

#fanfare  #fanfare_schedule td.sat {
color:#348dba;
}

#fanfare  #fanfare_schedule td.sun {
color:#d31329;
}