/*///// COMMON.CSS /////*/
/* Last Update 2008-11-04 */

/*///// CONTENT /////*/
/*
1. RESET.CSS
2. BASIC SETTINGS
3. LAYOUT
	3-1. HEAD
	3-2. GLOBAL MENU
	3-3. NAVIGATION LIST
	3-4. MAIN IMAGE
	3-5. CONTENT AREA
		3-5-1 MAIN(for 2 column)
		3-5-2 CONTENT(for 1 column) 
	3-6. FOOT
4. EACH CONTENTS

99. GENERAL SETTINGS
*/


/*///// 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;
}
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;
}
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- */

a:link {}
a:active {}
a:visited {}
a:hover {}

/*///// 3. LAYOUT /////*/
	div#head,
	div#globalMenu,
	div#navList,
	div#mainImg,
	div#main,/* 2 column */
	div#content,/* 1 column */
	div#foot {
	width: 600px;
	margin: 0 auto;
	text-align: left; /* forIE5 */
	}

	div#head,
	div#mainImg {
	position: relative;
	}

/*/// 3-1. HEAD ///*/
	#head {
	height: 95px!important;
	}
	#head #logo {
	position: absolute;
	top: 30px;
	}
		#head #logo img {
		vertical-align: top;
		}
	#head ul#headMenu {
	padding-top: 30px;
	text-align: right;
	}
		ul#headMenu li {
		display: inline;
		}
		ul#headMenu li.contact {
		background: url(../images/ico_mail.gif) no-repeat left bottom;
		padding-left: 18px;
		}
			ul#headMenu li a {
			color: #333;
			}

/*/// 3-2. GLOBAL MENU ///*/
	div#globalMenu {
	margin-bottom: 20px;
	background: url(../images/gm_bg.gif) no-repeat right top;
	}
	#globalMenu ul li {
	display: inline;
	}
		#globalMenu ul li img {
		vertical-align: top;
		}

/*/// 3-3. NAVIGATION LIST ///*/
	div#navList {
	margin-bottom: 20px;
	}

/*/// 3-4. MAIN IMAGE ///*/
	div#mainImg {
	margin-bottom: 8px;
	}
		#mainImg img {
		vertical-align: bottom;
		}
		#mainImg p#badge {
		position: absolute;
		top: 4px;
		left: 477px;
		z-index: 1;
		}

/*/// 3-5. CONTENTS AREA ///*/
	/*// 3-5-2 CONTENT(for 1 column) //*/
	div#content {
	margin-bottom: 20px;
	line-height: 1.5;
	}

/*/// 3-6. FOOT ///*/
	#foot #copyRight {
	text-align: right;
	}


/*///// 4. EACH CONTENTS /////*/
#pastor div.pastorPhoto {
	width: 200px;
	float: right;
	background: #FFF;
	text-align: right;
}
#message ul.soundsList {
	list-style: none;
}

#message ul.soundsList li {
	background: url(../../message/images/ico_message.gif)  no-repeat left top;
	padding-left: 20px;
}

/*///// 99. GENERAL SETTINGS /////*/
	/*//// 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;
	}

	/*//// LIST ////*/
	div#content ul {
	list-style: disc;
	}
		div#content ul li {
		margin-left: 32px;
		}
	div#content dl dd {
		margin-left: 16px;
	}

	/*//// MARGIN ////*/
	div#content h1,
	div#content h2,
	div#content h3,
	div#content h4,
	div#content h5,
	div#content h6,
	div#content p,
	div#content ul,
	div#content ol,
	div#content dl,
	div#content table {
	margin-bottom: 0.7em;
	}
	
	/*//// FONT SIZE ////*/
		/*/// 120% ///*/
		div#content h1,
		div#content h2 {
		font-size: 120%;
		}
		
		/*/// 90% ///*/
		div#head ul#headMenu {
		font-size: 80%;
		}
		
		/*/// 80% ///*/
		div#navList,
		div#foot #copyRight {
		font-size: 80%;
		}
		
	/*//// FONT WEIGHT ////*/
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	dt {
	font-weight: bold;
	}

	/*//// TEXT DECORATION ////*/
	div#content {
	color: #333;
	}
	div#content h2 {
	border-left: 3px #8DAFD5 solid;
	padding-left: 6px;
	}
	div#content h3 {
	font-size: 100%;
	border-bottom: 1px #8DAFD5 solid
	}
	
	/*//// OTHER ////*/
	.tinyNotice {
	font-size: 80%;
	color: #666;
	}
	
	/*//// CLEAR ////*/
	.clear {
	clear: both;
	}
	.clearL {
	clear: left;
	}
	.clearR {
	clear: right;
	}

/*//// CLEARFIX ////*/
div#head:after,
div#globalMenu:after,
div#navList:after,
div#mainImg:after,
div#main:after,/* 2 column */
div#content:after,/* 1 column */
div#foot:after,
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
div#head,
div#globalMenu,
div#navList,
div#mainImg,
div#main,/* 2 column */
div#content,/* 1 column */
div#foot,
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html div#head,
* html div#globalMenu,
* html div#navList,
* html div#mainImg,
* html div#main,/* 2 column */
* html div#content,/* 1 column */
* html div#foot,
* html .clearfix {
	height: 1%;
}
div#head,
div#globalMenu,
div#navList,
div#mainImg,
div#main,/* 2 column */
div#content,/* 1 column */
div#foot,
.clearfix {
	display: block;
}
/* End hide from IE-mac */