天の岩戸
須佐之男命すさのおのみこと(素戔嗚尊)が天に上ってきて天照大御神あまてらすおおみかみ(天照大神)とやりあう物語は、誓約うけい神話 (紀では第六段)と須佐之男命の乱行(以下、紀では第七段)、天石屋あめのいわや籠り、天安河あめのやすのかわの河原の神集いから構成される。   須佐之男命は、伊耶那岐命いざなきのみこと(伊奘諾尊)に「神やらひにやらひ」、すなわち、この国から出て行けといわれた。  そこで、天照大御神に挨拶してから行こうと言って、天に上ってきた。  山川国土は鳴り轟き揺れ動いた。  天照大御神は驚き、高天原を乗っ取ろうとやってきたのであろうと言って、髪を解いて男装のみずらをつけて武装し、大地を踏みしめて雄叫びをあげて待ち受けた。  須佐之男命は、反逆心などなく、母の国へ行くことになった顛末を話しに参上したのだと言った。  清く赤い心は何によってわかるかが話題になり、それぞれ誓約をして子を生めばいいと言った。      そこで、天の安の河を中にして誓約をすることになる。  まず、天照大御神が須佐之男命の帯刀している十拳剣とつかのつるぎをもらって三つに打ち折って、「ぬなとももゆらにあめ真名井まなゐに振りすすぎ、さがみに噛みて吹きつる気吹いぶき狭霧さぎりに」三柱の神が生まれた。  須佐之男命は天照大御神の珠をもらい受けて、同じやり方で左の髷に巻いた八尺の勾玉の五百いおつの御統みすまるの珠の分から一柱、右の髷の分から一柱、髪飾りの分から一柱、左手の分から一柱、右手の分から一柱、都合五柱の神が生まれた。  そこで天照大御神は須佐之男命に、後で生まれた五柱の男神はもともと自分の珠から生まれたから自分の子で、先に生まれた三柱の女神は、もともと須佐之男命の剣から生まれたから須佐之男命の子であると言って判断した。      すると須佐之男命は天照大御神に、自分の心が清く明るいから自分は女の子を得た。    したがって自分が誓約に勝ったと言って、調子に乗って高天原でいろいろな悪さをする。  田の畔を壊し、溝を埋め、新嘗祭を行う御殿に糞をし散らかした。  それでも天照大御神は、彼に悪意があるわけではないと温情をもって解釈していく。  しかし、最後に忌服屋いみはたやの事件が起こる。  天照大御神は服織女はたおりめに神の衣を織らせていたところ、屋根の棟に穴をあけて天斑馬あめのふちこまを逆剥ぎに剥いで落とし入れた。  そのため、服織女は見驚いて、梭に陰部を突いて死んでしまった。  天照大御神はそれを見て恐れおののいて、天の石屋いわやの戸を開けて籠ってしまった。  おかげで高天原たかまのはら葦原中国あしはらのなかつくにも真っ暗になって、毎日毎日夜ばかりになった。  たくさんの神々の声がうるさく響き、たくさんの災いごとがどんどん起こった。      八百万神やおよろずのかみ(八十万神やそよろずのかみ)は、天安河原あめのやすのかわら(天安河辺)に参集した。  そこで、役割分担して天照大御神に戻ってきてもらおうとする。  作戦は、 (1)思金神おもいかねのかみ(思兼神)に思わせる、 (2)常世とこよ長鳴鳥ながなきどりを鳴かせる、 (3)天津麻羅あまつまら 天糠戸あまのあらと天抜戸あまのぬかと)と伊斯許理度売命いしこりどめのみこと(石凝姥、石凝戸辺)に鏡を作らせる、 (4)玉祖命たまのやのみこと(豊玉とよたま天明玉あまのあかるたま)に五百個いおつ御統みすまるの玉を作らせる、 (5)天児屋命あめのこやねのみこと布刀玉命ふとたまのみこと(太玉命)に太占ふとまにの占いをさせる、 (6)榊に供え物をして布刀玉命が捧げ持つ、(7)天児屋命が祝詞を寿ぐ、(8)天手力男神あめのたちからおのかみ(手力雄神)が戸の脇に隠れ立つ、 (9)天宇受売命あめのうずめのみこと(天鈿女命)が神憑りして裸踊りをする、というものであった。  そうしたものだから、高天原はぐらぐら揺れ、八百万の神たちは笑いあった。      天照大御神はいぶかしがって天の石屋の戸を細く開けて独り言をする。   絶大な自分が籠れば天の原、ひいては葦原中国も真っ暗だと思うのに、どうして天宇受売命は歌舞し、八百万の神は皆笑っているのだろうか、と。    天宇受売命は、あなたよりも貴い神さまがいらっしゃるからですよと言いつつ、天児屋命と布刀玉命が鏡を差し出して姿を映させたので、天照大御神はいよいよ不思議に思って身を乗り出した。    そこで、天手力男神がその手を取って引き出し、布刀玉命が尻くめ縄を後ろに引き渡し、これよりうちには還り入ってはなりません、と言い放った。   こうして、天照大御神はお出ましになって、高天原も葦原中国も自動的に照り明るくなった。    そして、八百万の神々は協議して、速須佐之男命にたくさんの賠償金を課し、髯と手足の爪を切り、お祓いをして追い払った。  以上が話のあらすじである。  

 

 

 

 

