@charset "utf-8";

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


/*-- HEADER --*/

#header{
	width:100%;
	height:60px;
	background-color:#333333;
	text-align:left;
	overflow:hidden;
	border-bottom:solid 3px #f0f0f0;
}

@media screen and (min-width:481px){

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

#header_logo_sp{ display:none; }

}


/*-- DETAIL --*/

#detail{
	padding:7px 0px 7px 0px;
	width:100%;
	background-color:#ffffff;
	text-align:left;
	overflow:hidden;
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #d2d2d2;
}

#detail p{
	padding:0px 10px 0px 10px;
	text-align:right;
}


/*-- PAGE SCROLL --*/

#page_scroll{
	padding:0px 0px 30px 0px;
	width:100%;
	text-align:center;
}

#page_scroll p{
	margin:0px auto;
	width:240px;
	height:40px;
}


/*-- FOOTER --*/

#footer{
	width:100%;
	background-color:#333333;
	text-align:center;
	border-top:solid 3px #d2d2d2;
}

.copyright{
	padding:30px 15px 50px 15px;
}


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


/*-- CONTENTS --*/

@media screen and (min-width:711px){

#login_contents{
	margin:30px auto 300px auto;
	padding:0px 0px 50px 0px;
	width:700px;
	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:700px;
	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 12px 0px;
	width:700px;
	background-color:#ffffff;
	text-align:left;
	overflow:hidden;
}

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

.id_area{
	padding:15px 0px 15px 0px;
	width:700px;
	background-color:#ffffff;
	text-align:left;
	overflow:hidden;
}

.id_text{
	float:left;
	padding:7px 0px 0px 20px;
	width:20%;
	text-align:left;
}

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

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

.pass_text{
	float:left;
	padding:7px 0px 0px 20px;
	width:20%;
	text-align:left;
}

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

.login_text{
	padding:30px 0px 0px 0px;
	width:700px;
	background-color:#ffffff;
	text-align:center;
}

.login_text .text{
	padding:0px auto;
	text-align:center;
}

.login_text .link{
	margin:10px 0px 0px 0px;
	padding:0px auto;
	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:450px;
	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:300px;
	overflow:hidden;
}

.form_bo p{
	margin:0px 0px 0px 0px;
	width:300px;
	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 (min-width:711px){

#student_contents{
	margin:30px auto 30px auto;
	padding:0px;
	width:700px;
	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:700px;
	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:700px;
	background-color:#e6f0fa;
	text-align:left;
	overflow:hidden;
}

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

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

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

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

}