#body { width:100%; min-width:320px; margin:0 auto; text-align:left; overflow:hidden; }
#body { background:url(../img/bg_001.png) center top no-repeat; }
#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 auto; }
#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% }*/
 	.portrait .list_01 { background:url(../img/bg_002.png) center top no-repeat; }
	.portrait .list_02 { background:url(../img/bg_003.png) center top no-repeat; }
	

	.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% }*/
	.landscape #contents_nav .list_01 { background:url(../img/bg_004.png) center top no-repeat; }
	.landscape #contents_nav .list_02 { background:url(../img/bg_005.png) center top no-repeat; }
 



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