CSSとJqueryで縦書きhtmlテンプレート

１　<div class="sampleBox">で囲まれた部分がクリックまたはタッチ操作で移動するリンクになります。
２　画面左半分をタッチで「すすむ」、画面右半分をタッチで「戻る」操作になります。普通にフリック操作でもスクロールします。（中身はただのhtmlです）
３　iphoneの場合、ホーム画面に登録したのち、アイコンをタッチして開くとフルスクリーンで読めるようになります。
４　Jqueryのダウンロードが必要です。


サンプル：銀河鉄道の夜（宮沢賢治）より

「ではみなさんは、そういうふうに川だと云（い）われたり、乳の流れたあとだと云われたりしていたこのぼんやりと白いものがほんとうは何かご承知ですか。」先生は、黒板に吊（つる）した大きな黒い星座の図の、上から下へ白くけぶった銀河帯のようなところを指（さ）しながら、みんなに問（とい）をかけました。
　カムパネルラが手をあげました。それから四五人手をあげました。ジョバンニも手をあげようとして、急いでそのままやめました。たしかにあれがみんな星だと、いつか雑誌で読んだのでしたが、このごろはジョバンニはまるで毎日教室でもねむく、本を読むひまも読む本もないので、なんだかどんなこともよくわからないという気持ちがするのでした。
　ところが先生は早くもそれを見附（みつ）けたのでした。
「ジョバンニさん。あなたはわかっているのでしょう。」
　ジョバンニは勢（いきおい）よく立ちあがりましたが、立って見るともうはっきりとそれを答えることができないのでした。ザネリが前の席からふりかえって、ジョバンニを見てくすっとわらいました。ジョバンニはもうどぎまぎしてまっ赤になってしまいました。先生がまた云いました。
「大きな望遠鏡で銀河をよっく調べると銀河は大体何でしょう。」
　やっぱり星だとジョバンニは思いましたがこんどもすぐに答えることができませんでした。
　先生はしばらく困ったようすでしたが、眼（め）をカムパネルラの方へ向けて、
「ではカムパネルラさん。」と名指しました。するとあんなに元気に手をあげたカムパネルラが、やはりもじもじ立ち上ったままやはり答えができませんでした。
　先生は意外なようにしばらくじっとカムパネルラを見ていましたが、急いで「では。よし。」と云いながら、自分で星図を指（さ）しました。
「このぼんやりと白い銀河を大きないい望遠鏡で見ますと、もうたくさんの小さな星に見えるのです。ジョバンニさんそうでしょう。」
　ジョバンニはまっ赤になってうなずきました。けれどもいつかジョバンニの眼のなかには涙（なみだ）がいっぱいになりました。そうだ僕（ぼく）は知っていたのだ、勿論（もちろん）カムパネルラも知っている、それはいつかカムパネルラのお父さんの博士のうちでカムパネルラといっしょに読んだ雑誌のなかにあったのだ。それどこでなくカムパネルラは、その雑誌を読むと、すぐお父さんの書斎（しょさい）から巨（おお）きな本をもってきて、ぎんがというところをひろげ、まっ黒な頁（ページ）いっぱいに白い点々のある美しい写真を二人でいつまでも見たのでした。それをカムパネルラが忘れる筈（はず）もなかったのに、すぐに返事をしなかったのは、このごろぼくが、朝にも午后にも仕事がつらく、学校に出てももうみんなともはきはき遊ばず、カムパネルラともあんまり物を云わないようになったので、カムパネルラがそれを知って気の毒がってわざと返事をしなかったのだ、そう考えるとたまらないほど、じぶんもカムパネルラもあわれなような気がするのでした。
　先生はまた云いました。
「ですからもしもこの天（あま）の川（がわ）がほんとうに川だと考えるなら、その一つ一つの小さな星はみんなその川のそこの砂や砂利（じゃり）の粒（つぶ）にもあたるわけです。またこれを巨きな乳の流れと考えるならもっと天の川とよく似ています。つまりその星はみな、乳のなかにまるで細かにうかんでいる脂油（しゆ）の球にもあたるのです。そんなら何がその川の水にあたるかと云いますと、それは真空という光をある速さで伝えるもので、太陽や地球もやっぱりそのなかに浮（うか）んでいるのです。つまりは私どもも天の川の水のなかに棲（す）んでいるわけです。そしてその天の川の水のなかから四方を見ると、ちょうど水が深いほど青く見えるように、天の川の底の深く遠いところほど星がたくさん集って見えしたがって白くぼんやり見えるのです。この模型をごらんなさい。」
　先生は中にたくさん光る砂のつぶの入った大きな両面の凸（とつ）レンズを指しました。
「天の川の形はちょうどこんななのです。このいちいちの光るつぶがみんな私どもの太陽と同じようにじぶんで光っている星だと考えます。私どもの太陽がこのほぼ中ごろにあって地球がそのすぐ近くにあるとします。みなさんは夜にこのまん中に立ってこのレンズの中を見まわすとしてごらんなさい。こっちの方はレンズが薄（うす）いのでわずかの光る粒即（すなわ）ち星しか見えないのでしょう。こっちやこっちの方はガラスが厚いので、光る粒即ち星がたくさん見えその遠いのはぼうっと白く見えるというこれがつまり今日の銀河の説なのです。そんならこのレンズの大きさがどれ位あるかまたその中のさまざまの星についてはもう時間ですからこの次の理科の時間にお話します。では今日はその銀河のお祭なのですからみなさんは外へでてよくそらをごらんなさい。ではここまでです。本やノートをおしまいなさい。」
　そして教室中はしばらく机（つくえ）の蓋（ふた）をあけたりしめたり本を重ねたりする音がいっぱいでしたがまもなくみんなはきちんと立って礼をすると教室を出ました。

