/* マインスイーパーのtable要素 */
#jsmine {
    padding:8px;
    border:0;
    outline:0;
    font-size:100%;
    background-color:#ccc;
    border-collapse:collapse;
    border-spacing:0;
    cursor:default;
}


/* 数値表示 */
span.digit {
    width:13px;
    height:26px;
    display:block;
    float:left;
    background-image: url("mine_num.png");
    background-repeat: no-repeat;
}


/* カウンター */
#counter {
    float:left;
    margin-left:8px;
    margin-top:4px;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent
}

/* タイマー */
#timer {
    float:right;
    margin-right:8px;
    margin-top:4px;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent
}


/* フェイスマーク */
#face {
    width:26px;
    height:26px;
    margin:4px auto;
    background-image: url("mine_face.png");
    background-repeat: no-repeat;
}



#tileborder {
    margin:5px;
    border: inset 3px #ddd;
    padding:0;
    outline:0;
}


/* 開いていないタイル */
td.covered {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -144px;
}

/* 開いていないタイル(クリック時) */
td.covered:active {
    background-position: 0px 0px;
}

/* 旗のついたタイル */
td.flag {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -160px;
}

/* ？マークのついたタイル */
td.question {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -176px;
}

/* 地雷 */
td.mine {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -192px;
}

/* 踏んでしまった地雷 */
td.hit {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -208px;
}

/* 旗をつけたが地雷ではなかった */
td.fake {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -224px;
}



td.tile0 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

td.tile1 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -16px;
}

td.tile2 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -32px;
}

td.tile3 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -48px;
}

td.tile4 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -64px;
}

td.tile5 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -80px;
}

td.tile6 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -96px;
}

td.tile7 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -112px;
}

td.tile8 {
    width:16px;
    height:16px;
    margin:0px;
    padding:0px;
    background-image: url("mine_tile.png");
    background-repeat: no-repeat;
    background-position: 0px -128px;
}