タブ

日付入力済み

<div class="tabs">

  <input id="all" type="radio" name="tab_item" checked>

  <label class="tab_item" for="all">2021年6月</label>

  <input id="programming" type="radio" name="tab_item">

  <label class="tab_item" for="programming">2021年7月</label>

  <input id="design" type="radio" name="tab_item">

  <label class="tab_item" for="design">2021年8月</label>

  <div class="tab_content" id="all_content">

    <div class="tab_content_description">

      <p class="c-txtsp">タブ1の内容がここに入ります</p>

    </div>

  </div>

  <div class="tab_content" id="programming_content">

    <div class="tab_content_description">

      <p class="c-txtsp">タブ2の内容がここに入ります</p>

    </div>

  </div>

  <div class="tab_content" id="design_content">

    <div class="tab_content_description">

      <p class="c-txtsp">タブ3の内容がここに入ります</p>

    </div>

  </div>

</div>


元データ

<div class="tabs">

  <input id="all" type="radio" name="tab_item" checked>

  <label class="tab_item" for="all">タブ1</label>

  <input id="programming" type="radio" name="tab_item">

  <label class="tab_item" for="programming">タブ2</label>

  <input id="design" type="radio" name="tab_item">

  <label class="tab_item" for="design">タブ3</label>

  <div class="tab_content" id="all_content">

    <div class="tab_content_description">

      <p class="c-txtsp">タブ1の内容がここに入ります</p>

    </div>

  </div>

  <div class="tab_content" id="programming_content">

    <div class="tab_content_description">

      <p class="c-txtsp">タブ2の内容がここに入ります</p>

    </div>

  </div>

  <div class="tab_content" id="design_content">

    <div class="tab_content_description">

      <p class="c-txtsp">タブ3の内容がここに入ります</p>

    </div>

  </div>

</div>


現在掲載されてるもの

<div class="tabs">

  <input id="all" type="radio" name="tab_item" checked>

  <label class="tab_item" for="all">2021年6月</label>

  <input id="programming" type="radio" name="tab_item">

  <label class="tab_item" for="programming">2021年7月</label>

  <input id="design" type="radio" name="tab_item">

  <label class="tab_item" for="design">2021年8月</label>

  <div class="tab_content" id="all_content">

    <div class="tab_content_description">

      <p class="c-txtsp"><table align="" border="0" cellspacing="0" cellpadding="2.5" width="100%" height="100%" class="mceEditable">

    <tbody>

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee; height: 40px;" colspan="7">

                <span style="color: #000000;"><strong>2021年6月</strong></span>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #e26563;">

                <b>日</b>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>月</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>火</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>水</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>木</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>金</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #6da7de;">

                <strong>土</strong>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span color="#FFFFFF" style="color: #ffffff;"><span style="font-size: 13px;"><b>1</b></span></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="font-weight: 600;"><span style="color: #000000; font-size: 1.3rem;">2</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="font-weight: 600;"><span style="color: #000000; font-size: 1.3rem;">3</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000;"><span style="font-size: 1.3rem;">4</span></span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000; font-size: 1.3rem;">5</span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #ffda5b;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">★6★</span></span>

                </p>

 

                <p>

                    <a title="いま知ってほしい!親子で学ぶプログラミング講座" href="/新着情報/イベント-講座/いま知ってほしい-親子で学ぶプログラミング講座/" style="color: #fcd116; background-color: #ffda5b;"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">7</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>8</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">9</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>10</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>11</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>12</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>13</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">14</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>15</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>16</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>17</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>18</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>19</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #ffda5b;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>★20★</strong></span>

                </p>

 

                <p>

                    <a title="いま知ってほしい!親子で学ぶプログラミング講座" href="/新着情報/イベント-講座/いま知ってほしい-親子で学ぶプログラミング講座/" style="color: #fcd116; background-color: #ffda5b;"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>21</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>22</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>23</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>24</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>25</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>26</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>27</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>28</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>29</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>30</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #999999;" colspan="7">

                <span style="color: #ffffff; font-size: 1.4rem;"><strong>&nbsp;今月のイベント</strong>(クリックで詳細)</span>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; background-color: #eeeeee;" colspan="7">

                <p>

                    &nbsp;<span style="font-weight: 600; color: #ff0000; font-size: 1.6rem;">5/1募集開始</span>

                </p>

 

                <p>

                    <span style="color: #000000; font-size: 1.5rem;"><span style="font-weight: 600;">★③6月6日/④6月20日(日曜日)</span></span>

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/いま知ってほしい-親子で学ぶプログラミング講座/" title="いま知ってほしい!親子で学ぶプログラミング講座"><span style="color: #000000; font-size: 1.5rem;"><span style="font-weight: 600;">いま知ってほしい!親子で学ぶプログラミング講座</span></span></a>

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    <span style="color: #000000; font-size: 1.5rem;"><span style="font-weight: 600;">&nbsp;</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;&nbsp;

                </p>

            </td>

        </tr>

    </tbody>

