/*------------------------------------------------------------------------
          　　　　　　　::::: コンテンツ :::::
                            for Bibl-hca.com
				       created by Eggplant Studios	   
説明----------------------------------------------------------------------
テンプレ「mainContents」の部分のCSS。
------------------------------------------------------------------------*/
@import url("base.css");

/* ::::: カテゴリー[福音集会]オンリーレイアウト ::::: */
#title { margin: 25px 10px 30px; }

/* ::::: [イベント：ピックアップ]の写真エフェクト ::::: */
#bookFrame150 { margin: 0px 0px 0px 15px; padding: 0px; width: 157px; }
#bookFrame150 div.head { background-image: url('../image/book_150_head.jpg'); background-repeat: no-repeat; }
#bookFrame150 div.body { background-image: url('../image/book_150_bg.jpg'); background-repeat: repeat-y; padding-left: 3px; }
#bookFrame150 div.foot { background-image: url('../image/book_150_foot.jpg'); background-repeat: no-repeat; }
/* ::::: 見出し（付箋風） ::::: */
.piOrange { margin: 16px 0px 0px; padding: 0px 15px; background-image: url('../image/bg_h_orange.jpg'); background-repeat: no-repeat; color: rgb(51, 51, 51); font-size: 14px; line-height: 200%; height: 40px; white-space: nowrap; letter-spacing: 3px; }
.piGray { margin: 16px 0px 0px; padding: 0px 15px; background-image: url('../image/bg_h_gray.jpg'); background-repeat: no-repeat; color: rgb(51, 51, 51); font-size: 14px; line-height: 200%; height: 40px; white-space: nowrap; letter-spacing: 3px; }
.piBlue { margin: 16px 0px 0px; padding: 0px 15px; background-image: url('../image/bg_h_blue.jpg'); background-repeat: no-repeat; color: rgb(51, 51, 51); font-size: 14px; line-height: 200%; height: 40px; white-space: nowrap; letter-spacing: 3px; }
.piBrown { margin: 16px 0px 0px; padding: 0px 15px; background-image: url('../image/bg_h_brown.jpg'); background-repeat: no-repeat; color: rgb(51, 51, 51); font-size: 14px; line-height: 200%; height: 40px; white-space: nowrap; letter-spacing: 3px; }

/* ::::: トピックス ::::: */
#Topics {
	padding: 10px 10px 5px;
	width: auto;
}


#mainContents h2.sub_green {
	margin: 16px 0px 0px;
	padding: 0px 15px;
	background-image: url('../image/bg_h_green.jpg');
	background-repeat: no-repeat;
	color: rgb(85, 85, 85);
	font-size: 14px;
	line-height: 200%;
	height: 40px;
	white-space: nowrap;
	letter-spacing: 1px;
}
#mainContents h2.sub_blue {
	background-image: url('../image/bg_h_blue.jpg');
	background-repeat: no-repeat;
	color: rgb(85, 85, 85);
	font-size: 14px;
	line-height: 200%;
	height: 40px;
	white-space: nowrap;
	letter-spacing: 1px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#Topics p.subTitle1 { margin: 2px 5px 2px 10px; font-size: 81.25%; color: rgb(85, 85, 85); }
#Topics p.subTitle2 { margin: 2px 5px 2px 2px; font-size: 81.25%; text-align: right; }

#Topics p.text { margin: 10px 25px 5px 15px; font-size: 75%; line-height: 160%; color: rgb(85, 85, 85); }
#Topics table { margin: 10px 0px; }
#Topics h3 { font-size: 81.25%; font-weight: bold; line-height: 120%; color: rgb(51, 51, 51); }
#Topics h3.other { margin: 10px 10px 0px; font-size: 81.25%; font-weight: bold; line-height: 120%; color: rgb(51, 51, 51); }
#Topics td.cell { padding: 10px; background-color: #C4FFD2; }
#Topics td.partition { background-color: rgb(255, 255, 255); background-image: url('../image/book_partition.gif'); background-repeat: repeat-y; width: 19px; }
#Topics img.thumbnail { margin: 4px; float: right; }
#Topics a:hover, #Topics a:active { text-decoration: underline; color: rgb(85, 85, 85); }

