/*///// COMMON.CSS /////*/
/* Last Update 2008-02-10 */

/*///// CONTENT /////*/
/*
1. RESET.CSS
2. BASIC SETTINGS
3. LAYOUT
	3-1. HEADER
	3-2. GLOBAL MENU
	3-3. MAIN
	3-4. FOOTER

51. ABOUT
52. SCHEDULE
53. MESSAGE
54. Q&A

98. GENERAL SETTINGS
99. FOR PRINTINGS
*/


/*///// 1. RESET.CSS /////*/
/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/*///// 2. BASIC SETTINGS /////*/
html {
	background: #FFF url(../common/htmlBg.jpg) repeat-x;
}
body {
	text-align: center; /* forIE5 */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* IE7- */
*+html body {padding-left:1px;}
* html body {padding-left:1px;}
/* IE7- */

#container {
	width: 770px;
	position: relative;
	margin: 0 auto;
	text-align: left; /* forIE5 */
}


/*///// 3. LAYOUT /////*/
	/*//// 3-1. HEADER ////*/
	#head {
		height: 131px;
		border-bottom: 13px #354053 solid;
		background: url(../common/headBg.gif) no-repeat;
	}
		#head #logo {
		position: absolute;
		top: 19px;
		left: 11px;
		}
		#head ul#contact {
		text-align: right;
		margin-right: 9px;
		}


	/*//// 3-2. GLOBAL MENU ////*/
	div#globalMenu {
	position: absolute;
	top: 110px;
	}
		#globalMenu img {
		vertical-align: bottom;
		}
		#globalMenu ul li {
		display: inline;
		}
		#globalMenu ul li a,
		#globalMenu ul li span.here {
		display: block;
		margin-right: 1px;
		float: left;
		border-bottom: 1px #C4C5A6 solid;
		}
			#globalMenu ul li span.here {
			border-bottom: 1px #F3F1D8 solid;
			}


	/*///// 3-3. MAIN /////*/
	#main {
		clear: both;
		line-height: 1.5;
	}	
		#main a {
		text-decoration: underline;
		}
	
		#main #menu {
		width: 530px;
		padding: 5px;
		border-bottom: 3px #C4C5A6 double;
		}
			#menu ul li {
			display: inline;
			background: url(../common/ArrowB.gif) no-repeat 0 -3px;
			padding-left: 14px;
			}
			#menu a {
			color: #333;
			text-decoration: none!important;
			padding: 5px;
			}
			#menu a:hover,
			#menu span.here {
			padding: 5px;
			}
		#main #contents {
		width: 540px;
		margin: 15px 0 15px 10px;
		float: left;
		display: inline; /* ie6 */
		color: #333;
		}
		#main #staticInfo {
		width: 192px;
		margin: -30px 8px 15px 0;
		padding-top: 30px;
		float: right;
		display: inline; /* ie6 */
		background: url(../common/staticHead.png) no-repeat;
		_background: url(../common/staticHeadIE.gif) no-repeat;
		}
			#staticInfo div.content {
			padding: 0 14px 30px 12px;
			background: #DDD url(../common/staticBg.jpg) no-repeat left bottom;
			}
				#staticInfo div.content h2 {
				border-bottom: 3px #344054 double;
				}
			#staticInfo #banner {
			}
				#banner p {
				background: url(../common/bannerPBg.gif) no-repeat;
				margin-top: 15px;
				padding-top: 18px;
				padding-left: 9px;
				}
		#main #nav {
		clear: both;
		margin-top: 30px;
		text-align: right;
		}


	/*///// 3-4. FOOTER /////*/
	#foot {
		clear: both;
		padding: 1em 10px 0;
		background-color:#354053;
		color: #FFF;
		}
		#foot a {
		color: #FFF;
		text-decoration: none;
		padding-bottom: 1px;
		border-bottom: 1px #DDD dotted;
		}
		#foot div#siteMap {
		float: left;
		width: 45%;
		line-height: 1.5;
		}
			#siteMap ul {
			list-style: url(../common/footArrowA.gif);
			}
				#siteMap ul ul {
				list-style: url(../common/footArrowB.gif);
				}
			#siteMap ul.first {
			float: left;
			padding-right: 3em;
			}
			#siteMap ul.second {
			}
		#foot div#churchInfo {
		float: right;
		width: 45%;
		line-height: 1.3;
		}
			#churchInfo dl#access {
			float: left;
			}
		#foot p#copyRight {
		clear: both;
		padding: 1em;
		text-align: center;
		color: #FFF;
		}


