/* CSS Document */

/* :::::::::::::::: http://www.designfesta.com/event/vol32/eventarea/artist_list/ :::::::::::: */

#ind-list{margin-bottom: 25px; border-top: 3px #DD0000 solid; border-bottom: 0px #DD0000 solid;}
#out-list{margin-bottom: 25px; border-top: 3px #DD0000 solid; border-bottom: 0px #DD0000 solid;}
#min-list{margin-bottom: 25px; border-top: 3px #DD0000 solid; border-bottom: 0px #DD0000 solid;}
h2.listheading{font-size: 25px; font-weight: bold; margin-bottom: 15px;}

.list_time-jump {width: 240px; height: 110px; float: left;}
.list_time-jump ul li {float: left; }
.list_jumper{float: left; width: 65px; margin: 0px;}

.indoor-button1{background: url(/event/vol32/eventarea/artist_list/img/indoor.png); background-repeat: no-repeat; display:block; width: 160px; height: 30px; font-size: 10px; overflow: hidden; margin: 15px 0;}

div#list_day-jump ul li{float: left; margin: 3px 0px;}
div#list_day-jump { height: 88px; border-top:1px solid #DD0000; border-bottom: 1px solid #DD0000; padding-top: 8px; margin: 10px 0;}

#list_saturday-jump-spot{margin-right: 0px; }
#list_sunday-jump-spot{margin-right: 0px; }
div#artist_list{width:696px; background: #FFF; text-align: center; margin: 0 auto; padding: 2px !important; }



/* :::::::::::::::: http://www.designfesta.com/event/vol32/eventarea/index.html :::::::::::: */