　ジョバンニが学校の門を出るとき、同じ組の七八人は家へ帰らずカムパネルラをまん中にして校庭の隅（すみ）の桜（さくら）の木のところに集まっていました。それはこんやの星祭に青いあかりをこしらえて川へ流す烏瓜（からすうり）を取りに行く相談らしかったのです。
　けれどもジョバンニは手を大きく振（ふ）ってどしどし学校の門を出て来ました。すると町の家々ではこんやの銀河の祭りにいちいの葉の玉をつるしたりひのきの枝（えだ）にあかりをつけたりいろいろ仕度（したく）をしているのでした。
　家へは帰らずジョバンニが町を三つ曲ってある大きな活版処にはいってすぐ入口の計算台に居ただぶだぶの白いシャツを着た人におじぎをしてジョバンニは靴（くつ）をぬいで上りますと、突（つ）き当りの大きな扉（と）をあけました。中にはまだ昼なのに電燈がついてたくさんの輪転器がばたりばたりとまわり、きれで頭をしばったりラムプシェードをかけたりした人たちが、何か歌うように読んだり数えたりしながらたくさん働いて居（お）りました。
　ジョバンニはすぐ入口から三番目の高い卓子（テーブル）に座（すわ）った人の所へ行っておじぎをしました。その人はしばらく棚（たな）をさがしてから、
「これだけ拾って行けるかね。」と云いながら、一枚の紙切れを渡（わた）しました。ジョバンニはその人の卓子の足もとから一つの小さな平たい函（はこ）をとりだして向うの電燈のたくさんついた、たてかけてある壁（かべ）の隅の所へしゃがみ込（こ）むと小さなピンセットでまるで粟粒（あわつぶ）ぐらいの活字を次から次と拾いはじめました。青い胸あてをした人がジョバンニのうしろを通りながら、
「よう、虫めがね君、お早う。」と云いますと、近くの四五人の人たちが声もたてずこっちも向かずに冷くわらいました。
　ジョバンニは何べんも眼を拭（ぬぐ）いながら活字をだんだんひろいました。
　六時がうってしばらくたったころ、ジョバンニは拾った活字をいっぱいに入れた平たい箱（はこ）をもういちど手にもった紙きれと引き合せてから、さっきの卓子の人へ持って来ました。その人は黙（だま）ってそれを受け取って微（かす）かにうなずきました。
　ジョバンニはおじぎをすると扉をあけてさっきの計算台のところに来ました。するとさっきの白服を着た人がやっぱりだまって小さな銀貨を一つジョバンニに渡しました。ジョバンニは俄（にわ）かに顔いろがよくなって威勢（いせい）よくおじぎをすると台の下に置いた鞄（かばん）をもっておもてへ飛びだしました。それから元気よく口笛（くちぶえ）を吹（ふ）きながらパン屋へ寄ってパンの塊（かたまり）を一つと角砂糖を一袋（ふくろ）買いますと一目散（いちもくさん）に走りだしました。

