@charset "utf-8";

/* 全体
---------------------------*/
#asterisk {
width: 980px;
background-color: #fff;
color:#3f3f41;
margin:0 auto;
}

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

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

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

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

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

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

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

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

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

#asterisk .clear {
clear:both;
}

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


/* コンテンツ枠
---------------------------*/
#asterisk .asterisk_contents {
width: 980px;
margin: 0px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/asterisk/asterisk_frame_pattern.jpg);
background-position:0px 0px;
background-repeat:repeat;
padding:50px 0px 20px 0px;
}


/* 動画
---------------------------*/
#asterisk .asterisk_movie {
position:relative;
width: 900px;
margin: 0px 40px 0px 40px;
padding:30px 0px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/asterisk/asterisk_whitebg.png);
background-position:0px 0px;
background-repeat:repeat;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#asterisk .asterisk_movie .title {
position:absolute;
margin:-50px -20px;
}

#asterisk .asterisk_movie .wrapper {
margin:10px 0 0 200px;
}

#asterisk .asterisk_movie .movieframe1 {
margin-right:50px;
float:left;
}

#asterisk .asterisk_movie .movieframe2 {
float:left;
}


/* アバウト
---------------------------*/
#asterisk .asterisk_about {
position:relative;
width: 900px;
margin: 50px 40px 0px 40px;
padding:30px 0px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/asterisk/asterisk_whitebg.png);
background-position:0px 0px;
background-repeat:repeat;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#asterisk .asterisk_about .title {
position:absolute;
margin:-50px 710px;
}

#asterisk .asterisk_about .wrapper {
width:700px;
margin:20px 0 0 50px;
}

#asterisk .asterisk_about p {
line-height:1.65em;
margin-bottom:10px;
}


/* キャスト
---------------------------*/
#asterisk .asterisk_cast {
position:relative;
width: 900px;
margin: 50px 40px 0px 40px;
padding:30px 0px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/asterisk/asterisk_whitebg.png);
background-position:0px 0px;
background-repeat:repeat;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#asterisk .asterisk_cast .title {
position:absolute;
margin:-50px -20px;
}

#asterisk .asterisk_cast .wrapper {
width:650px;
margin:10px 0 40px 200px;
}

#asterisk .asterisk_cast .left {
width:300px;
margin:0px 50px 0 0px;
float:left;
}

#asterisk .asterisk_cast .right {
width:300px;
margin:0px 0px 0 0px;
float:left;
}

#asterisk .asterisk_cast .name {
font-size:1.3em;
font-weight:bold;
margin-top:5px;
text-align:center;
}

#asterisk .asterisk_cast .cap {
font-size:0.7em;
color:#999;
margin-left:0.5em;
}

#asterisk .asterisk_cast .hr {
border-bottom:1px solid #ccc;
width:650px;
margin:0px 0px 25px 200px;
}


/* チケット
---------------------------*/
#asterisk .asterisk_ticket {
position:relative;
width: 900px;
margin: 50px 40px 40px 40px;
padding:30px 0px;
background-image:url(http://image.pia.jp/images2/static/pia/feature/stage/asterisk/asterisk_whitebg.png);
background-position:0px 0px;
background-repeat:repeat;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#asterisk .asterisk_ticket .title {
position:absolute;
margin:-50px 710px;
}

#asterisk .asterisk_ticket .wrapper {
width:700px;
margin:20px 0 0 50px;
}