
	figure, figcaption, address, article, aside, footer, header, nav, section, main, time { display: block; margin: 0; padding: 0; }
	body { font-family: Consolas, Meiryo, sans-serif; font-size: 1em; background: #FDF6E3; color: #586E75; padding: 0; margin: 0; }
	hr { border: 0; border-top: 1px solid #657b83; }
	input, textarea { font-family: Consolas, Meiryo, sans-serif; }
	.sA { padding: 0; margin: 0 0 0 2em; }
	.sA li { list-style: none; padding: 0; margin:  0.2em 0; }
	.sA li span { color: #268BD2; } .sA li span b { font-weight: normal; }
	
	.cl { clear: both; float: none; height: 1px; overflow: hidden; }
	
	.clr { }
	.clr div { float: left; width: 20%; }
	
	.in input, .in textarea, .in select { width: 100%; min-width: 150px; border: 0; background: transparent; padding: 0; margin: 0; }
	.inx input, .inx textarea, .inx select { min-width: auto; }
	.in textarea:focus, .in input:focus{ outline: none; }
	.in { border: 1px solid #f0efeb; background: #FFF; padding: 5px; }
	.ok { border: 1px solid #CCC; background: #f0efeb; padding: 5px; cursor: pointer; }
	
	/*///////////////////////////*/
	
	.c00 { padding: 0 5px; }
	.cxx { display: block; float: none; clear: both; outline: 0px dotted #C00; }
	.c0x { width: 2%; font-size: 1px; }
	.c16, .c24, .c32, .c48, .c64, .c80, .c96 { width: 96%; margin: 0 auto; }
	
	/*///////////////////////////*/
		
	.adm.cnt.pnl.bnr { margin-bottom: 30px; top: 30%; text-align: right; }	
		.adm.cnt.pnl.bnr div { height: 30px; }
		.adm.cnt.pnl.bnr a:first-child { display: none; }
	
	/*///////////////////////////*/

	body { background: #0098db; color: #FFF; }
	h1 { font-family: Damion, sans-serif; text-align: center; font-size: 120px; color: #FFF; }
	
	.itlogo { padding: 100px 0; } 
	.itlogo svg { width: 90%; max-width: 256px; max-height: 256px; max-width: 256px; clear: both; float: none; margin: 0 auto; }
	.itlogo svg * { fill: #FFF; }
	.itlogo span { position: relative; top: -100px; }
	
	/*///////////////////////////*/

	.lgn { text-align: center; width: 96%; margin: 0 auto; }
	.lgn table { margin: 30px auto; }
	
	ul.frms { display: block; margin: 0; padding: 0; }
	ul.frms li { display: block; list-style-type: none; margin: 0 0 20px 0; padding: 0; }
	ul.frms li label { display: block; }
	ul.frms li .in { display: block; }
	ul.frms li.sbm input { float: right; }

	
	address, .vcard { font-style: normal; }
		.vcard .adr { margin: 5px 0; line-height: 1.2em; font-size: 0.85em; }
		.vcard .adr span { display: inline-block; color: #666; }
		.vcard .postal-code { }
		.vcard .street-address { min-width: 100%; }
		.vcard .tel, .vcard .email { display: block; }

		
	.pgng { text-align: center; padding: 10px 0; }
	.pgng a, .pgng span { display: inline-block; line-height: 24px; width: 24px; text-align: center; margin: 0; font-size: 1.2em; border: 1px solid #CCC; }
	.pgng a.ss { border-color: #FFF; box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); }

	
	.stat ul { display: block; width: 200px; margin: 0; padding: 0; font-size: 0.8em; }
	.stat li { display: block; float: left; clear: right; min-width: 50%; margin: 0; padding: 5px; }

	
	.bx.bw, .bx.bs { position: absolute; top: 0; left: 0; z-index: 100; }
	.bx.bw { z-index: 101; max-width: 600px; height: auto; overflow: hidden; top: 100px; background: #FFF; padding: 10px; border: 5px solid #FAFAFA; box-shadow: 0 2px 3px rgba(0,0,0,0.4); }
	.bx.bs { background: #333; background: rgba(0,0,0,0.6); width: 100%; }
	.bx .cls { display: block; width: 24px; height: 24px; font-size: 24px; line-height: 1; position: absolute; top: 0; right: 0; }
		.cls:active, .cls:hover, .cls:focus { text-decoration: none; }
		.bx article { padding: 0; } .bx h2 { margin-top: 0; }
		.bx img { width: 100%; max-width: 600px; max-height: 600px; }

		
	aside.err { position: fixed; top: 5px; right: 5px; z-index: 10; }
	.err article { display: block; margin: 15px 0 0 0; padding: 5px; width: 300px; margin-left: -150px; background: #333; background: rgba(0,0,0,0.6); border: 1px solid #000; color: #FFF; z-index: 1001; position: relative; top: 0; left: 0; box-shadow: 0 1px 2px rgba(0,0,0,0.4); }
	.err li { display: block; margin: 0 0 5px 0; padding: 0; list-style-type: none; background: rgba(0,0,0,0.4); width: 100%; }		
	.err .cls { float: right; font-size: 24px; line-height: 1; position: relative; top: -4px; }
		.err .cls:link, .err .cls:visited { color: #CCC; }