　ジョバンニが勢（いきおい）よく帰って来たのは、ある裏町の小さな家でした。その三つならんだ入口の一番左側には空箱に紫（むらさき）いろのケールやアスパラガスが植えてあって小さな二つの窓には日覆（ひおお）いが下りたままになっていました。
「お母（っか）さん。いま帰ったよ。工合（ぐあい）悪くなかったの。」ジョバンニは靴をぬぎながら云いました。
「ああ、ジョバンニ、お仕事がひどかったろう。今日は涼（すず）しくてね。わたしはずうっと工合がいいよ。」
　ジョバンニは玄関（げんかん）を上って行きますとジョバンニのお母さんがすぐ入口の室（へや）に白い巾（きれ）を被（かぶ）って寝（やす）んでいたのでした。ジョバンニは窓をあけました。
「お母さん。今日は角砂糖を買ってきたよ。牛乳に入れてあげようと思って。」
「ああ、お前さきにおあがり。あたしはまだほしくないんだから。」
「お母さん。姉さんはいつ帰ったの。」
「ああ三時ころ帰ったよ。みんなそこらをしてくれてね。」
「お母さんの牛乳は来ていないんだろうか。」
「来なかったろうかねえ。」
「ぼく行ってとって来よう。」
「あああたしはゆっくりでいいんだからお前さきにおあがり、姉さんがね、トマトで何かこしらえてそこへ置いて行ったよ。」
「ではぼくたべよう。」
　ジョバンニは窓のところからトマトの皿（さら）をとってパンといっしょにしばらくむしゃむしゃたべました。
「ねえお母さん。ぼくお父さんはきっと間もなく帰ってくると思うよ。」
「あああたしもそう思う。けれどもおまえはどうしてそう思うの。」
「だって今朝の新聞に今年は北の方の漁は大へんよかったと書いてあったよ。」
「ああだけどねえ、お父さんは漁へ出ていないかもしれない。」
「きっと出ているよ。お父さんが監獄（かんごく）へ入るようなそんな悪いことをした筈（はず）がないんだ。この前お父さんが持ってきて学校へ寄贈（きぞう）した巨（おお）きな蟹（かに）の甲（こう）らだのとなかいの角だの今だってみんな標本室にあるんだ。六年生なんか授業のとき先生がかわるがわる教室へ持って行くよ。一昨年修学旅行で〔以下数文字分空白〕
「お父さんはこの次はおまえにラッコの上着をもってくるといったねえ。」
「みんながぼくにあうとそれを云うよ。ひやかすように云うんだ。」
「おまえに悪口を云うの。」
「うん、けれどもカムパネルラなんか決して云わない。カムパネルラはみんながそんなことを云うときは気の毒そうにしているよ。」
「あの人はうちのお父さんとはちょうどおまえたちのように小さいときからのお友達だったそうだよ。」
「ああだからお父さんはぼくをつれてカムパネルラのうちへもつれて行ったよ。あのころはよかったなあ。ぼくは学校から帰る途中（とちゅう）たびたびカムパネルラのうちに寄った。カムパネルラのうちにはアルコールラムプで走る汽車があったんだ。レールを七つ組み合せると円くなってそれに電柱や信号標もついていて信号標のあかりは汽車が通るときだけ青くなるようになっていたんだ。いつかアルコールがなくなったとき石油をつかったら、罐（かま）がすっかり煤（すす）けたよ。」
「そうかねえ。」
「いまも毎朝新聞をまわしに行くよ。けれどもいつでも家中まだしぃんとしているからな。」
「早いからねえ。」
「ザウエルという犬がいるよ。しっぽがまるで箒（ほうき）のようだ。ぼくが行くと鼻を鳴らしてついてくるよ。ずうっと町の角までついてくる。もっとついてくることもあるよ。今夜はみんなで烏瓜（からすうり）のあかりを川へながしに行くんだって。きっと犬もついて行くよ。」
「そうだ。今晩は銀河のお祭だねえ。」
「うん。ぼく牛乳をとりながら見てくるよ。」
「ああ行っておいで。川へははいらないでね。」
「ああぼく岸から見るだけなんだ。一時間で行ってくるよ。」
「もっと遊んでおいで。カムパネルラさんと一緒（いっしょ）なら心配はないから。」
「ああきっと一緒だよ。お母さん、窓をしめて置こうか。」
「ああ、どうか。もう涼しいからね」
　ジョバンニは立って窓をしめお皿やパンの袋を片附（かたづ）けると勢よく靴をはいて
「では一時間半で帰ってくるよ。」と云いながら暗い戸口を出ました。