/* contents area */
#contents { width:100%; margin-top:40px; display:-ms-grid; display:grid; -ms-grid-columns:1fr 1fr; grid-template-columns:1fr 1fr; -ms-grid-rows:auto auto; grid-template-rows:auto auto; gap:0; grid-gap:0; font-family:"Arial", sans-serif; color:#9F9FA0;}

#contents .newsarea { margin:0 0 0 40px; grid-column:1/2; grid-row:1; -ms-grid-column:1; -ms-grid-row:1; }
#contents .newsarea span { font-weight:bold; }
#contents .imagearea { margin:-100px 0 0 0; grid-column:2/3; grid-row:2; -ms-grid-column:2; -ms-grid-row:1; text-align:right; }
#contents .imagearea img { width:100%; position:relative;top:150px; }

/* What's New */
#news { padding:0px; margin:-20px 0 0 70px; }
#news ul{ padding:0px; margin:0 0 20px 0; }
#news ul li { display:inline; margin-right:1em; }
#news ul li { font-weight:bold; }
#news ul li:nth-child(2) { font-size:100%; font-weight:normal; }

/* footer */
#topfooter { width:100%; z-index:-100; background-color:#000; height:200px; }
#topfooter img { margin:60px 0 10px 20px; }
#topfooter ul{ padding: 0px; margin:0 0 0 20px; }
#topfooter ul li { display:inline; margin-right:1em; } 
#topfooter ul li a { font-size:80%; font-family:"Trebuchet MS", sans-serif; text-decoration:none; color:#fff; } 
#topfooter ul li a:hover{ border-bottom:dotted 1px #fff; }



@media screen and (max-width: 750px) {
	/* contents area */
	#contents { width:100%; margin-top:40px; display:-ms-grid; display:grid; -ms-grid-columns:1fr; grid-template-columns:1fr; -ms-grid-rows:auto; grid-template-rows:auto; gap:0; grid-gap:0; font-family:"Arial", sans-serif; color:#9F9FA0;}
	#contents .newsarea { margin:0 0 0 20px; }
	#contents .imagearea { display:none; }
	
	/* footer */
	#topfooter { width:100%; z-index:-100; background-color:#000; height:100px; }
	#topfooter img { width:30%; margin:20px 0 10px 20px; }
	#topfooter ul{ display:none; }
}