body {
  background-color:#222222;
}

#container {
height:400px;
width:711px;
margin: 50px auto 0px auto;
padding:0px 0;
text-align:left;
background: url(img/BG.png) #ffffff;
color:#303030;
}

#subcontainer {
height:200px;
width:200px;
margin: 50px auto;
padding:0px 0;
text-align:left;
border:1px solid #000000;
background:#000000;
color:#303030;
}

#container_quikguide{
width:500px;
margin: 50px auto 0px auto;
padding:0px 0px 0px 0px;
text-align:left;
background:#222222;
color:#ffffff;
}

.white {
color:#eeeeee;
text-align:center;
font: 80% ＭＳ ゴシック;
}

.white_left {
color:#eeeeee;
text-align:left;
font: 90% ＭＳ ゴシック;
}

.titel {
color:#eeeeee;
text-align:center;
font: 150% ＭＳ ゴシック;
}

/* canvas */


#canvas {}
#bgcanvas {}
#kkcanvas {}
#fgcanvas {}
#buildcanvas {}

.wrapper {
    position: relative;
    width: 711px;
    height: 400px;
}

.wrapper canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.wrapper bgcanvas {
    position: absolute;
    top: 0;
    left: 0;
}

.wrapper kkcanvas {
    position: absolute;
    top: 0;
    left: 0;
}

.wrapper fgcanvas {
    position: absolute;
    top: 0;
    left: 0;
}

.wrapper buildcanvas {
    position: absolute;
    top: 0;
    left: 0;
}