/*///// 51-. EACH CONTENTS /////*/
	/*///// 51. ABOUT /////*/
	#about #menu a:hover,
	#about #menu span.here {
	background: url(../common/stripeBlue.gif);
	}
	#about h2 {
	border-bottom: 1px #487DD2 solid;
	padding-bottom: 1px;
	}
	#about dl.columnList dt {
	clear: left;
	}
	#about dl.columnList dd {
	float: left;
	}
	
	/*///// 52. SCHEDULE /////*/
	#schedule #menu a:hover,
	#schedule #menu span.here {
	background: url(../common/stripeGreen.gif);
	}
	#schedule h2 {
	border-bottom: 1px #889C4A solid;
	padding-bottom: 1px;
	}
	
	/*///// 53. MESSAGE /////*/
	#message #menu a:hover,
	#message #menu span.here {
	background: url(../common/stripePink.gif);
	}
	#message h2 {
	border-bottom: 1px #EA5143 solid;
	padding-bottom: 1px;
	}
	#message dl.monthlyList {
	line-height: 1.3;
	margin-bottom: 2em;
	}
		#message dl.monthlyList dt {
		clear: left;
		border-top: 1px #CCC dotted;
		padding-top: 0.5em;
		}
	
	/*///// 54. Q&A /////*/
	

/*///// 98. GENERAL SETTINGS /////*/
	
	/*//// TABLE ////*/
	div#contents table {
	}
	div#contents  table {
		border-collapse: collapse;
		margin: 0 0 0.5em 0;
		width: "\"}\"";
		width:100%;
	}
	div#contents  table,
	div#contents  th,
	div#contents  td {
		border: 1px solid #CCC;
	}
	div#contents  th {
		background-color: #EEE;
	}
	div#contents  td, 
	div#contents  th {
		padding: 5px;
		font-size: 90%;
	}
	/*//// NAVIGATION ////*/
	div.anchor {
	height: 0!important;
	overflow: hidden;
	}
	
	/*//// PHOTO ////*/
	img.photoL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.photoR {
	float: right;
	margin: 0 0 0.5em 1em;
	}
	img.thumbL {
	float: left;
	margin: 0 1em 0.5em 0;
	}
	img.thumbR {
	float: right;
	margin: 0 0 0.5em 1em;
	}

	/*//// ARROW ////*/
	ul.arrow {
	list-style: url(../common/arrowA.gif);
	}
		ul.arrow ul {
		list-style: url(../common/arrowB.gif);
		}
		ul.arrow li {
		margin-left: 16px;
		}
	.sounds a {
	background: url(../common/sounds.gif) no-repeat left center;
	padding-left: 18px;
	}

	/*//// MARGIN ////*/
	#contents h1 {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	}
	#contents h2,
	#contents h3,
	#contents h4,
	#contents h5,
	#contents h6,
	#contents p,
	#contents ul,
	#contents ol,
	#contents dl,
	#staticInfo h2,
	#staticInfo h3,
	#staticInfo h4,
	#staticInfo h5,
	#staticInfo h6,
	#staticInfo p,
	#staticInfo ul,
	#staticInfo ol,
	#staticInfo dl,
	#contents table {
	margin-bottom: 0.7em;
	}
	#contents dl dd {
	margin-left: 16px;
	}
	#foot ul li {
	margin-left: 16px;
	}
	.b1em {
	margin-bottom: 1em;
	}
	
	/*//// FONT COLOR ////*/
	.red {
	color: #F00;
	}

	/*//// FONT SIZE ////*/
		/*/// 120% ///*/
		#contents h1,
		#contents h2,
		#contents h3 {
		font-size: 120%;
		}
		
		/*/// 90% ///*/
		#staticInfo {
		font-size: 90%;
		}
		
		/*/// 80% ///*/
		#menu,
		#foot {
		font-size: 80%;
		}
		
	/*//// FONT WEIGHT ////*/
	#contents h1,
	#contents h2,
	#contents h3,
	#contents h4,
	#contents h5,
	#contents h6,
	#contents dt,
	#staticInfo h1,
	#staticInfo h2,
	#staticInfo h3,
	#staticInfo h4,
	#staticInfo h5,
	#staticInfo h6,
	#staticInfo dt,
	strong {
	font-weight: bold;
	}
	
	/*//// CLEAR ////*/
	.clear {
	clear: both;
	}
	.clearL {
	clear: left;
	}
	.clearR {
	clear: right;
	}
	
/*///// 99. FOR PRINTINGS /////*/
@media print {
	#container { width: 98%; }
}