html, body {
  height: 100%;
}

#SelectSeats {
  width: 100%;
  height: 30pt;
  border: solid 1px #999;
}


/* map */

#MAP {
  width: 100%;
  height: 70%;
  border: solid 1px #999;
  cursor: move;
}

/* svg */
svg .hdn {
  visibility: hidden;
}
selectseat {
    font-size:50%
}

/* map blockのクラス */
    #MAP path.seatblock1 {
        fill: #F0E68C;
        stroke: black;
        stroke-width: 5px;
    }

    #MAP path.seatblock2 {
        fill: lightpink;
        stroke: gray;
    }
        #MAP path.seatblock19 {
        fill: #F0E68C;
        stroke: black;
        stroke-width: 2px;
    }

/* map seatのクラス */

    #MAP rect.VacantSeat {
        line-height: 1em;
        fill: #ffffff;
        border-radius: 5px;
        border: 0.2px solid #393939;
        stroke: #555555;
        stroke-width: 0.2px;
        cursor: pointer;
        rx: 3;
        ry: 3;
    }

    #MAP rect.ReservedSeat {
        line-height: 1em;
        fill: #666666;
        border-radius: 5px;
        border: 0.2px solid #555555;
        stroke: #555555;
        stroke-width: 0.2px;
        cursor: move;
        rx: 3;
        ry: 3;
    }

    #MAP rect.NoSale {
        fill: #666666;
        stroke: #555555;
        cursor: move;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

   #MAP rect.NoSale.PreviousYear {
        fill: #ffff00;
        stroke: white;
        cursor: move;
        cursor: pointer;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

    #MAP rect.NoSale.AlreadyReserved {
        fill: #008000;
        stroke: white;
        cursor: move;
        cursor: pointer;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

    #MAP rect.NoSeat {
        fill: #666666;
        stroke: #555555;
        cursor: move;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

    #MAP rect.StockEmpty {
        fill: #666666;
        stroke: #555555;
        cursor: move;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

    #MAP rect.selected {
        fill: #C2185B;
        stroke: white;
        border: medium ridge #ff00ff;
        stroke-width: 1;
        cursor: pointer;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

    #MAP rect.NoSale.PreviousYear.selected {
        fill: #C2185B;
        stroke: white;
        border: medium ridge #ff00ff;
        stroke-width: 1;
        cursor: pointer;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

    #MAP rect.NoSale.AlreadyReserved.selected {
        fill: #C2185B;
        stroke: white;
        border: medium ridge #ff00ff;
        stroke-width: 1;
        cursor: pointer;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

    #MAP rect.NoSeat.PreviousYear {
        fill: #ffff00;
        stroke: white;
        cursor: move;
        stroke-width: 0.2px;
        rx: 3;
        ry: 3;
    }

    table.selectseat01{
	border:1px solid #999999;
	border-collapse: collapse;
	}

table.selectseat01 td.header {
 	border:1px solid #999999;
    background-color: darkblue;
    color: white;
    font-size:150%;
    font-weight:bold;
}

table.selectseat01 td.title {
  	border:1px solid #999999;
    background-color: lightblue;
    font-size:120%;
    width:20%;
}
table.selectseat01 td {
  	border:1px solid #999999;
    font-size:120%;
    padding: 3px;
    font-weight:bold;
}