@charset "UTF-8";

/* -----------------------------------------------
   .contents-title
*/
#title{
 padding:0 140px 0.5em 40px;
}

/* -----------------------------------------------
   #time-name
*/
#time-name{
 display:block;
 color:#d91c16;
 font-size:70%;
 line-height:135%;
 width:300px;
 padding:3px 0 6px 42px;
 margin:0;
 background-image: url(../../img/common/icon_time.gif);
 background-position:9px 0.2em;
 background-repeat:no-repeat;
 position:absolute;
 z-index:1;
 top:0;
 left:0;
}
#title span{
 display:block;
 text-indent:-9999px;
 font-size:1px;
 line-height:100%;
 width:120px;
 height:16px;
 position:absolute;
 z-index:1;
 top:10px;
 right:0;
}
#tvnew{background-image: url(../../img/common/icon-tvnew.png);}
#tvnew-first{background-image: url(../../img/common/icon-tvnew-first.png);}
#tvnew-ova{background-image: url(../../img/common/icon-tvnew-ova.png);}
#tvnew-ova-first{background-image: url(../../img/common/icon-tvnew-ova-first.png);}
#tvnew-movie{background-image: url(../../img/common/icon-tvnew-movie.png);}

/**/
#kidsnew{background-image: url(../../img/common/icon-kidsnew.png);}
#kidsnew-first{background-image: url(../../img/common/icon-kidsnew-first.png);}
#kidsnew-ova{background-image: url(../../img/common/icon-kidsnew-ova.png);}
#kidsnew-ova-first{background-image: url(../../img/common/icon-kidsnew-ova-first.png);}
#kidsnew-movie{background-image: url(../../img/common/icon-kidsnew-movie.png);}

/* -----------------------------------------------
   #cach
*/
#cach{
 font-size:90%;
 margin:0 0 20px 40px;
}

/* -----------------------------------------------
   .contents-l
*/
.contents-l{
 display:inline;
 width:212px;
 margin:0 0 30px 40px;
 float:left;
}
figure img{
 display:block;
 margin:0 0 3px 0;
 border:1px solid #d9d9d9;
}
figure small{
 font-size:70%;
 line-height:135%;
}

/* -----------------------------------------------
   .contents-r
*/
.contents-r{
 width:420px;
 margin:0 0 30px 0;
 float:right;
}
.txt-program{
 font-size:80%;
 line-height:165%;
 padding:0 0 13px 0;
}
strong{
 color:#d91c16;
}
.txt-program-info{
 color:#666666;
 font-size:70%;
 line-height:135%;
 padding:0 0 13px 0;
}

/* -----------------------------------------------
   #pr
*/
#pr{
 width:630px;
 margin:0 0 25px 75px;
 background-color:#f2f2f2;
 border:solid 5px #d9d9d9;
 clear:both;
}
#pr p{
 color:#4d4d4d;
 font-size:80%;
 font-weight:bold;
 line-height:135%;
 padding:13px 40px 13px 80px;
}

/* -----------------------------------------------
   #schedule
*/
#schedule{
 width:700px;
 margin:0 0 25px 0;
 clear:both;
}
#schedule h3{
 display:block;
 text-indent:-9999px;
 font-size:1px;
 line-height:100%;
 height:20px;
 margin:0;
 background-image: url(../../img/program/detail/title-schedule.gif);
 background-repeat:no-repeat;
}
#schedule h2{
 color:#d91c16;
 font-size:110%;
 line-height:135%;
 padding:6px 13px 12px 23px;
}

/* -----------------------------------------------
   .annotation
*/
.annotation{
 padding:10px 0 7px 7px;
 background-image: url(../../img/common/line_dot_pink.gif);
 background-position:top;
 background-repeat:repeat-x;
}
.annotation p{
 margin-bottom:7px; 
}
.annotation p.p-l{
 float:left;
}
.annotation p.p-r{
 float:right;
}
.annotation small{
 display:block;
 font-size:70%;
 line-height:135%;
 padding:7px 0 0 7px;
 margin-bottom:16px;
 border-top: solid 2px #d9d9d9;
 clear:both; 
}

/* -----------------------------------------------
   .schedule-frame
*/
.schedule-frame{
 background-color:#f2f2f2;
 position:relative;
}
#schedule table{
 width:100%;
 border:none;
 border-collapse:collapse;
 border-spacing: 0;
}
#schedule table td {
 border: none;
 color:#666666;
 font-size: 12px;
 padding: 5px;
}
#schedule table td a,#schedule table td a:link{
 text-decoration: none; 
 color: #000000;
}
#schedule .date{
 text-align:right;
 width: 15%;
 white-space: nowrap;
}
#schedule .time{
 text-align:right;
 width: 6%;
 white-space: nowrap;
}
#schedule .num{
 text-align:right;
 width: 12%;
 white-space: nowrap;
}
#schedule .sub{
 width: 65%;
}

