.field{
  line-height: 0px;
  margin:0px;
  padding:0px;
  width:200px;
  height:138px;
}
.field img{
  margin:0px;
  padding:0px;
  width:25px;
  height:23px;
}
.fieldBox{
  float:left;
  margin-right:10px;
}

.select{
  background-color:#f6cece;
}

.typeBox{
}
.typeBox:nth-child(odd){
}

.chancelist{
  max-width: 1260px;
  padding:0px;
  margin:0px auto;
}

h2.selectnum{
  margin-top: 30px;
}


.atackRate{
  margin-bottom:0px;
}
.atackRate td{
  font-size:12px;
  width:30px;
  font-weight:bolder;
}

.normal
{
  color:#ff0000;
}

table
{
  border: #000000 0px solid;
  border-top:#000000 2px solid;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  border-collapse: collapse;
}


th{
  background-color: #ffffff;
  padding:5px;
}

td{
  width:60px;
  padding:5px;
}

#atackRatePurple{
  background-color: #cc99ff;
}

#atackRateYellow{
  background-color: #ffff99;
}

#atackRateRed{
  background-color: #ff9999;
}

#atackRateGreen{
  background-color: #99ff99;
}

#atackRateBlue{
  background-color: #66ccff;
}



#menu_button{
 position: fixed;            
  width:50px;
  z-index: 2;
 right: 90px;
 bottom: 30px;
}

#mylist_box{
 position: fixed;           
 z-index: 3;
 right: 30px; 
 bottom: 30px; 
 width: 300px;
 height: 150px;
 padding:5px;
 border:#BBBBBB 3px solid;
 background-color: #269CE9;
}

#mylist_box img{
  width:40px;
}

#yes_no_box{
 position: fixed;           
 z-index: 4;
 right: 30px; 
 bottom: 30px; 
 width: 300px;
 height: 150px;
 padding:5px;
 border:#BBBBBB 3px solid;
 background-color: #269CE9;
}

#yes_no_info{
  font-weight: bolder;
  color:#ffffff;
}

#mylist_info{
  height:20px;
  font-weight: bolder;
  color:#ffffff;
}

#info_box{
 position: fixed;           
 z-index: 4;
 right: 30px; 
 bottom: 30px; 
 width: 300px;
 height: 150px;
 padding:5px;
 border:#BBBBBB 3px solid;
 background-color: #269CE9;
}

#info_text{
  font-weight: bolder;
  color:#ffffff;
}