@charset utf-8;

/* --------------------------------------------------------------------------------
Font Size

08px = 63%          14px = 108%            20px = 153.9%
09px = 70%          15px = 116%            21px = 161.6%
10px = 77%          16px = 123.1%          22px = 167%
11px = 85%          17px = 131%            23px = 174%
12px = 93%          18px = 138.5%          24px = 182%
13px = 100%         19px = 146.5%          25px = 189%
-------------------------------------------------------------------------------- */

html { height:100%; background:url(../../../../img/images/special/schoolfes2015/bg_h40.png) repeat-x 0 0; }
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;  letter-spacing:0; color:#333; background:url(../../../../img/images/special/schoolfes2015/bg_h110.png) repeat-x 0 bottom; position:relative; }
div.hidden { overflow-x:hidden; }
a { color:#22AC38; text-decoration:none; }
a:hover { color:#3FDE58; }

/* WRAP */
#wrap { margin:0 auto; padding:0 25px; width:970px; position:relative; }

/* HEADER */
#header { margin:0 auto; height:40px; position:relative; }
#header h1 { font-size:9px; position:absolute; top:5px; left:0; }

#header ul.shareLink { margin:0; padding-top:9px; width:auto; float:right; overflow:hidden; }
#header ul.shareLink li { margin-left:5px; width:auto; float:right; }
/* HEADER */

/* TopBlock */
#topblock { margin:0 -25px; width:1020px; position:relative; }
#topblock h2 { text-indent:100%; white-space:nowrap; width:1020px; height:380px; overflow:hidden; background:url(../../../../img/images/special/schoolfes2015/head_l.png) no-repeat center 50%; }
/* TopBlock */

/* Box */
.box { margin-bottom:15px; padding:15px 15px 15px 100px; background:#FFF no-repeat 15px 15px; overflow:hidden; position:relative; border:7px solid #FAEE00; border-radius:10px; }

/* Date */
.box.date { background-image:url(../../../../img/images/special/schoolfes2015/bg_date_sl.png); }
.box.date p.month { margin: 10px 0px 0px -79px; font-size: 167%; font-weight: bold; position: absolute; width: 30px; text-align: center; }
.box.date p.date  { margin: 30px 0px 0px -50px; font-size: 167%; font-weight: bold; position: absolute; width: 30px; text-align: center; }
.box.date p.dotw  { margin: 52px 0px 0px -61px; font-size: 108%; font-weight: bold; color: #22AC38; position: absolute; width: 25px; text-align: center; }

.box h4, .box h5 { margin:0 205px 8px 0; font-weight:bold; line-height:1.25; }
.box h4 { font-size:182%;}
.box h5 { font-size:138.5%;}
.box h4 a { display:inline-block; text-decoration:underline;}

.box h6 { position:absolute; right:15px; bottom:15px; z-index:50; }
.box h6 a { display:block; font-weight:bold; line-height:16px; }
.box h6 a:after { display:block; content:'\25B6'; margin-right:5px; font-size:8px; font-weight:normal; line-height:16px; text-align:center; color:#FFF; width:16px; height:16px; float:left; background:#22AC38; border-radius:2px; }

.box dl { margin-right:205px; padding-bottom:8px; width:auto; overflow:hidden; }
.box dl dt { clear:both; padding:0 5px; font-weight:bold; line-height:1.75; text-align:center; color:#FFF; width:40px; }
.box dl dd { margin:-1.75em 0 5px; padding:0 5px 0 55px; font-size:108%; font-weight:bold; line-height:1.75; background:url(../../../../img/images/special/schoolfes2015/bg_dd.png) repeat-y 0 0; }
.box dl dd span { color:#E60012; }

.box ul { position:absolute; top:15px; right:15px; }
.box ul li { margin-bottom:8px; }
.box ul li a { display:block; text-align:center; font-weight:bold; line-height:25px; width:185px; height:25px; border:3px solid #22AC38; border-radius:5px; }
.box ul li a:hover { border-color:#3FDE58; }
.box ul li + li a { color:#FFF; border-color:#FFA500; background:#FFA500; }
.box ul li + li a:hover { color:#FFF; border-color:#FFC04C; background:#FFC04C; }

.box p { margin-bottom:8px; line-height:1.25; }
.box p.loc { font-weight:bold; text-align:center; width:100px; position:absolute; left:0; top:90px; }
.box p.artists {}
/* Box */

/* Nav Month */
dl#navmonth { margin:0 auto; padding-top:10px; width:970px; background:#FFF; overflow:hidden; }
dl#navmonth dt { width:140px; float:left; }
dl#navmonth dd { width:800px; float:right; }
dl#navmonth dd ul { width:800px; text-align:right; }
dl#navmonth dd ul li { width:auto; display:inline-block; margin-left:8px; }
dl#navmonth dd ul li a { display:block; padding:0 65px; font-size:131%; font-weight:bold; line-height:35px; text-align:center; color:#999; width:auto; height:35px; background:#DDD; }
dl#navmonth dd ul li a.current, dl#navmonth dd ul li a:hover { color:#333; background:#FFE200; }
/* Nav Month */

/* Fes List */
#feslist { margin:0 -25px; padding:25px; width:970px; background:#EFEFEF; overflow:hidden; min-height:420px; }

dl.sort { width:auto; overflow:hidden; padding-top: 20px; padding-bottom: 15px;}
dl.sort dt, dl.sort dd { font-size:116%; font-weight:bold; line-height:22px; }
dl.sort dt { text-align:center; color:#22AC38; padding-right:5px; width:95px; float:left; border-left:1px solid #22AC38; background:url(../../../../img/images/special/schoolfes2015/bg_sort.png) no-repeat right 50%; }
dl.sort dd { margin-left:100px; }
dl.sort dd.full a { display:inline-block; margin-left:10px; color:#333; text-decoration:underline; }
dl.sort dd.full a.selected { color:#22AC38; }
dl.sort dd.full a:hover { color:#3FDE58; }
dl.sort dd.min { display:none; }
div.sortBtn { margin-bottom:8px; float: right; margin-top: -25px;}
div.sortBtn a { display:block; text-align:center; font-weight:bold; line-height:25px; width:130px; height:25px;  border-radius:5px; background-color: #999; color: #FFF}
div.sortBtn a:hover { opacity:0.7; }

p.gotop { padding-top:10px; width:110px; float:right; }
p.gotop a { display:block; font-size:110%; font-weight:bold; line-height:28px; text-align:center; color:#333; width:150px; height:28px; }
p.gotop a:hover { opacity:0.7; }

#pagenate p.full { margin-bottom:5px; padding:10px; text-align:center; font-size:132%; line-height:20px; width:auto; overflow:hidden; border:solid #22AC38; border-width:2px 0; }
#pagenate p.full strong, #pagenate p.full span { display:inline-block; margin-left:10px; padding:5px; }
#pagenate p.full strong { color:#22AC38; }
#pagenate p.full a { display:inline-block; margin-left:10px; padding:5px; color:#FFF; background:#22AC38; }
#pagenate p.full a:hover { background:#3FDE58; }
#pagenate p.full a.prev, #pagenate p.full a.next { background-color: transparent; color: #333; text-decoration: underline; }
#pagenate p.full a.prev:hover, #pagenate p.full a.next:hover { opacity: 0.7;}
#pagenate p.min { display:none; }
/* Fes List */

/* bnrBlock */
#bnrblock { margin:0 -25px; padding:40px 25px 25px; width:970px; background:#22AC38; overflow:hidden; }
#bnrblock > h6 { margin-bottom:15px; width:470px; float:left; }
#bnrblock > h6.livego { width:500px; }
#bnrblock > h6.livego a { display:block; text-indent:100%; white-space:nowrap; width:470px; height:120px; overflow:hidden; background:url(../../../../img/images/special/schoolfes2015/livego_l.png) no-repeat; }
#bnrblock > h6.livefans a { display:block; text-indent:100%; white-space:nowrap; width:470px; height:120px; overflow:hidden; background:url(../../../../img/images/special/schoolfes2015/app_l.png?update=20150928) no-repeat; }
#bnrblock > h6 a:hover { opacity:0.8; }
/* bnrBlock */

/* Nav Calendar */
#navcalendar { margin:0 -25px; padding: 20px 25px 0; width:970px; background:#FFE200; overflow:hidden; }
#navcalendar div#calender { height:100%;}
#navcalendar div#calender .date { position:relative; float:left; display:block; margin:2px 3px; padding:0; text-align:center; overflow:hidden; width: 25px;}
#navcalendar div#calender .date a { position: absolute;  top:0; left:0; width:100%; height:100%; }
#navcalendar div#calender .date a:hover{ background-color:#FFF; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

#navcalendar div#calender .target  { background-color:#FFF }
#navcalendar div#calender .current { background-color:#22AC38; color: #FFF;}
#navcalendar div#calender .sat, #navcalendar div#calenderhead .sat { color: #06C;}
#navcalendar div#calender .sun, #navcalendar div#calenderhead .sun { color: #F00;}
#navcalendar div#calender .date_w { display:block; padding:2px 2px; font-weight:bold; text-align:center; font-size:50%;}
#navcalendar div#calender .date_d { display:block; font-size:1.2em; font-weight:bold; text-align:center;}
#navcalendar div#calender .week { }
#navcalendar div#calenderhead { display: none;}
#navcalendar div.grayBack { background:#FFF; }
#navcalendar p.loading { margin:0 0 5px; padding:10px 10px 870px 10px; text-align:center; background:#FFF; }
/* Nav Calendar */

/* FOOTER */
#wrap #footer { clear:both; margin:0 auto; padding:30px 0 0 200px; height:88px; position:relative; }
#wrap #footer h5 { font-size:9px; position:absolute; bottom:25px; left:0; }
#wrap #footer p { line-height:1.25; position:absolute; }
#wrap #footer p#copy { font-size:85%; color:#FFF; bottom:10px; left:200px; }
#wrap #footer p#copy a { color:#878787; text-decoration:none; }
#wrap #footer p#copy a:hover { text-decoration:underline;  }

#wrap #footer ul { margin:0 0 3px; width:auto; border-left:1px solid #FFF; overflow:hidden; }
#wrap #footer ul li { border-right:1px solid #FFF; width:auto; float:left; }
#wrap #footer ul li a { padding:0 8px; font-size:93%; line-height:1.25; display:block; color:#FFF; }
#wrap #footer ul li a:hover { text-decoration:underline; }
/* FOOTER */