/*--------------------------------------------------------
Copyright (C) 2001-2009 Narita Tooru  All Rights Reserved.
http://www.tukinohikari.jp/index.html
--------------------------------------------------------*/

/*--------------------------------------------------------
■トータルデザイン設定
--------------------------------------------------------*/

body{
	background: url(../images/1851-100bg.gif) repeat-y center;
	background-color: #ffffff;/*ページ全体の背景色*/
	margin: 0;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 0.8em;/*文字サイズ*/
	color: #333333;/*文字色*/
	line-height:130%;/*行間*/
	text-align: center;
}

a{ text-decoration:underline; }
a:link{ color: #333333; }/*リンク文字の色*/
a:visited{ color: #333333; }/*訪問済みリンクの色*/
a:hover{ color: #ff0000; }/*カーソルがリンク文字上に来たときの色*/


/*●サイト全体（※ここは触らないで下さい）*/
#container{
	width: 750px;
	margin: 0px auto 0px auto;
	text-align: left;
}


/*--------------------------------------------------------
■最上部帯の設定
--------------------------------------------------------*/

#header{
	width: 750px;
	position: absolute;
	margin: 0px 0px 0px 0px;
	height: 25px;
	z-index: 0;
	background-color: #ffffff;/*最上部帯の背景色*/
}

/*●見出し*/
h1{
	position: absolute;
	margin: 10px 0px 0px 10px;
	padding-left: 10px;
	text-align:left;
	font-size: 8.5pt;
	color: #333333;
	font-weight: normal;
	text-decoration:none;
	z-index: 1;
}


/*●最上部メニューリスト（サイトマップ、個人情報保護方針等）*/
#top-menu-list{
	position: absolute;
	margin: 7px 0px 0px 380px;
	width: 350px;
	text-align:right;
}


#top-menu-list li{
	display:inline;
	font-size: 8pt;
	color: #333333;
}

#top-menu-list li a:link{ color: #333333; }
#top-menu-list li a:hover{ color: #ff0000; }
#top-menu-list li a:visited{ color: #333333; }



/*--------------------------------------------------------
■パン屑ナビ
--------------------------------------------------------*/


/*●メニュー１のレイアウトの位置とサイズ*/
#navi{
	position: absolute;
	margin: 25px 0px 0px 0px;
	width: 750px;
	height:20px;
	padding: 0px;
	text-align:left;
	font-size: 8.5pt;
	background-color: #4279ef;/*ページ全体の背景色*/
}



/*●メニュー１のレイアウトの位置とサイズ*/
#navi .navi{
	margin: 5px 0px 0px 15px;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 1.0em;/*文字サイズ*/
	color: #ffffff;/*文字色*/
	line-height:100%;/*行間*/
	text-align: left;
	z-index: 1;
}

a{ text-decoration:underline; }
#navi .navi a:link{ color: #ffffff; }/*リンク文字の色*/
#navi .navi a:visited{ color: #ffffff; }/*訪問済みリンクの色*/
#navi .navi a:hover{ color: #ff0000; }/*カーソルがリンク文字上に来たときの色*/




/*--------------------------------------------------------
■お気に入り
--------------------------------------------------------*/

/*●メニュー１のレイアウトの位置とサイズ*/
#okiniiri{
	position: absolute;
	margin: 25px 0px 0px 275px;

	padding: 0px;
	text-align:right;
	font-size: 8.5pt;

}


/*--------------------------------------------------------
■住所と公式サイト
--------------------------------------------------------*/

/*●住所ナビ*/
#jyusyo{
	position: absolute;
	margin: 70px 0px 0px 0px;
	width: 750px;
	height:20px;
	padding: 0px;
	text-align:left;
	font-size: 8.5pt;
	color: #333333;/*文字色*/
}


/*●マピオン地図*/
#jyusyo .mapion{
	position: absolute;
	margin: 0px 0px 0px 20px;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 1.0em;/*文字サイズ*/
	color: #333333;/*文字色*/
	line-height:100%;/*行間*/
	text-align: left;
	z-index: 1;
}



/*●住所ナビ*/
#jyusyo .where{
	position: absolute;
	margin: 4px 0px 0px 80px;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 1.0em;/*文字サイズ*/
	color: #333333;/*文字色*/
	line-height:100%;/*行間*/
	text-align: left;
	z-index: 1;
}

