@charset "UTF-8";
@import url("https://www.eportfolio.velctest.org/css/fonts.css");

* {margin: 0;padding: 0;list-style: none;}

body {list-style: none;color: #333333;background:#fff url("https://www.eportfolio.velctest.org/img/admin/body_bg.gif") repeat-x top;}
table{border-collapse:collapse;}
address{font-style:normal;font-size:77%;color:#666}
table caption{text-align:left;font-weight:bold}

.color_red {color: #ff0000;}
.color_white {color: #ffffff;}
.goback{text-align:right;margin-bottom:5px;}
.goback a{background: url("https://www.eportfolio.velctest.org/img/admin/arrow_back.gif") no-repeat left center;padding-left:18px;color:#000;line-height:17px}
.do_print {text-align:right;margin-bottom:8px}
.do_print input{background:url("https://www.eportfolio.velctest.org/img/admin/icn_print.gif") no-repeat left top;padding:0px;border-style:none;width:80px;height:23px;text-indent:-9999px;}

.align_right {
	text-align: right;
}
.align_left {
	text-align: left;
}
ul.pagination{
	text-align: left;
}
ul.pagination li {
	float:left;
}
.align_center {
	text-align: center;
}

.line_back_ground_even {
	background-color: #d6d6ff;
}
.line_back_ground_odd {
	background-color: #ffffff;
}

.font_small {
	font-size: 80%;
}

.line-through {
	text-decoration: line-through;
}

.p_pad_10_0 {
	padding:10px 0;
}

.p_pad_20_0 {
	padding:10px 0;
}

.font_size_75per {
	font-size: 75%;
}

.table_no_border {
	border-style: none ;
	/*border-collapse: collapse;*/
}
#contents .table_no_border,#contents .table_no_border tr ,#contents  .table_no_border td ,#contents  .table_no_border th{
	border-style: none ;
}

.vertical_mdl {
	vertical-align: middle;
	border: none;
}

fieldset {
	margin: 10px 0 10px 0;
	padding: 5px;
	border: solid 1px #cccccc;
}


/*アナウンス*/
.announcement_readed {color: #a9a9a9;}
.announcement_readed a{color:#a9a9a9}

/*試験成績一覧*/
.table_exam_list {
	width: 100%;
	border:1px solid #cccccc;
	border-collapse:collapse;
	font-size: 100%;
}
.table_exam_list th {
	color:#ffffff;
	border:1px solid #cccccc;
	background-color: #4682b4;
}
.table_exam_list th,td {
	padding: 5px 5px;
}

/* Jqplot */

#grp_line {
	font-size: 140%; width:100%;
	background-color: #fafad2;	/*#ffdab9; #4682b4;*/
}

#grp_line .jqplot-yaxis-label {
	padding : 0 0 0 5px;
	font-size: 120%;
	color: #FF0000;
}
#grp_line .jqplot-xaxis-label {
	padding : 0 0 0 5px;
	font-size: 120%;
	color: #FF0000;
}

/*試験成績詳細画面*/
#exam_detail td {
	border-style: none;
}

.total_cmt {
	border: 1px solid #999999;
}

#graph_main3 .jqplot-title {
	font-size: 120%;
	color: #000080;
}

#graph_main3 .jqplot-xaxis {
	font-size: 100%;
	color: #8b4513;
}

#graph_main3 .jqplot-table-legend {
	font-size: 100%;

}

#graph_main3 .jqplot-table-legend td {
	color: #a0522d;
}

#graph_main3 table {
	width: 70px;
}

#exam_detail {
	border: 1px solid #4169e1;	/*#898880;*/
	padding: 0 5px 0 5px;
	background-color: #fafad2;	/*#ffdab9;*/
}
.exam_detail_h3_2 {	/* 総評用*/
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	background-color: #4682b4;		/* #00008b; 'darkblue'; */
}

.exam_detail_h4 {	/* 総評用*/
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	color: #2f4f4f;
	background-color: #ccffff;	/*  #ffdbdb'darkblue'; */
}

#exam_listening_reading {
	margin: 5px 0px 5px 0px;
	padding: 0px;		/* this id not shown */
	background-color: #4682b4;	/*#b0e0e6;*/
}

