タブ

日付入力済み

<div class="tabs">

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

  <label class="tab_item" for="all">2022年1月</label>

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

  <label class="tab_item" for="programming">2022年2月</label>

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

  <label class="tab_item" for="design">2022年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">タブ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">2022年1月</label>

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

  <label class="tab_item" for="programming">2022年2月</label>

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

  <label class="tab_item" for="design">2022年3月</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>2022年1月</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>

                    <span style="font-size: 13px;"><b>&nbsp;</b></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;">&nbsp;</span></span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </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>

        </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;">2</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;">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: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><strong>4</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;">5</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>6</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>7</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>8</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>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: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><span style="font-weight: 600;">10</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>11</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>12</strong></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

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

                <p>

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

                </p>

 

                <p>

                    <span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></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>

        </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>★16★</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><a href="/新着情報/イベント-講座/社会問題をプログラミングで解決しよう/" title="社会問題」をプログラミングで解決しよう!" style="font-size: 15px; background-color: #ffda5b;"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a></span>

                </p>

            </td>

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

                <p>

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

                </p>

 

                <p>

                    <span style="color: #000000;"><a href="/新着情報/イベント-講座/成長記録作り-募集終了/" title="成長記録作り"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a><br></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>18</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: #ffda5b;">

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/のびのび広場-1月19日/" title="のびのび広場(1月19日)"><span style="color: #000000;"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></span></a>

                </p>

            </td>

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

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/令和3年度-親子教室/" title="令和3年度 親子教室"><span style="font-size: 11px;">0歳児</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: #eeeeee;">

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>22</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: #ffda5b;">

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/社会問題をプログラミングで解決しよう/" title="社会問題をプログラミングで解決しよう!"><span style="color: #000000; font-size: 1.3rem;"><strong>★30★</strong></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>24</strong></span>

                </p>

 

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><strong>&nbsp;31</strong></span><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>25</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>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: #eeeeee;">

                <p>

                    <strong><span style="color: #ffffff; font-size: 1.3rem;"><span style="color: #000000;">27</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;">28</span></strong>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

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

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/土器ッと古代-宅配便-土器ッと学ぼう-火おこし体験/" title="土器ッと古代“宅配便”~土器ッと学ぼう&火おこし体験~"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a>

                </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;1月のイベント</strong>(クリックで詳細)</span>

            </td>

        </tr>

 

        <tr>

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

                <p>

                    <span style="font-weight: 600;"><span style="color: #326b9a;"><span style="color: #000000; font-weight: 400;">&nbsp;<a href="/新着情報/イベント-講座/絵馬を書いて飾ろう/" title="絵馬を書いて飾ろう!"><strong>絵馬を書いて飾ろう!</strong></a></span></span></span>

                </p>

 

                <p>

                    <span style="font-weight: 600;">&nbsp;<span style="color: #000000;">☆1月5日(水)~2月10日(木)</span></span>

                </p>

 

                <p>

                    <span style="font-weight: 600;"><span style="color: #326b9a;">&nbsp;おはなし会</span></span>

                </p>

 

                <p>

                    <span style="font-weight: 600;">&nbsp;<span style="color: #000000;">☆1月13日(木)</span></span>

                </p>

 

                <p>

                    &nbsp;<a href="/新着情報/イベント-講座/社会問題をプログラミングで解決しよう/" title="社会問題」をプログラミングで解決しよう!"><span style="font-weight: 600;">社会問題をプログラミングで解決しよう!</span></a>

                </p>

 

                <p>

                    <span style="font-weight: 600;">&nbsp;<span style="color: #000000;">★③1月16日/④1月30日(日曜日)</span></span>

                </p>

 

                <p>

                    <strong>&nbsp;<a href="/新着情報/イベント-講座/成長記録作り-募集終了/" title="成長記録作り">成長記録作り</a></strong>

                </p>

 

                <p>

                    <span style="color: #000000;"><strong>&nbsp;☆1月17日(月曜日)</strong></span>

                </p>

 

                <p>

                    <strong>&nbsp;<a href="/新着情報/イベント-講座/のびのび広場-1月19日/" title="のびのび広場(1月19日)">のびのび広場</a></strong>

                </p>

 

                <p>

                    <strong>&nbsp;<span style="color: #000000;">☆1月19日(水曜日)</span></strong>

                </p>

 

                <p>

                    &nbsp;<a href="/新着情報/イベント-講座/令和3年度-親子教室/" title="令和3年度 親子教室" style="font-weight: 600;">0歳児親子教室 すくすく</a>

                </p>

 

                <p>

                    <span><span style="font-weight: 600;">&nbsp;<span style="color: #000000;">☆</span></span><span style="color: #000000;"><span style="font-weight: 600;">1</span><span style="font-weight: 600;">月20</span><span style="font-weight: 600;">日(木曜日)</span>&nbsp;</span></span>

                </p>

 

                <p>

                    <strong>&nbsp;<a href="/新着情報/イベント-講座/土器ッと古代-宅配便-火おこし体験-しおり作り/" title="土器ッと古代“宅配便” 火おこし体験&しおり作り">土器ッと古代❝宅配便”火おこし体験&しおり作り</a></strong>

                </p>

 

                <p>

                    <strong>&nbsp;<span style="color: #000000;">☆1月29日(土曜日)</span></strong><span style="color: #000000;">&nbsp;</span>

                </p>

 

                <p>

                    <span style="color: #674baa;"><strong><span style="color: #0000ff;">&nbsp;3月分抽選予約支払い期間:</span><span style="color: #000000;">1月19日(水曜日)~1月31日(月曜日)正午まで</span></strong></span>

                </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>2022年2月</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: #ffda5b;">

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/フラワーアレンジメント教室/" title="フラワーアレンジメント教室"><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: #ffda5b;">

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/マンカラ大会/" title="マンカラ大会"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a>

                </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 href="/新着情報/イベント-講座/メッセージボード作り/" title="メッセージボード作り"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a><span style="color: #000000;">/</span><a href="/新着情報/イベント-講座/社会問題をプログラミングで解決しよう/" title="社会問題」をプログラミングで解決しよう!"><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: #ffda5b;">

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/おひなさま作り/" title="おひなさま作り"><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: #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>

                    &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;">11</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;"><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: #ffda5b;">

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/私にもできる防災-減災/" title="私にもできる防災・減災"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a>

                </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 href="/新着情報/イベント-講座/社会問題をプログラミングで解決しよう/" title="社会問題」をプログラミングで解決しよう!" style="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: #74a5b0;">

                <p>

                    <span style="color: #000000;">&nbsp;</span><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>

                    &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>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>

        </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: #eeeeee;">

                &nbsp;

            </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>&nbsp;</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;2月のイベント</strong>(クリックで詳細)</span>

            </td>

        </tr>

 

        <tr>

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

                <p>

                    &nbsp;<a href="/新着情報/イベント-講座/フラワーアレンジメント教室/" title="フラワーアレンジメント教室"><strong>フラワーアレンジメント教室</strong></a>

                </p>

 

                <p>

                    <span style="font-weight: 600; color: #000000;">&nbsp;★2月4日(金曜日)</span><span style="color: #ff0000;">&nbsp;<span style="font-weight: 600;"><</span><span style="font-weight: 600;">募集中></span></span>

                </p>

 

                <p>

                    &nbsp;&nbsp;<a href="/新着情報/イベント-講座/マンカラ大会/" title="マンカラ大会" style="font-weight: 600;">マンカラ大会</a>

                </p>

 

                <p>

                    <span style="font-weight: 600; color: #000000;">&nbsp;☆2月5日(土曜日)</span>

                </p>

 

                <p>

                    <span style="color: #000000;"><strong>&nbsp;<a href="/新着情報/イベント-講座/メッセージボード作り/" title="メッセージボード作り">メッセージボード作り</a></strong></span>

                </p>

 

                <p>

                    <span style="font-weight: 600; color: #000000;">&nbsp;☆2月6日(日曜日)</span>

                </p>

 

                <p>

                    &nbsp;<a href="/新着情報/イベント-講座/社会問題をプログラミングで解決しよう/" title="社会問題」をプログラミングで解決しよう!"><span style="font-weight: 600;">社会問題をプログラミングで解決しよう!</span></a>

                </p>

 

                <p>

                    <span style="font-weight: 600; color: #000000;">&nbsp;★⑤2月6日/⑥2月20日(日曜日)</span>

                </p>

 

                <p>

                    &nbsp;<a href="/新着情報/イベント-講座/おひなさま作り/" title="おひなさま作り"><strong>おひなさま作り</strong></a>

                </p>

 

                <p>

                    <span style="font-weight: 600; color: #000000;">&nbsp;☆2月7日(月曜日)</span>

                </p>

 

                <p>

                    <span style="color: #000000;"><strong>&nbsp;<a href="/新着情報/イベント-講座/私にもできる防災-減災/" title="私にもできる防災・減災">私にもできる防災・減災</a>&nbsp;</strong></span><span style="color: #ff0000;"><strong><2/2~募集中></strong></span>

                </p>

 

                <p>

                    <span style="color: #000000;"><strong>&nbsp;☆2月19</strong></span><span style="color: #000000;"><strong>日(土曜日)</strong></span>

                </p>

 

                <p>

                    &nbsp;<a href="/新着情報/イベント-講座/絵馬を書いて飾ろう/" title="絵馬を書いて飾ろう!"><strong>絵馬を書いて飾ろう!</strong></a>

                </p>

 

                <p>

                    <span style="font-weight: 600; color: #000000;">&nbsp;☆1月5日(水)~2月10日(木)</span>

                </p>

 

                <p>

                    <span style="color: #000000;"><strong><span style="color: #0000ff;">&nbsp;4月分抽選予約支払い期間:<span style="color: #000000;">2</span></span>月18日(金曜日)~2月28日(月曜日)正午まで</strong></span>

                </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>2022年3月</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: #eeeeee;">

                <p>

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

                    &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;">11</span></span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

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

                <p>

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

                </p>

 

                <p>

                    <a href="/新着情報/イベント-講座/つくってみよう-マイナンバーカード/" title="つくってみよう!マイナンバーカード"><span style="color: #000000;"><span style="font-weight: 600; font-size: 1.1rem;">イベント</span></span></a>

                </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: #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: #74a5b0;">

                <p>

                    <span style="color: #ffffff; font-size: 1.3rem;"><span style="font-weight: 600;">21</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>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;"><span style="font-weight: 600;">23</span></span>

                </p>

 

                <p>

                    <span style="color: #000000; font-size: 1.3rem;"><span style="font-weight: 600;">&nbsp;</span></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>

                    &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>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>

        </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;"><span style="font-weight: 600;">29</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-size: 13px; font-weight: 600; color: #000000;">30</span>

                </p>

 

                <p>

                    &nbsp;

                </p>

            </td>

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

                <p>

                    <span style="font-size: 13px; font-weight: 600; color: #000000;">31</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>

        </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;3月のイベント</strong>(クリックで詳細)</span>

            </td>

        </tr>

 

        <tr>

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

                <p>

                    <strong>&nbsp; <a href="/新着情報/イベント-講座/つくってみよう-マイナンバーカード/" title="つくってみよう!マイナンバーカード">つくってみよう!マイナンバーカード</a></strong>

                </p>

 

                <p>

                    <strong>&nbsp;<span style="color: #000000;">★3月12日(土曜日)&nbsp;</span><span style="color: #ff0000;"><2/16~募集中></span></strong>

                </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>

 

                <p>

                    &nbsp;

                </p>

 

                <p>

                    <strong><span style="color: #0000ff;">&nbsp;5月分抽選予約支払い期間:<span style="color: #000000;">3</span></span></strong><span style="font-weight: 600; color: #000000;">月18日(金曜日)~3月31日(木曜日)正午まで</span>

                </p>

            </td>

        </tr>

    </tbody>

</table></p>

    </div>

  </div>

</div>