@charset "utf-8";

/* *********************************************************
 *
 * キリスト教文化センター web site
 *
 * *********************************************************
 */

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/
* {
	font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
	font-size: 86%; /* モダンブラウザ向け */
	*font-size: 82%; /* IE 7向け */
	*font: 84%; /* IE 6以下 */
}

html>/**/body {
    font-size: 86%; /* モダンブラウザ向け */
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
}

table, caption, th, td {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}


sup { font-size:0.7em; }

table caption {
	display:none;
}

a{
	outline:none;
	color:#4040FF;
	text-decoration:none;
}
	
a:hover{
	color:#9E02BF;
	text-decoration:underline;
}

/********************************************************************
common
ページ共通部分
*********************************************************************/
/*bodyのスタイル*/

body {
	line-height:1.3;
	color:#000000;
	background-color:#F7EFDE;
}

div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}




/*ページベース*/
div#all {
	width:900px;
	margin:0 auto 20px;
	padding-top:10px;
}

h2 { font-size:1.4em; font-weight:bold; margin-bottom:15px; }
h3 { font-size:1.4em; font-weight:bold; margin-bottom:15px; }
h4 { font-size:1.2em; font-weight:bold; margin-bottom:10px; }


p {
	font-size:1em;
	line-height:1.5;
	padding-bottom:10px;
}

td {
	font-size:1em;
	line-height:1.5;
}


/*********************************************************************
headerのスタイル
*********************************************************************/
div#header {
	width:900px;
	margin-bottom:5px;
}

#keyWord {
	width:100%;

}

#keyWord h1 {
	float:left;
	width:600px;
	font-size:0.8em;
	color:#000000;
	line-height:1;
	margin-bottom:4px;
	padding-top:2px;
}

#keyWord ul {
	float:right;
	font-size:0.9em;
	width:280px;
	margin:3px 0;
	text-align:right;
}

#keyWord ul li {
	display:inline;
	margin-left:4px;
	padding:0 0 0 15px;
	background:url(../images/common/la_ico.gif) top left no-repeat;
}

/*#keyWord ul li.ja {
	background:url(../images/common/la_ja.gif) top left no-repeat;
}

#keyWord ul li.en {
	background:url(../images/common/la_ja.gif) top left no-repeat;
}

#keyWord ul li.chin {
	background:url(../images/common/la_ja.gif) top left no-repeat;
}

#keyWord ul li.korean {
	background:url(../images/common/la_ja.gif) top left no-repeat;
}*/





div#siteId p {
	float:left;
	width:255px;
	margin:20px 0 0;
}


div#headerRight {
	float:right;
	text-align:right;
	font-size:0.9em;
}

div#siteId ul {
	/*float:right;*/
	list-style:none;
	margin:0;
}

div#siteId ul li {
	display:inline;
}

div#siteId ul li img { margin-left:3px; }


div#header ul#gmenu {
	list-style:none;
	margin:0 0 10px;
	padding:0;
	clear:both;
}

div#header ul#gmenu li { display:inline; }

div#header ul#gmenu li img { vertical-align:top; }


/*********************************************************************
breadNaviのスタイル
*********************************************************************/
div#breadNavi {
	margin:0 0 10px;

}
div#breadNavi dt {
	display:none;
}

/*********************************************************************
contentsのスタイル
*********************************************************************/
div#contents {
	width:100%;
	margin:0 0 30px; 
}

/*********************************************************************
mainContentsのスタイル
*********************************************************************/
div#mainContents {
	width:560px;
	float:right;
	text-align:left;
}

div#secContents {
	width:680px;
	float:right;
	text-align:left;
	padding:;
	background:url(../images/bg_sec_contents.gif) bottom left no-repeat #FFFFFF;
	/*min-height:550px;*/
}

*html div#secContents {
	/*height:550px;*/
}

div#secContentsWide {
	width:900px;
	float:none;
	text-align:left;
	padding:;
	background:url(../images/bg_sec_contents_wide.gif) bottom left no-repeat #FFFFFF;
}

div#secContents h2 { margin-bottom:15px; }


/*********************************************************************
leftContentsのスタイル
*********************************************************************/
div#leftContents {
	width:321px;
	float:left;
	text-align:left;
	margin-right:9px;
}


div#leftContents img { vertical-align:top; }