</table></p>

    </div>

  </div>

  <div class="tab_content" id="programming_content">

    <div class="tab_content_description">

      <p class="c-txtsp"><table align="" border="0" cellspacing="0" cellpadding="2.5" width="100%" height="100%" class="mceEditable">

    <tbody>

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee; height: 40px;" colspan="7">

                <span style="color: #000000;"><strong>2021年7月</strong></span>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #e26563;">

                <b>日</b>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>月</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>火</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>水</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>木</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>金</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #6da7de;">

                <strong>土</strong>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <span style="color: #000000;"><strong>&nbsp;</strong></span>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000;"><span style="font-size: 1.3rem;">1</span></span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000;"><span style="font-size: 1.3rem;">2</span></span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000; font-size: 1.3rem;">3</span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">4</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>5</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>6</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>7</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>8</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>9</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>10</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>11</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">12</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>13</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>14</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>15</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>16</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>17</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>18</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>19</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>20</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>21</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="font-weight: 600; color: #ffffff; font-size: 1.3rem;">22</span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="font-weight: 600; color: #ffffff; font-size: 1.3rem;">23</span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>24</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>25</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>26</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>27</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>28</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">29</span></span>

                </p>

 

                <p>

                    <span>&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000; font-size: 1.3rem;">30</span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="font-weight: 600;"><span style="color: #000000; font-size: 1.3rem;">31</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #999999;" colspan="7">

                <span style="color: #ffffff; font-size: 1.4rem;"><strong>&nbsp;7月のイベント</strong>(クリックで詳細)</span>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; background-color: #eeeeee;" colspan="7">

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    <span style="color: #000000; font-size: 1.5rem;"><span style="font-weight: 600;">&nbsp;</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

    </tbody>

</table></p>

    </div>

  </div>

  <div class="tab_content" id="design_content">

    <div class="tab_content_description">

      <p class="c-txtsp"><table align="" border="0" cellspacing="0" cellpadding="2.5" width="100%" height="100%" class="mceEditable">

    <tbody>

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee; height: 40px;" colspan="7">

                <span style="color: #000000;"><strong>2021年8月</strong></span>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #e26563;">

                <b>日</b>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>月</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>火</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>水</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>木</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #444444;">

                <strong>金</strong>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #6da7de;">

                <strong>土</strong>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">1</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">2</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><span style="font-weight: 600;">3</span></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">4</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000;"><span style="font-size: 1.3rem;">5</span></span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000;"><span style="font-size: 1.3rem;">6</span></span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <strong><span style="color: #000000; font-size: 1.3rem;">7</span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><span style="font-weight: 600;">8</span></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><span style="font-weight: 600;">9</span></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>10</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>11</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>12</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>13</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>14</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>15</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">16</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>17</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>18</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>19</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>20</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>21</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>22</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>23</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>24</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>25</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #ffffff;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">26</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #ffffff;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">27</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>28</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>29</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>30</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;">&nbsp;</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>31</strong></span>

                </p>

 

                <p>

                    <span style="color: #ffffff; font-size: 1.1rem;">休館日</span>

                </p>

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #eeeeee;">

                &nbsp;

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; text-align: center; background-color: #999999;" colspan="7">

                <span style="color: #ffffff; font-size: 1.4rem;"><strong>&nbsp;8月のイベント</strong>(クリックで詳細)</span>

            </td>

        </tr>

 

        <tr>

            <td style="border: 1px solid #033664; width: 50px; background-color: #eeeeee;" colspan="7">

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    <span style="color: #000000; font-size: 1.5rem;"><span style="font-weight: 600;">&nbsp;</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

        </tr>

    </tbody>

</table></p>

    </div>

  </div>

</div>


2021年6月
   

1

休館日

2

 

3

 

4

 

5

 

★6★

イベント

7

 

8

休館日

9

 

10

 

11

 

12

 

13

 

14

 

15

休館日

16

 

17

 

18

 

19

 

★20★

イベント

21

 

22

休館日

23

 

24

 

25

 

26

 

27

 

28

 

29

休館日

30

 

     
 今月のイベント(クリックで詳細)

 5/1募集開始

★③6月6日/④6月20日(日曜日)

いま知ってほしい!親子で学ぶプログラミング講座

 

 

 

 

 

 

 

 

 

 

  

2021年7月
       

1

 

2

 

3

 

4

 

5

 

6

休館日

7

 

8

 

9

 

10

 

11

 

12

 

13

休館日

14

 

15

 

16

 

17

 

18

 

19

 

20

休館日

21

 

22

休館日

23

休館日

24

 

25

 

26

 

27

休館日

28

 

29

 

30

 

31

 

 7月のイベント(クリックで詳細)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2021年8月

1

 

2

 

3

休館日

4

 

5

 

6

 

7

 

8

休館日

9

休館日

10

休館日

11

 

12

 

13

 

14

 

15

 

16

 

17

休館日

18

 

19

 

20

 

21

 

22

 

23

 

24

休館日

25

 

26

 

27

 

28

 

29

 

30

 

31

休館日

       
 8月のイベント(クリックで詳細)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

WEB予約はこちら

白井市桜台センターはこちら
白井市白井コミュニティセンターTEL:047-491-1505