/*==================================================================

pasestyle

==================================================================*/


/* --------------
login
 ------------- */

#login_box{
  width:350px;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-175px;
  margin-top:-190px;
  text-align:center;
}
#login_box h1{ border:none; padding:20px 0 5px;}
#login_box li{ background:#FFF; margin-bottom:5px; padding:5px; text-align:right;}
#login_box input{ border:1px solid #CFCFCF;}
#button_login{ padding:10px 0 0; margin-bottom:20px;}
#button_login .button{ width:100%; font-size:120%; padding:10px 0;}



/* --------------
header
 ------------- */
 
#header{
  padding:20px 20px 10px 20px;
	background-image:url(../image/hed_txt_01.png);
	background-repeat:no-repeat;
	background-position:50% 20px;
}
div#logo img{ max-width:80%;}

div#logo p{
  float:left;
  font-size:65%;
}
div#logo{float:left; width:320px;}
div#menu{float:left;}

div#menu ul{
  float:left;
  text-align:left;
  clear:both;
  padding:20px 30px;
}
div#menu ul li{
  padding:0 15px;
  display:inline-block;
  margin:0;
  list-style: none;

}

#menu_mobile{ width:41px; height:41px;
  float:right;
  margin-top:5px;}

#logout{
  float:right;
  clear:both;
  padding:10px;x
}
#logout span{
  display:inline-block;
  text-align:right;
  font-size:smaller;
  padding:10px 7px 7px;
}
#logout a{
  padding:7px;
  width:130px;
  text-align:center;
  margin:0 0 0 auto;
  color:#FFFFFF;
  background:#555555 url(../image/arow_r.png) no-repeat right center;
  display:inline-block;
  font-size:smaller;
  border-radius:5px;
}

#main{
	background-color:#FDFDFD;
	padding: 25px 0 10px;
	width: 100%;
	min-width: 1000px;
}
#main ul {
	margin: -60px auto 0;
	overflow: hidden;
	padding: 10px 0;
	width: 1000px;
}
#main li {
	float: left;
	margin: 0 0 0 19px;
	width: 184px;
}
#main li:first-child {
	margin: 0;
}
.main_add {
	max-width: 1000px;
	margin: 15px auto;
	overflow: hidden;
	font-size: 12px;
	line-height: 19px;
	color: #323232;
}
.main_add th {
	font-size: 12px	;
	padding:0 20px 0 0;
}
.main_add .tuboi {
	width: 50%;
	float: left;
	border-right: 1px dotted #323232;
	padding:0 40px 0 0;
}
.main_add .suizenji {
	width: 50%;
	float: left;
	padding:0 0 0 40px;
}
/* フッター
------------------------------------------------------------------------------------------------*/
#footer {
  background: #323232;
  color: #FFF;
  min-width: 1000px;
}
#footer .inner {
  margin: 0 auto;
  padding: 10px;
  width: 1000px;
}
#footer p.small {
  text-align: right;
}
#footer ul {
  display: inline-block;
  float: left;
  font-size: 0;
}
#footer ul li {
  display: inline;
  font-size: 12px;
  padding-right: 12px;
}
#footer ul li:before {
  content: "> ";
}
#footer a {
  color: #FFF;
  text-decoration: none;
}
#footer a:hover {
  color: #FAEE00;
}
.main_add .tuboi span,
.main_add .suizenji span{
	display:none;
}