div#leftMenu {
	width:200px;
	float:left;
	text-align:left;
	margin-right:20px;
	margin-bottom:15px;
	padding:10px 0 0;
	background:url(../images/bg_lmenu_top.gif) top left no-repeat #FFFFFF;
}

div#leftMenu p {
	margin:0;
	padding:0;
}

div#leftMenu h3 {
	color:#FF7800;
	margin:0 0 15px;
	padding:0 0 5px 8px;
	background:url(../images/bg_lmenu_h3.gif) bottom left no-repeat #FFD298;

}

div#leftMenu h3 span {
	display:block;
	background:url(../images/ico_lmenu.gif) top left no-repeat;
	padding:0 0 0 18px;
}

div#leftMenu h4 span {
	display:block;
	color:#FF7800;
	background-color:#D7D7D7;
	padding:3px 5px;
}

div#leftMenu ul {
	list-style:none;
	margin:0 10px 0 10px;
}

div#leftMenu ul li {
	background:url(../images/ico_lmenu_arw.gif) top left no-repeat;
	border-bottom:1px dotted #BFBFBF;
	margin-top:10px;
	padding:0 0 10px 12px;
}

div#bnMenu {

}

div#bnMenu p {
	padding-bottom:5px;
}

/********************************************************************
お問合せ先表示
*********************************************************************/
div.info {
	width:640px;
	background-color:#EAEAEA;
	margin:0 auto 15px;
	padding:10px;
}

div.info h3 {
	font-size:1.2em!important;
	font-weight:bold;
	margin-bottom:10px;
	padding:0 0 3px 3px!important;
	border-bottom:2px solid #ED6600!important;
	background:none!important;
}

div.info table { margin:0 auto 0!important; padding:0; }

#all div.info table td { padding:10px; border-bottom:none!important; }

div.info span.tel {
	font-size:1.3em;
	font-weight:bold;
	background:url(../common/tel.gif) top left no-repeat;
	padding:4px 15px 0 30px;
	min-height:25px;
	display:block;
}

*html div.info span.tel {
	height:25px;
}

div.info span.mail {
	font-size:1.3em;
	font-weight:bold;
	background:url(../common/mail.gif) top left no-repeat;
	padding:4px 15px 0 28px;
	min-height:25px;
	display:block;
}

*html div.info span.mail {
	height:25px;
}



/********************************************************************
pagebackのスタイル
*********************************************************************/
div.pageback {
	margin:15px 0 0 0;
	padding:5px 0;
	border-top:1px solid #000000;
	text-align:right;
}

ul.back li {
	list-style:none;
} 
/********************************************************************
pagetopのスタイル
*********************************************************************/
div.ptop {
	border-bottom:1px solid #B0A693;
	margin-bottom:10px;
	padding:15px 0 0 0;
}

div.ptop p {
	text-align:right;
	padding-bottom:0;
}
/********************************************************************
footerのスタイル
*********************************************************************/
div#footer {
	width:900px;
	margin:0 0 5px 0;
	color:#000000;
	text-align:center;
	clear:both;
}

div#footer_inner {
	width:100%;
	margin:0 auto;
	padding-bottom:8px;
}

div#footer ul { margin:0; padding:0;}

div#footer ul li { font-size:0.9em; display:inline; padding:0;}	

div#copy {
	text-align:right;
	padding:5px 0 0;
}

div#copy #copyRight {
	display:inline;
	font-size:0.8em;
	color:#FFFFFF;
	text-align:right;
	padding:4px;
	background-color:#2F2C23;
}



	


/*共通クラス*/

.minHeight600 { min-height:600px; }

*html .minHeight600 { height:600px; }

/*リストアイコン表示用**********************************************/
ul.list { margin:0 0 10px; list-style:none; }

ul.list li { display:inline; background:url(../common/ico_arw.gif) top left no-repeat; margin:0 0 4px 0; padding:0 12px 0 8px; }




/**/
p.javaErr { width:400px; border:2px solid #FF0000; margin:20px auto; padding:20px; background-color:#FFFFFF; }


/********************************************************************
イベント日程
********************************************************************/
.eventDate {
	font-weight:bold;
	font-size:1em;
	margin-top:15px;
}
/********************************************************************
ボックス背景設定
*********************************************************************/
.bgGreen {
	padding:4px;
	background-color:#E9F0C6;
}

.bgOrange {
	padding:4px;
	background-color:#FEEBCE;
}

.bgGray {
	padding:4px;
	background-color:#EAEAEA;
}
	



/********************************************************************
共通見出しタイプ
*********************************************************************/
div#all .ttl_linegreen {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	padding:0 0 3px 3px;
	border-bottom:3px solid #92B514;
	background-image:none!important;
}