a.movetopage{display:block; float: left; margin-bottom: 50px; margin: 18px !important; }
a#etime{background-image: url(/event/vol32/eventarea/img/a_select_time.png); background-repeat: no-repeat; width: 274px; height:274px;}
a#ephoto{background-image: url(/event/vol32/eventarea/img/a_select_list.png); background-repeat: no-repeat; width: 274px; height:274px;}
a.movetopage:hover {background-position: 0 -274px;}
.redone{border-top: 1.5px #DD0000 solid; margin-top: -4px;  padding: 19px;}
#redp{background-image: url(/event/vol32/eventarea/img/photo.png); background-repeat: no-repeat; background-position: right top; }
.navchoices{padding: 20px;}
.redone h3{font-size: 18px;}
a#etime-en{background-image: url(/event/vol32/eventarea/img/a_select_time_en.png); background-repeat: no-repeat; width: 274px; height:274px;}
a#ephoto-en{background-image: url(/event/vol32/eventarea/img/a_select_list_en.png); background-repeat: no-repeat; width: 274px; height:274px;}
ul.artistcells li {float: left; margin: 3px; border-top: 4px solid #000; border-left: 4px solid #000; border-bottom: 4px solid #000; border-right: 4px solid #000;}
ul.artistcells{float: left; width: 696px}
#artist_timetable{width:696px; background: #FFF; text-align: center; margin: 0 auto; padding: 2px !important; }



/* タイムテーブル vol 31-32 */
.toptobu p {text-align: right; }
.toptobu a{border: 1px dotted #000; padding: 7px;}
.toptobu{margin-bottom: 20px;}

.toptobu2 p {text-align: center; }
.toptobu2{padding-top: 68px; width: 50px; height: 30px;}

.time-jump {width: 200px; height: 65px; float: left;}
.time-jump ul li {float: left; }
.time-button1{background: url(/event/vol32/eventarea/timetable/img/clock1.gif); background-repeat: no-repeat; display:block; width: 80px; height: 80px; font-size: 10px; overflow: hidden;}
.time-button2{background: url(/event/vol32/eventarea/timetable/img/clock2.gif); background-repeat: no-repeat; display:block; width: 80px; height: 80px; font-size: 10px; font-size: 10px; overflow: hidden;}
.time-button3{background: url(/event/vol32/eventarea/timetable/img/clock3.gif); background-repeat: no-repeat; display:block; width: 80px; height: 80px; font-size: 10px; font-size: 10px; overflow: hidden;}

#saturday-jump-spot{margin-right: 60px; }


div#day-jump ul li{float: left; margin: 3px 0px;}
div#day-jump { height: 40px; /*border-top:1px solid #DD0000; border-bottom: 1px solid #DD0000;*/ padding-top: 5px; margin: 10px 0;}


#saturday{height: 135px; width: 100%; float: left; background-image: url(/event/vol32/eventarea/timetable/img/saturday-point.gif); position: absolute; background-position: center; top: 370px; background-repeat: no-repeat;}
#sunday{height: 135px; width: 100%; float: left; background-image: url(/event/vol32/eventarea/timetable/img/sunday-point.gif); position: absolute; background-position: center; top: 2617px; background-repeat: no-repeat;}
.headings{height: 72px; width: 604px; background-image: url(/event/vol32/eventarea/timetable/img/stage-headings.gif); float: left; margin-top: 10px; margin-left: 47px;}
.timetable-wrapper{float: left;}

.jumper{float: left; width: 120px; margin: 3px 0px;}

.exhibitor-text-outdoor{display:block;}
.exhibitor-text-indoor{display:block:}
.exhibitor-text-mini{display: block;}

div.indoor{background-color: #FFFACD;}
div.outdoor{background-color: #FFE4E1;}
div.minitheater{background-color: #F0FFF0;}



div.indoor h6{color: #696969;}
div.outdoor h6{color: #696969;}
div.minitheater h6{color: #696969;}

div.indoor a, div.indoor a:active, div.indoor a:link {color: #525252; font-size: 17px; border-bottom-color: #525252; font-weight: bold; line-height:24px;}
div.outdoor a, div.outdoor a:active, div.outdoor a:link {color: #525252; font-size: 17px; border-bottom-color: #525252; font-weight: bold; line-height:24px;}
div.minitheater a, div.minitheater a:active, div.minitheater a:link {color: #525252; font-size: 17px; border-bottom-color: #525252; font-weight: bold; line-height:24px;}

div.indoor a:hover{text-decoration: underline;}
div.outdoor a:hover{text-decoration: underline;}
div.minitheater a:hover{text-decoration: underline;}


.min20{height: 78px; overflow: hidden; border-bottom: dotted 2px;}
.min25{height: 98px; overflow: hidden; border-bottom: dotted 2px;}
.min30{height: 118px; overflow: hidden; border-bottom: dotted 2px;}
.min35{height: 138px; overflow: hidden; border-bottom: dotted 2px;}
.min40{height: 158px; overflow: hidden; border-bottom: dotted 2px;}
.min45{height: 178px; overflow: hidden; border-bottom: dotted 2px;}
.min50{height: 198px; overflow: hidden; border-bottom: dotted 2px;}
.min55{height: 218px; overflow: hidden; border-bottom: dotted 2px;}
.min60{height: 238px; overflow: hidden; border-bottom: dotted 2px;}
.min65{height: 258px; overflow: hidden; border-bottom: dotted 2px;}
.min70{height: 278px; overflow: hidden; border-bottom: dotted 2px;}
.min75{height: 298px; overflow: hidden; border-bottom: dotted 2px;}
.min80{height: 318px; overflow: hidden; border-bottom: dotted 2px;}
.min85{height: 338px; overflow: hidden; border-bottom: dotted 2px;}
.min90{height: 358px; overflow: hidden; border-bottom: dotted 2px;}
.min95{height: 378px; overflow: hidden; border-bottom: dotted 2px;}
.min100{height: 398px; overflow: hidden; border-bottom: dotted 2px;}
.min105{height: 408px; overflow: hidden; border-bottom: dotted 2px;}
.min110{height: 418px; overflow: hidden; border-bottom: dotted 2px;}
.min115{height: 438px; overflow: hidden; border-bottom: dotted 2px;}
.min120{height: 458px; overflow: hidden; border-bottom: dotted 2px;}


.hour-11{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/11.gif); background-repeat: no-repeat;}
.hour-12{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/12.gif); background-repeat: no-repeat;}
.hour-13{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/13.gif); background-repeat: no-repeat;}
.hour-14{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/14.gif); background-repeat: no-repeat;}
.hour-15{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/15.gif); background-repeat: no-repeat;}
.hour-16{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/16.gif); background-repeat: no-repeat;}
.hour-17{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/17.gif); background-repeat: no-repeat;}
.hour-18{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/18.gif); background-repeat: no-repeat;}
.hour-19{height: 63px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/19.gif); background-repeat: no-repeat;}

.hour-11-{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/11-.gif); background-repeat: no-repeat;}
.hour-12-{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/12-.gif); background-repeat: no-repeat;}
.hour-13-{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/13-.gif); background-repeat: no-repeat;}
.hour-14-{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/14-.gif); background-repeat: no-repeat;}
.hour-15-{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/15-.gif); background-repeat: no-repeat;}
.hour-16-{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/16-.gif); background-repeat: no-repeat;}
.hour-17-{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/17-.gif); background-repeat: no-repeat;}
.hour-18-{height: 240px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/18-.gif); background-repeat: no-repeat;}
.hour-19-{height: 63px; width: 50px; background-image: url(/event/vol32/eventarea/timetable/img/19-.gif); background-repeat: no-repeat;}