@media screen and ( max-width:1000px ){
	#main{
    min-width:100%;
  }
	.main_add th {
		font-size: 12px	;
		padding:0 10px 0 0;
	}
	.main_add .tuboi {
		width: 50%;
		float: left;
		border-right: 1px dotted #323232;
		padding:0 20px 0 0;
	}
	.main_add .suizenji {
		width: 50%;
		float: left;
		padding:0 0 0 20px;
	}
	#footer{
		min-width:100%;
	}
	#footer .inner {
	  margin: 0 auto;
	  padding: 10px;
	  width: 100%;
	}
	#footer .inner ul{
		float:none;
	}
	#footer .inner li{
		display:inline-block;
	}
	#footer .inner p{
	}
}
@media screen and ( max-width:960px ){
	#header{
		background-image:none;
	}
	.main_add th {
		display:none;
	}
	.main_add td {
		text-align:center;
		padding:0;
		width:100%;
	}
	#main div.tuboi,
	#main div.suizenji{
		float:none;
		width:100%;
		border-right:none;
		padding:10px 0;
  }
	.main_add .tuboi span,
	.main_add .suizenji span{
		display:inline;
	}
  #header{ padding:0; background-size:300px; background-position:90% center;}
  div#logo{ width:320px; padding:10px;}
  #header_menu{
    position:fixed;
    height:100%;
    background:#FFF;
    width:90%;
    z-index:9999;
  }
  #header_menu.hide{
    visibility:hidden;
    right:-100%;
    transition:0.15s all ease 0s;
  }
  #header_menu.display{
    visibility:visible;
    right: 0;
    transition:0.15s all ease 0s;
  }
  #menu_mobile_close{
    float:right;
  }
  
  div#menu{
    float:none;
  }
  div#menu ul{
    padding:20px 10px;
  }
  div#menu ul li{
    padding:5px 15px;
    float:none;
    display:block;
  }
  #logout{
  	text-align:center;
    float:none;
    position:absolute;
    right:0px;
    top:10px;
    margin:0;
    border-top:none;
    border-bottom:none;
    padding-bottom:10px;
  }
  #logout span{
    text-align:center;
  }
  #logout a{
    padding:5px;
    text-align:center;
    margin:0 auto;
    width:110px;
    color:#FFFFFF;
    background:#555555;
    display:block;
    border-radius:5px;
    text-align:center;
  }
}
@media screen and ( max-width:620px ){
  #header{ background-image:none; }
  div#logo{ clear:both; text-align:center; width:320px;  float:none; margin:0 auto; }
  div#logo p{ float:none;}
  div#logo p#titletext{ display:none;}
  #menu_mobile{ margin-top:-100px; }
  #logout{position:static;}
  h1{ font-size:145%;}
  .page_menu_index{ font-size:80%; }
  .small{ font-size:70%; }

}
/* --------------
vod
 ------------- */
 
.page_menu_index{ padding:0 0 30px;}
.page_menu_index li{
  display:block; width:100%; float:none;
}
.vod_player{ width:100%;}

@media screen and ( min-width:960px ){
  .page_menu_index li{
    display:block; width:50%; float:left;
  }
}

.course_button1{
  border:none;
  display:block;
  margin:10px;
  padding:50px;
  text-align:center;
  border:1px solid #3B3A6C;
  color:#3B3A6C;
  font-size:250%;
  font-weight:bold;
  background:#F2F2F5 url(../image/arow_r.png) no-repeat right center;
  cursor:pointer;
  border-radius:10px;
}
.course_button1:hover{
  background:#3B3A6C url(../image/arow_r.png) no-repeat right center; color:#FFFFFF;
}
.course_button2{
  border:none;
  display:block;
  margin:10px;
  padding:50px;
  text-align:center;
  border:1px solid #97063D;
  color:#97063D;
  font-size:250%;
  font-weight:bold;
  background:#F5E6EC url(../image/arow_r.png) no-repeat right center;
  cursor:pointer;
  border-radius:10px;
}
.course_button2:hover{
  background:#97063D url(../image/arow_r.png) no-repeat right center; color:#FFFFFF;
}

#uploaderbox{
  border:1px solid #DEDEDE;
  margin:20px 0;
  padding:10px 25px;
}

#filelist_table{
  width:50%;
  margin:0 auto 0 0;
}
#filelist_table th,#filelist_table td{ padding:5px;}

.paragraph{ padding:15px 0;}


/* --------------
table
 ------------- */

table {
  width:100%;
  margin:0 auto 40px;
}

table.tablesize_75 { width:75%;}
table.tablesize_50 { width:50%;}

table.commontable{
  border-top:1px solid #BBBBBB;
  border-right:1px solid #BBBBBB;
}
table.commontable th{
  padding:10px;
  vertical-align:top;
  background-color:#EEEEEE;
  border-bottom:1px solid #BBBBBB;
  border-left:1px solid #BBBBBB;
  width:160px;
}
table.commontable th.cellheader_long{
  width:240px;
}
table.newtable th{
  width:120px;
}

.deposittable01{
  width:48%;
  float:left;
}
.deposittable02{
  width:48%;
  float:right;
}
table.commontable td{
  padding:10px;
  border-bottom:1px solid #BBBBBB;
  border-left:1px solid #BBBBBB;
  vertical-align:middle;
}

table.commontable td p{ padding:3px 0;}
table.commontable a img{ display:block;}
table.commontable td img{ display:inline;}


/* --------------
button
 ------------- */

