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

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

body {
	margin: 0 auto;
	list-style: none;
	color: #333333;
	/*background: #FFFFFF url(https://www.eportfolio.velctest.org/img/top_bg_right.jpg) left top repeat-x;*/
	background:#fff url("https://www.eportfolio.velctest.org/img/stdnt/body_bg.gif") repeat-x top;
}
table,ul ol{font-size:93%}
table{border-collapse: collapse;}
th,td{text-align:left;vertical-align:top}
address{font-style:normal;font-size:85%;color:#666}
a{text-decoration:none}
table caption{text-align:left;font-weight:bold;font-size:108%;margin-bottom:10px;border-bottom:1px solid #36f;padding-bottom:5px}

.note {color: #ff0000;font-size:88%;line-height:1.1;margin-bottom:10px;}
.color_red{color:#f00}
.color_white {color: #ffffff;}

.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_05_0 {
	padding:5px 0;
}

.p_pad_10_0 {
	padding:10px 0;
}

.p_pad_20_0 {
	padding:10px 0;
}

/* announce */
.announcement_readed {
	color: #a9a9a9;
}

/* 試験成績一覧 */
.table_exam_list {
	width: 100%;
	border:1px solid #cccccc;
	font-size: 100%;
}
.table_exam_list th,.table_exam_list td{border:1px solid #666;
	font-weight:normal;padding:3px;line-height:1.1}
.table_exam_list th {background-color: #eee;font-size:85%;text-align:center}
.table_exam_list td{text-align:right}
.table_exam_list td.examname{text-align:left}
.table_exam_list a{text-decoration:none;font-weight:bold}
/* 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;
}

#grp_line .jqplot-table-legend {
	border: none;
}

#grp_line .jqplot-xaxis canvas {
	border: none;
}

/* 試験成績詳細 */

#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_listening_reading {
	margin: 5px 0px 5px 0px;
	padding: 0px;		/*	resulty , this id not shown. */
	background-color: #4682b4;	/*#b0e0e6;*/
}

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

#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%;
	/*background-color: #4682b4;		*/
	vertical-align: top;
}
#exam_listening_reading_tbl_1 td {
	border: 1px #FFFFFF solid;
	color: #FFFFFF;
	font-size: 100%;
	/*background-color: #4682b4;		*/
	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,select,textarea{padding:3px}
input.txt-field,select,textarea {
}
input.txt-field:focus,select:focus,textarea:focus {
	color: #333333;
}


form #btn_submit:hover {}

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-style: none;}
img a {border-style: none;}


#wrapper {width:1000px;margin: 5px auto;}

#top_area {position:relative; height: 60px; width: 100%;background:url(https://www.eportfolio.velctest.org/img/stdnt/page_hd_bg.jpg) no-repeat}
.loginpage #top_area, .reminder #top_area{display:none}
#top_area .sitename{display:none}

#top_area #top_txt {}
#top_msg{color: #ffffff;font-size:108%;padding:20px }

#top_msg_a4_portrait{
}


.clear_float {
	clear: both;
}

/* ログイン */
#login_contents {width:1000px;height:677px;position:relative;background: url("https://www.eportfolio.velctest.org/img/stdnt/login_bg.jpg") no-repeat;}
#login_contents form {position:absolute;left:40px;top:260px;width:450px;background-color:#d5e1ec;
padding-bottom:20px}
#table_login {width:380px;margin:15px 0px 10px 20px}
#table_login th,#table_login td{padding:5px;vertical-align:top}
#table_login th {color: #4d4c4c;border-style:none;text-align:right;width: 90px}
#table_login input.txt-field{width:100%;border:1px solid #aaa}
#table_login #mail{margin-bottom:3px}
#table_btn_submit{text-align: center;border-style:none;}
.login-note{text-align:right;margin-right:20px}
#login_contents form #btn_submit {background:url("https://www.eportfolio.velctest.org/img/stdnt/btn_submit_bg.gif") no-repeat;width:130px;height:30px;border-style:none;margin-top:10px;text-align:center}

/* パスワードリマインダー */

#remainder_contents {
	/*clear: both;*/
	text-align: center;
	/*top: 300px;*/
	width: 350px;
	padding: 0;
	margin: 10px auto;
	border: 0px solid #bbbbbb;
}
#remainder_contents form {
	margin : 0px auto;
	font-size: 100%;
}

