@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/new-information/
Created		2015/12/10
Last update	2015/12/10 by Hayashi
Author		Hayashi Ryosuke
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	基礎情報
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#image_color{
	border-top:5px solid #6666FF;
	background:#FFF;
}
#image_color h2:before{
	background-color:#6666FF;
}
#image_color h2.oshirase_box:before{
	background-color:transparent;
}
#image_color h3:before{
	background:#6666FF;
}
#image_color h3:after{
	background:#222266;
}
.text_red{
	color:#F00;
}
.text_bold{
	font-weight:bold;
}
.clear_both{
	clear:both;
}
p{
	padding: 0 18px;
}
.a_link a[href^="http://"]:before,
.a_link a[href^="https://"]:before{
	content:url(/images/email/link.png);
	padding-right:0px;
}
.a_link a[href^="#"]:before{
	content:"";
}
a.active li{
	background-color: #ddf;
}
#backtop{
	position: fixed;
	right: 5px;
	bottom: 40px;
	z-index:10;
	padding:3px;
	cursor:pointer;
	text-align:center;
	color:#FFF;
	background-color:rgba(10,10,10,0.6);
}
#backtop div{
	cursor:pointer;
	border:dotted #DDD 2px;
	padding:4px;
}
@media only screen and (max-width:600px){
#backtop{
	width:100%;
	right: 0px;
	bottom: 0px;
}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	年度メニュー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.wareki ul{
	width: 100%;
	margin: 0;
	padding: 0;
}
.wareki ul a li{
	float: left;
	width: 20%;
	list-style: none;
	padding: 5px 0;
	border:1px solid #ddd;
	text-align: center;
	text-decoration: none;
}
.wareki ul a li:hover{
	background-color: #fdd;
	color: #000;
}
.old-link{
	float: right;
	position: relative;
	margin-top: 12px;
	width: 20%;
	padding: 5px 0px;
	border:2px #ddd solid;
	background-color: #f0f0f0;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}
.old-link-tra:after{
	content: ' ';
	position: absolute;
	width: 10px;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #77f;
	right: 50%;
	top: 100%;
	transform: translate(50%, 0%);
}
.drop{
	clear: both;
	display: none;
	background-color: #f0f0f0;
	margin:4px 0 0 0 ;
	z-index: 10;
}
.drop ul{
	width: 100%;
	margin: 0;
	padding: 0;
}
.drop ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.drop ul a li{
	float: left;
	width: 20%;
	padding: 5px 0;
	list-style: none;
	text-align: center;
	text-decoration: none;
	border:1px solid #ddd;
}
.drop ul a li:hover{
	background-color: #fdd;
	color: #000;
}
#back_number ul li{
	margin-bottom: 0.5em;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	DB_Table
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.dataTables_filter{
	width:300px;
}
#information-table{
	width: 100%;
}
#information-table th{
	background-color: #77f;
	color: #fff;
	padding: 4px 6px;
}
#information-table td{
	padding: 4px 6px;
}
#information-table tr:nth-child(even){
	background-color:#EFE;
}
#information-table tr:nth-child(odd){
	background-color:#FFF;
}
#information-table .col_class{
	width: 45px;
}
#information-table .col_name{
	width: 6em;
}
#information-table .col_day{
	width: 6em;
}
#information-table .col_new_job{
}
#information-table .col_old_job{
}
#information-table .col_ex{
	width: 160px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	FOOTER
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#h_footer{
	/*background-color:#FFF;*/
	background:url(/images/footer_bg.png) #EEE;
	border-top:#CCC solid 2px;
}
#h_footer h4{
	padding:0;
	margin:5px;
}
#h_footer p{
	padding:0;
	margin:0;
}
#h_footer ul{
	margin:0 0 10px 0px;	
	padding:7px 0 0 0;
	border-left:#CCC dotted 2px;
	list-style:none;
}
#h_footer li{
	width:95%;
	padding-left:7px;
	margin-bottom:4px;s
	font-size:12px;
}

@media only screen and (max-width:600px){
#h_footer ul{
	width:100%;
}
}