@charset "Shift_JIS";

/* 告知共通 ============================== */
div.noticeWrap { width: 980px; margin: 0 auto; }
div.noticeFrame980 { background-color: white; width: 972px; padding: 4px; margin: 0 auto; }
div.noticeWrapBtm { margin-bottom: 10px; }
div.noticeLine { border: solid 1px red; }
div.noticeSpecFrm { margin-top: 15px; border: dashed 1px red; padding: 8px 10px; }
div.noteBox { background-color: #eee; padding: 8px; }

p.noticeApplyBtn { margin-top: 8px; text-align: right; }

div.noticeLink { margin-top: 5px; padding: 5px 0 0; background: url(../images/index_border.gif) left top no-repeat; text-align: right; }




/* 多治見イベント　20140803 ============================== */
div.tjmBox1 { background: url(../images/notice_tajimi_teaser_bg1.jpg) left top no-repeat; height: 260px; width: 980px; position: relative; }
div.tjmBox1 p.openBtn { position: absolute; right: 10px; bottom: 0px; width: 223px; height: 223px; background: url(../images/notice_tajimi_teaser_open.png) 0px 0px no-repeat; cursor: pointer; z-index: 10; }
div.tjmBox1 p.openBtn:hover { background: url(../images/notice_tajimi_teaser_open.png) -223px 0 no-repeat; }
div.tjmBox1 p.opened { background: url(../images/notice_tajimi_teaser_open.png) 0 -223px no-repeat; }
div.tjmBox1 p.opened:hover { background: url(../images/notice_tajimi_teaser_open.png) -223px -223px no-repeat; }

div.tjmBox2 { background: url(../images/notice_tajimi_teaser_bg2.jpg) left top no-repeat; height: 920px; width: 980px; position: relative; display: none; }
div.tjmBox2 p.applyBtn { position: absolute; top: 313px; left: 64px; z-index: 20; }
div.tjmBox2 p.bln1 { position: absolute; top: 435px; right: 15px; z-index: 100; }
div.tjmBox2 p.bln2 { position: absolute; top: 483px; left: 528px; z-index: 150; }
div.tjmBox2 p.plot01 { position: absolute; top: 676px; left: 58px; z-index: 50; }
div.tjmBox2 p.plot02 { position: absolute; top: 745px; left: 86px; z-index: 50; }
div.tjmBox2 p.plot03 { position: absolute; top: 851px; left: 91px; z-index: 50; }
div.tjmBox2 p.plot04 { position: absolute; top: 787px; left: 152px; z-index: 50; }
div.tjmBox2 p.plot05 { position: absolute; top: 657px; left: 206px; z-index: 50; }
div.tjmBox2 p.plot06 { position: absolute; top: 656px; left: 336px; z-index: 50; }
div.tjmBox2 p.plot07 { position: absolute; top: 621px; left: 408px; z-index: 50; }
div.tjmBox2 p.plot08 { position: absolute; top: 613px; left: 509px; z-index: 50; }
div.tjmBox2 p.plot09 { position: absolute; top: 652px; left: 588px; z-index: 50; }
div.tjmBox2 p.plot10 { position: absolute; top: 272px; left: 733px; z-index: 50; }
div.tjmBox2 p.plot11 { position: absolute; top: 227px; left: 851px; z-index: 50; }
div.tjmBox2 p.plot12 { position: absolute; top: 227px; left: 905px; z-index: 50; }
div.tjmBox2 p.plot13 { position: absolute; top: 288px; left: 865px; z-index: 50; }
div.tjmBox2 p.plot14 { position: absolute; top: 486px; left: 761px; z-index: 50; }
div.tjmBox2 div#countdown { position: absolute; top: 117px; right: 30px; z-index: 80; }
div.tjmBox2 p.days { position: absolute; top: 176px; left: 576px; z-index: 90; }
div.tjmBox2 p.hours { position: absolute; top: 176px; left: 668px; z-index: 90; }
div.tjmBox2 p.mins { position: absolute; top: 176px; left: 807px; z-index: 90; }
div.tjmBox2 p.secs { position: absolute; top: 176px; left: 927px; z-index: 90; }



/* 絵本＋ハラマキ ============================== */
div.pictbookWrap { float: left; width: 582px; padding: 4px; background-color: white; }
div.haramakiWrap { float: right; width: 372px; padding: 4px; background-color: white; }





/* 岩手単独放送 ============================== */
div.aveIwateOAwrap { padding: 10px 10px 10px 5px; background: url(../images/notice_iwateOA_chara.gif) left bottom no-repeat; }
div.aveIwateOAwrap p.shapeIwate { float: left; width: 123px; }
div.aveIwateOAwrap div.mainIwate { float: left; width: 350px; padding: 10px 10px 5px; border: dashed 1px red; margin-top: 8px; }
div.aveIwateOAwrap div.subIwate { float: right; width: 450px; }
div.aveIwateOAwrap div.subIwate div.howto { margin-top: 3px; border-top: solid 1px white; padding-top: 5px; }

/* 岩手生放送 ============================== */
div.aveIwateLive { padding: 0 8px 0 10px; background: url(../images/iwate_live_chara.gif) left bottom no-repeat; }
div.aveIwateLive p.shapeIwate { float: left; width: 110px; margin: 5px 0; }
div.aveIwateLive div.liveTit { float: left; width: 390px; padding-top: 15px; }
div.aveIwateLive div.liveTit p.liveInfo { margin-top: 10px; }
div.aveIwateLive div.message { float: right; width: 390px; margin: 8px 0; border: dashed 1px red; padding: 10px 15px; }
div.aveIwateLive div.message p.sign{ text-align: right; margin-top: 5px; }

/* 岩手出張 ============================== */
div.aveIwate { margin-top: 15px; }
div.aveIwateWrap { padding: 10px 10px 10px 5px; background: url(../images/notice_iwate_chara.gif) left bottom no-repeat; }
div.aveIwateWrap p.shapeIwate { float: left; }
div.aveIwateWrap div.mainIwate { float: right; width: 815px; }
div.aveIwateWrap div.mainIwate div.contFrm { margin-top: 15px; }
div.aveIwateWrap div.mainIwate div.contFrm div.boxLeft { float: left; width: 440px; }
div.aveIwateWrap div.mainIwate div.contFrm div.boxLeft div.programBox { padding: 10px; border: dashed 1px red; }
div.aveIwateWrap div.mainIwate div.contFrm div.boxLeft div.detailBox{ width:  margin-top: 15px; }
div.aveIwateWrap div.mainIwate div.contFrm div.boxRight { float: right; width: 360px; }
div.aveIwateWrap div.mainIwate div.contFrm div.boxRight p.caption { margin-top: 8px; border-top: solid 1px white; padding-top: 5px; }





/* 『あべ博』レポート　2/26 ============================== */
div.aveExpoReport226 { margin-top: 15px; }
div.aveExpoReportWrap226 { padding: 5px 10px 10px 5px; }
div.aveExpoReportWrap226 p.lead226 { float: left; margin-top: 5px; }
div.aveExpoReportWrap226 div.detailFrm226 { float: right; width: 358px; padding: 10px 20px; background-color: #eee; }
div.aveExpoReportWrap226 div.detailFrm226 p.btnReport { padding-left: 56px; }
div.aveExpoReportWrap226 div.detailFrm226 p.btnNew { margin-top: 8px; border-top: solid 1px white; padding: 8px 0 0 56px; background: url(../images/notice_expo_new.gif) 10px 13px no-repeat; }

/* 『あべ博』レポート ============================== */
div.aveExpoReport { background-color: white; width: 972px; margin: 0 auto 10px; padding: 4px; }
div.aveExpoReport div.aveExpoReportWrap { padding: 5px 10px 10px 5px; }
div.aveExpoReport p.lead { float: left; }
div.aveExpoReport div.detailFrm { float: right; width: 244px; padding: 20px 12px; background-color: #eee; margin-top: 5px; }
div.aveExpoReport div.detailFrm p.applyBtn { margin-top: 20px; border-top: solid 1px white; padding-top: 20px; text-align: right; }




/* 『あべ博』ニュース ============================== */
div.aveExpoFrm div.leftTitle2 { float: left; width: 490px; }
div.aveExpoFrm div.noteFrm2 { float: right; width: 420px; margin: 10px; padding: 10px; border: dashed 1px red; line-height: 1.5; }
div.aveExpoFrm div.noteFrm2 p.expoInfo { margin-top: 6px; border-top: solid 1px red; padding-top: 6px; }
div.aveExpoFrm div.noteFrm2 p.applyBtn { text-align: right; }




/* 『あべ博』申込み ============================== */
div.aveExpoFrm { background-color: white; width: 972px; margin: 0 auto 10px; padding: 4px; }
div.aveExpoFrm div.leftTitle { float: left; width: 510px; }
div.aveExpoFrm div.noteFrm { float: right; width: 400px; margin: 10px; padding: 10px; background-color: #eee; line-height: 1.5; }
div.aveExpoFrm div.noteFrm p.expoInfo { margin-top: 6px; border-top: solid 1px white; padding-top: 6px; }
div.aveExpoFrm div.noteFrm p.applyBtn { text-align: right; }




/* 『あべ博』開催 ============================== */
div.avehakuFrm { background-color: white; width: 960px; margin: 0 auto 10px; padding: 4px; }
div.avehakuFrm div.avehakuWrap { padding: 10px 10px 10px 30px; }
div.avehakuFrm p.lead { float: left; }
div.avehakuFrm div.detailFrm { float: right; width: 390px; padding: 10px 10px 10px 15px; border: dashed 1px red; }
div.avehakuFrm div.detailFrm p.spec { margin-top: 10px; padding-left: 10px; }
div.avehakuFrm div.detailFrm p.notice { margin-top: 10px; padding: 2px 5px; background-color: #eee; }
div.avehakuFrm div.detailFrm p.btn { margin-top: 10px; text-align: right; }




/* Ave.Mag.創刊 ============================== */
div.avemagFrm { background-color: white; width: 972px; margin: 0 auto 10px; padding: 4px; }
div.avemagFrm p.logo { float: left; padding: 12px 0 0 25px; }
div.avemagFrm div.mainFrm { float: right; width: 735px; padding: 10px 10px 10px 0; }
div.avemagFrm div.mainFrm div.contFrm { float: left; width: 480px; }
div.avemagFrm div.mainFrm div.contFrm p.titImage { margin-top: 5px; }
div.avemagFrm div.mainFrm div.contFrm p.avemagLead { margin-top: 15px; }
div.avemagFrm div.mainFrm div.noteFrm { float: right; width: 224px; padding: 6px 8px; background-color: #eee; line-height: 1.5; }
div.avemagFrm div.mainFrm div.noteFrm p.avemagInfo { margin-top: 6px; border-top: solid 1px white; padding-top: 6px; }
div.avemagFrm div.mainFrm div.noteFrm p.applyBtn { text-align: right; }




/* アベパン再掲載 ============================== */
div.noticeWrap div.noticeAvepanFrm { float: left; width: 560px; background-color: white; padding-bottom: 4px; }
div.noticeWrap div.noticeAvepan { background: url(../images/avepan_notice_bg.gif) left top no-repeat; height: 300px; position: relative; }
div.noticeWrap div.noticeAvepan p.btnDetail { position: absolute; left: 263px; top: 260px; width: 132px; }
div.noticeWrap div.noticeAvepan p.btnBuy { position: absolute; left: 405px; top: 260px; width: 132px; }

div.noticeWrap div.noticeDonate3Frm { background-color: white; padding: 4px; float: right; width: 402px; }



/* 脚本集S4完売 ============================== */
div.noticeWrap div.noticeSoldoutFrm { background-color: white; padding: 4px; float: left; width: 442px; }
div.noticeWrap div.picRight { float: right; width: 106px; }
div.noticeWrap div.contLeft { float: left; width: 290px; }

div.noticeWrap div.noticeDonate2Frm { background-color: white; padding: 4px; float: right; width: 512px; }



/* 震災対応 ============================== */
div.noticeWrap div.noticeDelayFrm { background-color: white; padding: 4px; float: left; width: 512px; }

div.noticeWrap div.noticeDonateFrm { background-color: white; padding: 4px; float: right; width: 442px; }