#body { width:100%; min-width:320px; margin:0 auto; text-align:left; overflow:hidden; }
#contents_nav { width:320px; margin:0 auto; overflow:auto; }

#contents_nav ul { margin:0 auto 5px auto; padding:0; display:block; overflow:hidden; list-style:none; }
#contents_nav ul li { margin:0; padding:15px 0 0 0; display:block; float:left; overflow:hidden; }
#contents_nav ul li span { width:25%; margin:0; padding:0; display:block; float:left; text-align:center; }
#contents_nav ul li img { margin:0; }
#contents_nav ul li:active { background:none; }

	.portrait #contents_nav { width:310px; margin:0 auto; }
	.portrait #contents_nav ul { width:620px; height:241px; }
	.portrait #contents_nav ul li { width:310px; height:241px; }
	/*.portrait #contents_nav span { width:25% }*/

	.landscape #contents_nav { width:470px; margin:0 auto; }
	.landscape #contents_nav ul { width:1000px; height:241px; }
	.landscape #contents_nav ul li { width:480px; height:241px; }
	/*.landscape #contents_nav span { width:25% }*/
 


#social { width:90%; min-width:296px; margin:0 auto 10px auto; text-align:center; }