@charset "utf-8";

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

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

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

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


/* Stylesheet Document */

@media all {

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

	/* ========================================
	   * 校章画像
	======================================== */

	div.paragraph div#badge_box img {
		float:left;
		width:120px;
		margin-left:24px;
	}	

	div.paragraph div#badge_box p.badge_left_txt {
		float:left;
		width:384px;
	}


	/* ========================================
	   * 校歌楽譜
	======================================== */

	div.paragraph div#song_box div#score {
		width:358px;
		float:left;
	}

	div.paragraph div#song_box div#btn_song_play {
		width:176px;
		margin-left:20px;
		float:left;
	}

	div.paragraph div#song_box div#btn_song_play img {
		margin-top:16px;
	}

	
	
	/* ========================================
	   * 校章・校歌用 - テーブル -
	======================================== */
	
	table.badge_song_table {
		margin: 0 0 22px 0;
		padding: 0;
		width: 100%;
	}
	
	table.badge_song_table tr th,
		table.badge_song_table tr td {
			font-size: 100%;
			margin: 0;
			padding: 6px 4px 6px 4px;
	}
	
	table.badge_song_table tr th {
		font-weight: normal;
		text-align: left;
	}
	
	table.badge_song_table thead tr th {
		background-color: #36418F;
		border-bottom: 1px solid #1A1F44;
		color: #FFFFFF;
		width:20%;
	}
	
	table.badge_song_table tbody tr th {
		background-color: #36418F;
		border-bottom: 1px solid #1A1F44;
		color: #FFFFFF;
		width: 28%;
	}
	
	table.badge_song_table tbody tr td {
		border-left: 1px solid #E8E8E5;
		border-bottom: 1px solid #E8E8E5;
		width: auto;
	}

	table.badge_song_table tbody tr td ol {
		margin-bottom: 0 !important;
	}

	table.examination_table thead tr td {
		border-left: 1px solid #E8E8E5;
		border-bottom: 1px solid #E8E8E5;
		width: auto;
	}

}