.times{width: 50px; float: left; background-color: #fff;}
.bystage{width: 186px; float: left; margin-right: 2px; height: 1981px; border-top: 1px #999 solid; border-bottom: 1px #999 solid; padding: 0 6px;}
.laststage {margin-right: 0px !important;}

.stage-footer{height: 22px; width: 602px; /*background-image: url(/event/vol32/eventarea/timetable/img/stage-foot.gif);*/ float: left; margin: 0 0 35px 49px;;}


/* タイムテーブル vol 28-30 */
#timetable { margin-bottom: 5px }
#title{background-image: url(../img/timetable.gif); background-repeat: repeat-x;}
#title h3 { font-size: 14px; font-weight: bold; height: 40px; padding:7px 0px 7px 2px; }
#title a { color: #222 !important; }
#title a:hover { color: #F00 !important; }
#title .eventarea { text-align: left; float: left; padding: 3px 0 0 10px }     
#title .date { text-align: right; padding: 3px 10px 0 0 }
#foot h4 { font-size: 12px; font-weight: bold; height: 20px; background:#FFF url(../img/foot.gif) no-repeat }
#foot a { color: #FFF !important; }
#foot a:hover { color: #FF0 !important; }
#foot .date2 { text-align: right; padding: 3px 10px 0 0; color: #FFF !important; }
#program { position: relative; clear: both; width: 100%; }
#program #live, #program #stage, #program #proj { position: absolute; width: 204px; z-index: 5 }
#program #live { left: 43px; }  #program #stage { left: 249px }  #program #proj { left: 455px }
#program .time { width: 100%; width: 40px; margin-bottom: 4px; text-align: left; z-index: 1 }
#program .left { position: absolute; } #program .right { position: relative }
#program #date dd { text-align: right }
#program li { width: 196px; text-align: left; margin: 0px 2px 2px 0px ; font-size: 9px; color: #000 }
li.blank em, li.break em, li.end em, #program .time li.head em { visibility: hidden }
#program span { display: block; font-size: 11px; padding-left: 3px }
#program span em { font-size:10px; visibility: visible }
#program a { color: #000000 !important; }
#program #live a:hover { color: #D00 !important; }
#program #stage a:hover { color: #0056CF !important; }
#program #proj a:hover { color: #08740D !important; }
#program #live li { height: 167px; border-left:3px solid #DD0000; border-right:3px solid #DD0000; border-bottom:3px solid #DD0000 }
#program #stage li { height: 123px; border-left:3px solid #0056CF; border-right:3px solid #0056CF; border-bottom:3px solid #0056CF }
#program #proj li { height: 57px; border-left:3px solid #08740D; border-right:3px solid #08740D; border-bottom:3px solid #08740D }
#program .time li { position: relative; width: 40px; padding: 0; height: 262px; background: #EEE }
#program .left li { left: 0 } #program .right li { left: 660px }
li.m10 { height: 15px !important; }
li.m15 { height: 61px !important; }
li.m20 { height: 83px !important; } 
li.m20-foot { height: 83px !important; }
li.m25 { height: 105px !important; }
li.m30 { height: 127px !important; }
li.m35 { height: 149px !important; }
li.m40 { height: 171px !important; }
li.m45 { height: 193px !important; }
li.m50 { height: 215px !important; }
li.m60 { height: 259px !important; }
li.m65 { height: 281px !important; }
li.m70 { height: 281px !important; }
li.m75 { height: 325px !important; }
li.m80 { height: 347px !important; }
li.m90 { height: 381px !important; }
li.m105 { height: 462px !important; }
li.m115 { height: 477px !important; }
li.m120 { height: 523px !important; }
#program li.head { height: 39px !important; padding-bottom:0px !important; }
#program li.head2 { width: 202px; height: 42px !important; }
#program #live li.head2 { border: 0px; background: none; padding: 0px !important; }
#program #stage li.head2 { border: 0px; background: none; padding: 0px !important; }
#program #proj li.head2 { border: 0px; background: none; padding: 0px !important; }
#live li.end { height: 111px !important; }
#stage li.end { height: 221px !important; }
#proj li.end { height: 23px !important; }
#program .time li { font-size: 12px; font-weight: bold; color: #006; text-align: center }
#program .time li.head { height: 42px !important; padding-top: 0 }
#program .time li.end { height: 128px !important; }

/* タイムテーブル POP UPライブ */
#prog-popup-live { width:100%; background: #DD0000; text-align: center; margin: 0 auto }
#prog-popup-live #content { width:470px; background: #FFF; text-align: center; margin: 0 auto; padding: 5px }
#prog-popup-live dl { text-align:left; margin:10px 0px 0px 15px !important; }
#prog-popup-live dt { width:200px !important; float:left }
#prog-popup-live dd { width:500px !important; }
#prog-popup-live h4 { color:#f00; margin-bottom:4px; padding-top:5px }
#prog-popup-live h4 span { display:block; color:#f60 }
#prog-popup-live h5 { margin-bottom:2px }
#prog-popup-live h6 { font-size: 11px }
#prog-popup-live p { text-align:left; padding:0 9px 0px 9px ; margin-top: 4px }
#prog-popup-live .photo #prog-popup-live .close { text-align:center }
#prog-popup-live .close { padding-top:4px }
/* タイムテーブル POP UPショー */
#prog-popup-stage { width:100%; background: #0056CF; text-align: center; margin: 0 auto }
#prog-popup-stage #content { width:470px; background: #FFF; text-align: center; margin: 0 auto ; padding: 5px }
#prog-popup-stage dl { text-align:left; margin:10px 0px 0px 15px !important; }
#prog-popup-stage dt { width:115px !important; float:left }
#prog-popup-stage dd { width:335px !important; }
#prog-popup-stage h4 { color:#f00; margin-bottom:4px; padding-top:5px }
#prog-popup-stage h4 span { display:block; color:#f60 }
#prog-popup-stage h5 { margin-bottom:2px }
#prog-popup-stage h6 { font-size: 11px }
#prog-popup-stage p { text-align:left; padding:0 9px 5px 9px; margin-top: 4px }
#prog-popup-stage #content .left { float:left ; width:250px ; padding: 5px }
#prog-popup-stage #content .right { float:left ; width:170px ; padding: 5px; text-align:left }
#prog-popup-stage .photo #prog-popup-stage .close { text-align:center }
#prog-popup-stage .close { padding-top:4px }
/* タイムテーブル POP UPミニシアター */
#prog-popup-proj { width:100%; background: #08740D; text-align: center; margin: 0 auto }
#prog-popup-proj #content { width:470px; background: #FFF; text-align: center; margin: 0 auto ; padding: 5px }
#prog-popup-proj dl { text-align:left; margin:10px 0px 0px 15px !important; }
#prog-popup-proj dt { width:115px !important; float:left }
#prog-popup-proj dd { width:335px !important; }
#prog-popup-proj h4 { color:#f00; margin-bottom:4px; padding-top:5px }
#prog-popup-proj h4 span { display:block; font-size:12px; color:#f60; margin-top:5px }
#prog-popup-proj h5 { margin-bottom:2px }
#prog-popup-proj h6 { font-size: 11px }
#prog-popup-proj p { text-align:left; padding:0 9px 5px 9px ; margin-top: 4px }
#prog-popup-proj #content .left { float:left ; width:250px ; padding: 5px }
#prog-popup-proj #content .right { float:left ; width:170px ; padding: 5px; text-align:left }
#prog-popup-proj .photo #prog-popup-proj .close { text-align: center }
#prog-popup-proj .close { padding-top:4px }

/* レストラン */
#restaurant dl { width:174px; float:left; padding-right:1px }
#restaurant dt { position:relative }
#restaurant dt img { position:relative }
#restaurant span { display:block; position:absolute; top:0px; left:0px; z-index: 3; background:#FF6333; padding:2px 4px 2px 2px; width: 20px; text-align:center; color:#FFF; font-weight:bold; font-size:14px }
#restaurant dd { background:#FF6333; padding-left:2px; height:60px; width:171px; color:#FFF; margin-bottom:4px }
#restaurant em { font-size:10px; line-height:1.1em }
#restaurant strong { display:block; font-size:13px; font-weight:bold; text-align:center; margin-top:4px }
#restaurant .map { float: left; padding-top: 4px; font-size: 16px }
#restaurant .map p { font-size: 10px }
#restaurant .map a { color: #F00 !important; display: inline !important }
#restaurant-popup { width:100%; background:#FF6333; text-align:center; margin: 0 auto; }
#restaurant-popup #content { background:#FFF; width:465px; padding:2px }
#restaurant-popup h5 { margin:6px 0 4px 0; color:#F90; }
#restaurant-popup h4 { margin:2px; font-size:16px !important; color:#F60 }
#restaurant-popup h6 { margin:12px 0 10px 0 }
#restaurant-popup p { text-align:left; padding:4px 9px 4px 9px }
#restaurant-popup em { font-size:10px }
#restaurant-popup dl { text-align:left; margin:4px 9px; font-size:13px }
#restaurant-popup dt { color:#F60; margin-bottom: 4px; }
#restaurant-popup dd { margin-left: 8px }
#restaurant-popup ul { text-align:left; margin:16px 12px }
#restaurant-popup li { margin:6px 5px }
#restaurant-popup li.info, #restaurant-popup dd.info { background:none; padding-left: 8px; margin-bottom: 4px; font-size:10px }
#restaurant-popup .close { margin-bottom:12px; padding-top:10px; text-align:center }

/* アーティスト紹介 ＣＧＩ用 */
#df-artist-search_area, #df-artist-pagejump, #df-artist-search-result { margin: 0 0 8px 8px; }
#df-artist-pagejump { display: block; }
#df-artist-search_area h6, #df-artist-pagejump h6 { display: block; margin-right: 0.5em; }
#df-artist-search_area strong, #df-artist-pagejump strong, #df-artist-search_area em, #df-vol20-artist-pagejump em { display: block; }
#df-artist-search_area a, #df-artist-pagejump a { margin-right: 0.4em; }
#df-artist-search_area input { border-width: 1px; border-color: #333; color: #333; margin-right: 4px; }
#df-artist-search-result h5 { margin-bottom: 8px; }
#df-artist-view li { width: 90px; height: 175px; margin: 4px 0 16px 8px; float: left; border-width: 0px; }
#df-artist-view li a img { width: 90px; height: 90px; border-width: 0px;}
#df-artist-view li span { width: 90px; display: block; font-size: 10px }
#df-artist-view li span img { display: block; }
#df-artist-popup h3 { margin: 8px 0; }
#df-artist-popup dd { text-align: left; }
#df-artist-popup dt, #df-artist-popup dd { margin-bottom: 8px; }
#df-popup-close { margin: 8px 0; text-align: right; }
.error { height: 300px }
.title dd { font-size:12px; text-align:right; margin: 2px 14px 0px 0px; }

/* レポート　CGI  イベントエリア*/
#df-event-view li { width: 134px; height: 175px; margin: 2px 2px 10px 3px; float: left; }
#df-event-view li span { width: 130px; display: block; }
#df-event-view li span img { display: block; }