@charset "utf-8";

/* 全体
---------------------------*/
#aliceproject {
width: 980px;
background-color: #fff;
padding-bottom:20px;
}

#aliceproject .font-pink { color:#EF007F;}
#aliceproject .font-yellow { color:#FFD700;}
#aliceproject .font-blue { color:#009CE4;}
#aliceproject .font-red { color:#D80000;}

#aliceproject .font-small { font-size: 0.8em;}
#aliceproject .font-medium { font-size: 1.2em;}
#aliceproject .font-big { font-size: 1.5em;}
#aliceproject .font-bold { font-weight: bold;}
#aliceproject .font-credit { font-size:0.8em;color:#999;}

#aliceproject .margin-t5 { margin-top:5px;}
#aliceproject .margin-t10 { margin-top:10px;}
#aliceproject .margin-t20 { margin-top:20px;}
#aliceproject .margin-b5 { margin-bottom:5px;}
#aliceproject .margin-b10 { margin-bottom:10px;}
#aliceproject .margin-b15 { margin-bottom:15px;}
#aliceproject .margin-b20 { margin-bottom:20px;}
#aliceproject .margin-b30 { margin-bottom:30px;}

#aliceproject .fl_l {float:left;}
#aliceproject .fl_r {float:right;}
#aliceproject .clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

#aliceproject .clear {
clear:both;
}
#aliceproject .img_center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#aliceproject a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}
#conder ul,li{
list-style:none;
}


/*トップ枠
---------------------------*/
#aliceproject .top {
width:980px;
padding:10px 0;
margin:0 0 20px 0;
}
#aliceproject .top img {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#aliceproject .top img.tit {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#aliceproject .top img.ticket {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top:270px;
}
#aliceproject .top ul.ph {
width:920px;
margin:20px auto 0;
}
#aliceproject .top ul.ph li {
width:300px;
margin-right:10px;
float:left;
}
#aliceproject .top ul.ph li:last-child {
width:300px;
margin-right:0px;
float:right;
}



/*枠
---------------------------*/
#aliceproject .frame {
width:920px;
margin:0px auto 40px;
}

/*見出し
---------------------------*/
#aliceproject h3 {
width:900px;
height:30px;
padding:5px 10px 15px;
color:#fff;
font-size:1.5em;
margin-bottom:20px;
}


/* 概要
---------------------------*/
#aliceproject p.outline {
float:left;
width:450px;
line-height:1.6em;
}
#aliceproject span.movie {
float:right;
width:400px;
padding:10px;
background-color: #FFFFC6;
}


/* 劇場情報
---------------------------*/
#aliceproject .data {
float:left;
width:470px;
}
#aliceproject .schedule {
float:right;
width:430px;
}
#aliceproject li.ticket {
margin-bottom:10px;
border-left:7px solid #ffdbed;
padding-left:7px;
}
#aliceproject  p.schemidashi {
border-left:5px solid #EF007F;
border-bottom:1px dotted #EF007F;
padding-left:10px;
margin-bottom:20px;
font-size:1.2em;
}

/* チケットテーブル
---------------------------*/
#aliceproject .scheduleTable {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
font-size:1em;
line-height:1.4em;
text-align: center;
margin-bottom:10px;
}
#aliceproject .scheduleTable .top {
background-color: #fff;
width:25%;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
}
#aliceproject .scheduleTable .bggray {
background-color: #666;
text-align: center;
color: #FFF;
font-weight: bold;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}
#aliceproject .scheduleTable .bggray2 {
background-color: #ececec;
text-align: center;
font-weight: bold;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}
#aliceproject .scheduleTable td {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 12px 5px;
background-color: #fff;
}
#aliceproject .scheduleTable td.time {
font-size:1.2em;
}
#aliceproject .scheduleTable .pink {
background-color: #ff69b4;
text-align: center;
color: #FFF;
font-weight: bold;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}
#aliceproject .scheduleTable .pink2 {
background-color: #ffdbed;
text-align: center;
font-weight: bold;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
}

#aliceproject .attention {
margin:20px 0 0;
border-top:1px solid #cecece;
padding-top:20px;
}


#aliceproject ul.sale {
width:920px;
margin:20px auto 0;
}
#aliceproject ul.sale li {
width:270px;
padding:15px;
height:120px;
margin-right:10px;
float:left;
text-align:center;
font-size:1.2em;
background-color:#FFFFC6;
}
#aliceproject ul.sale li:last-child {
width:270px;
margin-right:0px;
float:right;
}