@charset "utf-8";

/*------------------------------------------------------------------------------
	(社)横浜建設業協会下層ページ-CSS
--------------------------------------------------------------------------------*/

/*ページタイトルの設定
----------------------------------------------------*/



/*メインコンテンツ（大枠）の設定
----------------------------------------------------*/
div#mainContent {
	clear: both;
	width: 722px;
	margin: 16px 14px 0 14px;
}

div#mainContent .content-inner {
	padding: 0 9px;
}

/*キャッチ・リード設定-----*/
div#mainContent #catch {
	padding: 20px 0 0 0;
}

div#mainContent #pull-quote {
	padding-bottom: 14px;
}

/*コンテンツエリアの設定
----------------------------------------------------*/
div#main {
	padding: 15px;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

#box-anchor {
	background : url(bg-anchor.gif);
	padding: 8px;
}

#box-anchor li {
	display: inline;
	float: left;
	padding: 0 14px;
	background : url(icon-anchor-arrow.gif) no-repeat left center;
	line-height: 100%;
}

/*住まいづくり・まちづくり相談
----------------------------------------------------*/
div#main #tb-nayami {
	width: 390px;
	background: #fef2e1;
	border-collapse: separate;
}

div#main #tb-nayami td {
	padding: 2px 6px;
	border: 1px dashed #fcd49b;
	color: #735f4e;
}

/*防犯子ども１１０番活動
----------------------------------------------------*/
div#main .tb-event td.hyomei {
	padding: 20px;
}

div#main .tb-event td.hyomei p.title {
	background: #EEEEEE;
	margin-bottom: 5px;
	padding: 3px;
	text-align: center;
	border-bottom: 1px dashed #999999;
}

/*会長ご挨拶
----------------------------------------------------*/
div#main #box-message {
	width: 520px;
	float: left;
}

div#main #box-message p {
	padding-bottom: 1.5em;
}

div#main #face {
	width: 150px;
	float: right;
}

/*沿革・定款
----------------------------------------------------*/
div#main .box-report {
	width: 626px;
	padding: 20px;
	background: #f2f3f4;
	border: 3px double #cbcccd;
}

div#main .box-report table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5px;
}

div#main .box-report table th {
	vertical-align:top;
	padding: 0 20px 0 0;
	width: 60px;
	text-align: left;
}

div#main .box-report table td {
	vertical-align:top;
	padding: 0;
}

/*会員一覧
----------------------------------------------------*/
div#main .box-map {
	background: #c6e0f1;
	border: 3px double #89b1c8;
	margin-bottom: 10px;
}

div#main .box-map table td.list {
	padding: 10px;
	color: #222222;
}

div#main .box-map table td.map {
	padding: 0;
}

div#main .box-map table td.map table.list {
	border-collapse: collapse;
}

div#main .box-map table td.map table.list td {
	border: 1px solid #c6e0f1;
}

div#main .box-50on {
	margin: 10px 0;
}

div#main .box-50on table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}

div#main .box-50on table th {
	margin: 0;
	padding: 2px;
	background: #777777;
	color: #FFFFFF;
	border: 1px solid #dddddd;
	vertical-align: middle;
	font-size: 95%;
}

div#main .box-50on table td {
	margin: 0;
	padding: 2px 5px;
	border: 1px solid #dddddd;
	vertical-align: middle;
	font-size: 95%;
}

div#main .box-abouticon {
	background: #e5e5e5;
	padding: 5px;
	margin-bottom: 6px;
}

div#main .box-abouticon table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

div#main .box-abouticon table th {
	margin: 0;
	padding: 3px;
	vertical-align: top;
}

div#main .box-abouticon table td{
	margin: 0;
	padding: 3px;
	vertical-align: top;
	font-size: 95%;
}

div#main table.tb-list {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}

div#main table.tb-list th {
	margin: 0;
	padding: 4px;
	background: #1482d8;
	color: #FFFFFF;
	text-align: left;
	border: 1px solid #dddddd;
	vertical-align: top;
}

div#main table.tb-list td {
	margin: 0;
	padding: 4px;
	border: 1px solid #dddddd;
	vertical-align: top;
	font-size: 95%;
}

div#main img.icon-gyomu {
	margin-right: 2px;
}

/*行事のお知らせ
----------------------------------------------------*/
div#main .tb-event {
	width: 95%;
	margin: 0 auto 20px auto;
	border-collapse: collapse;
	border: 3px double #CCCCCC;
}

div#main .tb-event td {
	padding: 4px 8px;
	border: 1px solid #CCCCCC;
}

div#main .tb-event td.img {
	padding: 10px;
	text-align: center;
}

div#main .tb-event td table {
	border: none;
	margin: 0 auto;
}

div#main .tb-event td table td {
	border: none;
	padding: 0 3px;
	text-align: center;
}

/*バックナンバー*/
#box-eventbn {
	padding: 20px 8px;
}

