@charset "utf-8";


/* 全体
---------------------------*/
#kafka {
width: 980px;
background-color: #aebac3;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/kafka/kafka_bg.gif);
background-position: 0 0 ;
background-repeat: repeat;
padding-bottom: 20px;
}

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

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

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

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

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

#kafka .font-color { 
color:#cc0000;
}

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

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

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

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


/* ニュース
---------------------------*/
#kafka .kafka_news {
width: 900px;
padding: 20px;
margin:25px 20px;
background-color: #f0f0f0;
}

/* コンテンツ
---------------------------*/
#kafka #kafka_contents_top {
width: 940px;
height:39px;
background-color: #f0f0f0;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/kafka/kafka_contents_top.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
margin:0px 20px;
}

#kafka #kafka_contents {
width: 900px;
background-color: #f0f0f0;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/kafka/kafka_contents_bg.gif);
background-position: 0 0 ;
background-repeat: repeat;
margin:0px 20px;
padding: 20px;
}

#kafka #kafka_contents_bottom {
width: 940px;
height:39px;
background-color: #f0f0f0;
background-image: url(http://image.pia.jp/images2/static/pia/feature/stage/kafka/kafka_contents_bottom.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
margin:0px 20px;
}


/* 概要
---------------------------*/
#kafka .kafka_gaiyou {
width: 860px;
margin: 0px 20px;
}


/* ストーリー
---------------------------*/
#kafka .kafka_story {
width: 656px;
margin: 30px 122px;
}

/* キャスト
---------------------------*/
#kafka .kafka_cast {
width: 800px;
margin: 0px 50px;
}

#kafka .kafka_cast .cast_left {
width: 380px;
margin-right: 40px;
float: left;
display: inline;
}

#kafka .kafka_cast .cast_right {
width: 380px;
float: left;
display: inline;
}

#kafka .kafka_cast .cast_photo {
width: 150px;
margin-right: 0px;
float: left;
display: inline;
}

#kafka .kafka_cast .cast_text {
width: 220px;
float: left;
display: inline;
}

#kafka .kafka_cast .cast_text p{
margin-left:10px;
margin-top: 10px;
}

#kafka .kafka_cast .cast_name {
padding: 15px 5px;
border-top:1px solid #333333;
border-bottom:1px dotted #333333;
}



/* スタッフ
---------------------------*/
#kafka .kafka_staff {
width: 800px;
margin: 0px 50px;
}

#kafka .kafka_staff .staff_name {
font-size: 16px;
font-weight:bold;
color: #333333;
padding:5px;
border-top:1px solid #333333;
border-bottom:1px dotted #333333;
}

#kafka .kafka_staff p {
margin-top:5px;
margin-bottom:10px;
}


 /* 公演情報
---------------------------*/
#kafka .kafka_ticket {
width: 860px;
margin: 50px 20px 0px 20px;
}

#kafka .kafka_ticket .ticket_left {
width: 560px;
margin: 0px 0px 0px 0px;
color: #333333;
float: left;
display: inline;
}

#kafka .kafka_ticket .ticket_right {
width: 250px;
margin: 0px 20px 0px 0px;
float: left;
display: inline;
}

#kafka .kafka_ticket .ticket_bar {
width: 850px;
padding: 5px;
background-color: #000000;
color: #ffffff;
font-weight: bold;
margin-bottom: 10px;
}

#kafka .kafka_ticket .ticket_border {
border-bottom:1px dotted #333333;
margin: 10px 0px;
}