/* ::::: リンク ::::: */
a:link, a:visited { text-decoration: none; }
a.underline:link, a.underline:visited { text-decoration: underline; }
a.underline:hover, a.underline:active { text-decoration: none; }
a.gray:link, a.gray:visited { text-decoration: underline; color: rgb(85, 85, 85); }
a.gray:hover, a.gray:active { text-decoration: none; color: rgb(255, 102, 0); }
/* ::::: リンク（メインコンテンツに限る） ::::: */
#mainContents a.link { margin: 0px 0px; font-size: 81.25%; line-height: 160%; color: rgb(85, 85, 85); background-image: url('../image/icon_basic.gif'); background-repeat: no-repeat; background-position: 0px 3px; text-indent: 12px; }
#mainContents p.link { margin: 0px 0px; font-size: 81.25%; line-height: 160%; color: rgb(85, 85, 85); background-image: url('../image/icon_basic.gif'); background-repeat: no-repeat; background-position: 0px 3px; text-indent: 12px; }
#mainContents a:link, #mainContents a:visited {	text-decoration: none;	color: #333333; }
#mainContents a:hover, a:active { text-decoration: underline; }
/* ::::: リンク（ワイドコンテンツ） ::::: */
#abnormal a.link { margin: 0px 0px; font-size: 81.25%; line-height: 160%; color: rgb(85, 85, 85); background-image: url('../image/icon_basic.gif'); background-repeat: no-repeat; background-position: 0px 3px; text-indent: 12px; }
#abnormal p.link { margin: 0px 0px; font-size: 81.25%; line-height: 160%; color: rgb(85, 85, 85); background-image: url('../image/icon_basic.gif'); background-repeat: no-repeat; background-position: 0px 3px; text-indent: 12px; }
#abnormal a:link, #abnormal a:visited {	text-decoration: none;	color: #333333; }
#abnormal a:hover, a:active { text-decoration: underline; }


#mainContents p.text { margin: 10px 25px 5px 15px; font-size: 80%; line-height: 160%; color: rgb(102, 102, 102); }

/* ::::: PDFアイコン ::::: */
a[href$=".pdf"] {
 padding-right: 45px;
 background: transparent url(http://bible-hca.com/image/pdf.gif) center right no-repeat;
}

/* ::::: サイドメニュー：コラム ::::: */
#column2 { margin: 0px; padding: 0px; width: 180px; }
#column2 div.head { background-image: url('../image/column_head.jpg'); background-repeat: no-repeat; }
#column2 div.bg { background-image: url('../image/column_bg.jpg'); background-repeat: repeat-y; }
#column2 div.foot { background-image: url('../image/column_foot.jpg'); background-repeat: no-repeat; }
#column2 div.paper { margin: 0px; padding: 0px 2px 4px 8px; width: 160px; }
#column2 h3 { margin: 0px; padding: 0px 12px; font-size: 81.25%; line-height: 120%; color: rgb(0, 0, 0); letter-spacing: 3px; }
#column2 p { margin: 0px; line-height: 160%; }
#column2 p.info { margin: 8px 0px; padding: 0px 8px; font-size: 81.25%; line-height: 120%; font-weight: bold; color: rgb(51, 102, 204); text-align: center; letter-spacing: 1px; }
#column2 p.ttl { margin: 0px; padding: 4px 8px; font-size: 81.25%; line-height: 160%; color: rgb(68, 68, 68); }
#column2 div.text { margin: 0px; padding: 0px 4px; font-size: 62.5%; line-height: 160%; color: rgb(85, 85, 85); }
#column2 dl { margin: 0px; }
#column2 dt { margin-top: 5px; }
#column2 dd { margin-left: 10px; }

#column1 { margin: 0px; padding: 0px; width: 250px; }
#column1 div.head { background-image: url('../image/column_head.jpg'); background-repeat: no-repeat; width: 250px; }
#column1 div.bg { background-image: url('../image/column_bg.jpg'); background-repeat: repeat-y; width: 250px; }
#column1 div.foot { background-image: url('../image/column_foot.jpg'); background-repeat: no-repeat; width: 250px; }
#column1 div.paper { margin: 0px; padding: 0px 2px 4px 8px; width: 160px; }
#column1 h3 { margin: 0px; padding: 0px 12px; font-size: 81.25%; line-height: 120%; color: rgb(0, 0, 0); letter-spacing: 3px; }
#column1 p { margin: 0px; line-height: 160%; }
#column1 p.info { margin: 8px 0px; padding: 0px 8px; font-size: 81.25%; line-height: 120%; font-weight: bold; color: rgb(51, 102, 204); text-align: center; letter-spacing: 1px; }
#column1 p.ttl { margin: 0px; padding: 4px 8px; font-size: 81.25%; line-height: 160%; color: rgb(68, 68, 68); }
#column1 div.text { margin: 0px; padding: 0px 4px; font-size: 62.5%; line-height: 160%; color: rgb(85, 85, 85); }
#column1 dl { margin: 0px; }
#column1 dt { margin-top: 5px; }
#column1 dd { margin-left: 10px; }


#copyright p { margin-top:4px; margin-bottom:2px; margin-right:4px; color:#666666;} 


/*--------------- サブトピックレイアウト --------------*/
#subTopics {
	margin:10px 0px 0px -6px;
	padding:0px;
	text-align:left;
	width:650px;}
