/*------------------------------
　共通装飾
-------------------------------*/
/* 指定タグに対するスタイル */
/* formの隙間をなくす */
form {
	margin-top: 0em;
	margin-bottom: 0em;
}


/* 画面全体の共通 */
body {
	margin: 0px;
	font-size: small;
	color: #444444;
	background-image: url(../img/back.gif);
	background-repeat: repeat-y;
}


/* labelにマウスカーソル指定 */
label {
	cursor: pointer;
}


/* INPUTタグの文字サイズ指定 */
input {
	font-size: 12px;
}


/* SELECTタグの文字サイズ指定 */
select {
	font-size: 12px;
}



/* 指定クラスに対するスタイル */
/* 保存系ボタンの大きさ */
.input-submit {
	width: 100px;
}


/* 画面遷移系ボタンの大きさ */
.input-foward {
	height: 25px;
	width: 120px;
}


/* 画面遷移系ボタンの大きさ */
.input-foward2 {
	height: 20px;
	width: 80px;
}


/* 画面遷移系ボタンの大きさ */
.input-foward3 {
	height: 40px;
	width: 200px;
	font-size: 12pt;
}


/* 画面遷移系ボタンの大きさ */
.input-foward-mini {
	height: 25px;
	width: 65px;
}


/* ファイル選択の大きさ */
.input-file {
	width: 255px;
}


/* ファイル選択の大きさ */
.input-file2 {
	width: 220px;
}


.input-sort {
	height: 35px;
	width: 100px;
}


.menu-title {
	padding-top: 10px;
	font-weight: bold;
}


.borderline{
	padding: 10px 0px;
	border-top: solid 2px #036;
	border-bottom: solid 2px #036;
}

.rightmenu {
	float: right;
	display: inline;
}


/* エラー表示 */
.error {
	padding: 10px 10px 10px 28px;
	margin: 10px 0px;
	border: solid 1px #FF3333;
	color: #FF3333;
	background: url(../img/icon_error.gif) 10px no-repeat;
}


/* メインメニューリンク */
.mainmenu{
	float: right;
}


.mainmenu a{
	margin: 3px 5px;
	color: #003366;
}


/* ページ遷移パーツ */
.pagemove {
	width: 700px;
	padding: 3px;
	margin-left: 25px;
}


/* ページ遷移パーツの上青線 */
.line_blue_top {
	height: 2px;
	width: 700px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 25px;
}


/* ページ遷移パーツの下青線 */
.line_blue_buttom {
	height: 2px;
	width: 700px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 25px;
}


/* 各画面のボタン一覧表示 */
.buttons {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-color: #003366;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #003366;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}


/* 各画面のリスト表示 */
ul.list_yellow {
	padding: 0px;
	margin: 0px;
}

ul.list_yellow li{
	padding-left: 13px;
	margin-bottom: 5px;
	background: url(../img/yaji.gif) top left no-repeat;
	list-style: none;
}



/* 各画面のリスト表示 */
ul.list_triangle {
	padding: 0px;
	margin: 0px;
}

ul.list_triangle li{
	padding-left: 13px;
	margin-bottom: 8px;
	background: url(../img/triangle_right.gif) left no-repeat;
	list-style: none;
}




/* 指定ID（画面に1つ）に対するスタイル */
/* ヘッダ */
#header {
	width: 750px;
}



/* フッタ */
#footer {
	clear: left;
	width: 750px;
	padding-top: 5px;
	border-top-color: #003366;
	border-top-style: solid;
	border-top-width: 2px;
	text-align: right;
}



/* アプリケーションタイトル */
#apTitle {
	width: 720px;
	margin: 17px 15px 10px 15px;
}




/*------------------------------
　各ページ用装飾
-------------------------------*/

/* メール通知設定 */
.setting_list {
	width: 660px;
	margin-bottom: 20px;
	margin-left: 45px;
}


/* メール通知設定のセル */
.setting_list th{
	width: 30%;
	padding: 3px 10px;
	text-align: left;
	background: #C3D8EE;
}


.setting_list td {
	width: 70%;
	padding: 3px;
}



/* 進捗管理 */
.progress_list {
	width: 700px;
	margin-bottom: 20px;
	margin-left: 25px;
}


/* 進捗管理 のセル */
.progress_list th{
	padding: 3px 0px;
	text-align: left;
	background: #C3D8EE;
}


.progress_list td {
	width: 6.9%;
	padding: 3px 0px;
	text-align: center;
}



.progress_list tr.monthly th{
	padding: 5px 0px;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background: #036;
}



.progress_list th.th_username{
	width: 12%;
	padding: 3px;
}

.table01 {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #c3d8ee;
}
.table02 {
	BACKGROUND-COLOR: #deeaf5;
}
.table03 {
	BACKGROUND-COLOR: #d2e2f0;
}
.table04 {
	BACKGROUND-COLOR: #dedede;
}
.table05 {
	BACKGROUND-COLOR: #FF3333;
}

	
	
/* メインメニューテーブル */
.tb_menutable{
	width: 720px;
	margin-left: 5px;
}


.tb_menutable th{
	width: 20%;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}


.tb_menutable td{
	width: 80%;
	padding: 0px 5px;
	vertical-align: top;
}