a{ text-decoration:underline; }
#jyusyo .where a:link{ color: #333333; }/*リンク文字の色*/
#jyusyo .where a:visited{ color: #333333; }/*訪問済みリンクの色*/
#jyusyo .where a:hover{ color: #ff0000; }/*カーソルがリンク文字上に来たときの色*/



/*●公式サイトはこちら*/
#jyusyo .official{
	position: absolute;
	margin: 4px 10px 0px 500px;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 1.0em;/*文字サイズ*/
	color: #333333;/*文字色*/
	line-height:100%;/*行間*/
	text-align: right;
	z-index: 1;
}

a{ text-decoration:underline; }
#jyusyo .official a:link{ color: #333333; }/*リンク文字の色*/
#jyusyo .official a:visited{ color: #333333; }/*訪問済みリンクの色*/
#jyusyo .official a:hover{ color: #ff0000; }/*カーソルがリンク文字上に来たときの色*/




/*--------------------------------------------------------
■ヘッダーロゴの設定
--------------------------------------------------------*/

#header-logo{
	position: absolute;
	margin: 90px 0px 0px 0px;
	width: 750px;
	height: 77px;
	background-image:url(../img-jinja/seichi-baner.gif);/*ヘッダー画像*/
	z-index: 1;
	text-align: left;
}


/*●訪問日の記述*/
#header-logo .text1{
	position: absolute;
	top: 0px;
	left: 9px;
	padding: 5px 20px 0px 0px;
	color: #333333;
	font-size:9pt;
	text-align: left;
	width: 150px;
}



/*●「心のまつり」〜御札立てのバナー画像*/
#header-logo .text1-1{
	position: absolute;
	top: 2px;
	left: 1px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	font-size:9pt;
	text-align: left;
	width: 173px;
	height: 59px;
	background-image:url(../img-jinja/kokoro-matsuri-baner.gif);/*御札立ての画像*/
	z-index: 2;
}


/*●「心のまつり」〜御札立ての文章*/
#header-logo .text1-2{
	position: absolute;
	top: 0px;
	left: 9px;
	padding: 5px 20px 0px 0px;
	color: #333333;
	font-size:9pt;
	text-align: right;
	width: 155px;
	z-index: 3;
}


/*●ヘッダー文章（神社キャッチコピー）*/
#header-logo .text2-1{
	position: absolute;
	top: 0px;
	left: 200px;
	padding: 7px 20px 0px 0px;
	color: #000000;
	font-size:11pt;
	text-align: center;
	width: 295px;
}

/*●ヘッダー文章（神社名）*/
#header-logo .text2-2{
	position: absolute;
	top: 20px;
	left: 200px;
	padding: 5px 10px 0px 0px;
	color: #203167;
	line-height:135%;/*行間*/
	font-size:18pt;
	text-align: center;
	width: 295px;

}




/*●月から地球〜テキスト広告*/
#header-logo .text3{
	position: absolute;
	top: 7px;
	left: 623px;
	padding: 0px 10px 0px 0px;
	color: #333333;
	font-size:9pt;
	text-align: left;
	width: 123px;
	z-index: 3;
}

/*●月から地球〜祝詞集用バナー画像*/
#header-logo .text4{
	position: absolute;
	top: 2px;
	left: 570px;
	padding: 0px 10px 0px 0px;
	color: #333333;
	font-size:9pt;
	text-align: left;
	width: 173px;
	z-index: 2;
}



/*--------------------------------------------------------
■メニューの設定
--------------------------------------------------------*/

/*●メニュー１のレイアウトの位置とサイズ*/
#main-menu1{
	position: absolute;
	margin: 45px 449px 0px 1px;
	width: 148px;
	height: 20px;
	padding: 0px;
	text-align: center;
	z-index: 1;
	background-color: #ffffff;/*メニューボックスの背景色*/
	border: 1px;
	border-style: solid;
	border-color: #ffffff;
}


#main-menu1 .title{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E69C39;/*メニュータイトルの背景色*/
	color: #ffffff;
	text-align: center;
	width: 135px;
	height: 25px;
	font-weight: bold;
	font-size:1.0em;
	width: 130px;
}


