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: 2;
  ry: 2;
}

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

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

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

#MAP rect.StockEmpty {
    fill: #696969;
    stroke: #555555;
    cursor: move;
    stroke-width: 0.2px;
    rx: 2;
    ry: 2;
}
#MAP rect.selected {
    fill: hotpink;
    stroke: white;
    border: medium ridge #ff00ff;
    stroke-width: 1;
    cursor: pointer;
    stroke-width: 0.2px;
    rx: 2;
    ry: 2;
}

/* heatMapのクラス */
    
    #MAP path {
    line-height: 1em;
    fill: #BFBFBF;
    border-radius: 0px;
    stroke: #BFBFBF;
    stroke-width: 0.2px;
    }

    #MAP path.HeatMapInStock {
    line-height: 1em;
    fill: #17499D;
    border-radius: 1px;
    stroke: #17499D;
    stroke-width: 0.2px;
    }

    #MAP path.HeatMapFew {
    line-height: 1em;
    fill: #8BA4CE;
    border-radius: 1px;
    stroke: #8BA4CE;
    stroke-width: 0.2px;
    }

    #MAP path.HeatMapSoldOut {
    line-height: 1em;
    fill: #BFBFBF;
    border-radius: 1px;
    stroke: #BFBFBF;
    stroke-width: 0.2px;
    }

    #MAP path.HeatMapInStock.visitor {
    line-height: 1em;
    fill: #6E4B47;
    border-radius: 1px;
    stroke: #6E4B47;
    stroke-width: 0.2px;
    }

    #MAP path.HeatMapFew.visitor{
    line-height: 1em;
    fill: #A58C8A;
    border-radius: 1px;
    stroke: #A58C8A;
    stroke-width: 0.2px;
    }

    #MAP path.HeatMapSoldOut.visitor {
    line-height: 1em;
    fill: #BFBFBF;
    border-radius: 1px;
    stroke: #BFBFBF;
    stroke-width: 0.2px;
    }

    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;
}