@charset "utf-8"; .checklist { list-style: none; margin: 0; padding: 0; overflow:hidden; } .checklist li.fancyCheckbox, .checklist .checkbox-select { background: url(images/checkboxbg.gif) no-repeat 0 0; } .checklist li.fancyCheckbox { float: left; margin-right: 10px; width: 105px; height: 150px; position: relative; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 11px; font-style: normal; line-height: 1.3; font-weight: normal; font-variant: normal; } .checklist li.selected { background-position: -105px 0; } .checklist li.selected .checkbox-select { display: none; } .checklist .checkbox-select { display: block; float: left; position: absolute; top: 118px; left: 10px; width: 85px; height: 23px; background-position: -210px 0; text-indent: -9999px; } .checklist .checkbox-deselect { display: none; color: white; font-weight: bold; text-decoration: none; position: absolute; top: 120px; right: 10px; } .checklist li.selected .checkbox-deselect { display: block; } .checklist li.fancyCheckbox label { display: block; text-align: center; padding: 8px; height: 95px; }