/* coo.css "大分キリスト教サイト" stylesheet. */

/* 全般 */
body {
		width: 100%;
		margin: 0%;
		padding: 0%;
		text-align: center;
		background: #4682b4;
}

#container{
		width: 700px;
		margin: 10px auto;
		padding: 1% 0%;
		background: #cce8ff;
		border: 5px solid #e9967a;
}
#container .inner{
		width: 80%;
		margin: auto;
		padding: 1em;
		text-align: left;
}
.inner p{
		text-indent: 1em;
		color: #001;
		line-height: 1.2em;
		font-size: small;
		font-family: sans-serif;
}
.inner p.sub{
		text-align: center;
		color: #622;
}
.inner p.sig{
		text-align: right;
		color: #262;
		font-family: monospace;
}
.inner h1{
		text-align: center;
		font-size: 1.5em;
		font-family: monospace;
		letter-spacing: 0.4em;
		border-top: 8px solid #58c;
		border-bottom: 8px solid #58c;
		width: 60%;
		margin: auto;
}
.inner h2{
		padding: 0.2em 0.2em;
		font-size: 1.2em;
		border-bottom: 3px solid;
		border-right: 2px solid;
		text-align: left;
		background-color: #dfb;
		letter-spacing: 0.1em;
}
.inner h3{
		color: #500;
}
.inner blockquote{
		border-left: 2px dotted;
		border-right: 2px dotted;
		color: #500;
		padding: 0 0.5em;
		}
.inner blockquote p{
		color: #500;
		line-height: 1.3em;
}
.inner dl{
		width: 60%;
		text-align: left;
		line-height: 1.5em;
		color: #266;
}
.inner dl a{
		text-decoration: none;
}

/* トップページスタイル */
img#hs1{
		position: relative;
		top: 10px;
		left: 260px;
		z-index: 0;
}
img#hs2{
		position: relative;
		left: -500px;
		top: 70px;
		z-index: 0;
}
img#site{
		margin: 30px auto 10px;
}
h1#site{
		color: #ffff00;
		padding: 0.5em;
		letter-spacing: 0.5em;
		font-size: x-large;
}
img#l6{
		margin: 40px 23%;
		z-index: 1;
}
img#ch{
		margin-bottom: 5px;
}
div#ent{
		width: 60px;
		margin: 0px auto 60px;
		font-family: sans-serif;
}
div#ent a{
		display: block;
		text-decoration: none;
		color: #e50;
		font: bold;
		border: 3px solid #09b;
}
div#ent a:hover{
		display: block;
		background-color: #c03;
		color: #fff;
		border: 3px solid #ffda33;
}

/* 個別設定 */

/* ２ページ目 */
#sito{
		position: relative;
		top: 35px;
		left: 40%;
}
#btp{
		position: relative;
		top: -10px;
		left: -30%;
}
#mnk{
		margin-top: 10px;
		margin-bottom: 60px;
}

/* メニュースタイル */
.menu{
		font-size: 0.6em;
		font-family: sans-serif;
		margin: 20px 0px 30px 85px;
}
.menu a{
		float: left;
		width: 10em;
		padding: 0.3em 0.1em;
		text-decoration: none;
		display: block;
		border-top: 3px solid #08a;
		border-bottom: 3px solid #08a;
		border-left: 3px solid #08a;
		background: #ffffe0;
}
.menu a.toji{
		border-right: 3px solid #08a;
}
.menu a:hover{
		display: block;
		color: #fff;
		background: #e52;
}

/* 教会一覧 */
#chizu{
		background: url(./pic/daibunhk.gif) no-repeat 50% 50% fixed;
}
#chizu h1{
		font-size: 1.6em;
		font-family: sans-serif;
		letter-spacing: 0.5em;
		color: #244;
		margin: 1.2em auto 2em;
}
#chizu h1 img.l{
		width: 22%; 
		margin-bottom: 5px;
		margin-right: 10px;
}
#chizu h1 img.r{
		width: 22%; 
		margin-bottom: 5px;
		margin-left: 10px;
}
#chizu h2{
		text-align: left;
		font-family: sans-serif;
		font-size: 1em;
		color: #a2a;
		margin: 0em auto 0;
		padding-bottom: 3px;
		letter-spacing: 0.2em;
		border-bottom: solid 2px #fbb;
		width: 50%;
}
#chizu p{
		clear: borth;
		font-size: small;
		text-align: left;
		margin: 0 auto 1em;
		width: 80%;
}
#chizu ul{
		text-align: left;
		list-style: cercle;
		margin: 0.5em auto 0.5em 25%;
		font-family: sans-serif;
		font-size: 1em;
		line-height: 90%;
}
#chizu ul li{
		padding: 0.3em;
}
#chizu ul li span.x{
		color: #a20;
		font-size: x-small;
}
#chizu ul li span.y{
		color: #03a;
		font-size: x-small;
		text-decoration: underline;
}
#chizu ul a{
		text-decoration: none;
		color: #000;
}
#chizu ul a:hover{
		background: #efa;
		color: #000;
		border-right: 1em solid #e77;
		border-bottom: 1px solid #e77;
		padding-right:0.8em;
		padding-top:0.2em;
		padding-bottom:0.2em;
}