#box-eventbn li {
	padding: 0 17px;
	background : url(icon-arrow-ebn.gif) no-repeat left center;
	margin-bottom: 0.6em;
	font-size: 120%;
}

/*各区会の活動
----------------------------------------------------*/
#mv {
	position: relative;
}

#mv .btn-o-kukai {
	position: absolute;
	left: 5px;
	top: 4px;
}

div#news {
	float: left;
	width: 480px;
	margin-left: 0px;
	padding: 0;
	zoom: 1;
}

#kukai-torikumi {
	margin: 0 40px;
}

#kukai-torikumi #torikumi-bousai {
	background: #ebf5e2;
	border: 1px solid #b6eab6;
	padding: 10px;
	margin-bottom: 5px;
	text-align: center;
}

#kukai-torikumi #torikumi-bousai strong {
	color: #088c1e;
	font-size: 1.2em;
	padding: 0 4px;
}

#kukai-torikumi #torikumi-event {
	background: #fdeee3;
	border: 1px solid #f7d58e;
	padding: 10px;
	margin-bottom: 5px;
	text-align: center;
}

#kukai-torikumi #torikumi-event strong {
	color: #ff560b;
	font-size: 1.2em;
	padding: 0 4px;
}

#kukai-torikumi #torikumi-volunteer {
	background: #fde3e6;
	border: 1px solid #fdc6d2;
	padding: 10px;
	margin-bottom: 5px;
	text-align: center;
}

#kukai-torikumi #torikumi-volunteer strong {
	color: #fe1244;
	font-size: 1.2em;
	padding: 0 4px;
}


/*バナーエリアの設定 */
div#bannerArea {
	float: right;
	width: 181px;
	margin-right: 0px;
	padding: 0;
	zoom: 1;
}

div#bannerArea div {
	margin-bottom: 6px;
}

div#bannerArea .kukai-madoguchi {
	border: 1px solid #bbbbbb;
}

div#bannerArea .kukai-nyukai {
	border: 1px solid #bbbbbb;
}

div#bannerArea .kukai-madoguchi table.tb-address,
div#bannerArea .kukai-nyukai table.tb-address {
	border-collapse: collapse;
	margin: 0 5px 5px 5px;
}

div#bannerArea .kukai-madoguchi table.tb-address th,
div#bannerArea .kukai-madoguchi table.tb-address td,
div#bannerArea .kukai-madoguchi table.tb-address td a,
div#bannerArea .kukai-nyukai table.tb-address th,
div#bannerArea .kukai-nyukai table.tb-address td,
div#bannerArea .kukai-nyukai table.tb-address td a {
	vertical-align: top;
	padding: 2px;
	margin: 0;
	font-size: 95%;
	line-height: 100%;
}


/*アクセスマップ
----------------------------------------------------*/
#map {
	margin: 0 auto 20px auto;
	padding: 0;
	height: 450px;
	width: 600px;
	font-size: small;
	line-height: 1.2;
	color: #333;
	border: none;
}


/*ヨコハマ商建連携事業から生まれた新事業
----------------------------------------------------*/
		
.hachi,.yasai,.akitenpo {
	width: 100%;
	margin-bottom: 10px;
	}
	.hachi {
		border: 1px solid #ffa248;
		}
	.yasai {
		border: 1px solid #80d448;
		}
	.akitenpo {
		border: 1px solid #6cbfff;
		}
	.hachi th,
	.yasai th,
	.akitenpo th {
		width: 129px;
		padding: 0;
		vertical-align: top;
		}
	.hachi td {
		background-color: #fffce6;
		padding: 10px;
		}
	.yasai td {
		background-color: #f5fff2;
		padding: 10px;
		}
	.akitenpo td {
		background-color: #f6fbff;
		padding: 10px;
		}
		.akitenpo .akitenpolink {
			margin-top: 15px;
			}
		.akitenpo .akitenpolink th {
			vertical-align: top;
			font-weight: bold;
			padding: 0;
			text-align: left;
			width: 100px;
			}
		.akitenpo .akitenpolink td {
			padding: 0 0 15px 0;
			}
			.akitenpo .akitenpolink td a {
				color: #333;
				text-decoration: none;
				}
			.akitenpo .akitenpolink td a:hover {
				color: #6cbfff;
				}

.newbusiness {
	width: 680px;
	margin: 0 auto;
	border-collapse: collapse;
	}
.newbusiness td {
	vertical-align: middle;
	text-align: left;
	height: 50px;
	padding: 0;
	margin: 0;
	}
.newbusiness tr {
	background: url(../image/newbusDot.gif) 0 100% repeat-x;
	}
.newbusiness .icon {
	width: 50px;
	}
.newbusiness td.date {
	width: 80px;
	}
.newbusiness td a {
	background: url(../image/icon-arrow-b.gif) 0 50% no-repeat;
	padding-left:12px;
	}