/* ===== 全体設定 ===== */

* {
 margin:0; padding:0;
}

img {border-width:0; vertical-align:middle;}

body {
 padding-bottom:15px;
 background:url("./img/church_cloud.gif") white no-repeat;
}

.hidden {display:none;}

/* ----- フロート ----- */
#main img.right {float:right; margin:0 10px 10px 20px;}
#main img.left {float:left; margin:0 20px 10px 10px;}

h1,h2,h3,h4,h5,h6, p#footer, br.clear { clear:both;}

/* ===== タイトルエリア ===== */

h1 {
 position:absolute;
 top:12px;
 right:15px;
 height:45px;
 width:15em;
 background:url("./img/church_logo.gif") no-repeat right;
}

h1 a {
 display:block;
 height:45px;
 text-decoration:none;
}

h1 span { visibility:hidden; }

/* ===== メインエリア ===== */

#main { margin:130px 20px 0 150px; }

#main * {
 background-color:transparent;
}

#main h2, #main h3, #main h4 {
 background-color:transparent;
}

#main h2 {
 margin:2em 0 0.9em 0;
 padding-left:1.5em;
 line-height:120%;
 letter-spacing:0.5em;

 font-size:120%;
 font-family:serif;
 border-bottom:3px #999 double;
 background:url("./img/mark_cross.gif") no-repeat 0.1em 0.08em;
}

#main h3 {
 margin:1em 0 0.4em 0.5em;
 padding-left:0.3em;
 letter-spacing:0.2em;

 font-size:98%;
 font-weight:bold;
 font-family:serif;

 border-left:0.5em #999 solid;
}

#main h4 {
 margin:0.8em 0 0 1em;
 margin-bottom:0.1em;
 padding-left:1em;
 line-height:120%;
 letter-spacing:0.2em;

 font-size:95%;
 font-weight:bold;
 font-family:sanserif;

 border-left:0.5em #999 solid;
}

#main p, #main ul {
 font-size:85%;
 line-height:150%;
}

#main p {
 margin: 0 0 0.5em 2em;
}

#main blockquote p {
 margin: 0;
}

#main blockquote p.word {
 font-family:serif;
 font-weight:bold;
 font-size:100%;
}

#main blockquote p.chapter {
 font-weight:normal;
 text-align:right;
 font-size:95%;
}


#main a:link { color:black; }
#main a:visited { color:#555; }
#main a:hover, #main a:active { color:#a00; }

.L1 { padding-left:1em; }
.L2 { padding-left:2em; }
.L3 { padding-left:3em; }
.R1 { text-align:right; padding-right:1em; }
.R2 { text-align:right; padding-right:2em; }
.R3 { text-align:right; padding-right:3em; }
.M  { text-align:center; }

#main blockquote {
 margin:1em 1em 1em 1em;
 padding:1em 1.5em;
 border:1px #999 solid;
}

#main ul {
 margin:0 0 1em 2em;
}

#main ul li{
 margin:0.1em 0;
}

#main dl { margin:1.5em 0 1em 1em;}
#main dl dt {
 margin:1.1em 0 0.25em 0;
 padding-left:0.35em;
 font-weight:bold;
 font-size:95%;
 border-left:0.5em #999 solid;
}

#main dl dt, #main dl dt a{
 text-decoration:none;
}

#main dl dd {
 font-size:80%;
 margin:0 0 0 1em;
 line-height:150%;
}
#main #map dl { margin:0 0 1em 1em;}

#main p.caption {
 text-align:right;
}

#main p.preacher {
 font-size:110%;
 font-weight:bold;
 text-align:right;
}

#main hr {
 color:#aaa;
 background-color:#aaa;
 margin:1.5em 3em;
 border-style:none;
 height:1px;
}

/* ===== サイドエリア ===== */

#side {
 position:absolute;
 top:120px;
 left:15px;
}