#table_remainder {
	/*width:480px;*/
	width: 100%;
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin : 10px auto;
}
#table_remainder th {
	color:#696969;
	/*border:0px solid #cccccc;*/
	background-color: #191970;
	color: #ffffff;
	width: 200px;
}
#contents {width: 100%;background:url("https://www.eportfolio.velctest.org/img/stdnt/content_bg.gif") repeat-y  center}

/* === LEFT === */

#contents #left_contents {text-align: left;float: left;width: 210px;margin:0px 7px 10px;}
#contents #left_contents #menu_top {}

#contents #left_contents h3 {display:none}
#contents #left_contents a{color:#777}
#contents #left_contents a:hover {color:#000}

#menu_top{padding-top:5px}
#menu_top ul {margin:5px 5px 10px;border-bottom:1px dotted #444;padding-bottom:4px}
#menu_top li {padding:3px 0px}
#menu_top li a {background:url("https://www.eportfolio.velctest.org/img/stdnt/menu_top_a.gif") no-repeat left top;padding-left:18px;font-size:93%;font-weight:normal}
#menu_top li a:hover{background-position:left -30px}
#menu_top li .menu_exname a{background-image:none;padding-left:0px;font-size:110%}
#menu_top li .menu_date{font-size:93%;}


.menu_top_e3_li {color:#a14251;font-size:85%;font-weight:bold}

/* === center === */

/* A4 landscape */
#contents #main_contents_a4_portrait {
	text-align: center;
	width: 650px;
	color: #474a4d;
	padding: 0px 0px;
	margin: 0px auto 0px auto;
}
#contents #main_contents {	float: left;width: 764px;
}

#contents #main_contents .sentence {
	margin:3px 3px;
}
#main_contents .notice {
	margin: 2px 0px;
}
#contents #main_contents h1 {border: 1px solid #e78491;font-size:108%;padding:3px;background:url("https://www.eportfolio.velctest.org/img/stdnt/main_contents_h1.jpg") no-repeat;line-height:1;font-weight:normal;margin-bottom:5px}

#contents #main_contents h2 {background-color:#79c;padding: 2px 5px;font-size:116%;color:#fff;margin-bottom:12px}
/*
#contents #main_contents h2 {
	border: 1px solid #CCCCCC;
	padding: 2px 4px;
}
*/
#contents #main_contents p{font-size:93%;}
#contents #main_contents a {color:#00f}

#contents #main_contents a:hover {
 text-decoration : underline;
 color : #ff4500;
}
.form_fld_error {
	color: red;
	margin:0 5px;
}
.error-message {
	color: red;
	margin:0 5px;
}

.table_mst_edit th,.table_mst_list th {
	color:#ffffff;background-color: #aaa;}

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

.table_mst_list {width: 100%;}
.table_mst_edit {}

.ui-datepicker-trigger{width:25px;height:18px;background:url(https://www.eportfolio.velctest.org/img/stdnt/icn_calendar.gif) no-repeat center;border-style:none}

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

/* === フッター === */
 #footer{background: url(https://www.eportfolio.velctest.org/img/stdnt/pg_ft_bg.gif) no-repeat top ;padding-top:12px;padding-left:2px}
.loginpage #footer,.reminder #footer{background: url(https://www.eportfolio.velctest.org/img/stdnt/foot_bg.gif) no-repeat top ;padding-top:3px}

#footer2 {
	color: #FFFFFF;
	background-color: midnightBlue;
	margin: 0 10px 0 10px;
}

/* === フッター === */

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

/* === for print === */
@media print{
	#top_area{display:none;}
	#left_contents{display:none;}
	#footer{display:none;}
	.do_print{display:none;}
}
ul.pagination{
	text-align: left;
}
ul.pagination li {
	float:left;
}
/* === 謝罪文 === */
div.special_message_box{
	text-align: left;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid black;
}
div.special_message_box .center{
	text-align: center;
}
div.special_message_box .right{
	text-align: right;
}