var brand_top_template ='\
  <div class="pulldown_brand01">\
    <div class="pulldown_brand02">\
      <div class="pulldown_brand03">\
				<div class="head">\
					<a class="btn01" href="javascript:void(0);" onClick="drop_click(\'drop_brand_slider\');"></a>\
					<a class="btn02" href="javascript:void(0);" onClick="drop_click(\'drop_items_slider\');"></a>\
				</div>\
        <div class="btnClose">\
          <a href="javascript:void(0);" onclick="drop_click(\'drop_brand_slider\');"><img src="../common/img/search/close.gif" width="17" height="17" /></a>\
        </div>\
        <!-- scroll -->\
        <div id="brand_scroll" style="width:896px;">\
          <ul class="pull_menu">\
            <li><a onClick="setScroll(\'cosmebrand\',\'my_scroll\');" href="javascript:void(0);"><img height="22" width="254" alt="Cosmetics" src="../common/img/search/pull_menu01.gif" class="btn" /></a></li>\
            <li><a onClick="setScroll(\'sportsbrand\',\'my_scroll\');" href="javascript:void(0);"><img height="22" width="254" alt="Relax" src="../common/img/search/pull_menu02.gif" class="btn" /></a></li>\
            <li class="m_0"><a onClick="setScroll(\'lifestylebrand\',\'my_scroll\');" href="javascript:void(0);"><img height="22" width="254" alt="Wellness" src="../common/img/search/pull_menu03.gif" class="btn" /></a></li>\
          </ul>\
          <div id="my_scroll" class="scroll-pane" style="position:relative">\
            <div class="option_brand01">\
                <a name="cosmebrand" style="position:absolute"></a>\
                <p><img height="37" width="816" class="m_b_10" alt="Cosmetics" src="../common/img/search/cosmebrand.gif"></p>\
                <ul class="syllabary_list">\
                  <li><a onClick="setScroll(\'a\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="ア行" src="../common/img/search/a.gif" class="btn" /></a></li>\
                  <li><a onClick="setScroll(\'ka\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="カ行" src="../common/img/search/ka.gif" class="btn" /></a></li>\
                  <li><a onClick="setScroll(\'sa\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="サ行" src="../common/img/search/sa.gif" class="btn" /></a></li>\
                  <li><a onClick="setScroll(\'ta\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="タ行" src="../common/img/search/ta.gif" class="btn" /></a></li>\
                  <li><a onClick="setScroll(\'na\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="ナ行" src="../common/img/search/na.gif" class="btn" /></a></li>\
                  <li><a onClick="setScroll(\'ha\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="ハ行" src="../common/img/search/ha.gif" class="btn" /></a></li>\
                  <li><a onClick="setScroll(\'ma\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="マ行" src="../common/img/search/ma.gif" class="btn" /></a></li>\
                  <li><a onClick="setScroll(\'ya\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="ヤ行" src="../common/img/search/ya.gif" class="btn" /></a></li>\
                  <li><a onClick="setScroll(\'ra\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="ラ行" src="../common/img/search/ra.gif" class="btn" /></a></li>\
									<li><a onClick="setScroll(\'wa\',\'my_scroll\');" href="javascript:void(0);"><img height="27" width="80" alt="ワ行" src="../common/img/search/wa.gif" class="btn" /></a></li>\
                </ul>\
                <dl class="listup">\
                  <dt><a name="a" style="position:absolute"></a><img height="26" width="800" alt="ア行" src="../common/img/search/a2.gif"></dt>\
                  <dd>\
                    <ul>{item_a_1}</ul>\
                    <ul>{item_a_2}</ul>\
                    <ul>{item_a_3}</ul>\
                    <ul>{item_a_4}</ul>\
                </dd>\
                <dt><a name="ka" style="position:absolute"></a><img height="26" width="800" alt="カ行" src="../common/img/search/ka2.gif"></dt>\
                <dd>\
                    <ul>{item_ka_1}</ul>\
                    <ul>{item_ka_2}</ul>\
                    <ul>{item_ka_3}</ul>\
                    <ul>{item_ka_4}</ul>\
                </dd>\
                <dt><a name="sa" style="position:absolute"></a><img height="26" width="800" alt="サ行" src="../common/img/search/sa2.gif"></dt>\
                <dd>\
                    <ul>{item_sa_1}</ul>\
                    <ul>{item_sa_2}</ul>\
                    <ul>{item_sa_3}</ul>\
                    <ul>{item_sa_4}</ul>\
                </dd>\
                <dt><a name="ta" style="position:absolute"></a><img height="26" width="800" alt="タ行" src="../common/img/search/ta2.gif"></dt>\
                <dd>\
                    <ul>{item_ta_1}</ul>\
                    <ul>{item_ta_2}</ul>\
                    <ul>{item_ta_3}</ul>\
                    <ul>{item_ta_4}</ul>\
                </dd>\
                <dt><a name="na" style="position:absolute"></a><img height="26" width="800" alt="ナ行" src="../common/img/search/na2.gif"></dt>\
                <dd>\
                    <ul>{item_na_1}</ul>\
                    <ul>{item_na_2}</ul>\
                    <ul>{item_na_3}</ul>\
                    <ul>{item_na_4}</ul>\
                </dd>\
                <dt><a name="ha" style="position:absolute"></a><img height="26" width="800" alt="ハ行" src="../common/img/search/ha2.gif"></dt>\
                <dd>\
                    <ul>{item_ha_1}</ul>\
                    <ul>{item_ha_2}</ul>\
                    <ul>{item_ha_3}</ul>\
                    <ul>{item_ha_4}</ul>\
                </dd>\
                <dt><a name="ma" style="position:absolute"></a><img height="26" width="800" alt="マ行" src="../common/img/search/ma2.gif"></dt>\
                <dd>\
                    <ul>{item_ma_1}</ul>\
                    <ul>{item_ma_2}</ul>\
                    <ul>{item_ma_3}</ul>\
                    <ul>{item_ma_4}</ul>\
                </dd>\
                <dt><a name="ya" style="position:absolute"></a><img height="26" width="800" alt="ヤ行" src="../common/img/search/ya2.gif"></dt>\
                <dd>\
                    <ul>{item_ya_1}</ul>\
                    <ul>{item_ya_2}</ul>\
                    <ul>{item_ya_3}</ul>\
                    <ul>{item_ya_4}</ul>\
                </dd>\
                <dt><a name="ra" style="position:absolute"></a><img height="26" width="800" alt="ラ行" src="../common/img/search/ra2.gif"></dt>\
                <dd>\
                    <ul>{item_ra_1}</ul>\
                    <ul>{item_ra_2}</ul>\
                    <ul>{item_ra_3}</ul>\
                    <ul>{item_ra_4}</ul>\
                </dd>\
								<dt><a name="wa" style="position:absolute"></a><img height="26" width="800" alt="ワ行" src="../common/img/search/wa2.gif"></dt>\
                <dd>\
                    <ul>{item_wa_1}</ul>\
                    <ul>{item_wa_2}</ul>\
                    <ul>{item_wa_3}</ul>\
                    <ul>{item_wa_4}</ul>\
                </dd>\
              </dl>\
            </div>\
            <!-- option_brand01 -->\
            <div class="option_brand01">\
              <dl class="listup">\
                <dt><a name="sportsbrand" style="position:absolute"></a><img height="37" width="816" class="m_b_10" alt="Relax" src="../common/img/search/sportsbrand.gif"></dt>\
                <dd>\
                  <ul>{item_sports_1}</ul>\
                  <ul>{item_sports_2}</ul>\
                  <ul>{item_sports_3}</ul>\
                  <ul>{item_sports_4}</ul>\
                </dd>\
              </dl>\
            </div>\
            <!-- option_brand01 -->\
            <div class="option_brand01">\
              <dl class="listup">\
              <dt><a name="lifestylebrand" style="position:absolute"></a><img height="37" width="816" class="m_b_10" alt="Wellness" src="../common/img/search/lifestylebrand.gif"></dt>\
                <dd>\
                  <ul>{item_life_1}</ul>\
                  <ul>{item_life_2}</ul>\
                  <ul>{item_life_3}</ul>\
                  <ul>{item_life_4}</ul>\
                </dd>\
              </dl>\
            </div>\
            <!-- option_brand01 -->\
          </div>\
        </div>\
        <!-- scroll -->\
      </div><!-- 03 -->\
    </div><!-- 02 -->\
  </div><!-- 01 -->\
<!-- drop_brand_slider -->';