@charset "utf-8";

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

	* 目次:
	  - 01. 初期設定 - 基本設定 -
	    - 01-01. 初期設定 - テキスト -
	  - 02. 領域設定 - ブロック -
	    - 02-07. 領域設定 - メイン -
*/

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

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


/* Stylesheet Document */

@media screen {

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

	/* IE6 HACK */
	* html h2 {
		padding-bottom: 6px;
	}

	/* IE7 HACK */
	*:first-child+html h2 {
		padding-bottom: 6px;
	}


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

	/* ヘッダー */
	#header {
		border-bottom:solid 1px #666;
	}

	/* グローバルナビ */
	#g_navi {
		margin-bottom: 14px;
	}

	/* トップイメージ */
	#topimage {
	margin-bottom: 0px;
	width:100%;
	background: url(../img/main_bg.jpg) repeat-x left top;
	}


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


	/* コンテンツ */
	#contents {
		width: 870px;
	}

/* メイン */
	#main {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	div#news {
		margin: 0;
		padding: 0;
		width: 100%;
		background: url(../img/news_bg.jpg) repeat-x left top;
	}

	div#news h2 {
		background: none;
		color: #B61616;
		position: relative;
		padding: 0px;
		margin-bottom:5px;
	}

	div#topics_scroll {
		height: 295px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
	}

	div#event_scroll {
		height: 295px;
		overflow: auto;
		/* IE overflow fix, position must be relative or absolute*/
		position: relative;
	}

/* サイドバー */
	#sidebar {
		display:none;
	}

	div#news ul#topics {
		margin: 0 auto;
		padding: 0 0 0 10px;
		list-style: none;
		width: 900px;
	}

	div#news ul#topics li {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 450px;
		float:left;
	}
	
	div#news ul#topics li dl {
		padding-left: 30px;
	}

	div#news h2 .btn_backnumber {
	left: 317px;
	position: absolute;
	top: 9px;
	}

	/* IE6 HACK */
	* html div#news h2 img.btn_backnumber {
		left: 374px;
		top: 6px;
	}

	/* IE7 HACK */
	*:first-child+html div#news h2 .btn_backnumber {
		top: 6px;
	}

	div#news h2 .btn_rss {
	left: 258px;
	position: absolute;
	top: 9px;
	}

	/* IE6 HACK */
	* html div#news h2 .btn_rss {
		left: 492px;
		top: 6px;
	}

	/* IE7 HACK */
	*:first-child+html div#news h2 .btn_rss {
		top: 6px;
	}
	
	div#news dl {
		margin-bottom: 15px;
		margin-top: -12px;
	}

	div#news dl dt,
		div#news dl dd {
			padding-left: 8px;
			padding-right: 8px;
			text-align: left;
	}

	div#news dl dt {
		color: #836161;
		font-size: 78%;
	}

	div#news dl dd {
		background-position: 8px 4px;
		background-repeat: no-repeat;
		border-bottom: 1px dotted #CEC7C6;
		padding-bottom: 10px;
		padding-left: 62px;
		margin: 0 15px 8px 10px;
	}

	div#news dl dd.icon_important {
		background-image: url("../img/icon_important.gif");
	}

	div#news dl dd.icon_contest {
		background-image: url("../img/icon_contest.gif");
	}

	div#news dl dd.icon_event {
		background-image: url("../img/icon_event.gif");
	}

	div#news dl dd.icon_lecture {
		background-image: url("../img/icon_lecture.gif");
	}

	div#news dl dd.icon_application {
		background-image: url("../img/icon_application.gif");
	}

	div#news dl dd.icon_corporation {
		background-image: url("../img/icon_corporation.gif");
	}

	div#news dl dd.icon_other {
		background-image: url("../img/icon_other.gif");
	}
	
	ul#banner {
		margin: 0 auto;
		padding: 20px 0 0 0;
		width: 870px;
		list-style: none;
		line-height:0;
	}
	
	ul#banner li {
		float: left;
		margin: 0 6px 5px 0;
	}
	
	ul#banner li.b5 {
		margin: 0 5px 15px 0;
	}
	
	ul#banner li.right {
		margin-right: 0px;
	}

}