@charset "utf-8";

/* -----------------------------------------------
 * 観光文化情報ステーション
 * searchディレクトリ CSS
 *
 * Author     : sue
 * LastUpdate : 08/07/16
----------------------------------------------- */

/* ===============================================
 *【基本構成】
 *
 * 1.イベント詳細画面
 * 2.施設一覧
 * 3.施設詳細画面
 * 4.活動団体一覧
 * 5.イベント検索結果一覧
=============================================== */

#article .cBox {
	width: 580px;
	margin-top: 15px;
}

/* -----------------------------------------------
 * 1.イベント詳細画面
----------------------------------------------- */

/* イベント詳細　header(画像があるとき) */

#eventDetailHead #eventImage {
	float: left;
	width: 150px;
	margin: 15px 0 0;
	padding: 0;
}

/* イベントタイトルとコメント(右側) */
#eventDetailHead #eventTitle {
	float: right;
	width: 420px;
}

	/* イベントタイトル */
	#eventTitle h3 {
		margin-top: 15px;
		padding: 10px 0 8px;
		font-size: 120%;
		line-height: 1.3;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}
	
	/* コメント */
	#eventTitle p.comment {
		margin: 6px 0;
		padding: 3px;
		background: #FFFFEE;
	}
	
	/* ---------------------------------------------
 	* 1-1.詳細
	--------------------------------------------- */

	/* 日付 */
	#eventArticle .date {
		margin: 12px 0 8px;
	}

	/* 時間 */
	#eventArticle .time {
		margin: 8px 0;
	}

	/* 詳細 */
	#eventArticle dl {
		margin: 12px 0 0;
		border-bottom: 1px solid #E6E5E5;
	}

		#eventArticle dl dt {
			float: left;
			clear: both;
			width: 100px;
			margin-bottom: 7px;
			font-weight: bold;
		}

		#eventArticle dl dd {
			float: left;
			width: 480px;
			margin-bottom: 7px;
		}

		/* dl入れ子 */
		#eventArticle .secondDl {
			margin: 0;
			border: none;
		}

		#eventArticle .secondDl dt {
			float: left;
			clear: left;
			width: 70px;
			margin-bottom: 3px;
			color: #733900;
			font-weight: bold;
		}

		#eventArticle .secondDl dd {
			float: left;
			width: 380px;
		}


	/* 料金 */
	#eventArticle dl dd table {
		width: 100%;
		margin-bottom: 12px;
		border: 1px solid #cccccc;
		border-collapse: collapse;
	}

		#eventArticle dl dd table th, td {
			padding: 5px;
			text-align: center;
			border: 1px solid #cccccc;
		}

		#eventArticle dl dd table thead th {
			background: #ffa500;
		}

	/* 備考 */
	.recital {
		margin: 12px 0 8px;
		padding: 3px;
		font-weight: bold;
		border-bottom: 1px solid #cccccc;
		background: #F7F7F7;
	}

	/* マップ */
	#map {
		width: 565px;
		height: 350px;
		margin: 24px 0;
	}


/* -----------------------------------------------------------------------------
 * 2.施設一覧
----------------------------------------------------------------------------- */

.facilityList h3 {
	margin-top: 6px;
	margin-bottom: 15px;
	padding: 3px 0 3px 6px;
	font-size: 120%;
	border-left: 4px solid #0C6488;
	background: #efefef;
}

.facilityList p {
	padding: 4px 0 4px 6px;
	font-size: 120%;
	font-weight: bold;
	background-color: #F6F6F6;
}

/* リスト */
#article ul#searchList {
	margin: 12px 0 24px 0.5em;
}

	#article ul#searchList li {
		margin: 8px 0;
		padding-bottom: 6px;
		font-size: 115%;
		list-style-type: disc;
		list-style-position: inside;
		border-bottom: 1px dotted #cccccc;
	}

/* -----------------------------------------------------------------------------
 * 3.施設詳細画面
----------------------------------------------------------------------------- */


#facilityDetail h3 {
	margin-top: 15px;
	padding: 10px 0 8px;
	font-size: 120%;
	line-height: 1.3;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#facilityDetail #access {
	margin: 12px 0;
	border: 1px solid #cccccc;
}

	#facilityDetail #access p {
		padding: 4px;
	}

	#facilityDetail #access .recital {
		margin: 0;
		padding: 4px;
		background: #dddddd;
	}

#facilityDetail dl dt {
	float: left;
	clear: both;
	width: 90px;
	/*margin-bottom: 7px;*/
	padding-bottom: 0 !important;
	padding-bottom: 7px;
	font-weight: bold;
}

#facilityDetail dl dd {
	float: left;
	width: 480px;
	/*margin-bottom: 7px;*/
	padding-bottom: 0 !important;
	padding-bottom: 7px;
}

/* dl入れ子 */
	#facilityDetail .secondDl {
		margin: 0;
	}
	
	#facilityDetail .secondDl dt {
		float: left;
		clear: left;
		width: 120px;
		margin-bottom: 3px;
		font-weight: bold;
	}
	
	#facilityDetail .secondDl dd {
		float: left;
		width: 360px;
	}


/* -----------------------------------------------------------------------------
 * 4.活動団体一覧
----------------------------------------------------------------------------- */

#perfomerList h3 {
	margin-top: 6px;
	padding: 3px 0 3px 6px;
	font-size: 120%;
	border-left: 4px solid #0C6488;
	background: #efefef;
}

/* -----------------------------------------------------------------------------
 * 5.イベント検索結果一覧
----------------------------------------------------------------------------- */

/* イベントが見つからなかったときのエラー文 */
.unfound {
	margin: 24px 0;
	padding: 3px 0 5px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* イベント一覧　フォーマット */
.searchEvent {
	margin: 12px 0;
	border: 1px solid #cccccc;
}

	/* イベントタイトル */
	.searchEvent h3 {
		padding: 3px;
		font-size: 110%;
		background: #DCDDDD;
	}
	
	/* イベントに関する詳細 */
	.searchEvent dl {
		padding: 6px;
	}
	
	.searchEvent dl dt {
		float: left;
		width: 115px;
		font-weight: bold;
	}
	
	.searchEvent dl dd {
		float: left;
		width: 450px;
	}
	
	.searchEvent .venue {
		margin: 2px 0;
		padding: 2px 0;
		border-top: 1px solid #E6E5E5;
		border-bottom: 1px solid #E6E5E5;
	}