<div data-role="page" id="home">
<div data-role="header">
<h3>歩こう!ガイド</h3>
</div>
<div data-role="content" class="content-wide">
<img src="http://arukou.higashinet.net/bunka/wp-content/uploads/2014/09/cropped-e0fc30ba0de293348238f6a613277e8f.jpg" class="titleImg">
<div class="ui-corner-all custom-corners">
<div class="ui-bar ui-bar-a">
<h3>11/3 歩こう!文化のみち2014開催します</h3>
</div>
<div class="ui-body ui-body-a">
<p>景品があたるスタンプラリー,公共文化施設特別公開,各施設の催しなど、イベント目白押しです!</p>
<div data-role="collapsible" data-mini="true" data-content-theme="false">
<h4>イベント概要</h4>
<p>名古屋市東区文化のみちエリアで文化の日に行われる大規模街歩きイベント! エリア内の公共施設やお店で催しものが開かれます。景品がもらえるスタンプラリーも開催されるので、ぜひ秋のまち巡りを楽しんでください!</p>
<p><b>開催場所</b> 名古屋市東区文化のみちエリア一帯</p>
<p><b>開催日時</b> 11/3(月,祝) 9:30~16:00
<br>(各イベントの開催時間は下記詳細ボタンよりお調べください)</p>
<p style="text-align:right; margin:0; padding:0;"><a href="http://arukou.higashinet.net/" class="ui-btn ui-icon-info ui-btn-icon-left ui-btn-inline ui-corner-all" target="_blank">詳細</a></p>
</div>
</div>
</div>
<div class="ui-corner-all custom-corners">
<div class="ui-bar ui-bar-a">
<h3>しらべるメニュー</h3>
</div>
<div class="ui-body ui-body-a">
<ul data-role="listview" data-inset="true">
<li><a href="#around">
<img src="http://app.linkdata.org/asset/33fa9344.png">
<h2>周辺をしらべる</h2>
<p>スポットが見つからないとき or 次どこ行く?</p></a>
</li>
<li><a href="#spot">
<img src="http://app.linkdata.org/asset/d277338b.png">
<h2>会場をしらべる</h2>
<p>イベント・施設の場所と時間をみる</p></a>
</li>
<li><a href="#bus">
<img src="http://app.linkdata.org/asset/8a362031.png">
<h2>バスをしらべる</h2>
<p>遠くの会場もバスですいすい!</p></a>
</li>
<li><a href="#sta">
<img src="http://app.linkdata.org/asset/7fa804c9.gif">
<h2>近くの駅をしらべる</h2>
<p>お帰りの際にはこちらから</p></a>
</li>
</ul>
</div>
</div>
</div>
<div data-role="footer">
<h6>©ひがしネット</h6>
</div>
</div>
<div data-role="page" id="around">
<div data-role="header" data-add-back-btn="true">
<h3>現在地周辺</h3>
</div>
<div data-role="content">
<div class="ui-body ui-body-a ui-corner-all">
<p style="font-size:80%;">近辺の会場とバス停です。右端のアイコンで経路を検索。</p>
</div>
<h4 class="ui-bar">周辺の会場</h4>
<ul data-role="listview" data-split-icon="navigation" data-split-theme="a" class="arSpotList"></ul>
<div class="moreArSpotBtn"></div>
<h4 class="ui-bar">周辺のバス停 <span style="font-size:70%;">(タップでバス路線ページへ)</span></h4>
<ul data-role="listview" data-split-icon="navigation" data-split-theme="a" class="arBusStopList"></ul>
<div class="moreArBusStopBtn"></div>
</div>
<div data-role="footer">
<h6>©ひがしネット</h6>
</div>
</div>
<div data-role="page" id="moreArSpot">
<div data-role="header" data-add-back-btn="true">
<h3>周辺の会場</h3>
</div>
<div data-role="content">
<div class="ui-body ui-body-a ui-corner-all">
<p style="font-size:80%;">各会場の詳細情報とイベントは会場名をタップ! 右端のアイコンで経路を検索。イベントマップと同じ番号がついています。</p>
</div>
<h5 class="ui-bar">この近辺の会場</h5>
<ul data-role="listview" data-split-icon="navigation" data-split-theme="a" class="moreArSpotList"></ul>
</div>
<div data-role="footer">
<h6>©ひがしネット</h6>
</div>
</div>
<div data-role="page" id="moreArBusStop">
<div data-role="header" data-add-back-btn="true">
<h3>周辺のバス停</h3>
</div>
<div data-role="content">
<div class="ui-body ui-body-a ui-corner-all">
<p style="font-size:80%;">バス停名タップで時刻表を表示。右端のアイコンで経路を検索。</p>
</div>
<h5 class="ui-bar">この近辺のバス停</h5>
<ul data-role="listview" data-split-icon="navigation" data-split-theme="a" class="moreArBusStopList"></ul>
</div>
<div data-role="footer">
<h6>©ひがしネット</h6>
</div>
</div>
<div data-role="page" id="spot">
<div data-role="header" data-add-back-btn="true">
<h3>会場一覧</h3>
</div>
<div data-role="content">
<div class="ui-body ui-body-a ui-corner-all">
<p style="font-size:80%;">各会場の詳細情報とイベントは会場名をタップ! 右端のアイコンで経路を検索。イベントマップと同じ番号がついています。</p>
</div>
<h5 class="ui-bar">イベント会場</h5>
<ul data-role="listview" data-split-icon="navigation" data-split-theme="a" data-filter="true" data-filter-placeholder="検索例) 二葉館 寺 14. ~17:00" class="spotList"></ul>
</div>
<div data-role="footer">
<h6>©ひがしネット</h6>
</div>
</div>
<div data-role="page" id="bus">
<div data-role="header" data-add-back-btn="true">
<h3>バス路線情報</h3>
</div>
<div data-role="content">
<div class="ui-body ui-body-a ui-corner-all">
<span style="font-size:80%;">エリア内の移動に便利なバスはこちら
<br>各路線で行ける会場がわかります</span>
</div>
<h5 class="ui-bar">バス系統</h5>
<ul data-role="listview" class="busRouteList"></ul>
</div>
<div data-role="footer">
<h6>©ひがしネット</h6>
</div>
</div>
<div data-role="page" id="spotBus">
<div data-role="header" data-add-back-btn="true">
<h3>バス路線情報</h3>
</div>
<div data-role="content">
<ul data-role="listview" class="busRoute_info"></ul>
<h5 class="ui-bar busRouteName"></h5>
<ul data-role="listview" data-split-icon="navigation" data-split-theme="a" class="spotBusList"></ul>
</div>
<div data-role="footer">
<h6>©ひがしネット</h6>
</div>
</div>
<div data-role="page" id="sta">
<div data-role="header" data-add-back-btn="true">
<h3>主要駅一覧</h3>
</div>
<div data-role="content">
<div class="ui-body ui-body-a ui-corner-all">
<span style="font-size:80%;">お帰りにあわせてご利用ください
<br>駅名タップで、経路を検索</span>
</div>
<h5 class="ui-bar">駅</h5>
<ul data-role="listview" data-icon="navigation" class="staList"></ul>
</div>
<div data-role="footer">
<h6>©ひがしネット</h6>
</div>
</div>