#exam_listening_reading table,th,td {
	font-weight: normal;
	border: 1px #FFFFFF solid;
	border-collapse:collapse;
}

#exam_listening_reading_tbl_1 {
	width: 100%;
	background-color: #4682b4;	/*	powderblue	*/
}

#exam_listening_reading_tbl_1 th {
	font-weight: bold;
	border: 1px #FFFFFF solid;
	color: #FFFFFF;
	font-size: 120%;
	vertical-align: top;
}
#exam_listening_reading_tbl_1 td {
	border: 1px #FFFFFF solid;
	color: #FFFFFF;
	font-size: 100%;
	vertical-align: top;
}

#exam_listening_koma_tbl {
	width: 100%;
	height: 100%;
	background-color: #e9967a;	/*	rosybrown	*/
}
#exam_listening_koma_tbl th {
	font-weight: normal;
	color:#ffffff;
	font-size: 100%;
	padding: 0px 5px 0px 5px;
	border: 1px #4682b4 solid;
	width:40%;
	text-align: left;
	vertical-align: middle;
	background-color: #666666;
}
#exam_listening_koma_tbl td {
	border: 1px #4682b4 solid;
	text-align: left;
	vertical-align: middle;
	font-size:150%;
	background-color: #fafad2;
}

#exam_listening_cmt_tbl {
	width: 100%;
	height: 100%;
	background-color: #e9967a;	/*	rosybrown	*/
}
#exam_listening_cmt_tbl th {
	font-weight: normal;
	font-size: 100%;
	padding: 0px 5px 0px 5px;
	border: 1px #4682b4 solid;
	width: 40%;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	background-color: #666666;
}
#exam_listening_cmt_tbl td {
	border: 1px #4682b4 solid;
	color: #696969;
	background-color: #fafad2;
}

#exam_reading_koma_tbl {
	width: 100%;
	height: 100%;
	background-color: #e9967a;	/*	rosybrown	*/
}
#exam_reading_koma_tbl th {
	font-weight: normal;
	color:#ffffff;
	font-size: 100%;
	padding: 0px 5px 0px 5px;
	border: 1px #4682b4 solid;
	width: 40%;
	text-align: left;
	vertical-align: middle;
	background-color: #666666;
}
#exam_reading_koma_tbl td {
	border: 1px #4682b4 solid;
	text-align: left;
	vertical-align: middle;
	font-size:150%;
	background-color: #fafad2;
}

#exam_reading_cmt_tbl {
	width: 100%;
	height: 100%;
	background-color: #e9967a;	/*	rosybrown	*/
}
#exam_reading_cmt_tbl th {
	font-weight: normal;
	font-size: 100%;
	padding: 0px 5px 0px 5px;
	border: 1px #4682b4 solid;
	width: 40%;
	text-align: left;
	vertical-align: middle;
	color: #ffffff;
	background-color: #666666;
}

#exam_reading_cmt_tbl td {
	border: 1px #4682b4 solid;
	color: #696969;
	background-color: #fafad2;
}

.total_cmt {
	border: 1px solid #999999;
}

/*フォーム*/

input,textarea,select {
	padding: 3px 3px;border:1px solid #aaa
}
input.txt-field,select,textarea {
	font-size: 100%;
	letter-spacing: 0.2em;
	color: #000000;
	/*background-color: #F9F9F9;*/
	border: 1px solid #999999;
	
}
input.txt-field:focus,select:focus,textarea:focus {
	/*color: #333333;*/
	background-color: #FFFFCC;
	border-color: #330000;
}
label{margin-right:10px;}


form #btn_submit {
	padding: 3px;
	border : 1px solid #aaa;
}

form #btn_submit:hover {
	border : 1px solid #000;
}

form .btn_set {
	padding: 3px;
	border : 1px solid #ff6600;
	background-color: #ffffff;
}

form .btn_set:hover {
	border : 1px solid #ff0000;
}

div #form_btn {
	text-align: center;
	border-style: none;
	padding: 10px 0px;
	clear: both;
}

img {
	vertical-align: middle;
	border: none;
}

#wrapper {width:1000px;margin: 0px auto;text-align:left;margin-top:5px}

