11月に入った頃は、七五三の予約も少なく少し心配になったぐらいでしたが、後半にたくさんのお参りを戴く事が出来ました。

ひとりで宮司をしていますとどうしても繁忙期に仕事が集中してしまいますので大変です。かといって他の神主さんもそれぞれ忙しくされてますので、お手伝いも呼べません。

特に11月27日は宮司になって3年間で一番忙しい日でした。朝8時前より初宮詣、10時に兼務社の新嘗祭、11時に小椋神社に帰ってきて結婚式、12時30分から30分単位で七五三詣3件、最後に膳所まで行って地鎮祭。もう冬になるのに一人汗だくでちょっと見苦しかったかも。。。

さて、僕自身はバタバタしてましたが、11時からの結婚式は天気もよく境内の紅葉も最盛期の中斎行させて戴きました。

当日8時より社務所控室で新郎新婦様の着付けが始まりましたが、ぼくはすぐに兼務社へ向い新嘗祭、その間前日から仕事を休んでもらった嫁と雅楽の演奏を依頼した友人の雅楽会の皆さんにも準備をお願いし、式の15分前に帰ってきたら、すっかり結婚式準備もできており参列者の方々がお待ちでした。急いで装束をつけ、社務所前の祓戸にて修祓の後、雅楽が鳴り響く中参進、本殿にて粛々と神前結婚式を執り行いました。

両家親族の皆さんのご理解とお手伝い戴いたスタッフの御蔭で新郎新婦様の幸せそうな笑顔を見る事ができ、ほっと胸を撫で下ろしています。

お幸せに・・・

還来神社は淳和天皇の生母、藤原旅子霊をお祀りする神社で、社名の通り帰還を頼む神社です。

この地域で生まれ桓武天皇の妃となられた旅子様は病床で「我が出生の地、比良の南麓に梛（なぎ）の大樹有り、その下に祀る可し。」と遺命を残されました。

若くして亡くなられた旅子様は、生まれ育った故郷への帰還を強く望まれ、そして梛の大木の元に祀られました。

以来、無事帰還を望む出征者や家族の崇敬を集め、戦時中には参拝者が何キロも列をなしたと言われています。

今回、ホームページをつくるにあたり梨木香歩さんのエッセイ「ぐるりのこと」に当神社について書かれているので引用させて戴きました。少し著作権の事とか気になったんですが、調べたところ

• 他人の著作物を自分の著作物の中に持ってくる必然性がある。
• 自分の著作物と他人の著作物が明瞭に区別してある。
• 自分の著作物が「主」で他人の著作物が「従」である。
• （引用される著作物が）公表されている著作物である。
• 出所が明示されている。

以上の用件を満たしていれば特に許可を取らなくても大丈夫なようです。

さてホームページ制作ですが、wordpressで作りたいのでとりあえずhtmlで大まかなレイアウトを作ります。headerにはjQueryのcrossslideをつかって文章を順番に読んでもらうような感じにしてみました。

ここで問題発生。上の画像を順番に表示すると、次の文章はゆっくりフェードインしてくれるんですが、残った文章がフェードアウトせずにパッと消えるのです。

ですので上みたいに両方が長い間表示されちゃいます。

そこで、頭をひねった末、間にべた塗り白の画像を挟む事にしました。

表示されてる時間(sleep:)を1秒にして表示させたい時間だけ同じ画像を入れ、その間に白のべた塗り画像を挟みます。（ここでは、slidew.gif）

これでなんとかきれいにフェードインアウトできるようになりました！

出来上がりはこんな感じです　→　還来神社

まだheaderだけですけど。ちょっとシンプルすぎて寂しいので画像を入れるか悩み中です。

codaというエディタをつかってホームページを作っています。このcodaのプレビュー画面はほぼsafariと同じように見えます。そのままだと、firefoxやgooglechromeで作ったページを開くとちょっとずつレイアウトがズレていたります。そこでcssを少しずつ変更して調整します。いろいろ検索して勉強したところ、どうやらfirefoxを基準にするのがいいとのこと。

でも、そんな事ではどうにもならないのがInternetExplorer。

ずれずれです。。。

下が小椋神社webの仰木泥田祭のページをsafariで開いたところ。

そして次がIEで開いたところ。

水色でかこった部分が下につめつめです。

アウトラインの下合わせでテキストを配置してるため、上にぽっかり余白ができてます。

おそらくテキストの行間がIEでは狭いのではないかと推測。

いろいろやり方はあるんでしょうがわかんないので、前から気になっていた“CSSハック”というのに挑戦です。

CSSハックとはwikipediaによるとWebサイト作成の際にWebブラウザ間（以下単に「ブラウザ」）で異なるCascading Style Sheets(CSS)の実装状況の違いやバグなどを吸収し、極力各ブラウザでの表示を同一にするためのテクニックの一つである。そうです。よくわかりません。。。

つまり、ブラウザの実装状況やバグを逆手に取り、ブラウザによって異なる宣言を読み込ませることだそうで、ただしCSSの記法として妥当でないものも存在するため、使用せずに済むのであればそれに越したことはない。そうです。

よくわかりませんが、cssにちょこっと付け加えてやると特定のブラウザのみ読み込んで表示してくれるというものらしい。

そのcssの記述方法がいろんなサイトで解説されていますが素人には説明不足で難しいです。

いろいろ試してやっと出来たのがこちら。

cssのスタイル宣言の部分｛　｝内

この中にIEのみに適用したいスタイル　line-height: 2.00;　を記述。

そしてproperty(line-height)のあとに/*\**/をvalue(2.00)のあとに\9を付け足します。

つまりline-height: 2.00;と記述するところをline-height/*\**/: 2.00\9;と記述します。

すると

水色の部分のtextの行間がひろがりました！

line-height：2.00では広すぎたので調整し、右の部分も同じようにcssを書き足します。

ほとんどsafariと同じレイアウトになりました。

cssハックは他にもいろいろ各ブラウザ、バージョン向けにあるようです。

いまのところ、IE6以下は対応諦めてますが時間があればがんばります。

まずは、メールフォーム。

上が元のメールフーム。

自分なりにがんばってフォームを作ってみたんだけど、なんだか素人っぽさ丸出してかっこわるい。

なんとかならんかなといろいろ検索してると、見つけました、かっこいいの。

Webクリエイターボックスさんの記事：

CSS3とjQueryでフォームを美しくする方法

まず、グラデーション・ボックスシャドウを使って立体感を表現し、ボックスの角丸で丸みをつける、あと背景もグレーに。

全体的にセンターがバラバラだったのを修正して完成。わかりやすい説明ですぐ出来ちゃいました！だいぶ見やすくなったと自己満足です。

小椋神社web予約フォーム

ブログ挫折したこと数しれず・・・
今回こそはこつこつがんばります！

宜しくお願いします。