#subTopics div.head {background-image:url(../image/commentbox_head.jpg);background-repeat:no-repeat;}
#subTopics div.body {background-image:url(../image/commentbox_bg.jpg);background-repeat:repeat-y;padding:4px 20px;}
#subTopics div.foot {background-image:url(../image/commentbox_foot.jpg);background-repeat:no-repeat;}

/*サブトピック内のテキストレイアウト*/
#subTopics h2 {
	margin:8px 0px 4px 0px;
	text-indent:4px;
	font-weight:normal;
	color:#333;
	font-size:81.25%;
	line-height:120%;
}
#subTopics p { padding-left:14px;font-size:90%; color: rgb(85, 85, 85);}
#subTopics p.text {
	padding:0px;
	margin:3px 16px 5px 16px;
	color:#333;
	line-height:140%;
}

/*サブトピックレイアウト：その他*/
#subTopics img{	width:90px;}
#subTopics img.btn{	width:78px;}
#subTopics img.thumbnail{border:solid 1px #CCC;padding:2px;margin-left:8px;margin-bottom:2px;	float:right;}
#subTopics div.line{clear:both;}
#subTopics span.topicSubttl{margin:0px 4px;color:#555;font-size:10px;}

/*フォトギャラリーサムネイル*/
div#photobox { margin-top:5px ;}
div#photobox img{
margin:5px 5px 5px 5px;
background:#ffffff;
padding:8px;
border:1px solid #cccccc;
}


/*--------------- Topics List --------------*/


#TopicsList {
	margin:6px 4px;
	padding:0px;
	text-align:left;
	float:left;
	width:414px;
}

#TopicsList table {
	margin-top:4px;
	background-image:url(../image/news_line.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
}

#TopicsList td{
	font-size:81.25%;
	text-align:left;
}

#TopicsList td.date {
	padding:4px 4px 0px 1.5em;
	background-image:url(../image/icon_link01.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	font-weight:nomal;
	color:#666;
}

#TopicsList td.info {
	padding:2px 6px;
}

#TopicsList div.head {
	background-image:url(../image/topicslist_head.jpg);
	background-repeat:no-repeat;
}

#TopicsList div.body {
	background-image:url(../image/topicslist_bg.jpg);
	background-repeat:repeat-y;
	padding:4px 20px;
	text-align:left;

}

#TopicsList div.foot {
	background-image:url(../image/topicslist_foot.jpg);
	background-repeat:no-repeat;
}


#TopicsList h2,#TopicsListAll h2{
	background-image:url(../image/bg_h_orange.jpg);
	background-repeat:no-repeat;
	color:#333;
	margin:2px 0px 0px 0px;
	padding:0px 15px;
	font-size:14px;
	line-height:200%;
	height:40px;
	white-space:nowrap;
	letter-spacing:3px;
}


#TopicsListAll {
	margin:6px 0px 6px 6px;
	padding:0px;
	text-align:left;
	float:left;
	width:auto;
}

#TopicsListAll table {
	margin-top:4px;
	background-image:url(../image/news_line.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
}

#TopicsListAll td.info,#TopicsListAll td.date{
	font-size:81.25%;
	text-align:left;
}

#TopicsListAll td.date {
	padding:4px 4px 0px 1.5em;
	background-image:url(../image/icon_link01.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	font-weight:nomal;
	color:#666;
}

#TopicsListAll td.info {
	padding:2px 6px;
}

/*集会について説明画面レイアウト*/
#about {
	margin: 0px auto;
	padding: 95px 0px 20px;
	width: 800px;
	text-align: left;
	background:url(../about/image/about_bg.jpg) no-repeat;
}
#about h1 { margin: 30px 0px; font-size: 112.5%; color: rgb(102, 102, 102); }
#about p { padding: 0px 150px 1em 45px; font-size: 13px; line-height: 160%; }/*padding: 段落間0px 右余白100px 行間1em 左余白20px;*/