@media screen and (min-width:0px){
    .top_relative{
	position: relative;
	top: 0px;
	left: 50px;
	transform: scale(0.6,0.6);
	-webkit-transform: scale(0.6,0.6);
    }
}
@media screen and (min-width:600px){
    .top_relative{
	position: relative;
	top: 0px;
	left: 50px;
	transform: scale(1.0,1.0);
	-webkit-transform: scale(1.0,1.0);
    }
}

.base_image{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -100;
}

input[type=radio] {
    display: none; /* ラジオボタンを非表示にする */
}

input[type="radio"]:checked + label {
    background: #000000; /* マウス選択時の背景色を指定する */
}

.label_white {
    float: left; /* 要素の左寄せ・回り込を指定する */
    width: 30px; /* ボックスの横幅を指定する */
    height: 30px; /* ボックスの高さを指定する */
    margin: 3px;
    background: #ffffff;
    color: #888888; /* フォントの色を指定 */
    text-align: center; /* テキストのセンタリングを指定する */
    line-height: 35px; /* 行の高さを指定する */
    border: 2px solid #888888; /* ボックスの境界線を実線で指定する */
    border-radius: 5px; /* 角丸を指定する */
}

.label_blue {
    float: left; /* 要素の左寄せ・回り込を指定する */
    width: 30px; /* ボックスの横幅を指定する */
    height: 30px; /* ボックスの高さを指定する */
    margin: 2px;
    background: #ffffff;
    color: #0000ff; /* フォントの色を指定 */
    text-align: center; /* テキストのセンタリングを指定する */
    line-height: 35px; /* 行の高さを指定する */
    border: 3px solid #0000ff; /* ボックスの境界線を実線で指定する */
    border-radius: 5px; /* 角丸を指定する */
}

.label_green {
    float: left; /* 要素の左寄せ・回り込を指定する */
    width: 30px; /* ボックスの横幅を指定する */
    height: 30px; /* ボックスの高さを指定する */
    margin: 2px;
    background: #ffffff;
    color: #00ff00; /* フォントの色を指定 */
    text-align: center; /* テキストのセンタリングを指定する */
    line-height: 35px; /* 行の高さを指定する */
    border: 3px solid #00ff00; /* ボックスの境界線を実線で指定する */
    border-radius: 5px; /* 角丸を指定する */
}

.label_red {
    float: left; /* 要素の左寄せ・回り込を指定する */
    width: 30px; /* ボックスの横幅を指定する */
    height: 30px; /* ボックスの高さを指定する */
    margin: 2px;
    background: #ffffff;
    color: #ff0000; /* フォントの色を指定 */
    text-align: center; /* テキストのセンタリングを指定する */
    line-height: 35px; /* 行の高さを指定する */
    border: 3px solid #ff0000; /* ボックスの境界線を実線で指定する */
    border-radius: 5px; /* 角丸を指定する */
}

.bit01 {
    position: absolute;
    top: 130px;
    left: 130px;
}

.bit02 {
    position: absolute;
    top: 225px;
    left: 135px;
}

.bit03 {
    position: absolute;
    top: 320px;
    left: 145px;
}

.bit04 {
    position: absolute;
    top: 415px;
    left: 135px;
}

.bit05 {
    position: absolute;
    top: 510px;
    left: 130px;
}

.bit06 {
    position: absolute;
    top: 590px;
    left: 60px;
}

.bit07 {
    position: absolute;
    top: 510px;
    left: -10px;
}

.bit08 {
    position: absolute;
    top: 415px;
    left: -20px;
}

.bit09 {
    position: absolute;
    top: 320px;
    left: -25px;
}

.bit10 {
    position: absolute;
    top: 225px;
    left: -20px;
}

.bit11 {
    position: absolute;
    top: 130px;
    left: -10px;
}

.freetext {
    position: absolute;
    top: 650px;
    left: 0px;
}