@charset "utf-8";
/* CSS Document */


	body {
		min-height:100vh;
		background-image:url(./img/backimg01.gif);
		background-repeat:repeat;
		font-size: 1em;
		font-variant: ;
		font-family:"ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
		padding: 0;
		margin: 0;

		}

	
	img {
		border:0;
		display: block;
		margin-left: auto;
		margin-right: auto;
	
		}
	
	h1 { 
		font-size: 0.5em; 
		line-height:40px;
		margin-left:15px;
		background-image:url(../img/label012.gif);
		background-repeat:no-repeat;
		padding-left:100px;
		}
	
	h2 { 

		font-size: 1.5em; 
		line-height:40px;
		margin-left:15px;
		background: linear-gradient(-135deg, #33CC00, #CCFF66);
		background-image:url(../img/label012.gif);
		background-repeat:no-repeat;
		padding-left:100px;
		}
	
	h3 { 
		font-size: 1.5em; 
		line-height:35px;
		margin-left:50px;
		font-family:"ＭＳ Ｐゴシック";
		background-image:url(../img/label013.gif);
		background-repeat:no-repeat;
		padding-left:50px;
		}
	
	h4 { 
		font-size: 12pt; 
		line-height:35px;
		margin-left:50px;
		font-family:"ＭＳ Ｐゴシック";
		background-image:url(../img/label014.gif);
		background-repeat:no-repeat;
		padding-left:50px;
		}
		
	p {
		margin-left: 50px;
		margin-right:50px;
		line-height:150%; 
		}
	
	ul{
		list-style:none;
		padding:0;
		margin: 0;

	}
	
	
	table {
		
		margin: 0 ;  
		text-align: 0;
	}
	
	td {
		text-align: left;
		vertical-align: top;
	}
	
	
	video{
		width: 500px;
		background: #000000;
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;
	
		}
	
	
	/* 2カラムレイアウト構造 */
	
	
	.canvas{
		flex:1;
		margin:0;
		padding:0;
		}
		
	.header {
		display: block;
		font-size:1em;
		text-align:center;
		margin-left: auto;
		margin-right: auto;
		}

			
		
	.container {
		width:800px;  
		display: flex;
		flex-direction:row;
		margin-left: auto;
		margin-right: auto;

		border-left: 1px #c0c0c0 solid;
		border-right: 1px #c0c0c0 solid;
		}

	
	.menubar1 {
		float:left;
		display:flex;
		align-items:column;
		flex-direction:column;
		justify-content:column;
		width:180px;
		padding:0px;
		border:0px;
		border-right: 1px #c0c0c0 solid;
		border-collapse: collapse;
	}
	
	.menubar2 {
		display:none !important;
	}
	
	.sidebox1 {

		justify-content:column;
		flex-direction:column;
		margin-top:auto;
		margin-bottom:auto;
		align-items:end;
		min-width:180px;
		border: 0px;
		background-color: #85D685; 
		border: 1px #c0c0c0 solid;
		border-collapse: collapse;
		text-align: center;
		padding: 0,auto;
		font-size:1em;

	}
	

	.maincontents {
	
		float:right;
		width:678px;
		justify-content:start;
		flex-direction:row;
		font-size:1em;
		margin:0 auto;
/*		flex:auto;	*/
		padding:0 auto;
		border:0px;
		text-align:left;
		border-left:1px solid  #c0c0c0;
		border-collapse: collapse;
		}


	.footer {
		width:800px; 
		background-image:url(./img/footer.gif);
		background-repeat:repeat-x;

		font-size:0.7em;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		border: 1px #c0c0c0 solid;
		border-collapse: collapse;


		}


	.board {
		font-size:24px;
		font-family:"ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	
	}
	
	.cent {
		text-align:center;
	}



	
	.shironuki{
	color:#ffffff;
	}
	
	.formcont{
		width:598px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		border: 1px #c0c0c0 solid;
		border-collapse: collapse;
		background-color: #ffffff;
		}