#top_area {
	position:relative; background:url("https://www.eportfolio.velctest.org/img/admin/pg_hd.png") no-repeat;height:58px;
}

#top_area #top_txt {
}

#top_msg{display:none;
	/*font-weight: normal;}*/
	height: 30px;
	color: #ffffff;
	margin: 0 10px;
	padding:5px 0px;
	background: url(../img/adm_top.gif) repeat-x;
	/*background-color: #814721;*/
	font-size: 140%;
}

#top_msg_2{
	color: #fff;
	font-size: 108%;padding:20px
}

#top_area #logo {
	width : 100%;
	text-align :center;
	margin: 10px auto;
	padding : 0px 0px;
}
#logo #logo_area {
	width: 906px;
	margin: 0px auto;
	padding : 0px 0px;

}
#logo #logo_area #logo_img {
	float: left;
}

#logo #logo_area #callto_img {
	float: right;
}

.clear_float {
	clear: both;
}

/* ログイン*/

#login_contents,#remainder_contents {width:1000px;height:675px;position:relative;background: url("https://www.eportfolio.velctest.org/img/admin/login_bg.jpg") no-repeat;}
.loginpage #top_area,.reminder #top_area{display:none}

#top_txt_login {
	width : 100%;
	text-align :center;
	margin: 5px auto;
	padding:10px 0px;
}
#top_msg_login{
	color: #ffffff;
	margin: 0 10px;
	padding:10px 0px;
	background: url(../img/adm_top.gif) repeat-x;}

#login_contents form,#remainder_contents form {background-color:#fff;width: 400px;position:absolute;top:300px;left:50px;background-color:#eef;padding:10px}
#table_login caption{text-align:left;font-weight:bold;font-size:108%;margin-bottom:10px;border-bottom:1px solid #36f;padding-bottom:5px}
#table_login,#table_remainder {margin:15px;}
#table_login th,#table_remainder th {text-align:right;}
#table_login th,#table_login td,#table_remainder th,#table_remainder td {padding: 5px 5px;}

#table_btn_submit{
	text-align: center; border-style:none;
	/*margin: 10px 0;*/
}
.login-note{text-align:right;margin:15px;}

#contents {}
#contents #contents_area {
	padding:0px 2px;background:#fff url("https://www.eportfolio.velctest.org/img/admin/contents_area_bg.gif") repeat-y;padding-bottom:20px}

/* === LEFT === */

#contents #left_contents {	float: left;width: 210px;margin: 3px 7px 10px;}

#contents #left_contents #menu_top {
	border: 1px solid #cccccc;
	padding: 0px 0px;
	margin: 0px 1px 0px 0px;
}

#contents #left_contents h3 {font-size:93%;
	color: #ffffff;padding:2px 4px;background-color: #304c86;
}

#menu_top ul {
	margin : 10px 0 0 0;
	padding : 0;
}
#menu_top li {
	background : url(https://www.eportfolio.velctest.org/img/arrow_right_15px.gif) no-repeat left center;
	margin : 0 0 10px 5px;
	padding-left : 20px;
}

#menu_top li a { text-decoration : none;color:#000}

#menu_top li a:hover { text-decoration : underline; color : #ff4500;}

/* === LEFT END === */


/* === CENTER === */
#contents #main_contents,#contents #admin_main_contents{
	text-align: left;width: 764px;padding-top:3px;float:left}

#contents #main_contents .sentence {
	margin:3px 3px;
}
#main_contents .notice {
	margin: 2px 0px;
}

#contents #main_contents h1 {font-size:123.1%;background:url("https://www.eportfolio.velctest.org/img/admin/h1_bg.gif") no-repeat;height:30px;line-height:30px;padding-left:10px;letter-spacing:2px;margin-bottom:10px}

#contents #main_contents h2 {background-color:#79c;padding: 2px 5px;font-size:116%;color:#fff;margin-bottom:12px}
#contents #main_contents h3 {border:1px solid #359;padding: 2px 5px;font-size:108%;color:#359;margin-bottom:12px}

