@charset "utf-8"; 

/*
		//$("#wrapper").css( "width", "100px" ); 
		//$("#wrapper_p").css( "left", "101px" );  
		//$(".tohomepage").css( "width", "100px" ); 		
		
		//$(".cat_ul li").css( "margin", "10px 0 10px 25px" );  
*/

@media only screen and  (min-width:1590px) and (max-width:1620px)  {
	#wrapper       { width:100px; } 
	#wrapper_p   { left:101px; }  
	.cat_ul li { margin-left: 23px; }	
} 

@media only screen and  (min-width:1430px) and (max-width:1450px)  {
	#wrapper       { width:100px; } 
	#wrapper_p   { left:101px; }  
	.cat_ul li { margin-left: 28px; }	
} 


@media only screen and  (min-width:1270px) and (max-width:1290px)  {
	#wrapper       { width:100px; } 
	#wrapper_p   { left:101px; }  
	.cat_ul li { margin-left: 24px; }	
} 

@media only screen and  (min-width:1021px) and (max-width:1029px)  {
	#wrapper       { width:100px; } 
	#wrapper_p   { left:101px; }  
	.cat_ul li { margin-left: 22px; }	
} 


@media only screen and  (min-width:790px) and (max-width:810px)  {
	#wrapper       { width:100px; } 
	#wrapper_p   { left:101px; }  
	.cat_ul li { margin-left: 22px; }	
} 	 


@media only screen and  (min-width:766px) and (max-width:770px)  {
	#wrapper       { width:100px; } 
	#wrapper_p   { left:101px; }  
	.cat_ul li { margin-left: 18px; }	
} 	 


@media only screen and  (min-width:666px) and (max-width:669px)  {
	#wrapper       { width:80px; } 
	#wrapper_p   { left:81px; }  
	.cat_ul li { margin-left: 22px; }	
} 	 


@media only screen and  (min-width:636px) and (max-width:644px)  {
	#wrapper       { width:80px; } 
	#wrapper_p   { left:81px; }  
	.cat_ul li { margin-left: 18px; }	
} 	 

@media only screen and  (min-width:590px) and (max-width:610px)  {
	#wrapper       { width:80px; } 
	#wrapper_p   { left:81px; }  
	.cat_ul li { margin-left:12px; }	
} 	 


@media only screen and  (min-width:580px) and (max-width:589px)  {
	#wrapper       { width:80px; } 
	#wrapper_p   { left:81px; }  
	.cat_ul li { margin-left: 28px; }	
} 

@media only screen and  (min-width:475px) and (max-width:485px)  {
	#wrapper       { width:75px; } 
	#wrapper_p   { left:76px; }  
	.cat_ul li { margin-left: 9px; }	
} 	 

@media only screen and  (min-width:410px) and (max-width:420px)  {
	#wrapper       { width:80px; } 
	#wrapper_p   { left:81px; }  
	.cat_ul li { margin-left: 15px; }	
} 	 

@media only screen and  (min-width:380px) and (max-width:389px)  {
	#wrapper     { width:80px; } 
	#wrapper_p { left:81px; }  
	.cat_ul li { margin-left: 8px; }	
} 	

@media only screen and  (min-width:369px) and (max-width:379px)  {
	#wrapper     { width:72px; } 
	#wrapper_p { left:73px; }  
	.cat_ul li { margin-left: 8px; }	
	#menu_ul li  { font-size:12px; } 
} 	

@media only screen and  (min-width:351px) and (max-width:365px)  {
	#wrapper       { width:65px; } 
	#wrapper_p   { left:66px; } 
	.cat_ul li { margin-left: 6px; }
	#menu_ul li  { font-size:12px; } 
} 	
		
@media only screen and (max-width:325px){ 
	#wrapper       { width:80px; } 
	#wrapper_p   { left:81px; }  
	.cat_ul li { margin-left: 19px; }	
}
		