div#all .ttl_lineorange {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	padding:0 0 3px 3px;
	border-bottom:3px solid #ed6600;
	background-image:none!important;
}

div#all .ttl_lineorange_left {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	padding:0 0 0 4px;
	border-left:3px solid #ed6600;
	background-image:none!important;
}

div#all .ttl_linegray {
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:3px solid #CCCCCC;
}

div#all .ttl_cerlce {
	clear:both;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:10px;
	padding-left:18px;
	padding-bottom:2px;
	border-bottom:3px solid #4B502C;
	background:url(../common/ico_cercle.gif) top left no-repeat;
}

div#all .ttl_check {
	font-weight:bold;
	font-size:1.2em;
	padding-left:20px;
	padding-bottom:2px;
	background:url(../common/ico_check.gif) top left no-repeat;
}


/*チャペルアワーやDSWEEKの引用文インデント*/
.txt_src {
	padding-left:24px;
	padding-bottom:0px;
}
 .pdb0{padding-bottom:0 !important;}
/* clearfix
---------------------------------------
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}

/*フォントサイズ*/
div#all .txt10{font-size:10px !important;}

div#all .txtb,
.miniWin .txtb{ font-weight:bold !important;}

div#all .txts{ font-size:0.9em !important;}

div#all .txtm{ font-size:1.2em !important;}

div#all .txtl{ font-size:1.4em !important;}

div#all .txt_red{ color:#CC0000; }

div#all .txt_blue{ color:#4040FF; }

div#all .txt_orange { color:#F04D00; }

div#all .txt_btm_line{ text-decoration:underline; }

div#all .txtb_red{ font-weight:bold !important; color:#CC0000!important; }

div#all .txtb_orange { font-weight:bold!important; color:#F04D00; }

div#all .txt_normal { font-weight:normal!important;}

div#all .txttop{ vertical-align:top !important;}

/*外部リンク*/
ul.outLinks li {
	font-size:1.2em;
	background:url(../images/ico_link_arw.gif) center left no-repeat;
	margin-bottom:15px;
	padding:0 0 0 14px;
	list-style:none;
}
	
/*共通マージンタイプ
---------------------------------------------------------------------
*/

div#all .mgb0{margin-bottom:0 !important;}
div#all .mgb5{margin-bottom:5px !important;}
div#all .mgb10{margin-bottom:10px !important;}
div#all .mgb15{margin-bottom:15px !important;}
div#all .mgb20{margin-bottom:20px !important;}
div#all .mgb30{margin-bottom:30px !important;}

div#all .mgt0{margin-top:0 !important;}
div#all .mgt5{margin-top:5px !important;}
div#all .mgt10{margin-top:10px !important;}
div#all .mgt15{margin-top:15px !important;}
div#all .mgt20{margin-top:20px !important;}
div#all .mgt30{margin-top:30px !important;}

div#all .mgl0{margin-left:0 !important;}
div#all .mgl5{margin-left:5px !important;}
div#all .mgl10{margin-left:10px !important;}
div#all .mgl15{margin-left:15px !important;}
div#all .mgl20{margin-left:20px !important;}
div#all .mgl30{margin-left:30px !important;}

div#all .mgr0{margin-right:0 !important;}
div#all .mgr5{margin-right:5px !important;}
div#all .mgr10{margin-right:10px !important;}
div#all .mgr15{margin-right:15px !important;}
div#all .mgr20{margin-right:20px !important;}
div#all .mgr30{margin-right:30px !important;}

div#all .mgn0{margin:0 !important;}

div#all .pdt0{padding-top:0 !important;}
div#all .pdt5{padding-top:5px !important;}
div#all .pdt10{padding-top:10px !important;}
div#all .pdt15{padding-top:15px !important;}
div#all .pdt20{padding-top:20px !important;}
div#all .pdt30{padding-top:30px !important;}

div#all .pdb0{padding-bottom:0 !important;}
div#all .pdb5{padding-bottom:5px !important;}
div#all .pdb10{padding-bottom:10px !important;}
div#all .pdb15{padding-bottom:15px !important;}
div#all .pdb20{padding-bottom:20px !important;}
div#all .pdb30{padding-bottom:30px !important;}

