html {
		overflow-y: scroll;
	}
	body{
		font-family: "ＭＳ ゴシック",sans-serif;
	}

	div.class_div_J1{
	    margin: 10px;
	    padding: 10px;
	    border: 0;
	    border-radius: 8px;
	    background: #ff007f;
	    color: #fff;
	}

	.class_div_J2{
	    margin: 10px;
	    padding: 10px;
	    border: 0;
	    border-radius: 8px;
	    background: #00bfff;
	    color: #fff;
	}

	.class_div_J3{
	    margin: 10px;
	    padding: 10px;
	    border: 0;
	    border-radius: 8px;
	    background: #ff9933;
	    color: #fff;
	}
	
	.class_main_div{
	    margin: 5px;
	    padding: 5px;
	    border: 0;
	    border-radius: 8px;
	    background: #cccccc;
	    color: #fff;
	}
	
	.button {
	    margin: 10px;
	    padding: 8px 20px;
	    border: 0;
	    border-radius: 8px;
	    background: #000;
	    color: #fff;
	    cursor: pointer;
	}
	.button:hover {
		background-color: #fff;
		border-color: #000;
		color: #000;
	}

	.button::before,

	.button::after {
		top: 0;
		width: 50%;
		height: 100%;
		background-color: #333;
	}

	.button::before {
		right: 0;
	}
	.button::after {
		left: 0;
	}

	.button:hover::before,
	.button:hover::after {
		width: 0;
		background-color: #000;
	}

	.WD_button {
	    margin: 10px;
	    padding: 8px 20px;
	    border: 0;
	    border-radius: 8px;
	    background: #00f;
	    color: #fff;
	    cursor: pointer;
	}
	.WD_button:hover {
		background-color: #fff;
		border-color: #000;
		color: #00f;
	}

	.WD_button::before,

	.WD_button::after {
		top: 0;
		width: 50%;
		height: 100%;
		background-color: #333;
	}

	.WD_button::before {
		right: 0;
	}
	.WD_button::after {
		left: 0;
	}

	.WD_button:hover::before,
	.WD_button:hover::after {
		width: 0;
		background-color: #000;
	}
	
	.HowTo_div{
	    background: #ffffff;
	    color: #111111;
	}

	.menu_button {
	    margin: 10px;
	    padding: 10px 20px;
	    border: 0;
	    border-radius: 8px;
	    background: #000;
	    color: #fff;
	    cursor: pointer;
		width: 200px;
	}
	.menu_button:hover {
		background-color: #fff;
		border-color: #000;
		color: #000;
	}

	.menu_button::before,

	.menu_button::after {
		top: 0;
		width: 50%;
		height: 100%;
		background-color: #333;
	}

	.menu_button::before {
		right: 0;
	}
	.menu_button::after {
		left: 0;
	}

	.menu_button:hover::before,
	.menu_button:hover::after {
		width: 0;
		background-color: #000;
	}

	.mini_button {
	    margin: 5px;
	    padding: 5px 20px;
	    border: 0;
	    border-radius: 8px;
	    background: #000;
	    color: #fff;
	    cursor: pointer;
	}
	.mini_button:hover {
		background-color: #fff;
		border-color: #000;
		color: #000;
	}

	.mini_button::before,

	.mini_button::after {
		top: 0;
		width: 50%;
		height: 100%;
		background-color: #333;
	}

	.mini_button::before {
		right: 0;
	}
	.mini_button::after {
		left: 0;
	}

	.mini_button:hover::before,
	.mini_button:hover::after {
		width: 0;
		background-color: #000;
	}

	.logout_button{
	    margin: 10px;
	    padding: 8px 20px;
	    border: 0;
	    border-radius: 8px;
	    background: #000;
	    color: #fff;
	    cursor: pointer;
		width: 250px;
	}
	.logout_button:hover {
		background-color: #fff;
		border-color: #000;
		color: #000;
	}

	.logout_button::before,

	.logout_button::after {
		top: 0;
		width: 50%;
		height: 100%;
		background-color: #333;
	}

	.logout_button::before {
		right: 0;
	}
	.logout_button::after {
		left: 0;
	}

	.logout_button:hover::before,
	.logout_button:hover::after {
		width: 0;
		background-color: #000;
	}
	
	td.label_td{
	    padding: 0px 10px;
		color: black;
		background-color: #ffffff;
		opacity: 0.5;
	}
	
	td.LST_td{
		padding: 5px;
		border: 1px dotted #444444;
	}