<common_side>

        <aside id="society-aside">
          <nav id="society-main-menu">
            <ul>
              <li><a href="index.html"><span class="material-icons md-14">home</span>HOME</a></li>
              <li><a href="greeting.html"><span class="material-icons md-14">arrow_forward</span>ご挨拶</a></li>
              <li><a href="outline.html"><span class="material-icons md-14">arrow_forward</span>開催概要</a></li>
              <li class="preparation"><a href=""><span class="material-icons md-14">arrow_forward</span><div>日程表・プログラム</div></a></li>
              <li class="preparation"><a href=""><span class="material-icons md-14">arrow_forward</span><div>演題募集</div></a></li>
              <li class="preparation"><a href=""><span class="material-icons md-14">arrow_forward</span><div>参加登録のご案内</div></a></li>
              <li class="preparation"><a href="" style="letter-spacing:-0.05em;"><span class="material-icons md-14">arrow_forward</span><div>商社展示・広告・共催セミナー</div></a></li>
              <li><a href="access.html"><span class="material-icons md-14">arrow_forward</span>会場・交通案内</a></li>
            </ul>
          </nav>
          <!-- modal -->
          <section id="modalArea02" class="modalArea">
            <div id="modalBg01" class="modalBg"></div>
            <div class="modalWrapper">
              <div class="modalContents">
                <p>このページは現在準備中です。 <br>公開まで今しばらくお待ちください。</p>
              </div>
              <div id="closeModal01" class="closeModal">
                ×
              </div>
            </div>
          </section>
          <!-- /modal -->

          <div class="posd shadow-sm border">
            <a href="poster.pdf" target="_blank">
            <div class="row no-gutters">
                <!-- 左側の画像 -->
                <div class="col-6 py-2 pl-2">
                  <picture>
                    <source srcset="assets/img/poster.webp" type="image/webp">
                    <img src="assets/img/poster.png?=ver03" alt="第22回九州矯正歯科学会学術大会"/ class="img-fluid border shadow-sm">
                  </picture>
                </div>
                <!-- 右側のタイトルとテキスト -->
                <div class="col-6 mt-3 pr-2 posd-txt text-center align-content-center">
                  <p>Poster<br>Download</p>
                  <p><i class="fas fa-download"></i></p>
                </div>
            </div>
            </a>
          </div>

          <ul class="secretariat">
              <li><h2>大会事務局</h2></li>
              <li style="letter-spacing:0.03em;"><span class="dinb pr-1">九州歯科大学</span><span class="dinb">顎顔面成長発達学講座</span><br><span class="dinb pr-1">顎口腔機能矯正学分野</span></li>
              <li class="mb-2"><span class="dinb pr-1">〒803-8580</span><span class="dinb">福岡県北九州市小倉北区真鶴2-6-1</span></li>
              <!-- <li class="mb-2"><i class="fas fa-phone-square pr-1"></i></li>
              <li><i class="fas fa-fax pr-1"></i></li> -->
          </ul>

          <ul class="secretariat">
              <li><h2>運営事務局</h2></li>
              <li class="mb-2">株式会社オービット</li>
              <li class="mb-2"><span class="dinb pr-1">〒806-0067</span><span class="dinb">福岡県北九州市八幡西区引野1-5-31-101</span></li>
              <li class="mb-2"><i class="fas fa-phone-square pr-1"></i>093-616-1417</li>
              <li><i class="fas fa-envelope pr-1"></i>josk22@orbit-cs.net</li>
          </ul>

          <!--
          <div class="posd">
            <a href="" target="_blank">
              <picture>
                <source srcset="assets/img/banner01.webp" type="image/webp">
                <img src="assets/img/banner01.png" class="w-100" alt=""/>
              </picture>
            </a>
          </div>

          <div class="posd">
            <a href="" target="_blank">
              <picture>
                <source srcset="assets/img/banner02.webp" type="image/webp">
                <img src="assets/img/banner02.jpg" class="w-100" alt=""/>
              </picture>
            </a>
          </div>
          -->

        </aside>

<script>
    // カレント設定
    this.on('mount', function() {
        var current = location.pathname.split('/').pop(); // 直近のパスセグメントを取得

        if (current.length === 0 || current === 'index.html') {
            $('#society-main-menu > ul > li > a[href="index.html"]').closest('li').addClass('society-active');
        } else {
            $('#society-main-menu > ul > li > a[href="' + current + '"]').closest('li').addClass('society-active');
        }
    });
</script>


</common_side>
