body {
        margin:0;
        padding:0;
        background-size: cover;
        background-color: #EEF9D2;
    	color: #4E483D;
    	font-family: "Noto Sans", sans-serif;
    }
    textarea{
     vertical-align:top;
    }
    #main{
        margin:0;
        min-height: 100vh;
    }
    .staff-h1{
        color:#000080;
    	font-size:22px;
    	text-align:center;
    	margin:0;
    	padding:0;
    }
    h2{
    	font-size:20px;
    	text-align:center;
    	margin:10px;
    	color:#191970;
    }
    button, input[type="button"], input[type="submit"]{
        font-size:14px;
        padding:3px 8px;
    }
    input[type="checkbox"]{
        width:18px;
        height:18px;
    }
    .logout{
    	position:absolute;
    	top:8px;
    	right:1em;
    	text-align:right;
    	padding:0;
    	margin:0;
    }
    
    .article{
    	width:98%;
    	max-width:500px;
    	margin:10px auto;
    	background-color:#fff;
    	border:1px solid #37a34a;
    	border-radius:1px;
    }
    
    .article dt{
    	margin:0;
    	padding:12px;
    	background-color:#37a34a;
    	color:#fff;
    	text-align:center;
    	font-size:20px;
    	font-weight:bold;
    }
    .article dd{
    	margin:0;
    	padding:0;
    }
    .hide{
        display:none;
    }
    .message{
    	font-size:18px;
    	color:#204040;
    	text-align:center;
        line-height:1.6em;
    	margin:1em;
    }
    .title-span{
    	font-size:110%;
    	color:#6666bb;
    	font-weight:700;
    }
    .lecture{
    	color:#66bbbb;
		font-weight:bold;
    }
    .time-span{
    	font-size:110%;
    }
    .attend{
        margin:15px;
    	font-size:110%;
    	font-weight:700;
    	color:#ff6666;
        padding:0px;
        text-decoration:underline;
    }
    .s-manual{
     	width:100%;
	max-width:1080px;
        margin: 10px auto;
    	font-size:12px;
    	color:#080808;
    }
    .s-manual li{
    	margin-left:1em;
    }
    #header{
        padding:5px;
    	background-color: #fff;
    	margin:0;
    }
    h3, p{
	text-align: center;
    }
    h3{
        font-size:18px;
        padding:8px;
        color:#000066;
    }
    .disp-none{
        display:none;
    }
	.s-table{
	        width:100%;
	        max-width:1500px;
		margin: 10px auto;
                background-color:#fff;
		border-collapse: collapse;
		border: 2px solid #d0d4df;
		font-size: 18px;
		padding:10px;
	}
	.s-table th{
		border: 2px solid #f0f6ff;
		background-color: #347ab7;
		color:#fff;
		text-align:center; 
		padding:10px 0px;
	}
	.s-table td{
		border: 1px solid #d0d4df;
		text-align:center;
		padding:6px 0px;
	}
	.s-table td:first-child{
		text-align:right;
		padding-right:0.5em;
	}
	.s-table td input[type="text"]{
		width:90%;
	}

        .sp-table{
                width:100%;
	        max-width:720px;
		margin: 10px auto;
                background-color:#fff;
		border-collapse: collapse;
		border: 2px solid #d0d4df;
		font-size: 16px;
		padding:0;
        }
	.sp-table th{
		border: 2px solid #f0f6ff;
		background-color: #347ab7;
		color:#fff;
                font-size:20px;
		text-align:center;
                padding:10px 0;
	}
        .sp-table td{
                border: 1px solid #d0d4df;
                height:3em;
                padding:5px 0;

        }
    .t5n{
         border-bottom: 2px solid #a0a6b2;

    }
    .tback{
         background: #e6e9f3;
    }
    .highlights{
         background: #ffff9e;
     }

     .r3border tr td:nth-of-type(3){
         border-right: 2px solid #a0a6b2;
     }
	.d-table{
	    width:480px;
	    table-layout:fixed;
	    text-align:center;
	    margin:20px auto;
            font-size:18px;
	}
        .d-table td b{
            color:#000088;
        }
	
	.p-table{
		width:300px;
		border:none;
		margin:0px auto;
	}
	.p-table td{
		width:50%;
		text-align:center;
	}

        .u-table{
                margin:20px auto;
                background-color:#fff;
                border-collapse: collapse;
        }

        .u-table th{
                background-color: #330099;
		color:#fff;
		text-align:center;
                padding:8px 24px;
                border: 1px solid #000;

        }
        .u-table td{
                padding:5px 18px;
                border: 1px solid #000;

        }
        .u-table td:first-child{
		background:#f6f6f6;
                font-weight:bold;
	}
	select, option{
		font-size:14px;
	}
	.sun{
		color:#ff2020;
	}
	.sat{
		color:#2020ff;
	}
	.tsu{
                text-align:center;
		background-color:#93ffff;
	}
	.zai{
                text-align:center;
		background-color:#ffc993;
	}
        .jishu{
                text-align:center;
		background-color:#ffff93;
	}
        .kena{
                text-align:center;
		background-color:#a0a0a0;
	}
	.caution{
                color:#fe2020;
                text-decoration: underline #fe2020;
        }
    .dcol{
    	    text-align:right;
    	    padding:3px;
        }
	.detail{
                text-align:left;
		font-size:60%;
		color:#606060;
		white-space: pre-wrap;
	}
    .mbr{
	    display:none;
	}
	#links{
	    margin:10px;
	    list-style-type: square;
	}
	#links li{
	    margin:24px 10px;
	}
	
	#g_navi{
	background: #53BF49;
    }
    #g_navi ul{
	overflow: hidden;
	margin:0 auto;
	padding: 0 3%;
	width: 94%;
	list-style-type: none;
    }
	#g_navi ul li {
		position: relative;
		float: left;
		width: 25%;
		font-size:18px;
		font-weight:700;
	}
	#g_navi ul li:first-child::before {
		position: absolute;
		display: block;
		content: "";
		top: 10%;
		left: 0px;
		width: 1px;
		height: 80%;
		background-color: #fff;
	}
	#g_navi ul li::after {
		position: absolute;
		display: block;
		content: "";
		top: 10%;
		right: 0px;
		width: 1px;
		height: 80%;
		background-color: #fff;
	}
	#g_navi ul li a {
		display: block;
		padding: 17px 10px;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	#g_navi ul li a:hover {
		background-color: #75cc6d;
	}
	
	@media screen and (max-width:768px) {
	      .logout{
    	   position:relative;
           }
    
	     .mbr{
	         display:block;
	      }
	     .s-table td:first-child{
			text-align:center;
			padding:0
		  }
		 .detail{
			display:none;
		  }
		  .s-table{
			font-size: 16px;
		  }
             .s-manual li{
    	            margin-left:0;
              }
	}
}