body{
background-color:#00FFFF;
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
width:100%;
}

#top_block{
position:absolute;
top:0%;
left:0%;
width:80%;
margin:1% 3%;
z-index:10;
}

#center_block{
position:absolute;
top:30%;
left:0%;
width:100%;
margin:0%;
z-index:1;
}

  #p1_display_spot{
  position:absolute;
  left:0%;
  width:25%;
  margin:1%;
  padding:1%;
  }

  #state_display_spot{
  position:absolute;
  left:27%;
  width:20%;
  margin:1%;
  padding:1%;
  }

  #p2_display_spot{
  position:absolute;
  left:50%;
  width:25%;
  margin:1%;
  padding:1%;
  }

#banner_block{
position:absolute;
top:70%;
left:0%;
height:20%;
width:40%;
margin:0% 5%;
z-index:2;
}

#bottom_block{
position:absolute;
top:80%;
left:0%;
width:60%;
margin:5% 3%;
background-color:#111111;
color:#EEEEEE;
padding:1% 4%;
border-style:solid;
border-width:4px;
border-color:#EEEEEE;
border-radius:8px;
box-shadow:20px 20px 40px 0px #444444;
z-index:3;
}

#manual_block{
position:absolute;
top:4%;
left:4%;
height:80%;
width:80%;
padding:2%;
display:none;
box-shadow:30px 30px 80px 0px #111111;
background-color:#FFF8DC;
color:#111111;
border-style:double;
border-radius: 20px 240px 10px 20px / 240px 20px 40px 60px;
z-index:100;
}



/*背景色*/

.backgreen{
background-color:#00FF00;
}

.backred{
background-color:#FF0000;
}

.backblue{
background-color:#99CCFF;
}

.backyellow{
background-color:#FFFF00;
}

.backgray{
background-color:#999999;
}


/*フォント*/

.titlemoji{
font-family:fantasy;
font-size:200%;
font-weight:700;
font-style:italic;
}

.mojikanji{
font-size:140%;
margin:2%;
border-radius:8px;
}

.mojinum{
font-size:150%;
margin:1%;
text-shadow:4px 4px 2px #111111;
}

.mojiwhite{
color:#EEEEEE;
}

.mojigreen{
color:#00FF00;
}

.mojired{
color:#FF0000;
}

.mojiblue{
color:#99CCFF;
}

.mojiyellow{
color:#FFFF00;
}

.mojikage{
text-shadow:5px 5px 5px #EEEEEE;
}



/*文字センタリング*/
.moji{
text-align:center;
}

/*横のマージン*/
.sideblank{
margin:0% 2%;
}

/*絵のサイズ*/
.topcharaicon{
width:4%;
height:6%;
}

.dispcharaicon{
width:15%;
height:25%;
}

.dispjcharaicon{
width:30%;
height:35%;
}

.bannersize{
width:49%;
height:70%;
}