ホーム へ       サンプルページ  縦書き4  tategaki4.htm

縦書き、ルビ・強制改ページ可。      DHTML、jQuery。      フォントなどのカスタマイズはテキストエディターなどで可。    all 対応。     コピー、編集し、簡単にWebで応用できまっ、 (^ ^)。

デモは、amanoiwato.htm(原文・横書き)と比較 などで。

 

< ご使用方法 >

 ・ ローカル(=PC)への保存は、tategaki4/ をクリック開いたホルダーで、tategaki4.htm、005501709.js、amanoiwato.htm を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。    ※:  変わってしまった、ファイル名や、*.html 中のパスは要修正。

 ・ このDHTMLの実装方法は、tategaki4.htm をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1)を、さらに <body> 〜 </body>の任意の行間に (*2) をペーストします。

 ・ 編集方法は、hogehoge.html を WordPad や SmipleTextなどのテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。    下記の(例) (*1) と、(*2)(*3) を参考に太字部分の編集を任意に行います。     ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。

 ・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 10.x〜 などで開いて。     更新の確認は、[F5]キー を押し、最新データ読み込み、で。    あるいは、Internet Explorerを全て閉じ、再起動を行い、閲覧履歴の削除後や、【Internet Explorer】- [ツール] - [インターネット オプション] - [閲覧の履歴] - [削除] などでも。

 ・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像、*.jsなども転送/配置し実施。  ※:別ディレクトリーに配置時は、*.html 中のパスは要修正。   FTPなどで変わってしまったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 : 色記号5〃6スタイルシートリファレンスホームページ開設入門。   Web DevelopmentWeb開発IE10 互換性クックブック〃開発者向けガイド、IE API リファレンスIE 開発 > HTMLとCSS開発ツールでサイトを修正スクリプト デバッグの概要HTMLとCSSのサポートCSSの改良点XML〃リファレンスDHTML

 

