@charset "utf-8";

/*
	* 名前: opencampus_festa.css
	* 説明: opencampus_festaページ用CSS
	* バージョン: 1.0
	* 最終更新日: 2009.05.20
	* 制作者: Hiroaki Nakagawa

	* 目次:
	  - 02. 領域設定 - ブロック -
	    - 02-04. 領域設定 - メイン -
*/

/* 外部CSSファイルの読み込み */

/* Import用CSS */
@import url("../../common/css/import.css");


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 01-01. 初期設定 - テキスト -
	======================================== */

	h1 {
		margin-left: 12px;
		margin-top: 12px;
	}

	h2 {
		margin-bottom: 24px;
		margin-left: 10px;
		margin-top: 10px;
	}

	h3 {
		border-bottom: 2px solid #F49B1D;
		clear: both;
		font-size: 120%;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 10px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 8px;
	}

	p {
		margin-bottom: 22px;
	}


	/* ========================================
	   * 02. 領域設定 - ブロック -
	======================================== */

	/* メイン */
	#main {
		text-align: left;
		width: 768px;
	}


	/* ========================================
	   * 02-02. 領域設定 - ヘッダー -
	======================================== */

	#header div.wrapper {
		background: none;
		min-height: 80px;
		padding-top: 12px;
		width: 776px;
	}

	/* IE6 HACK */
	* html #header div.wrapper {
		height: auto;
	}


	/* ========================================
	   * 02-00. 領域設定 - メイン -
	======================================== */

	#main div.paragraph {
		margin-left: 24px;
		margin-right: 24px;
	}

	#main div.comment br {
		display: inline;
	}

	#main p.pagetop {
		clear: both;
		margin-bottom: 36px;
		margin-top: -24px;
		text-align: right;
	}

	#main ol#l_navi {
		list-style-type: none;
		margin-bottom: 26px;
		margin-left: auto;
		margin-right: auto;
		width: 768px;
	}

	/* IE6 HACK */
	* html #main ol#l_navi {
		margin-left: -10px;
		width: 778px;
	}

	#main ol#l_navi:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#main ol#l_navi li {
		border: 1px solid #DAD8D1;
		float: left;
		padding: 1px;
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		width: 168px;
	}

	#main ol#l_navi li a {
		background-color: #F9B820;
		background-image: url("../img/bg_button.gif");
		background-position: left top;
		background-repeat: repeat-x;
		color: #FFFFFF;
		display: block;
		font-weight: bold;
		padding: 10px 0 10px 0;
		text-align: center;
		text-decoration: none;
	}

	#main ol#l_navi li a:hover {
		background-color: #F3981D;
		background-image: url("../img/bg_button_ov.gif");
	}

	#main ol.photolist {
		list-style-type: none;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		width: 708px;
	}

	/* IE6 HACK */
	* html #main ol.photolist {
		width: 728px;
	}

	#main ol.photolist li {
		float: left;
		margin-bottom: 24px;
		margin-left: 12px;
		margin-right: 12px;
		width: 330px;
	}

	#main ol.photolist li img {
		border: 1px solid #DAD8D1;
		display: block;
		margin: 0 0 8px 0;
		padding: 4px;
	}

	#main ol.photolist li p {
		margin-bottom: 0;
		margin-left: 8px;
		margin-right: 8px;
	}


	/* ========================================
	   * 02-07. 領域設定 - フッター -
	======================================== */

	#footer div.wrapper {
		width: 776px;
	}

	#footer div.wrapper p {
		float: none;
		text-align: center;
	}

}