body{
background-color:#00FFFF;
background-image:url(img/bbcwall.jpg);
background-attachment:fixed;
background-size:cover;
background-repeat:no-repeat;
width:100%;
}

#top_block{
position:absolute;
top:0px;
left:0px;
width:800px;
margin:20px 50px;
}

#center_block{
position:absolute;
top:200px;
left:0px;
width:800px;
margin:50px;
}

  #p1_display_spot{
  position:absolute;
  left:0px;
  width:300px;
  margin:10px;
  padding:10px;
  }

  #state_display_spot{
  position:absolute;
  left:340px;
  width:240px;
  margin:10px;
  padding:10px;
  }

  #p2_display_spot{
  position:absolute;
  left:620px;
  width:300px;
  margin:10px;
  padding:10px;
  }

#blank_block{
position:absolute;
top:500px;
left:0px;
height:140px;
width:800px;
margin:10px 50px;
padding:10px 50px;
}

#bottom_block{
position:absolute;
top:640px;
left:0px;
width:800px;
margin:50px;
background-color:#111111;
color:#EEEEEE;
padding:10px 50px;
border-style:solid;
border-width:4px;
border-color:#EEEEEE;
border-radius:8px;
box-shadow:20px 20px 40px 0px #444444;
}

#manual_block{
position:absolute;
top:20px;
left:20px;
height:800px;
width:800px;
padding:40px;
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;
}



/*背景色*/

.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:32px;
font-weight:700;
font-style:italic;
}

.mojikanji{
font-size:24px;
margin:3px;
border-radius:8px;
}

.mojinum{
font-size:24px;
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:0px 30px;
}