@charset "UTF-8";

.csCont{padding:30px 30px 0 30px; clear:both; width:904px; display:block;}
.csCont h2{font-size:100%;}

ul.colorSample{list-style:none; margin:0; padding:0;}

#oak ul.colorSample li,
#birch ul.colorSample li{display:block; width:205px; height:70px; float:left; margin:0 9px 9px 0; padding:0;}

#walnut ul.colorSample li,
#white ul.colorSample li{display:block; width:205px; height:70px; margin:0; padding:0;}

ul.colorSample li span.colorName{padding:9px; line-height:2.5; color:#fff;}

ul.colorSample li#ok_NA span.colorName,
ul.colorSample li#ok_SW span.colorName,
ul.colorSample li#bc_NA span.colorName,
ul.colorSample li#bc_SW span.colorName,
ul.colorSample li#WH span.colorName{color:#483A31;}

#walnut,
#white{display:block; width:205px; float:left; margin-right:9px;}

/*オーク
------------------------------------------*/
li#ok_NA{background:url(img/oak_na.jpg) left bottom;}
li#ok_OB{background:url(img/oak_ob.jpg) left bottom;}
li#ok_GO{background:url(img/oak_go.jpg) left bottom;}
li#ok_DO{background:url(img/oak_do.jpg) left bottom;}
li#ok_AB{background:url(img/oak_ab.jpg) left bottom;}
li#ok_SW{background:url(img/oak_sw.jpg) left center;}
li#ok_DB{background:url(img/oak_db.jpg) left bottom;}
li#ok_BL{background:url(img/oak_bl.jpg) left bottom;}
li#ok_LO{background:url(img/oak_lo.jpg) left bottom;}

/*バーチ
------------------------------------------*/
li#bc_NA{background:url(img/birch_na.jpg) left center;}
li#bc_LB{background:url(img/birch_lb.jpg) left bottom;}
li#bc_MB{background:url(img/birch_mb.jpg) left center;}
li#bc_BR{background:url(img/birch_br.jpg) left bottom;}
li#bc_WE{background:url(img/birch_we.jpg) left bottom;}
li#bc_SW{background:url(img/birch_sw.jpg) left bottom;}

/*ウォールナット
------------------------------------------*/
li#wl_NA{background:url(img/walnut_na.jpg) left bottom;}

/*ホワイト
------------------------------------------*/
li#WH{background:url(img/mdf_wt.jpg) left center;}