#map {
  position: relative;
  background: azure;
  border: 1px solid black;
}

#map div {
margin: 2px;
height: 100px;
display: inline-block;
width: 100px;
}

#map2 {
    margin: 2px;
    height: 98px;
    display: inline-block;
    width: 98px;
    position: absolute;
    left: 800px;
}

#map2 div {
margin: 2px;
height: 100px;
display: inline-block;
width: 100px;
}

#map3 {
    margin: 2px;
    height: 98px;
    display: inline-block;
    width: 98px;
    position: absolute;
    left: 800px;
}

#map3 div {
margin: 2px;
height: 200px;
display: inline-block;
width: 130px;
}

#n1 {
  left: 0px;
  width: 100px;
  background: url('../detail/map.png') 0 0;
  background: #70685c82;
}

#n2 {
  left: 100px;
  width: 100px;
  background: url('../detail/map.png') -100px 0;
}

#n3 {
  left: 200px;
  width: 100px;
  background: url('../detail/map.png') -200px 0;
}

#n4 {
  left: 300px;
  width: 100px;
  background: url('../detail/map.png') -300px 0;
}

#n5 {
  left: 400px;
  width: 100px;
  background: url('../detail/map.png') -400px 0;
}

#n6 {
  left: 500px;
  width: 100px;
  background: url('../detail/map.png') -500px 0;
  background: #70685c82;
}

#n7 {
  left: 0px;
  width: 100px;
  background: url('../detail/map.png') 0px -100px;
}
#n8 {
  left: 100px;
  width: 100px;
  background: url('../detail/map.png') -100px -100px;
}
#n9 {
  left: 200px;
  width: 100px;
  background: url('../detail/map.png') -200px -100px;
}
#n10 {
  left: 300px;
  width: 100px;
  background: url('../detail/map.png') -300px -100px;
}
#n11 {
  left: 400px;
  width: 100px;
  background: url('../detail/map.png') -400px -100px;
}
#n12 {
  left: 500px;
  width: 100px;
  background: url('../detail/map.png') -500px -100px;
}

#n13 {
  left: 0px;
  width: 100px;
  background: url('../detail/map.png') 0 -200px;
}

#n14 {
  left: 100px;
  width: 100px;
  background: url('../detail/map.png') -100px -200px;
}

#n15 {
  left: 200px;
  width: 100px;
  background: url('../detail/map.png') -200px -200px;
}

#n16 {
  left: 300px;
  width: 100px;
  background: url('../detail/map.png') -300px -200px;
}

#n17 {
  left: 400px;
  width: 100px;
  background: url('../detail/map.png') -400px -200px;
}

#n18 {
  left: 500px;
  width: 100px;
  background: url('../detail/map.png') -500px -200px;
}

#n19 {
  left: 0px;
  width: 100px;
  background: url('../detail/map.png') 0px -300px;
}
#n20 {
  left: 100px;
  width: 100px;
  background: url('../detail/map.png') -100px -300px;
}
#n21 {
  left: 200px;
  width: 100px;
  background: url('../detail/map.png') -200px -300px;
}
#n22 {
  left: 300px;
  width: 100px;
  background: url('../detail/map.png') -300px -300px;
}
#n23 {
  left: 400px;
  width: 100px;
  background: url('../detail/map.png') -400px -300px;
}
#n24 {
  left: 500px;
  width: 100px;
  background: url('../detail/map.png') -500px -300px;
}

#n25 {
  left: 0px;
  width: 100px;
  background: url('../detail/map.png') 0 -400px;
}

#n26 {
  left: 100px;
  width: 100px;
  background: url('../detail/map.png') -100px -400px;
}

#n27 {
  left: 200px;
  width: 100px;
  background: url('../detail/map.png') -200px -400px;
}

#n28 {
  left: 300px;
  width: 100px;
  background: url('../detail/map.png') -300px -400px;
}

#n29 {
  left: 400px;
  width: 100px;
  background: url('../detail/map.png') -400px -400px;
}

#n30 {
  left: 500px;
  width: 100px;
  background: url('../detail/map.png') -500px -400px;
}

#n31 {
  left: 0px;
  width: 100px;
  background: url('../detail/map.png') 0px -500px;
  background: #70685c82;
}
#n32 {
  left: 100px;
  width: 100px;
  background: url('../detail/map.png') -100px -500px;
}
#n33 {
  left: 200px;
  width: 100px;
  background: url('../detail/map.png') -200px -500px;
}
#n34 {
  left: 300px;
  width: 100px;
  background: url('../detail/map.png') -300px -500px;
}
#n35 {
  left: 400px;
  width: 100px;
  background: url('../detail/map.png') -400px -500px;
}
#n36 {
  left: 500px;
  width: 100px;
  background: url('../detail/map.png') -500px -500px;
  background: #70685c82;
}

#d1 {
  left: 0px;
  width: 100px;
  background: url('../detail/dicenew2.png') -100px 0px;
}

#d2 {
  left: 100px;
  width: 100px;
  background: url('../detail/dicenew2.png') -100px 0px;
}

#cart1 {
  left: 0px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart2 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart3 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart4 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart5 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart6 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart7 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart8 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart9 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart10 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart11 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart12 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart13 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#car14 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart15 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart16 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart17 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

#cart18 {
  left: 100px;
  width: 120px;
  background: url('../detail/cartfate.png') 0px 0px;
}

.buttonspec {
    background: #b61212;    
    height: 20px;  
    padding: 20px;   
    border-radius: 25px;    
    color: azure;    
    text-transform: uppercase;    
    width: 500px;    
    text-align: center;    
	top: 145px;
}