/* 未使用 */
#chizu4c{
		background: url(./pic/daibun-c.gif) no-repeat 50% 50% fixed;
}
#chizu4w{
		background: url(./pic/daibun-w.gif) no-repeat 50% 50% fixed;
}
#chizu4s{
		background: url(./pic/daibun-s.gif) no-repeat 50% 50% fixed;
}
#chizu4n{
		background: url(./pic/daibun-n.gif) no-repeat 50% 50% fixed;
}
#clist h1{
		font-size: 1.2em;
		letter-spacing: 0.6em;
		color: #244;
		border-left: double 1.3em #a23;
		border-right: double 1.3em #a23;
		padding: 0.2em;
		margin: 0.5em auto 1em;
		width: 280px;
}
#clist h2{
		text-align: center;
		font-size: 1em;
		background: #efa;
		width: 80%;
		margin: 0 auto;
}
#clist img.db{
		float: right;
		border: none;
		width: 80px;
		margin: 0 50px;
}
#clist ul{
		text-align: left;
		margin-left: 5em;
		}
#clist p{
		font-size: small;
		text-align: left;
		width: 80%;
}

/* 各教会の紹介ページ */
#each p.shm{
		font: italic 1.1em serif;
		color: #e38;
		margin-top: -0.5em;
		margin-bottom: -0.2em;
}
#each h1{
		font: 1.6em sans-serif;
		color: #003;
		letter-spacing: 0.1em;
		margin-bottom: 1em;
}
#each h1 img.l{
		width: 22%; 
		margin-bottom: 5px;
		margin-right: 10px;
}
#each h1 img.r{
		width: 22%; 
		margin-bottom: 5px;
		margin-left: 10px;
}
#each h2{
		text-align: center;
		color: #fff;
		font: 1em serif;
		letter-spacing: 0.3em;
		margin: 10px 10%;
		padding: 0.3em 0.3em 0.3em 1em;
		background-color: #77e;
}
#each h3{
		font: 1.2em sans-serif;
		color: #000;
		letter-spacing: 0.2em;
		width: 65%;
		background: #dffaff;
/*		border-left: 24px ridge #35a; */
/*		border-right: 24px ridge #35a; */
		border-right: 2px solid #a53;
		border-bottom: 2px solid #a53;
		margin: 2.5% auto;
		padding: 0.2em 0em;
		text-align: center;
}
#each .bkl a{
		font-size: small;
		margin-left: 80%;
		text-decoration: none;
}
#each img.photo{
		border: 3px ridge #a54;
}
#each div.stc{
		width: 80%;
		text-align: left;
		margin: 0px auto;
		font-size: small;
}
#each ul.data1{
		list-style: none;
		line-height: 130%;
		text-align: left;
		width: 25em;
		margin: 2px auto 15px;
		color: #b22222;
}
#each dl{
		text-align: left;
		width: 30em;
		margin: 0px auto 15px;
		color: #b22222;
		padding: 0.2em 1.5em 2em 1.5em;
		line-height: 1.1em;
}
#each dl dt{
		border-left: 1em solid #f08080;
		padding-left: 0.5em;
		margin-top: 1em;
		margin-bottom: 0.5em;
		color: #000080;
		font-family: sans-serif;
}
#each dl dd{
		font-size: smaller;
}
#each .cn{
		text-align: left;
		margin: -40px auto 3%;
		width: 522px;
		font-size: small;
}
#each .cn img{
		z-index: 0;
}
#each .cn .est{
		margin-top: -140px;
		padding-left: 5em;
		width: 80%;
}
#each .cn img.tori{
		position: relative;
		top: 30px;
		left: 440px;
		z-index: 1;
}
#each .cn img.hana{
		position: relative;
		top: -5px;
		left: -25px;
		z-index: 1;
}

table#evt{
		width: 90%;
		margin: 1em auto;
}
table#evt td.mon{
		background: #cfc;
		font-family: sans-serif;
		font-size: large;
		text-align: center;
		padding: 0.2em;
		letter-spacing: 0.3em;
		color: #f22;
}
table#evt td.day{
		background: #38c;
		font-family: sans-serif;
		color: #fff;
		text-align: center;
}
table#evt td{
		padding: 0.2em;
}
/* EOF */