@charset "utf-8";

/*=========================================*/
/* 個別設定 */
/*=========================================*/


/*-- HEADER --*/

@media screen and (max-width:480px){

#header_logo{ display:none; }

#header_logo_sp{
	float:left;
	padding:15px 0px 0px 10px;
}

}


/*=========================================*/
/* ログインページ */
/*=========================================*/


/*-- CONTENTS --*/

@media screen and (max-width:710px){

#login_contents{
	margin:30px 5px 30px 5px;
	padding:0px 0px 50px 0px;
	width:auto;
	background-color:#ffffff;
	text-align:left;
	overflow:hidden;
	border:solid 1px #dcdcdc;
}

#login_contents{
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
	     -o-border-radius:3px;
	        border-radius:3px;
}

#login_contents_title{
	padding:0px;
	width:100%;
	text-align:left;
	border-bottom:solid 2px #555555;
}

#login_contents_title{
	background:-webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));
	background:-webkit-linear-gradient(top, #555555, #333333);
	background:   -moz-linear-gradient(top, #555555, #333333);
	background:     -o-linear-gradient(top, #555555, #333333);
	background:        linear-gradient(to bottom, #555555, #333333);
}

#login_contents_title p{
	padding:15px 15px 10px 15px;
}

.login_title{
	padding:15px 0px 10px 0px;
	width:100%;
	background-color:#ffffff;
	text-align:left;
	overflow:hidden;
}

.login_sub{
	padding:0px 15px 0px 15px;
	text-align:left;
}

.id_area{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:90%;
	background-color:#ffffff;
	text-align:left;
	overflow:hidden;
}

.id_text{
	margin:0px auto 0px auto;
	padding:0px 0px 2px 0px;
	width:95%;
	text-align:left;
}

.id_form{
	padding:0px 0px 0px 0px;
	width:100%;
	text-align:center;
}

.pass_area{
	margin:0px auto 0px auto;
	padding:0px 0px 20px 0px;
	width:90%;
	background-color:#ffffff;
	text-align:left;
	overflow:hidden;
}

.pass_text{
	margin:0px auto 0px auto;
	padding:0px 0px 2px 0px;
	width:95%;
	text-align:left;
}

.pass_form{
	padding:0px 0px 0px 0px;
	width:100%;
	text-align:center;
}

.login_text{
	margin:20px auto 0px auto;
	width:90%;
	overflow:hidden;
	background-color:#ffffff;
	text-align:center;
}

.login_text .text{
	margin:0px 0px 0px 0px;
	width:100%;
	text-align:center;
}

.login_text .link{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	text-align:center;
}

.login_text .link a:link{ color:#141482; text-decoration:underline; }
.login_text .link a:visited{ color:#141482; text-decoration:underline; }
.login_text .link a:hover,active{ color:#3cb4dc; text-decoration:none; }


/*-- FORM --*/

.form_text{
	padding:10px;
	width:90%;
	border:1px solid #e0e0e0;
	background:#f5f5f5;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
		   -o-border-radius:3px;
		      border-radius:3px;
}


/*-- FORM BUTTON --*/

.form_bo{
	margin:0px auto 0px auto;
	width:90%;
	overflow:hidden;
}

.form_bo p{
	margin:0px 0px 0px 0px;
	width:100%;
	text-align:center;
}

.form_bo p a{
	padding:10px;
	background:#141482;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
		   -o-border-radius:3px;
		      border-radius:3px;
}

.form_bo p a{
	display:block;
	text-decoration:none;
}

.form_bo p a:link{ color:#ffffff; text-decoration:none; }
.form_bo p a:visited{ color:#ffffff; text-decoration:none; }
.form_bo p a:hover,active{ color:#ffffff; text-decoration:none; background-color:#3cb4dc; }

}


/*=========================================*/
/* 学生観覧用 */
/*=========================================*/


/*-- CONTENTS --*/

@media screen and (max-width:710px){

#student_contents{
	margin:30px 5px 30px 5px;
	padding:0px;
	width:auto;
	background-color:#ffffff;
	text-align:left;
	overflow:hidden;
	border:solid 1px #dcdcdc;
}

#student_contents{
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	    -ms-border-radius:3px;
	     -o-border-radius:3px;
	        border-radius:3px;
}

#student_contents_title{
	padding:0px;
	width:100%;
	text-align:left;
	border-bottom:solid 2px #555555;
}

#student_contents_title{
	background:-webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));
	background:-webkit-linear-gradient(top, #555555, #333333);
	background:   -moz-linear-gradient(top, #555555, #333333);
	background:     -o-linear-gradient(top, #555555, #333333);
	background:        linear-gradient(to bottom, #555555, #333333);
}

#student_contents_title p{
	padding:15px 15px 10px 15px;
}

.result_title{
	padding:15px 0px 12px 0px;
	width:100%;
	background-color:#e6f0fa;
	text-align:left;
	overflow:hidden;
}

.result_white{
	padding:15px 0px 12px 0px;
	width:100%;
	background-color:#ffffff;
	text-align:left;
	border-top:solid 1px #dcdcdc;
	overflow:hidden;
}

.result_black{
	padding:15px 0px 12px 0px;
	width:100%;
	background-color:#f5f5f5;
	text-align:left;
	border-top:solid 1px #dcdcdc;
	overflow:hidden;
}

.result_sub{
	float:left;
	padding:0px 15px 0px 15px;
	width:70%;
	text-align:left;
}

.result_rec{
	float:right;
	width:15%;
	text-align:center;
	border-left:solid 1px #dcdcdc;
}

}