div#all .pdl0{padding-left:0 !important;}
div#all .pdl5{padding-left:5px !important;}
div#all .pdl10{padding-left:10px !important;}
div#all .pdl15{padding-left:15px !important;}
div#all .pdl20{padding-left:20px !important;}
div#all .pdl30{padding-left:30px !important;}


div#all .pdr0{padding-right:0 !important;}
div#all .pdr5{padding-right:5px !important;}
div#all .pdr10{padding-right:10px !important;}
div#all .pdr15{padding-right:15px !important;}
div#all .pdr20{padding-right:20px !important;}
div#all .pdr30{padding-right:30px !important;}

div#all .pad0{padding:0 !important;}

.miniWin .mgb0{margin-bottom:0 !important;}
.miniWin .mgb5{margin-bottom:5px !important;}
.miniWin .mgb10{margin-bottom:10px !important;}
.miniWin .mgb15{margin-bottom:15px !important;}
.miniWin .mgb20{margin-bottom:20px !important;}
.miniWin .mgb30{margin-bottom:30px !important;}

.miniWin .mgt0{margin-top:0 !important;}
.miniWin .mgt5{margin-top:5px !important;}
.miniWin .mgt10{margin-top:10px !important;}
.miniWin .mgt15{margin-top:15px !important;}
.miniWin .mgt20{margin-top:20px !important;}
.miniWin .mgt30{margin-top:30px !important;}

.miniWin .mgl0{margin-left:0 !important;}
.miniWin .mgl5{margin-left:5px !important;}
.miniWin .mgl10{margin-left:10px !important;}
.miniWin .mgl15{margin-left:15px !important;}
.miniWin .mgl20{margin-left:20px !important;}
.miniWin .mgl30{margin-left:30px !important;}

.miniWin .mgr0{margin-right:0 !important;}
.miniWin .mgr5{margin-right:5px !important;}
.miniWin .mgr10{margin-right:10px !important;}
.miniWin .mgr15{margin-right:15px !important;}
.miniWin .mgr20{margin-right:20px !important;}
.miniWin .mgr30{margin-right:30px !important;}

.miniWin .mgn0{margin:0 !important;}

.miniWin .pdt0{padding-top:0 !important;}
.miniWin .pdt5{padding-top:5px !important;}
.miniWin .pdt10{padding-top:10px !important;}
.miniWin .pdt15{padding-top:15px !important;}
.miniWin .pdt20{padding-top:20px !important;}
.miniWin .pdt30{padding-top:30px !important;}

.miniWin .pdb0{padding-bottom:0 !important;}
.miniWin .pdb5{padding-bottom:5px !important;}
.miniWin .pdb10{padding-bottom:10px !important;}
.miniWin .pdb15{padding-bottom:15px !important;}
.miniWin .pdb20{padding-bottom:20px !important;}
.miniWin .pdb30{padding-bottom:30px !important;}

.miniWin .pdl0{padding-left:0 !important;}
.miniWin .pdl5{padding-left:5px !important;}
.miniWin .pdl10{padding-left:10px !important;}
.miniWin .pdl15{padding-left:15px !important;}
.miniWin .pdl20{padding-left:20px !important;}
.miniWin .pdl30{padding-left:30px !important;}


.miniWin .pdr0{padding-right:0 !important;}
.miniWin .pdr5{padding-right:5px !important;}
.miniWin .pdr10{padding-right:10px !important;}
.miniWin .pdr15{padding-right:15px !important;}
.miniWin .pdr20{padding-right:20px !important;}
.miniWin .pdr30{padding-right:30px !important;}

.miniWin .pad0{padding:0 !important;}
/*共通フロート、クリアタイプ
---------------------------------------------------------------------
*/

div#all .clearBoth{clear:both;}
div#all .floatLeft{float:left;}
div#all .floatRight{float:right;}
div#all .alignLeft{text-align:left;}
div#all .alignRight{text-align:right;}
div#all .alignCenter{text-align:center;}
div#all .valignTop {vertical-align:top; }

.miniWin .clearBoth{clear:both;}
.miniWin .floatLeft{float:left;}
.miniWin .floatRight{float:right;}
.miniWin .alignLeft{text-align:left;}
.miniWin .alignRight{text-align:right;}
.miniWin .alignCenter{text-align:center;}
.miniWin .valignTop {vertical-align:top; }