#contents #main_contents a{ text-decoration : none}
#contents #main_contents a:hover { text-decoration : underline; color : #ff4500;}
.file_dl {text-align:right;}
.file_dl a{margin-bottom:5px;background:url("https://www.eportfolio.velctest.org/img/admin/file_dl.gif") no-repeat left top;padding-left:18px;line-height:16px;height:16px;display:inline-block}

/* === master入力 === */
.error-message {
	color: red;
	margin:0 5px;
}
.form_fld_error {
	color: red;
	margin:0 5px;
}

.table_mst_edit {}
.table_mst_edit th {color: #696969;background-color: #fce7e9;}
.table_mst_edit th,.table_mst_edit td {border:1px solid #aaa;padding: 3px 3px;}

/* === Mini Master === */
.table_m_mst_edit {}
.table_m_mst_edit th {color: #696969;background-color: #bff6ba;}
.table_m_mst_edit th,.table_m_mst_edit td {border:1px solid #aaa;padding: 3px 3px;}
/* === master list === */
.table_mst_list {width:100%;margin-bottom:8px}
.table_mst_list th {font-size:85%;background-color: #fce7e9;text-align:center}

.table_mst_list th,.table_mst_list td {border:1px solid #aaa;padding: 3px 3px;}

/* === Mini master list === */
.table_m_mst_list {width:100%;margin-bottom:8px}
.table_m_mst_list th {font-size:85%;background-color: #bff6ba;text-align:center}

.table_m_mst_list th,.table_m_mst_list td {border:1px solid #aaa;padding: 3px 3px;}
/* === 配点 === */
#mst_edit_allot {
	width: 786px;
}

.mst_edit_allot_dt {
	float: left;
	text-align: center;
	width: 72px;
	border: 1px solid #bbbbbb;
	padding: 3px 1px;
	margin: -1px -1px 0 0;
}

/* === 正解 === */
#mst_edit_correct {
	width: 786px;
	/*border: 1px solid #bbbbbb;*/
}

.mst_edit_correct_dt {
	float: left;
	text-align: center;
	width: 72px;
	border: 1px solid #bbbbbb;
	padding: 3px 1px;
	margin: -1px -1px 0 0;
}

/* === 採点種別 === */
#mst_edit_pattern {
	width: 786px;
}

.mst_edit_pattern_dt {
	float: left;
	text-align: center;
	width: 75px;
	border: 1px solid #bbbbbb;
	padding: 3px 1px;
	margin: -1px -1px 0 0;
}

/* === 分野 === */
#mst_edit_field {
	width: 786px;
}

.mst_edit_field_dt {
	float: left;
	text-align: center;
	width: 75px;	/* limit of 10 fields / Line */
	border: 1px solid #bbbbbb;
	padding: 3px 1px;
	margin: -1px -1px 0 0;
}

/* === 読み取り === */

.table_adm_exam_entry_error {
	/*width:480px;*/
	border:1px solid #cccccc;
	border-collapse: collapse;
}
.table_adm_exam_entry_error th {
	text-align: center;
	color: #696969;
	background-color: #ffd3a8;
}

.table_adm_exam_entry_error th,td {
	border:1px solid #cccccc;
	padding: 3px 3px;
}

/* === 回答データ === */
#exam_entry {
	width: 786px;
}
.exam_entry_dt_fld {
	padding: 10px 5px;
}
.exam_entry_dt_answer {
	float: left;
	text-align: center;
	width: 72px;
	border: 1px solid #bbbbbb;
	padding: 3px 1px;
	margin: -1px -1px 0 0;
}

/* === 改ページ === */
.page_break_before {
	page-break-before: always;
}

/* === フッター === */
#footer {background:url("https://www.eportfolio.velctest.org/img/admin/ft_bg.gif") no-repeat top;padding:4px 2px}

#copyright {
	margin: 50px 5px 0 5px;
	padding: 25px 0;
	text-align: center;
}

@media print{
	#top_area{display:none;}
	#left_contents{display:none;}
	#footer{display:none;}
#contents #contents_area{background-image:none}
}

.tbl_no_line_all table,tr,th,td {
	border: 0px;
}

/* テスト情報 */

.velc_ttl_exam_scr_cnv {
	border-left : 10px solid #ff0000;
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	min-height: 30px;
	line-height: 30px;
	font-size: 120%;
}