/*●メニュー２のレイアウトの位置とサイズ*/
#main-menu2{
	position: absolute;
	margin: 45px 450px 0px 150px;
	width: 149px;
	height: 20px;
	padding: 0px;
	text-align: center;
	z-index: 1;
	background-color: #cccccc;/*メニューボックスの背景色*/
	border: 1px;
	border-style: solid;
	border-color: #ffffff;
}

/*●メニュー３のレイアウトの位置とサイズ*/
#main-menu3{
	position: absolute;
	margin: 45px 300px 0px 300px;
	width: 149px;
	height: 20px;
	padding: 0px;
	text-align: center;
	z-index: 1;
	background-color: #cccccc;/*メニューボックスの背景色*/
	border: 1px;
	border-style: solid;
	border-color: #ffffff;
}


/*●メニュー４のレイアウトの位置とサイズ*/
#main-menu4{
	position: absolute;
	margin: 45px 150px 0px 450px;
	width: 149px;
	height: 20px;
	padding: 0px;
	text-align: center;
	z-index: 1;
	background-color: #cccccc;/*メニューボックスの背景色*/
	border: 1px;
	border-style: solid;
	border-color: #ffffff;
}


/*●メニュー５のレイアウトの位置とサイズ*/
#main-menu5{
	position: absolute;
	margin: 45px 0px 0px 600px;
	width: 148px;
	height: 20px;
	padding: 0px;
	text-align: center;
	z-index: 1;
	background-color: #cccccc;/*メニューボックスの背景色*/
	border: 1px;
	border-style: solid;
	border-color: #ffffff;
}


/*--------------------------------------------------------
■アドセンス（728×90）の設定
--------------------------------------------------------*/

#adsense{
	position: absolute;
	margin: 170px 5px 0px 0px;
	width: 730px;
	padding-left: 10px;
	text-align:left;
	font-size: 8.5pt;
}


/*--------------------------------------------------------
■メインコンテンツの設定
--------------------------------------------------------*/

/*●メインコンテンツの位置とサイズ*/
#main{
	position: absolute;
	margin: 250px 20px 0px 20px;
	width: 710px;
	text-align: center;
	z-index: 0;
}


/*●コンテンツ*/
#main .contents{
	margin: 0px 10px 0px 10px;
	padding: 15px;
	text-align: left;
	font-size: 14px;
	line-height: 180%;
	clear: both;
}

/*●コンテンツ*/
#main .contents-top{
	margin: 10px 100px 0px 70px;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	line-height: 180%;
	clear: both;
}



/*●祭神欄*/
#main .contents-saijin{
	margin: 10px 100px 0px 180px;
	padding: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 130%;
	clear: both;
}


/*●祭神のタイトル欄*/
#main .title{
	margin: 0;
	padding: 3px 3px 3px 5px;
	background-color: #dedfde;/*メニュータイトルの背景色*/
	color: #333333;
	text-align: left;
	height: 20px;
	font-weight: bold;
	font-size:1.2em;
	width: 350px;
}



/*●コンテンツ*/
#main .contents-yuisyo{
	margin: 10px 30px 0px 30px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	line-height: 180%;
	clear: both;
}


/*●コンテンツ*/
#main .contents-hotsuma{
	margin: 10px 60px 0px 70px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 180%;
	clear: both;
}


/*●コンテンツ*/
#main .contents-hyou{
	margin: 10px 30px 0px 30px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 180%;
	clear: both;
}




/*●文献紹介の枠*/
#main .waku-bunken {
  clear: both;
	margin: 20px 10px 0px 10px;
	padding: 8px 8px 8px 8px;
	width: 550px;
	text-align: left;
	font-size: 14px;
	line-height: 150%;
	color: #333333;
	border: 3px;
	border-style: solid;
	border-color: #5e7a16;
	background-color: #ffffff;
}


#main .waku-bunken a {
	color: #004080;
	font-size: 14px;
 }

#main .waku-bunken a:hover {
	color: #004080;
}

/*●アドセンスのレクタンブル中（300×250）*/
#main .adsense{
	margin: 20px 190px 0px 170px;
	padding: 15px;
	text-align: left;
	font-size: 14px;
	line-height: 180%;
	clear: both;
}






/*●愛と希望の光*/
#main .smallcontents{
	margin: 0px 10px 0px 150px;
	padding: 0px;
	text-align: left;
	font-size: 14px;
	line-height: 180%;
	clear: both;
}




