@charset "UTF-8";
/* 1.layout */
ul.layout{width:370px;margin:8px 16px 0 16px;padding:0;list-style:none;font-size:0;}
ul.layout li{box-sizing:border-box;display:inline-block;margin:7px 0 0 0;padding:10px 0 10px 0;border:solid 2px #d0d0d0;text-align:center;line-height:1.6;white-space:nowrap;overflow:hidden;}
ul.layout li:nth-child(1){width:370px;background-color:#323232;color:#f7f7f7;}
ul.layout li:nth-child(2){width:370px;background-color:#ffffff;color:#323232;}
ul.layout li:nth-child(3){width:370px;background-color:#ffffff;color:#323232;}
ul.layout li:nth-child(4){width:100px;padding:35px 0 35px 0;background-color:#ffffff;color:#323232;}
ul.layout li:nth-child(5){width:263px;margin-left:7px;padding:35px 0 35px 0;background-color:#ffffff;color:#323232;}
ul.layout li:nth-child(6){width:370px;background-color:#ffffff;color:#323232;}
ul.layout li:nth-child(7){width:370px;background-color:#f7f7f7;color:#323232;}
ul.layout li:nth-child(8){width:370px;background-color:#323232;color:#f7f7f7;}
ul.layout li:nth-child(9){width:370px;background-color:#121212;color:#f7f7f7;}
/* 2.usecolor */
ul.usecolor{width:370px;margin:8px 16px 32px 16px;padding:0;list-style:none;font-size:0;}
ul.usecolor li{box-sizing:border-box;display:inline-block;margin:7px 0 0 0;padding:10px 0 10px 0;white-space:nowrap;overflow:hidden;}
ul.usecolor li:nth-child(3n+1){width:40px;border:solid 2px #d0d0d0;text-align:center;}
ul.usecolor li:nth-child(3n+2){width:95px;text-align:center;font-family:Consolas,"MS Gothic",Courier,monospace;font-weight:bold;}
ul.usecolor li:nth-child(3n+3){width:235px;font-family:Consolas,"メイリオ",Meiryo,Courier,monospace;}
ul.usecolor li:nth-child(1){background-color:#121212;color:#ffffff;}
ul.usecolor li:nth-child(4){background-color:#323232;color:#ffffff;}
ul.usecolor li:nth-child(7){background-color:#505050;color:#ffffff;}
ul.usecolor li:nth-child(10){background-color:#636363;color:#ffffff;}
ul.usecolor li:nth-child(13){background-color:#8a8a8a;color:#ffffff;}
ul.usecolor li:nth-child(16){background-color:#ababab;color:#ffffff;}
ul.usecolor li:nth-child(19){background-color:#d0d0d0;color:#323232;}
ul.usecolor li:nth-child(22){background-color:#e2e2e2;color:#323232;}
ul.usecolor li:nth-child(25){background-color:#eeeeee;color:#323232;}
ul.usecolor li:nth-child(28){background-color:#f7f7f7;color:#323232;}
ul.usecolor li:nth-child(31){background-color:#ffffff;color:#323232;}
ul.usecolor li:nth-child(34){background-color:#000095;color:#ffffff;}
ul.usecolor li:nth-child(37){background-color:#990000;color:#ffffff;}
ul.usecolor li:nth-child(40){background-color:#90CAF9;color:#ffffff;}
ul.usecolor li:nth-child(43){background-color:#2196F3;color:#ffffff;}
/* 3,4.color */
ul.color{width:370px;margin:8px 16px 16px 16px;padding:0;list-style:none;font-size:0;}
ul.color li{box-sizing:border-box;display:inline-block;margin:7px 0 0 0;padding:10px 0 10px 0;white-space:nowrap;overflow:hidden;}
ul.color li:nth-child(3n+1){width:40px;border:solid 2px #d0d0d0;text-align:center;}
ul.color li:nth-child(3n+2){width:95px;text-align:center;font-family:Consolas,"MS Gothic",Courier,monospace;font-weight:bold;}
ul.color li:nth-child(3n+3){width:235px;font-family:Consolas,"メイリオ",Meiryo,Courier,monospace;}
ul.color li:nth-child(1){background-color:#323232;color:#f7f7f7;}
ul.color li:nth-child(4){background-color:#ffffff;color:#323232;}
ul.color li:nth-child(7){background-color:#f7f7f7;color:#323232;font-weight:bold;}
ul.color li:nth-child(10){background-color:#323232;}
ul.color li:nth-child(13){background-color:#f7f7f7;color:#323232;font-weight:bold;}
ul.color li:nth-child(16){background-color:#323232;color:#f7f7f7;}
ul.color li:nth-child(19){background-color:#121212;color:#f7f7f7;}
ul.color li:nth-child(22){background-color:#121212;color:#f7f7f7;}
ul.color li:nth-child(25){background-color:#ffffff;color:#000095;text-decoration:underline;}
/* 5.borderline */
hr{height:0;margin:0;border:0;}
ul.borderline{width:370px;margin:8px 16px 16px 16px;padding:0;list-style:none;font-size:0;}
ul.borderline li{box-sizing:border-box;display:inline-block;margin:7px 0 0 0;padding:10px 0 10px 0;vertical-align:middle;white-space:nowrap;overflow:hidden;}
ul.borderline li:nth-child(3n+1){width:40px;border:solid 2px #d0d0d0;text-align:center;}
ul.borderline li:nth-child(3n+2){width:95px;text-align:center;font-family:Consolas,"MS Gothic",Courier,monospace;font-weight:bold;}
ul.borderline li:nth-child(3n+3){width:235px;}
ul.borderline li:nth-child(1){background-color:#ffffff;}
ul.borderline li:nth-child(3) hr{border:solid 1px #505050;}
ul.borderline li:nth-child(4){background-color:#ababab;}
ul.borderline li:nth-child(6) hr{border:dotted 1px #ababab;}
ul.borderline li:nth-child(7){background-color:#d0d0d0;}
ul.borderline li:nth-child(9) hr{border:solid 1px #d0d0d0;}
/* 6.fontsize */
ul.fontsize{width:370px;margin:0 16px 0 16px;padding:0;list-style:none;font-size:0;}
ul.fontsize li{box-sizing:border-box;display:inline-block;margin:0;padding:0;line-height:1.6;white-space:nowrap;overflow:hidden;}
ul.fontsize li:nth-child(4n+1){width:16%;}
ul.fontsize li:nth-child(4n+2){width:28%;text-align:center;}
ul.fontsize li:nth-child(4n+3){width:28%;text-align:center;}
ul.fontsize li:nth-child(4n+4){width:28%;text-align:center;}
/* 7.useicon */
ul.useicon{width:370px;margin:8px 16px 16px 16px;padding:0;list-style:none;font-size:0;}
ul.useicon li{box-sizing:border-box;display:inline-block;margin:10px 0 0 0;padding:0;white-space:nowrap;overflow:hidden;}
ul.useicon li:first-child{margin:7px 0 0 0;}
ul.useicon li:nth-child(2n+1){width:13px;text-align:center;}
ul.useicon li:nth-child(2n+2){width:357px;font-family:Consolas,"メイリオ",Meiryo,Courier,monospace;}