@charset "utf-8";
	div#portal{text-align:center;}
	span{font-size:1.5em;}
	a {font-size:1.5em;}
	img {width:25%; height:25%;vertical-align:middle;border:2px solid #aaa;}
	table {width : 80%;	border-collapse:collapse;font-size: 100%; border-spacing: 0;margin:0 auto;table-layout: fixed;}
	table td {border:1px solid #eee;text-align:center;}
	table td.left {text-align:left;padding-left:20px;}
	button {font-size:1.5em;}
	p {text-align:center;}
	img.dl {max-width:25%; height:25%;vertical-align:middle;border:2px solid #aaa;}
	table#help{width:70%;}
p.cnt{text-align:center;font-size:1.0em;}
p{text-align:left;margin-left:5px;}
hr {border:2px solid #000;margin:30px 0;}

@media (min-width:481px) and (max-width:1170px){
	table {width : 100%;	border-collapse:collapse;font-size: 1.5em; border-spacing: 0;margin:0 auto;table-layout: fixed;}
	img {width:70%; height:25%;vertical-align:middle;border:2px solid #aaa;}
	span{font-size:2.0em;}
	div#portal h1{text-align:center;font-size:2.6em;}
	p{text-align:center;font-size:2.5em;}
	img.dl {width:50%; height:50%;vertical-align:middle;border:2px solid #aaa;}
	table#help{width:95%;}
	table#help td{font-size:2.8em;}
p.cnt{text-align:center;font-size:3.0em;}
p{text-align:left;margin-left:5px;}
	button {font-size:1.3em;}
}

@media (max-width : 480px){
	table {width : 100%;	border-collapse:collapse;font-size: 1.5em; border-spacing: 0;margin:0 auto;table-layout: fixed;}
	img {width:70%; height:25%;vertical-align:middle;border:2px solid #aaa;}
	span{font-size:1.8em;}
	button {font-size:1.5em;}
	div#portal h1{text-align:center;font-size:2.6em;}
	p{text-align:center;font-size:2.5em;}
	table#help{width:100%;}
	table#help td{font-size:3.0em;}
p.cnt{text-align:center;font-size:3.0em;}
p{text-align:left;margin-left:5px;}
	button {font-size:1.3em;}
}