/*●冊子版の購入の申込み*/
#main .waku-kaisetsu {
  clear: both;
  margin: 7px;
  padding: 10px 10px 10px 10px;
  width: 600px;
  text-align: left;
  font-size: 13px;
  line-height: 160%;
  color: #333333;
  border: 2px;
  border-style: solid;
  border-color: #5e7a16;
  background-color: #eeeeee;
}



#main .waku-kaisetsu a {
  color: #333333;
  font-size: 13px;
 }

#main .waku-kaisetsu a:visited {
  color: #333333;
  font-size: 13px;
 }


#main .waku-kaisetsu a:hover {
  color: #ff0000;
}


/*●特典のプレゼント*/
#main .waku-tokuten {
	clear: both;
	margin: 0px;
	padding: 20px 20px 20px 20px;
	width: 600px;
	text-align: left;
	font-size: 16px;
	line-height: 150%;
	color: #333333;
	border: 8px;
	border-style: solid;
	border-color: #5e7a16;
	background-color: #ffffff;
	background-image:url(images/tokuten680-50.gif);/*名入れバナー*/
	background-repeat: no-repeat;
}


#main .waku-tokuten a {
	color: #004080;
	font-size: 16px;
 }

#main .waku-tokuten a:hover {
	color: #004080;
}



/*●購入しないで下さい*/
#main .waku-list {
  clear: both;
  margin: 0px;
  padding: 8px 8px 8px 8px;
  width: 600px;
  text-align: center;
  font-size: 14px;
  line-height: 150%;
  color: #333333;
  border: 3px;
  border-style: solid;
  border-color: #5e7a16;
  background-color: #ffffff;
}


#main .waku-list a {
  color: #004080;
  font-size: 14px;
 }

#main .waku-list a:hover {
  color: #004080;
}





/*●copyright*/
#main #copyright{
	margin: 5px auto 20px auto;
	text-align: center;
	color: #777777;
	font-size: 10pt;
	width: 700px;
	border: 5px;
	border-top-style: solid;
	border-top-color: #5e7a16;



}


/*--------------------------------------------------------
■画像配置の設定
--------------------------------------------------------*/

/*左に画像、右に文章*/
.left{
	float: left;
	margin: 0px 10px 20px 0px;
}

/*左に文章、右に画像*/
.right{
	float: right;
	margin: 0px 0px 20px 30px;
}


/*中心に画像、右に文章*/
.center{
	float: center;
	margin: 0px 0px 0px 20px;
	clear: both;
}

/* 縦軸で中央に合わせる */
.mid{
font-size : 14px;
vertical-align : middle;
}

/*--------------------------------------------------------
■見出しタグ・装飾タグの設定
--------------------------------------------------------*/


/*●見出し2*/
h2 {
	margin: 10px 20px 0px 20px;
	padding:0px 0px 0px 10px;
	font-weight: bold;
	font-size: 1.3em;
	text-align: left;
	line-height: 1.5em;
	color: #ff9900;
	border-left: 20px groove #5e7a16;
	background: #ffffff;
	clear: both;
}

/*●見出し3*/
h3{
	width: 590px;
	background: url(../img-jinja/h3back.gif);
	margin: 20px 80px 0px 20px;
	padding: 4px 0px 0px 80px;
	text-align:left;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	clear: both;
}

/*●戻る＆進むリンク*/
.link-back,.link-next{
	padding: 3px;
	margin: 10px 40px 10px 0px;
	font-weight: bold;
	font-size:1.0em;
	clear: both;
}

.link-back{ float: left;}
.link-next{ float: right;}



/*●線*/
hr{
	border-width: 1px 0px 0px 0px;
	color:#cccccc;
	border-style: solid none none none;
	clear: both;
	height:1px;
}

/*●Copyright用線*/
hr.copyright{
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	color:#aaaaaa;
	clear: both;
	height:1px;
}


/*●リスト1*/
ul.list1{
	font-size:1.0em;
	line-height:250%;
	text-decoration:none;
	list-style-type: disc;
	list-style-position: inside;
}


/*●テーブル*/
td{
	padding: 3px;
}



/*--------------------------------------------------------
■文字装飾タグの設定
<span class="red">文字</span>
--------------------------------------------------------*/


/*●アンダーライン*/
.underline{ text-decoration:underline;}