#side h2 {
 font-size:80%;
 margin-bottom:0.7em;
 font-weight:normal;
}

ul#menu {
 font-size:90%;
 width:126px;
 margin:0 0 0.5em 0;
 list-style-type:none;
}

ul#menu li{
 height:30px;
 width:126px;
 overflow:hidden;
}

ul#menu a, #menu ul a:link {
 height:22px;
 display:block;
 border-bottom:2px #bbb solid;
 text-decoration:none;
}

ul#menu a:hover { border-color:#c00; }
ul#menu a:active { background-position: 1px 1px; }
ul#menu li a { background-repeat:no-repeat; }
ul#menu span { visibility:hidden; }

ul#submenu li {
 font-size:80%;
 height:1.7em;
 margin-left:0.5em;
 padding-left: 0.7em;
 line-height:150%;
 background:url(./img/mark_tri.gif) no-repeat 1px 0.4em;
 list-style-type: none;
}

ul#submenu li a {
 color:#555;
 background-color:transparent;
 border-bottom:2px #999 solid;
 text-decoration:none;
}

ul#submenu li a:hover { border-color:#c00; }

/* メニュー画像 */
a#about    { background-image:url("./img/menu_about.gif"); }
a#reihai   { background-image:url("./img/menu_reihai.gif"); }
a#sekkyou  { background-image:url("./img/menu_sekkyou.gif"); }
a#s_past   { background-image:url("./img/menu_sekkyou_past.gif"); }
a#shukai   { background-image:url("./img/menu_shukai.gif"); }
a#cs       { background-image:url("./img/menu_cs.gif"); }
a#gyouji   { background-image:url("./img/menu_gyouji.gif"); }
a#bokushi  { background-image:url("./img/menu_bokushi.gif"); }
a#shasin   { background-image:url("./img/menu_shasin.gif"); }
a#youchien { background-image:url("./img/menu_youchien.gif"); }
a#link     { background-image:url("./img/menu_link.gif"); }

a#history  { background-image:url("./img/menu_history.gif"); }
a#map      { background-image:url("./img/menu_map.gif"); }
a#kyou     { background-image:url("./img/menu_sekkyou.gif"); }
a#fujinkai { background-image:url("./img/menu_fujinkai.gif"); }
a#mail     { background-image:url("./img/menu_mail.gif"); }
a#seikatai { background-image:url("./img/menu_seikatai.gif"); }
a#kaihou { background-image:url("./img/menu_kaihou.gif"); }

a#return   { background-image:url("./img/menu_return.gif"); }

ul#menu li.return  { height:40px; }

/* ===== デバッグ用枠線 =====
body { border:1px red solid;}
h1 { border:1px black solid;}
h1 a { border:1px black dotted;}
#side { border:1px black solid;}
#side *{ border:1px black dashed;}
#main { border:1px green solid;}
#main * { border:1px green dotted;}
#footer {border:1px brown solid;}
*/

/* ===== フッタエリア ===== */
#footer {
 font-size:70%;

 background-color:transparent;

 text-align:center;
 letter-spacing:0.1em;
 margin-top:3em;
}

#footer a:link, #footer a:visited { color:black; }
#footer a:hover, #footer a:active { color:#a00; }

/* ===== 文字サイズ変更 ===== */

div#fontsize {
 margin:50px 0 0 10px;
 padding-top:10px;
 border-top:black 1px dashed;
 width:80px;
}

div#fontsize, div#fontsize * {
 font-size:12px;
 text-decoration:none;
}

#fontsize a:link, #fontsize a:visited { color:black; }
#fontsize a:hover, #fontsize a:active { color:#a00; }

#fontsize h3 {
 background-color:trasparent;
 font-weight:normal;
}

/* ===== MacIE対策 ===== */

@media screen{
 #main p, #main blockquote, #main ul, #main dl dt, #main dl dd {
  letter-spacing:0.05em;
 }
}