/*
* layer.css
* 各レイヤー位置を指定
*/

img.avatar {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*
* 道路
*/
#img_layer_1 {
    z-index: 1000
}

/*
* 遠景
*/
#img_layer_2 {
    z-index: 0
}

/*
* 庭
*/
#img_layer_3 {
    z-index: 30;
}

/*
* 庭アイテム
*/
#img_layer_4 {
    z-index: 400;
	pointer-events: none;
}

/*
* ポスト
*/
#img_layer_8 {
    z-index: 800
}

/*
* 看板
*/
#img_layer_9 {
    z-index: 900;
}

/*
* 1階内装
*/
#img_layer_10 {
    z-index: 100;
}

/*
* カウンター
*/
#img_layer_11 {
    z-index: 110;
}

/*
* 2階内装
*/
#img_layer_20 {
    z-index: 200;
}

/*
* 2階ベッド
*/
#img_layer_21 {
    z-index: 210;
}

/*
* 屋根
*/
#img_layer_30 {
    z-index: 300
}

/*
* 屋根煙突
*/
#img_layer_31 {
    z-index: 310
}

/*
* 椅子
*/
#img_layer_7, #img_layer_14 {
    width: 68px;
    height: 68px;
}

#img_layer_7 {
    top: 368px;
    left: 71px;
    z-index: 120;
}

#img_layer_14 {
    top: 310px;
    left: 95px;
    z-index: 119;
}

/*
* テーブル
*/
#img_layer_5, #img_layer_12 {
    width: 90px;
    height: 100px;
}

#img_layer_5 {
    top: 360px;
    left: 94px;
    z-index: 500;
}

#img_layer_12 {
    top: 300px;
    left: 122px;
    z-index: 120;
}

/*
* テーブル上アイテム
*/
#img_layer_6, #img_layer_13 {
    width: 55px;
    height: 55px;
}

#img_layer_6 {
    top: 355px;
    left: 113px;
    z-index: 600;
}

#img_layer_13 {
    top: 295px;
    left: 139px;
    z-index: 130;
}

/*
* 棚
*/
#img_layer_15, #img_layer_22 {
    width: 151px;
    height: 97px;
}

#img_layer_15 {
    top: 262px;
    left: 170px;
    z-index: 150;
}

#img_layer_22 {
    top: 150px;
    left: 170px;
    z-index: 220;
}

/*
* 棚上アイテム
*/
#img_layer_16, #img_layer_17, #img_layer_23, #img_layer_24 {
    width: 54px;
    height: 54px;
}

#img_layer_16 {
    top: 249px;
    left: 248px;
    z-index: 160;
}

#img_layer_17 {
    top: 244px;
    left: 204px;
    z-index: 170;
}

#img_layer_23 {
    top: 137px;
    left: 250px;
    z-index: 230;
}

#img_layer_24 {
    top: 132px;
    left: 203px;
    z-index: 240;
}

/*
* 壁掛けアイテム
*/
#img_layer_18, #img_layer_25 {
    width: 80px;
    height: 80px;
}

#img_layer_18 {
    top: 225px;
    left: 53px;
    z-index: 180;
}

#img_layer_25 {
    top: 114px;
    left: 56px;
    z-index: 250;
}

/*
* 編集タップ領域
*/
#layer_1 {
    width: 200px;
    height: 33px;
    bottom: 0;
    left: 0;
}

#layer_2 {
    width: 55px;
    height: 70px;
    top: 206px;
    left: 0;
}

#layer_3 {
    width: 120px;
    height: 63px;
    bottom: 0;
    right: 0;
}

#layer_4 {
    width: 77px;
    height: 95px;
    bottom: 40px;
    right: 0px;
}

#layer_5 {
    width: 55px;
    height: 35px;
    bottom: 35px;
    right: 152px;
}

#layer_6 {
    width: 55px;
    height: 20px;
    bottom: 70px;
    right: 152px;
}

#layer_7 {
    width: 30px;
    height: 50px;
    bottom: 40px;
    left: 83px;
}

#layer_8 {
    width: 52px;
    height: 80px;
    bottom: 113px;
    left: 0;
}

#layer_9 {
    width: 36px;
    height: 60px;
    bottom: 60px;
    left: 47px;
}

#layer_10 {
    width: 48px;
    height: 52px;
    bottom: 90px;
    left: 195px;
}

#layer_11 {
    width: 48px;
    height: 52px;
    bottom: 145px;
    left: 105px;
}

#layer_12 {
    width: 48px;
    height: 40px;
    bottom: 90px;
    left: 142px;
}

#layer_13 {
    width: 48px;
    height: 20px;
    bottom: 130px;
    left: 142px;
}

#layer_14 {
    width: 35px;
    height: 45px;
    bottom: 100px;
    left: 107px;
}

#layer_15 {
    width: 110px;
    height: 35px;
    bottom: 142px;
    right: 12px;
}

#layer_16 {
    width: 50px;
    height: 35px;
    bottom: 177px;
    right: 12px;
}

#layer_17 {
    width: 50px;
    height: 35px;
    bottom: 177px;
    right: 67px;
}

#layer_18 {
    width: 40px;
    height: 50px;
    bottom: 177px;
    left: 65px;
}

#layer_19 {
    display: none;
}

#layer_20 {
    width: 120px;
    height: 30px;
    top: 217px;
    left: 135px;
}

#layer_21 {
    width: 75px;
    height: 56px;
    top: 190px;
    left: 60px;
}

#layer_22 {
    width: 110px;
    height: 35px;
    top: 182px;
    left: 200px;
}

#layer_23 {
    width: 50px;
    height: 35px;
    top: 147px;
    left: 260px;
}

#layer_24 {
    width: 50px;
    height: 35px;
    top: 147px;
    left: 205px;
}

#layer_25 {
    width: 40px;
    height: 50px;
    top: 132px;
    left: 65px;
}

#layer_26, #layer_27, #layer_28, #layer_29 {
    display: none;
}

#layer_30 {
    width: 283px;
    height: 84px;
    top: 48px;
    left: 35px;
}

#layer_31 {
    width: 110px;
    height: 50px;
    top: 50px;
    left: 178px;
}