.button{
  border:none;
  display:inline-block;
  min-width:17em;
  margin-top:10px;
  padding:10px;
  text-align:center;
  color:#FFFFFF;
  background:#0092DF url(../image/arow_r.png) no-repeat right center;
  cursor:pointer;
  border-radius:5px;
}
.uploadbutton{
  border:none;
  display:inline-block;
  width:300px;
  margin-top:10px;
  padding:10px;
  text-align:center;
  color:#FFFFFF;
  background:#0092DF url(../image/arow_r.png) no-repeat right center;
  cursor:pointer;
  border-radius:5px;
}
.backbutton{
  border:none;
  display:inline-block;
  min-width:200px;
  margin-top:10px;
  padding:10px;
  text-align:center;
  color:#FFFFFF;
  background:#666666 url(../image/arow_l.png) no-repeat left center;
  border-radius:5px;
}
.upload_menu_button{
  border:none;
  display:inline-block;
  min-width:200px;
  margin-top:10px;
  padding:10px;
  text-align:center;
  color:#FFFFFF;
  background:#666666 url(../image/arow_r.png) no-repeat right center;
  border-radius:5px;
}
.addbutton{
  border:none;
  display:inline-block;
  min-width:200px;
  margin-top:0;
  padding:10px 10px 10px 25px;
  text-align:center;
  color:#FFFFFF;
  background:#0092DF url(../image/add_l.png) no-repeat left center;
  cursor:pointer;
  border-radius:5px;
}
.newbutton{
  border:none;
  display:inline-block;
  min-width:200px;
  margin-top:10px;
  padding:10px;
  text-align:center;
  color:#FFFFFF;
  background:#FF4000 url(../image/arow_r.png) no-repeat right center;
  border-radius:5px;
}
.button_download{
  border:none;
  display:inline-block;
  margin:5px 0;
  padding:5px 40px 5px 25px;
  text-align:center;
  color:#FFFFFF;
  background:#888888 url(../image/arow_r.png) no-repeat right center;
  border-radius:5px;
}

.button:hover,
.uploadbutton:hover{
  background:#486786 url(../image/arow_r.png) no-repeat right center; color:#FFFFFF;
}
.addbutton:hover{
  background:#486786 url(../image/add_l.png) no-repeat left center; color:#FFFFFF;
}
.upload_menu_button:hover{
  background:#7D7D7D url(../image/arow_r.png) no-repeat right center; color:#FFFFFF;
}
.backbutton:hover{
  background:#7D7D7D url(../image/arow_l.png) no-repeat left center; color:#FFFFFF;
}
.newbutton:hover{
  background:#FF7540 url(../image/arow_r.png) no-repeat right center; color:#FFFFFF;
}
.button_download:hover{
  background:#9F9F9F url(../image/arow_r.png) no-repeat right center; color:#FFFFFF;
}


p#button{ text-align:center; clear:both;}
p.buttonbox{ text-align:center; clear:both;}



/* --------------

 ------------- */


#subjectable span{
  display:inline-block;
  width:17em;
  padding:5px 0;
}

td.icon_edit a{ display:block; text-align:center;}
table.commontable td.icon_edit a img{ display:inline; text-align:center;}


p.new_btn{ margin:40px 0; text-align:center; clear:both;}
p.new_btn span{ display:block; text-align:center; clear:both;}

.page_menu{ padding:0 0 30px;}
.page_menu li{
  display:inline-block;;
}


@media screen and ( max-width:959px ){
  .page_menu ul{ text-align:center; }
  .page_menu li{ width:48%;}
  .page_menu li a.button{ min-width:100%;}
}

.upload_menu li,
.upload_menu2 li{ font-size:smaller;}

.upload_menu2{ border-bottom:1px dotted #CCCCCC;}

.note{
  color:#DD0000;
  font-size:70%;
  display:block;
  padding-bottom:2px;
}
.note_error{
  color:#DD0000;
  font-size:80%;
  display:block;
  padding-bottom:2px;
}



#subject_select_box{ border-top:1px solid #BBBBBB; border-left:1px solid #BBBBBB; width:100%;}
.subject_select{ float:left; width:25%;}
.subject_select span{ display:block; text-align:left; padding:0.6em 0.6em; border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB;}
#subject_select_box_confirm{ border:1px solid #BBBBBB; width:100%;}
#subject_select_box_confirm span.checked_subject{ display:block; padding:0.6em; float:left;}


#college_searchbox{
  padding-bottom:30px;
}

/*==================================================================

type:student

==================================================================*/

.input_type_of_student_id span{ display:inline-block; padding-right:2em;}
.input_type_of_student_status span{ display:inline-block; padding-right:2em;}
.input_course_id span{ display:inline-block; width:20em;}
.input_type_of_scholarship_id span{ display:inline-block; padding-right:2em;}


.paginate{ text-align:left; padding:10px 0;}

