@charset "utf-8";

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

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

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

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


/* Stylesheet Document */

@media all {

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

	h2 {
		position: relative;
	}


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

	/* トップイメージ */
	#topimage {
		margin-top: -11px;
	}


	/* ========================================
	   * 02-06. 領域設定 - トップイメージ -
	======================================== */

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

	#topimage div.wrapper {
		margin-left: auto;
		margin-right: auto;
		width: 856px;
	}

	#topimage ul,
		#topimage div.wrapper div {
			float: left;
	}

	#topimage ul {
		list-style-type: none;
		margin-right: 4px;
		width: 224px;
	}

	#topimage div.wrapper div {
		border: 1px solid #DFDFDC;
		padding: 3px;
		width: 620px;
	}

	#topimage div.wrapper ul {
		list-style-type: none;
		margin-bottom: 0;
	}

	#topimage div.wrapper ul li {
		float: left;
	}

	#topimage div.wrapper ul li a {
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		height: 38px;
		overflow: hidden;
		text-indent: -9999px;
		width: 224px;
	}

	#topimage div.wrapper ul li a#btn_test_takers {
		background-image: url("../../img/btn_test_takers.gif");
	}

	#topimage div.wrapper ul li a#btn_test_takers:hover {
		background-position: left -38px;
	}

	#topimage div.wrapper ul li a#btn_student {
		background-image: url("../../img/btn_student.gif");
	}

	#topimage div.wrapper ul li a#btn_student:hover {
		background-position: left -38px;
	}

	#topimage div.wrapper ul li a#btn_alumni {
		background-image: url("../../img/btn_alumni.gif");
	}

	#topimage div.wrapper ul li a#btn_alumni:hover {
		background-position: left -38px;
	}

	#topimage div.wrapper ul li a#btn_benefactor {
		background-image: url("../../img/btn_benefactor.gif");
	}

	#topimage div.wrapper ul li a#btn_benefactor:hover {
		background-position: left -38px;
	}

	#topimage div.wrapper ul li a#btn_regular_people {
		background-image: url("../../img/btn_regular_people.gif");
	}

	#topimage div.wrapper ul li a#btn_regular_people:hover {
		background-position: left -38px;
	}

	#topimage div.wrapper div img {
		vertical-align: top;
	}


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

	#main h2 a#btn_rss,
		#main h2 a#btn_news {
			position: absolute;
			top: 8px;
	}

	#main h2 a#btn_rss {
		left: 460px;
	}

	#main h2 a#btn_news {
		left: 512px;
	}

	#main h2 br {
		display: none;
	}

}