@charset "utf-8";
/*オールリストm0p0listnone*/
ul.w150{margin:0; padding:0; list-style-type:none;}
ul.w230{margin:0; padding:0; list-style-type:none;}
ul.w310{margin:0; padding:0; list-style-type:none;}
ul.w390{margin:0; padding:0; list-style-type:none;}
ul.w470{margin:0; padding:0; list-style-type:none;}

/* li 高さ指定無し*/
ul.w70 li{float:left;width:70px;margin:0 10px 0 0;padding:0;}

/*
	 *** 150px ver [start] ***
	 
	[ b = #CCC solid 1px; ]
	[ p = padding , 5 = 5px , 10 = 10px]
	[ w = width , h = height]
	
	使用可能カラム
	clumn2 , clumn4 , clumn6 , clumn8 , clumn10, clumn12


*/
ul.w150 li{float:left;width:150px;margin:0 10px 0 0;padding:0;}

ul.wh150{margin:0; padding:0; list-style-type:none;}
ul.wh150 li{float:left;width:150px; height:150px;margin:0 10px 0 0;padding:0;}

ul.whp10-150{margin:0; padding:0; list-style-type:none;}
ul.whp10-150 li{float:left;width:130px; height:130px;margin:0 10px 0 0;padding:10px;}
ul.whbp10-150{margin:0; padding:0; list-style-type:none;}
ul.whbp10-150 li{float:left;width:128px; height:128px;margin:0 10px 0 0;padding:10px; border:#CCC solid 1px;}

ul.whp5-150{margin:0; padding:0; list-style-type:none;}
ul.whp5-150 li{float:left;width:140px; height:140px;margin:0 10px 0 0;padding:5px;}
ul.whbp5-150{margin:0; padding:0; list-style-type:none;}
ul.whbp5-150 li{float:left;width:138px; height:138px;margin:0 10px 0 0;padding:5px; border:#CCC solid 1px;}

ul.wb150{margin:0; padding:0; list-style-type:none;}
ul.wb150 li{float:left;width:148px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}

ul.whb150{margin:0; padding:0; list-style-type:none;}
ul.whb150 li{float:left;width:148px; height:148px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}
/*     150px ver [end]     */



/*
	 *** 230px ver [start] ***
	 
	[ b = #CCC solid 1px; ]
	[ p = padding , 5 = 5px , 10 = 10px]
	[ w = width , h = height]
	
	使用可能カラム
	clumn3 , clumn6 , clumn9


*/
ul.w230 li{float:left;width:230px;margin:0 10px 0 0;padding:0;}

ul.wh230{margin:0; padding:0; list-style-type:none;}
ul.wh230 li{float:left;width:230px; height:230px;margin:0 10px 0 0;padding:0;}

ul.whp10-230{margin:0; padding:0; list-style-type:none;}
ul.whp10-230 li{float:left;width:210px; height:210px;margin:0 10px 0 0;padding:10px;}
ul.whbp10-230{margin:0; padding:0; list-style-type:none;}
ul.whbp10-230 li{float:left;width:208px; height:208px;margin:0 10px 0 0;padding:10px; border:#CCC solid 1px;}

ul.whp5-230{margin:0; padding:0; list-style-type:none;}
ul.whp5-230 li{float:left;width:220px; height:220px;margin:0 10px 0 0;padding:5px;}
ul.whbp5-230{margin:0; padding:0; list-style-type:none;}
ul.whbp5-230 li{float:left;width:218px; height:218px;margin:0 10px 0 0;padding:5px; border:#CCC solid 1px;}

ul.wb230{margin:0; padding:0; list-style-type:none;}
ul.wb230 li{float:left;width:228px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}

ul.whb230{margin:0; padding:0; list-style-type:none;}
ul.whb230 li{float:left;width:228px; height:228px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}
/*     230px ver [end]     */



/*
	 *** 310px ver [start] ***
	 
	[ b = #CCC solid 1px; ]
	[ p = padding , 5 = 5px , 10 = 10px]
	[ w = width , h = height]
	
	使用可能カラム
	clumn4 , clumn8 , clumn12


*/
ul.w310 li{float:left;width:310px;margin:0 10px 0 0;padding:0;}

ul.wh310{margin:0; padding:0; list-style-type:none;}
ul.wh310 li{float:left;width:310px; height:310px;margin:0 10px 0 0;padding:0;}

ul.whp10-310{margin:0; padding:0; list-style-type:none;}
ul.whp10-310 li{float:left;width:290px; height:290px;margin:0 10px 0 0;padding:10px;}
ul.whbp10-310{margin:0; padding:0; list-style-type:none;}
ul.whbp10-310 li{float:left;width:288px; height:288px;margin:0 10px 0 0;padding:10px; border:#CCC solid 1px;}

ul.whp5-310{margin:0; padding:0; list-style-type:none;}
ul.whp5-310 li{float:left;width:300px; height:300px;margin:0 10px 0 0;padding:5px;}
ul.whbp5-310{margin:0; padding:0; list-style-type:none;}
ul.whbp5-310 li{float:left;width:298px; height:298px;margin:0 10px 0 0;padding:5px; border:#CCC solid 1px;}

ul.wb310{margin:0; padding:0; list-style-type:none;}
ul.wb310 li{float:left;width:308px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}

ul.whb310{margin:0; padding:0; list-style-type:none;}
ul.whb310 li{float:left;width:308px; height:308px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}
/*     310px ver [end]     */



/*
	 *** 390px ver [start] ***
	 
	[ b = #CCC solid 1px; ]
	[ p = padding , 5 = 5px , 10 = 10px]
	[ w = width , h = height]
	
	使用可能カラム
	clumn5 , clumn10


*/
ul.w390 li{float:left;width:390px;margin:0 10px 0 0;padding:0;}

ul.wh390{margin:0; padding:0; list-style-type:none;}
ul.wh390 li{float:left;width:390px; height:390px;margin:0 10px 0 0;padding:0;}

ul.whp10-390{margin:0; padding:0; list-style-type:none;}
ul.whp10-390 li{float:left;width:370px; height:370px;margin:0 10px 0 0;padding:10px;}
ul.whbp10-390{margin:0; padding:0; list-style-type:none;}
ul.whbp10-390 li{float:left;width:368px; height:368px;margin:0 10px 0 0;padding:10px; border:#CCC solid 1px;}

ul.whp5-390{margin:0; padding:0; list-style-type:none;}
ul.whp5-390 li{float:left;width:380px; height:380px;margin:0 10px 0 0;padding:5px;}
ul.whbp5-390{margin:0; padding:0; list-style-type:none;}
ul.whbp5-390 li{float:left;width:378px; height:378px;margin:0 10px 0 0;padding:5px; border:#CCC solid 1px;}

ul.wb390{margin:0; padding:0; list-style-type:none;}
ul.wb390 li{float:left;width:388px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}

ul.whb390{margin:0; padding:0; list-style-type:none;}
ul.whb390 li{float:left;width:388px; height:388px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}
/*     390px ver [end]     */



/*
	 *** 470px ver [start] ***
	 
	[ b = #CCC solid 1px; ]
	[ p = padding , 5 = 5px , 10 = 10px]
	[ w = width , h = height]
	
	使用可能カラム
	clumn6 , clumn12


*/
ul.w470 li{float:left;width:470px;margin:0 10px 0 0;padding:0;}

ul.wh470{margin:0; padding:0; list-style-type:none;}
ul.wh470 li{float:left;width:470px; height:470px;margin:0 10px 0 0;padding:0;}

ul.whp10-470{margin:0; padding:0; list-style-type:none;}
ul.whp10-470 li{float:left;width:450px; height:450px;margin:0 10px 0 0;padding:10px;}
ul.whbp10-470{margin:0; padding:0; list-style-type:none;}
ul.whbp10-470 li{float:left;width:448px; height:448px;margin:0 10px 0 0;padding:10px; border:#CCC solid 1px;}

ul.whp5-470{margin:0; padding:0; list-style-type:none;}
ul.whp5-470 li{float:left;width:460px; height:460px;margin:0 10px 0 0;padding:5px;}
ul.whbp5-470{margin:0; padding:0; list-style-type:none;}
ul.whbp5-470 li{float:left;width:458px; height:458px;margin:0 10px 0 0;padding:5px; border:#CCC solid 1px;}

ul.wb470{margin:0; padding:0; list-style-type:none;}
ul.wb470 li{float:left;width:468px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}

ul.whb470{margin:0; padding:0; list-style-type:none;}
ul.whb470 li{float:left;width:468px; height:468px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}
/*     470px ver [end]     */


/*よく使うパターン*/
/*W:70px H70px p:none b:none*/
ul#c1h70{margin:0; padding:0; list-style-type:none;}
ul#c1h70 li{float:left;width:70px; height:70px;margin:0 10px 0 0;padding:0;}

ul#c1h68b1{margin:0; padding:0; list-style-type:none;}
ul#c1h68b1 li{float:left;width:68px; height:68px;margin:0 10px 0 0;padding:0; border:#CCC solid 1px;}