.paginate_prev,.paginate_current,.paginate_next,.paginate_pagelink{
  display:inline-block;
  padding:6px 8px;
  margin:0 3px;
  font-size:90%;
  border-radius:3px;
}
.paginate_prev,
.paginate_next{ border:1px solid #23B713;}
.paginate_prev:hover,
.paginate_next:hover{ background:#23B713; color:#FFFFFF;}
.paginate_current{ background:#23B713; color:#FFFFFF;}
.paginate_pagelink:hover{ background:#23B713; color:#FFFFFF;}


/*==================================================================

type:exam,seminar

==================================================================*/

#title_add_menu{
  width:50%;
  display:inline-block;
  padding:15px 0;
}
#add_menu{
  width:49%;
  display:inline-block;
  text-align:right;
}
#outer_searchbox{
  display:none;
  width:700px;
  height:500px;
  position:fixed;
  top:50%;
  right:0;
  bottom:0;
  left:50%;
  margin-top:-270px;
  margin-left:-350px;
  z-index:9999;
  background:#FFFFFF;
}
#searchbox{
  padding:20px;
}
#search_close{
  position:absolute;
  top:0;
  right:0;
  display:block;
}

#message_add{ display:none;}

#bg{
  display:none;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:999;
  background:url(../image/bg_black_70.png) repeat;
}
.searchbutton{
  border:none;
  display:inline-block;
  width:150px;
  height:26px;
  margin-top:0;
  padding:10px;
  text-align:center;
  color:#FFFFFF;
  background:#23B713 url(../image/arow_r.png) no-repeat right center;
  cursor:pointer;
}
.searchbutton:hover{
  background:#17A7F6 url(../image/arow_r.png) no-repeat right center; color:#FFFFFF;
}

input.text_search{
  width:490px;
  height:43px;
  border:none;
  background:#EEEEEE;
  font-size:135%;
}

.seminar_result_searchbox span{ display:block; padding:5px 0;}
.search_submit_button{ padding:5px 0;}



/* vod 
.content_vod{ width:50%; float:left;}
*/

.content_vod{ height:auto;  text-align:center;	margin-bottom:20px;}

.mobile_notice{ font-size:80%; padding:10px;}

/*==================================================================

form parts

==================================================================*/


/* 1行テキスト：中 */
.text_m_1em{ width:1em;}
.text_m_2em{ width:2em;}
.text_m_3em{ width:3em;}
.text_m_4em{ width:4em;}
.text_m_5em{ width:5em;}
.text_m_6em{ width:6em;}
.text_m_7em{ width:7em;}
.text_m_8em{ width:8em;}
.text_m_9em{ width:9em;}
.text_m_10em{ width:10em;}
.text_m_11em{ width:11em;}
.text_m_12em{ width:12em;}
.text_m_13em{ width:13em;}
.text_m_14em{ width:14em;}
.text_m_15em{ width:15em;}
.text_m_16em{ width:16em;}
.text_m_17em{ width:17em;}
.text_m_18em{ width:18em;}
.text_m_19em{ width:19em;}
.text_m_20em{ width:20em;}

/* 1行テキスト：高 */
.text_l_1em{ line-height:1.5; width:1em; font-size:150%;}
.text_l_2em{ line-height:1.5; width:2em; font-size:150%;}
.text_l_3em{ line-height:1.5; width:3em; font-size:150%;}
.text_l_4em{ line-height:1.5; width:4em; font-size:150%;}
.text_l_5em{ line-height:1.5; width:5em; font-size:150%;}
.text_l_6em{ line-height:1.5; width:6em; font-size:150%;}
.text_l_7em{ line-height:1.5; width:7em; font-size:150%;}
.text_l_8em{ line-height:1.5; width:8em; font-size:150%;}
.text_l_9em{ line-height:1.5; width:9em; font-size:150%;}
.text_l_10em{ line-height:1.5; width:10em; font-size:150%;}
.text_l_11em{ line-height:1.5; width:11em; font-size:150%;}
.text_l_12em{ line-height:1.5; width:12em; font-size:150%;}
.text_l_13em{ line-height:1.5; width:13em; font-size:150%;}
.text_l_14em{ line-height:1.5; width:14em; font-size:150%;}
.text_l_15em{ line-height:1.5; width:15em; font-size:150%;}
.text_l_16em{ line-height:1.5; width:16em; font-size:150%;}
.text_l_17em{ line-height:1.5; width:17em; font-size:150%;}
.text_l_18em{ line-height:1.5; width:18em; font-size:150%;}
.text_l_19em{ line-height:1.5; width:19em; font-size:150%;}
.text_l_20em{ line-height:1.5; width:20em; font-size:150%;}