(*1) : tategaki4.htm (例)         挿入先の  <head> 〜 </head> の、 部分にペーストします。

 HTMLの編集方法   (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕   

シフトJIS使用(削除不可)

ieなどに表示するアイコンファイル名(削除可)

<style type= </style>は(削除可)
(*1)〜(*3)表タイトル背景
body 文字色 背景色 下線
ハイパーリンク 〃
表示済みの〃
マウスオーバー時の〃
クリック中の〃
フォント

リンクを新しいWinで開くを標準(削除可)※:target= いろいろ
同じフレーム=_self、ページ全体=_top、親フレーム=_parent
お気に入り、タスクバーに表示するページ名(≠ファイル名)

 

 

 

フォント

 

 

余白
背景画像
罫線

 

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {font-size:12px; line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ  縦書き4</title>

<!-- ☆ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>
<SCRIPT type=text/javascript src="005501709.js"></SCRIPT>
<SCRIPT type=text/javascript>
$(function(){
Nehan.LayoutMapper.start("div", {
charImgRoot:"",
fontFamily:"IPA明朝, MS 明朝, Hiragino Mincho Pro",
onCompleteAll: function(){
$(".tmp-hide").css("display", "inline");
}
});
})
</SCRIPT>
<style type="text/css"><!--
.lp-vertical {
padding:20px;
background-color:#FFFFFF;background-image: url('http:// …… /uhskr_wh.gif');
border-left: #F0F0F4 1px solid; border-top: #F0F0F4 1px solid; border-right: #E2E2E7 1px solid; border-bottom: #E2E2E7 1px solid;
}
--></style>
<!-- ☆ ----------- ↑ この間をコピー&ペーストします。 ------------ -->
 

 

(*2) : tategaki4.htm (例)        挿入先の  <body> 〜 </body> の、 部分にペーストします。

 HTMLの編集方法   (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕 

 

縦書き 幅 高さ フォントサイズ
pre、PREformatted text(整形済みテキスト)は、スペースや改行をそのまま表示します。 特殊文字はコード で記述します。
code はIEでは、固定幅フォントで表示されます。
タイトル
ルビ

 

<!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<DIV
class="lp-vertical lp-width-1000 lp-height-700 lp-font-size-20">
<PRE><CODE>
<font face="メイリオ" size="4"><b>天の岩戸</b></font><br/>
<ruby><rb>須佐之男命</rb><rt>すさのおのみこと</rt></ruby>(素戔嗚尊)が天に上ってきて<ruby><rb>天照大御神</rb><rt>あまてらすおおみかみ</rt></ruby>(天照大神)とやりあう物語は、<ruby><rb>誓約</rb><rt>うけい</rt></ruby>神話
(紀では第六段)と須佐之男命の乱行(以下、紀では第七段)、<ruby><rb>天石屋</rb><rt>あめのいわや</rt></ruby>籠り、<ruby><rb>天安河</rb><rt>あめのやすのかわ</rt></ruby>の河原の神集いから構成される。 

====  この間、説明を省略。  ====

 天照大御神はいぶかしがって天の石屋の戸を細く開けて独り言をする。   絶大な自分が籠れば天の原、ひいては葦原中国も真っ暗だと思うのに、どうして天宇受売命は歌舞し、八百万の神は皆笑っているのだろうか、と。    天宇受売命は、あなたよりも貴い神さまがいらっしゃるからですよと言いつつ、天児屋命と布刀玉命が鏡を差し出して姿を映させたので、天照大御神はいよいよ不思議に思って身を乗り出した。    そこで、天手力男神がその手を取って引き出し、布刀玉命が尻くめ縄を後ろに引き渡し、これよりうちには還り入ってはなりません、と言い放った。   こうして、天照大御神はお出ましになって、高天原も葦原中国も自動的に照り明るくなった。    そして、八百万の神々は協議して、速須佐之男命にたくさんの賠償金を課し、髯と手足の爪を切り、お祓いをして追い払った。  以上が話のあらすじである。  
</PRE></CODE>
</DIV>
<!-- ★ ----------- ↑ この間をコピー&ペーストします。 ------------ -->

 

 

(*3)  ルビ、強制的に改ページ、1つのスペースに複数文字

   ルビ、強制改ページ の編集方法   (*2)をテキストエディターで開き、下記↓の太字部分を編集し使用。
  〔この列ペースト不要〕

ルビ

強制的に改ページ

1つのスペースに複数文字

 

 

<ruby><rb>誤謬</rb><rt>ごびゅう</rt></ruby>

<end-page>

<pack>!!</pack>

 

< 補足 >    適時参照あれ!。

 ・ Wordpad によるHTMLソース(タグ)を見ながらの直接編集方法。