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

body{
	margin:0;
	font-size:16px; font-size: 1.2vw;
	font-family: Helvetica, Arial, Courier, sans-serif;
	color:#333;
	background-color:#FFF;
	}

a{color:#00F}
img{height:auto; border:0; max-width:100vw}
table{width:100%}

.container{width:80%; margin:auto}
.center{text-align:center}
.td25{width:25%; max-width:160px}
.td33{width:33%}
.td50{width:50%}
.td75{width:75%}
.valignMID{vertical-align:middle}

h1{margin:0; color:#FFF; font-size:2vw}

#header{
	background-image:url('./img/top_background.jpg');
	background-size:100% auto;
	background-repeat:no-repeat;
	width:100%;
	height:50%;
}

#spacer{width:100%;
height:auto;
visibility:hidden;
position:absolute;
top:0;
left:0;
}

#spacer2{width:100%;
height:auto;
visibility:hidden;
position:absolute;
top:0;
left:0;
}

#top_ban{
/*   width:80%;
	 background-image:url('./img/BkgHeader.png');
	background-size:100% auto;
	background-repeat:no-repeat;
 */
}

#tApps{border-spacing:10px}
#tApps td{border:2px solid #CCC; padding: 16px; text-align:center}

#tApps img{max-width:70%};
@media only screen
and (min-width : 1024px)
and (max-width : 1280px) {
	
	.container{width:90%; margin:auto}
	body{font-size:18px; font-size: 1.5vw;}
	
}

@media only screen
and (min-width : 720px)
and (max-width : 1024px) {
	
	.container{width:95%; margin:auto}
	body{font-size:20px; font-size: 1.7vw;}
	
}


@media only screen
and (min-width : 480px)
and (max-width : 720px) {
	
	.container{width:98%; margin:auto}
	body{font-size:22px; font-size: 2.4vw;}
	
	#top_ban{
	width:80%;
	background-color:#444;
	background-image:url('');
	}
	.tab_ajust tr{display:block}
	.tab_ajust td{display:block; line-height:200%}
	.td25{width:90%; max-width:720px}

	
}


@media only screen
and (min-width : 120px)
and (max-width : 480px) {
	
	#top_ban{
	width:80%;
	background-color:#444;
	background-image:url('');}
	
	.container{width:98%; margin:auto}
	body{font-size:24px; font-size: 3vw;}
	
	.tab_ajust tr{display:block}
	.tab_ajust td{display:block; line-height:200%}
	.td25{width:90%; max-width:480px}
	
}