@charset "utf-8";

/* -----------------------------------------------
 * 観光文化情報ステーション
 * TOPページ(./index.php) CSS
 *
 * Author     : sue
 * LastUpdate : 08/07/07
----------------------------------------------- */

/* ===============================================
 *【基本構成】
 *
 * 1.バックグラウンド
 * 2.ブース紹介部分
 * 3.コンテンツ
 * 4.左コンテンツ
=============================================== */

/* -----------------------------------------------------------------------------
 * 1.バックグラウンド
----------------------------------------------------------------------------- */

/* 赤色の帯を出すのに、topページ専用の画像を作成。配置 */

#rahmen {
	background: url("../img/rahBackground.jpg") no-repeat top left;
}

/* -----------------------------------------------------------------------------
 * 2.ブース紹介部分
----------------------------------------------------------------------------- */

#ContentsHeader {
	float: left;
	width: 660px;
	text-align: center;
}

#ContentsHeader #boothComment {
	margin: 20px 0 24px 18px;
}

/* 作り的にmargin: 0 auto;が出来なかったので、
 * marginで制御。 */

#entryEventList {
	width: 645px;
	margin-left: 15px;
}

	#entryEventList h2,
	#entryEventList p,
	#entryEventList ul {
		margin: 0;
		line-height: 1.1;
	}

	#entryEventList h2 {
		margin-bottom: 6px;
	}

	#entryEventList p {
		margin: 2px 0 0;
		color: #ffffff;
		font-size: 80%;
	}

	#entryEventList ul li {
		float: left;
		margin-right: 2px;
	}

	#entryEventList ul li.end {
		margin-right: 0;
	}

/* -----------------------------------------------------------------------------
 * 3.コンテンツ
----------------------------------------------------------------------------- */

#article.cBox {
	width: 630px;
}

/* -----------------------------------------------------------------------------
 * 4.左コンテンツ
----------------------------------------------------------------------------- */

#LeftContents {
	float: left;
	width: 463px;
}

	/* 本日の催しと、SAPPORO NOW */
	#todayEvent,
	#sapporoNow {
		overflow: auto;
		width: 459px;
		_width: 463px;
		margin-bottom: 15px;
		border-left: 2px solid #B60005;
		border-right: 2px solid #B60005;
		border-bottom: 2px solid #B60005;
	}
	
		#todayEvent ul,
		#sapporoNow ul {
				padding: 6px 0;
			}
	
				#todayEvent ul li,
				#sapporoNow ul li {
					margin: 6px 0 6px 25px;
					list-style-type: disc;
				}

	/* 本日の催し */
	#todayEvent {
		height: 235px;
	}


	/* インフォメーション */
	#infomation {
		padding: 4px;
		background: url("../img/infoBack.gif") no-repeat;
	}

		#infomation ul li {
			float: left;
			margin-right: 4px;
		}

			#infomation ul li#trafficInfo {
				margin-right: 0;
			}

	/* テキスト検索 */
	.textSearch h2 {
		margin: 5px 0;
		padding-left: 0;
		background: none;
	}

	.textSearch ul {
		padding: 0 5px 0;
	}

		/* 観光イベントのリンクのみ独立 */
		.textSearch ul#ssEvent {
			margin: 5px 0 0;
			padding: 0 5px 0;
		}

			html>/**/body .textSearch ul#ssEvent img {
				padding-bottom: 3px;
				line-height: 1;
			}


/* -----------------------------------------------------------------------------
 * 5.右コンテンツ
----------------------------------------------------------------------------- */

#RightContents {
	float: right;
	width: 154px;
}

	#RightContents ul li {
		margin-bottom: 7px;
	}

	/* WeeklyPress */
	#RightContents #weeklyPress {
		padding: 5px;
		background: #231815;
	}

		#weeklyPress img {
			margin-bottom: 5px;
		}