#schedule table tr:hover,
#schedule table #now td{
 background-color: #ffff59 !important;
}

/* -----------------------------------------------
   #schedule .schedule-frame ul
*/
#schedule .schedule-frame ul.tab,
#schedule .schedule-frame ul.sort{
 list-style:none;
 background-color:#FFF;
}
#schedule .schedule-frame ul.tab li,
#schedule .schedule-frame ul.sort li{
 display:inline-block;
 text-indent:-9999px;
 background-repeat:no-repeat;
}
#schedule .schedule-frame ul.tab li.heads,
#schedule .schedule-frame ul.tab li.tails,
#schedule .schedule-frame ul.sort li.heads,
#schedule .schedule-frame ul.sort li.tails{
 cursor:pointer;
}

#schedule .schedule-frame ul.tab{
}
#schedule .schedule-frame ul.tab li{
 width:100px;
 height:30px;
 background-color:#cccccc;
}
#schedule .schedule-frame ul.tab li.heads,
#schedule .schedule-frame ul.tab li.tails:hover{
 background-color:#d91c16;
}
#schedule .schedule-frame ul.tab li.tails{
 background-color:#ff9d9a;
}
#schedule .schedule-frame ul.tab li#schedule-daily{
 background-image: url(../../img/program/detail/tab-a.png);
}
#schedule .schedule-frame ul.tab li#schedule-weekly{
 background-image: url(../../img/program/detail/tab-b.png);
}
#schedule .schedule-frame ul.tab li#schedule-special{
 background-image: url(../../img/program/detail/tab-c.png);
}

#schedule .schedule-frame ul.sort{
 border:#f2f2f2 solid 3px;
 overflow:hidden;
}
#schedule .schedule-frame ul.sort li{
 display:block;
 float:left;
 height:26px;
 border-right:#f2f2f2 solid 2px;
 background-color:#FFF;
 background-position:3px 3px;
}
#schedule .schedule-frame ul.sort li{
 background-color:#FFF;
}
#schedule .schedule-frame ul.sort li:hover{
 background-color:#d9d9d9;
}
#schedule .schedule-frame ul.sort li#sort-day{
 width:103px;
 background-image: url(../../img/program/detail/b-schedule-day.png);
}
#schedule .schedule-frame ul.sort li#sort-day.heads{
 background-image: url(../../img/program/detail/b-schedule-day-t.png);
}
#schedule .schedule-frame ul.sort li#sort-day.tails{
 background-image: url(../../img/program/detail/b-schedule-day-b.png);
}
#schedule .schedule-frame ul.sort li#sort-time{
 width:103px;
 background-image: url(../../img/program/detail/b-schedule-time.png);
}
#schedule .schedule-frame ul.sort li#sort-time.heads{
 background-image: url(../../img/program/detail/b-schedule-time-t.png);
}
#schedule .schedule-frame ul.sort li#sort-time.tails{
 background-image: url(../../img/program/detail/b-schedule-time-b.png);
}
#schedule .schedule-frame ul.sort li#sort-story{
 width:98px;
 background-image: url(../../img/program/detail/b-schedule-story.png);
}
#schedule .schedule-frame ul.sort li#sort-story.heads{
 background-image: url(../../img/program/detail/b-schedule-story-t.png);
}
#schedule .schedule-frame ul.sort li#sort-story.tails{
 background-image: url(../../img/program/detail/b-schedule-story-b.png);
}

#schedule .schedule-frame p.view-all{
 display:block;
 text-indent:-9999px;
 height:26px;
 background-repeat:no-repeat;
 cursor:pointer;
}
#schedule .schedule-frame p.view-all#view-all-1{
 width:120px;
 background-image: url(../../img/program/detail/b-schedule-all_2.png);
 background-position:0 center;
 position:absolute;
 z-index:1;
 top:33px;
 right:3px;
 border-left:#f2f2f2 solid 2px;
}
#schedule .schedule-frame p.view-all#view-all-1:hover{
 background-color:#d9d9d9;
}
#schedule .schedule-frame p.view-all#view-all-2{
 background-color:#ff9d9a;
 background-image: url(../../img/program/detail/b-schedule-all.png);
 background-position:center;
}
#schedule .schedule-frame p.view-all#view-all-2:hover{
 background-color:#d91c16;
}



/* -----------------------------------------------
   #view-all
*/
#view-all a,#view-all a:link{
 display:block;
 text-indent:-9999px;
 font-size: 1px;
 height:28px;
 background-color:#FF9D9A;
 background-image: url(../../img/program/detail/b-schedule-all.png);
 background-position:center;
 background-repeat:no-repeat;
}