/*●取り消し線*/
.not{ text-decoration:line-through;}


/*●強調1*/
.impact{
	padding: 0px;
	color: #000000;
	background-color: #ffff66;
}




/*●文字色（<span class="red">などとして使用）*/
.white{ color: #ffffff;}/*白色テキスト*/
.black{ color: #000000;}/*黒色テキスト*/
.red{ color: #ff0000;}/*赤色テキスト*/
.blue{ color: #0000dd;}/*青色テキスト*/
.green{ color: #008000;}/*緑色テキスト*/
.yellow{ color: #ffff00;}/*黄色テキスト*/
.navy{ color: #1F26A9;}/*紺色テキスト*/
.gray{ color: #cccccc;}/*灰色テキスト*/
.orange{ color: #ff6600;}/*橙色テキスト*/
.pink{ color: #cc6699;}/*ピンク色テキスト*/
.purple{ color: #660099;}/*紫色テキスト*/
.olive{ color: #808000;}/*黄土色テキスト*/
.lime{ color: #00ff00;}/*黄緑テキスト*/
.aqua{ color: #167FA6;}/*黄緑テキスト*/


.ji36{ color: #333333;
		font-size:36pt;	}/*大文字*/

.ji30{ color: #333333;
		font-size:30pt;	}/*大文字*/

.catch26{ color: #333333;
		font-size:26pt;	}/*大文字*/

.ji22{ color: #333333;
		font-size:22pt;	}/*大文字*/

.ji22{ color: #333333;
		font-size:22pt;	}/*大文字*/

.catch16{ color: #333333;
		font-size:16pt;	}/*大文字*/

.ji20w{ color: #ffffff;
		font-size:20pt;	}/*大文字*/

.ji20{ color: #333333;
		font-size:20pt;	}/*大文字*/


.ji18{ color: #333333;
		font-size:18pt;	}/*大文字*/

.ji18r{ color: #ff0000;
		font-size:18pt;	}/*大文字*/

.ji18w{ color: #ffffff;
		font-size:18pt;	}/*大文字*/

.ji16{ color: #333333;
		font-size:16pt;	}/*大文字*/

.ji16b{ color: #333333;
		font-weight: bold;
		font-size:16pt;	}/*大文字*/

.ji14b{ color: #333333;
		font-weight: bold;
		font-size:16pt;	}/*大文字*/

.ji12{ color: #333333;
		font-size:12pt;	}/*大文字*/

.ji10{ color: #333333;
		font-size:10pt;	}/*大文字*/



.tya{ color: #990000;}/*まぐまぐの表示色*/



/*--------------------------------------------------------
 ■■■ 枠線の装飾 ■■■
 HTMLでは、テキストのまわりに枠線をいれるときは、<table>タグを使っていました。
 スタイルシートでは、をborder-styleを使います。 
border-style：solid ; のように 4辺(上、右、下、左)まとめて指定します。

形状には
 none,hidden(枠線なし)、
 dotted(丸い点線)、
 dashed(四角い点線)、
 solid(実線)、
 double(二重線)、
 groove(立体枠窪み)、
 ridge(立体枠隆起)、
 inset(立体枠内側全体が窪み)、
 outset(立体枠内側全体が隆起)があります。 

四辺別々に設定するには、
border-top-style、は枠線の上側の境界線
border-right-style、は枠線の右側の境界線
border-bottom-style、は枠線の下側の境界線
border-left-style は枠線の左側の境界線をそれぞれ設定します。

--------------------------------------------------------*/


/*--------------------------------------------------------
 ■■■ 枠線の指定です ■■■
 枠線の装飾の仕方は一番下で説明しています。
 --------------------------------------------------------*/

#waku {
  clear: both;
  margin: 0px;
  padding: 5px 5px 5px 5px;
  width: 500px;
  text-align: center;
  font-size: 13px;
  line-height: 150%;
  color: #333333;
  border: 2px;
  border-style: dashed;
  border-top-color: #333333;
  background-color: #ffffff;
}


#waku a {
  color: #004080;
  font-size: 10px;
 }

#waku a:hover {
  color: #004080;
}




/*--------------------------------------------------------
「月の光」成田 亨 (なりたとおる）
http://www.tukinohikari.jp/index.html
Copyright (C) 2001-2009 Narita Toru  All Rights Reserved.
--------------------------------------------------------*/