.tb_menutable td h2{
	padding: 10px;
	margin: 0px;
	font-size: 14px;
	color: #FFFFFF;
	background: url(../img/title_monthbg.gif) left no-repeat;
}


/* メインメニュー・小テーブル */
table.tb_menu_s{
	padding: 0px;
	margin: 5px 0px 0px 0px;
}

	
table.tb_menu_s .td_menubg_s{
	padding: 0px 5px;
	text-align: center;
	background: url(../img/img_mainbg_menuboxs.gif) repeat-y center;
}

	
/* 受講表テーブル */
table.tb_coursetable{
	width: 90%;
}

	
table.tb_coursetable th{
	width: 20%;
	padding: 2px 0px;
	font-weight: bold;
	text-align: center;
	background: #C3D8EE;
}


table.tb_coursetable td{
	width: 20%;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	background: #DEDEDE;
}


table.tb_coursetable tr.tr_term th{
	color: #fff;
	background: #036;
}
table.tb_coursetable th.th_space{
	color: #fff;
	background: #fff;
}
table.tb_coursetable th.th_term{
	color: #fff;
	background: #036;
}


table.tb_coursetable2{
	width: 90%;
}


table.tb_coursetable2 td{
	width: 5%;
	text-align: center;
}

table.tb_coursetable2 th{
	text-align: center;
}



/* メインメニュー・小テーブル・グレー */
table.tb_menu_gray{
	padding: 0px;
	margin: 0px;
}

	
table.tb_menu_gray .td_menubg{
	padding: 5px 20px 0px;
	text-align: left;
	background: url(../img/img_mainbg_submenubox.gif) repeat-y center;
}



/* メインメニュー・テストテーブル */
table.tb_testmenu{
	padding: 0px;
	margin: 0px 0px 5px;
}


table.tb_testmenu td{
	padding: 0px;
	margin: 0px;
	text-align: left;
}


table.tb_testmenu td p{
	margin: 5px;
}

table.tb_testmenu hr{
	height: 1px;
	background-color: #CCCCCC;
}

table.tb_testmenu td.td_testmenubg_confirm{
	padding: 8px 11px;
	background: url(../img/img_mainbg_menubox.gif) left repeat-y;
}

table.tb_testmenu td.td_testmenubg{
	padding: 0px 11px;
	background: url(../img/img_mainbg_menubox.gif) left repeat-y;
}


/* メインメニュー・テストテーブル 見出し*/

table.tb_testmenu td.td_testmenubg h3{
	padding: 5px 8px;
	margin: 0px;
	font-size: 14px;
	background: url(../img/title_testtitlebg.gif) left no-repeat;
}

	
/* メインメニュー・テスト項目テーブル */
table.tb_testindex{
	width: 99%;
	padding: 0px;
	margin: 6px 0px 0px;
	border: 0px;
}

table.tb_testindex td p{
	margin: 0px 0px 5px;
	white-space: nowrap;
}

table.tb_testindex p img{
	padding-right: 5px;
	vertical-align: middle;
}

table.tb_testindex th{
	width: 20px;
	padding: 0px 5px 0px 0px;
	vertical-align: middle;
	text-align: left;
}

table.tb_testindex td.td_textbook{
	width: 80%;
	padding: 10px 10px 0px;
	background: #eee;
}

table.tb_testindex td.td_test{
	width: auto;
	padding: 15px 0px;
	vertical-align: middle;
	text-align: center;
	background: #C3D8EE;
	width: 33%;
}

table.tb_testindex td.td_test_confirm{
	width: auto;
	padding: 13px 0px 0px 0px;
	vertical-align: top;
	text-align: center;
	background: #C3D8EE;
	width: 33%;
}

table.tb_testindex td.td_test_stamp_monthly{
	width: auto;
	padding: 15px 17px;
	vertical-align: middle;
	text-align: right;
	background: #C3D8EE;
	width: 33%;
}



/* 復習・正解率 */
.txt_answer {
	width: 80%;
	margin: 5px 0px;
	border-bottom: solid 2px #039;
	font-size: 32px;
	font-weight: bold;
	color: #039;
}


/* 復習テ-ブル */
.brushup_list {
	width: 100%;
	margin-bottom: 20px;
}


.brushup_list th{
	width: 5%;
	padding: 5px 0px;
	vertical-align: top;
	text-align: center;
}


.brushup_list  td {
	width: 95%;
	padding: 5px;
}


.brushup_list tr.line th{
	background: #C3D8EE;
}

	
.brushup_list tr.line td{
	background: #DEEAF5;
}


p.link a{
	padding-right: 5px;
	padding-left: 11px;
	background: url(../img/footer_yaji.gif) no-repeat left;
}

#test_message {
	font-size:x-small;
	color: #CC3333;
}

.monthly_test_term {
	color: #CC3333;
	font-size: 15px;
	font-weight: bold;
}

.menu_header {
	width: 100%;
}

.menu_header td{
	vertical-align:middle; 
	
}

.tb_stamp{
	background-color: #FFFFFF;
	padding: 0px;
	margin: 3px 0px 3px 0px;
	vertical-align: middle;
	border: 1px solid #666600;
}
.tb_stamp td.stamp{
	width: 100%;
	vertical-align: bottom;
	text-align: center;
	color: #CC3333;
}
.tb_stamp .point {
	color: #CC3333;
	font-size: 22px;
	font-weight: bold;
}