@charset "UTF-8";
 /* body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img { margin: 0; padding: 0; border: 0; }
 上最後に消す */
#gamenohako02{width: 500px; height: 380px; position: relative; cursor: pointer; background-color: #BEBEBE;top: 0; left: 0; right: 0; bottom: 0; margin: auto;}/*最後に付け加える  canvasを入れたdiv*/
 /* ------------------------------------------------------------------------------------------------------------------ */
 body{background-color: black;}
/* --------------------------------------------Openinng----------------- */
#canOpeninng{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 1300; background-image: url(Door7imF/loading.jpg);}
#canStartClick01{width: 50px; height: 99px; top: 196px; left: 23px; position: absolute; z-index: 1311; visibility: hidden;}
#canStartClick02{width: 52px; height: 97px; top: 197px; left: 89px; position: absolute; z-index: 1312; visibility: hidden;}
#canStartClick03{width: 53px; height: 101px; top: 193px; left: 157px; position: absolute; z-index: 1313; visibility: hidden;}
#canStartClick04{width: 54px; height: 106px; top: 189px; left: 233px; position: absolute; z-index: 1314; visibility: hidden;}
#canStartForm{width: 170px; height: 38px; top: 308px; left: 174px; position: absolute; z-index: 1304; visibility: hidden;}
#canFukida{width: 315px; height: 130px; top: 120px; left: 0px; position: absolute; z-index: 1305; visibility: hidden;}

#canMain01{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 1; visibility: hidden;}
#canLButton{width: 20px; height: 250px; top: 65px; left: 0px; position: absolute; z-index: 500; visibility: hidden; opacity: 0.8; background-color: white;}
#canRButton{width: 20px; height: 250px; top: 65px; left: 480px; position: absolute; z-index: 501; visibility: hidden; opacity: 0.8; background-color: white;}
#canUp{width: 300px; height: 20px; top: 0px; left: 100px; position: absolute; opacity: 0.8; background-color: white; z-index: 502; visibility: hidden;}
#canDown{width: 300px; height: 20px; top: 360px; left: 100px; position: absolute; opacity: 0.8; background-color: white; z-index: 503; visibility: hidden;}
#canMainCaver{width: 586px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 1503; visibility: hidden;/*  background-color: #07cb07; opacity: 0.3; */}
#canOpenInDoorCP{width: 119px; height: 194px; top: 126px; left: 189px; position: absolute; z-index: 605; visibility: hidden;}
#canCloseInDoorCP{width: 72px; height: 238px; top: 114px; left: 120px; position: absolute; z-index: 606; visibility: hidden;}
/* --------------------------------------------Item----------------- */
#canIteme01{width: 76px; height: 76px; top: 0px; left: 510px; position: absolute; z-index: 601; visibility: hidden;}
#canIteme02{width: 76px; height: 76px; top: 76px; left: 510px; position: absolute; z-index: 602; visibility: hidden;}
#canIteme03{width: 76px; height: 76px; top: 152px; left: 510px; position: absolute; z-index: 603; visibility: hidden;}
#canIteme04{width: 76px; height: 76px; top: 228px; left: 510px; position: absolute; z-index: 604; visibility: hidden;}
#canIteme05{width: 76px; height: 76px; top: 304px; left: 510px; position: absolute; z-index: 605; visibility: hidden;}
#canItemUp{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 606; visibility: hidden;}
#canItemeUpBatucp{width: 65px; height: 65px; top: 15px; left: 406px; position: absolute; z-index: 607; visibility: hidden;}
#canItemeRimoButtoncp{width: 87px; height: 82px; top: 144px; left: 148px; position: absolute; z-index: 608; visibility: hidden;}
#canItemUraOmotecp{width: 290px; height: 244px; top: 61px; left: 111px; position: absolute; z-index: 608; visibility: hidden;}

/* --------------------------------------------BlueRoom----------------- */
#canBlueRoom{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 10; visibility: hidden;}
#canBluePanelCp{width: 128px; height: 66px; top: 162px; left: 191px; position: absolute; z-index: 11; visibility: hidden;}
#canBluePanelCpL{width: 64px; height: 64px; top: 283px; left: 136px; position: absolute; z-index: 12; visibility: hidden;}
#canBluePanelCpR{width: 64px; height: 64px; top: 283px; left: 315px; position: absolute; z-index: 13; visibility: hidden;}
#canBlueCordCp{width: 179px; height: 218px; top: 82px; left: 99px; position: absolute; z-index: 14; visibility: hidden;}
#canBlueSwitchCp{width: 79px; height: 105px; top: 150px; left: 285px; position: absolute; z-index: 15; visibility: hidden;}
#canBlueKigou{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 16; visibility: hidden;}
#canBlueNoHi01{width: 72px; height: 72px; top: 70px; left: 104px; position: absolute; z-index: 17; visibility: hidden;}
#canBlueNoHi02{width: 72px; height: 72px; top: 70px; left: 178px; position: absolute; z-index: 18; visibility: hidden;}
#canBlueNoHi03{width: 72px; height: 72px; top: 70px; left: 251px; position: absolute; z-index: 19; visibility: hidden;}
#canBlueNoHi04{width: 72px; height: 72px; top: 70px; left: 325px; position: absolute; z-index: 20; visibility: hidden;}
#canBlueNoLow01{width: 72px; height: 72px; top: 205px; left: 104px; position: absolute; z-index: 21; visibility: hidden;}
#canBlueNoLow02{width: 72px; height: 72px; top: 205px; left: 178px; position: absolute; z-index: 22; visibility: hidden;}
#canBlueNoLow03{width: 72px; height: 72px; top: 205px; left: 251px; position: absolute; z-index: 23; visibility: hidden;}
#canBlueNoLow04{width: 72px; height: 72px; top: 205px; left: 325px; position: absolute; z-index: 24; visibility: hidden;}
#canBlueButton{width: 44px; height: 38px; top: 304px; left: 225px; position: absolute; z-index: 25; visibility: hidden;}
/* --------------------------------------------RedRoom----------------- */
#canRedRoom{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 10; visibility: hidden;}
#canRedRoomKanki01{width: 160px; height: 138px; top: 0px; left: 340px; position: absolute; z-index: 11; visibility: hidden;}
#canRedRoomPanecp{width: 214px; height: 153px; top: 110px; left: 176px; position: absolute; z-index: 12; visibility: hidden;}
#canRedRoomButton{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 13; visibility: hidden;}
#canRedButtcp01{width: 79px; height: 70px; top: 69px; left: 129px; position: absolute; z-index: 14; visibility: hidden;}
#canRedButtcp02{width: 77px; height: 67px; top: 69px; left: 221px; position: absolute; z-index: 15; visibility: hidden;}
#canRedButtcp03{width: 82px; height: 65px; top: 69px; left: 319px; position: absolute; z-index: 16; visibility: hidden;}
#canRedButtcp04{width: 89px; height: 89px; top: 144px; left: 307px; position: absolute; z-index: 17; visibility: hidden;}
#canRedButtcp05{width: 89px; height: 76px; top: 250px; left: 307px; position: absolute; z-index: 18; visibility: hidden;}
#canRedButtcp06{width: 85px; height: 73px; top: 250px; left: 206px; position: absolute; z-index: 19; visibility: hidden;}
#canRedButtcp07{width: 83px; height: 77px; top: 250px; left: 109px; position: absolute; z-index: 20; visibility: hidden;}
#canRedButtcp08{width: 87px; height: 86px; top: 145px; left: 114px; position: absolute; z-index: 21; visibility: hidden;}
#canRedButtcp09{width: 83px; height: 87px; top: 148px; left: 213px; position: absolute; z-index: 22; visibility: hidden;}
#canRedSimacp{width: 300px; height: 200px; top: 122px; left: 120px; position: absolute; z-index: 23; visibility: hidden;}

/* --------------------------------------------YellowRoom----------------- */
#canYellowRoom{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 10; visibility: hidden;}
#canYellowHint01cp{width: 73px; height: 73px; top: 221px; left: 86px; position: absolute; z-index: 11; visibility: hidden;}
#canYellowHint02cp{width: 73px; height: 73px; top: 221px; left: 208px; position: absolute; z-index: 12; visibility: hidden;}
#canYellowHint03cp{width: 73px; height: 73px; top: 221px; left: 347px; position: absolute; z-index: 13; visibility: hidden;}
#canYellowTansucp{width: 135px; height: 138px; top: 197px; left: 330px; position: absolute; z-index: 14; visibility: hidden;}
#canYellowTansu02cp{width: 124px; height: 62px; top: 202px; left: 335px; position: absolute; z-index: 15; visibility: hidden;}
#canYellowRimoconcp{width: 122px; height: 63px; top: 265px; left: 336px; position: absolute; z-index: 16; visibility: hidden;}
#canYellowThakL{width: 113px; height: 113px; top: 128px; left: 55px; position: absolute; z-index: 17; visibility: hidden;}
#canYellowThakC{width: 113px; height: 113px; top: 128px; left: 203px; position: absolute; z-index: 18; visibility: hidden;}
#canYellowThakR{width: 113px; height: 113px; top: 128px; left: 351px; position: absolute; z-index: 19; visibility: hidden;}
#canYellowThankcp{width: 50px; height: 133px; top: 120px; left: 0px; position: absolute; z-index: 20; visibility: hidden}

/* --------------------------------------------GreenRoom----------------- */
#canGreenRoom{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 10; visibility: hidden;}
#canGreenKabeLcp{width: 155px; height: 180px; top: 102px; left: 10px; position: absolute; z-index: 11; visibility: hidden;}
#canGreenKabeRcp{width: 155px; height: 180px; top: 102px; left: 335px; position: absolute; z-index: 11; visibility: hidden;}
#canGreenKabeUcp{width: 240px; height: 113px; top: 25px; left: 130px; position: absolute; z-index: 11; visibility: hidden;}
#canGreenKabeDcp{width: 240px; height: 113px; top: 242px; left: 130px; position: absolute; z-index: 11; visibility: hidden;}
#canGreenLightcp{width: 106px; height: 147px; top: 150px; left: 208px; position: absolute; z-index: 13; visibility: hidden;}
#canGreenOkuLcp{width: 78px; height: 167px; top: 117px; left: 123px; position: absolute; z-index: 14; visibility: hidden;}
#canGreenOkuRcp{width: 114px; height: 167px; top: 117px; left: 269px; position: absolute; z-index: 15; visibility: hidden;}
#canGreenlightTorucp{width: 106px; height: 147px; top: 150px; left: 208px; position: absolute; z-index: 21; visibility: hidden;}
#canGreenlightSwitchcp{width: 62px; height: 62px; top: 157px; left: 337px; position: absolute; z-index: 22; visibility: hidden;}
#canGreenPaneSetcp{width: 121px; height: 123px; top: 127px; left: 188px; position: absolute; z-index: 23; visibility: hidden;}
#canGreenNo01{width: 124px; height: 124px; top: 110px; left: 65px; position: absolute; z-index: 24; visibility: hidden;}
#canGreenNo02{width: 124px; height: 124px; top: 110px; left: 200px; position: absolute; z-index: 25; visibility: hidden;}
#canGreenNo03{width: 124px; height: 124px; top: 110px; left: 339px; position: absolute; z-index: 26; visibility: hidden;}
#canGreenButtoncp{width: 48px; height: 112px; top: 113px; left: 13px; position: absolute; z-index: 27; visibility: hidden;}
/* --------------End----------------------------------------------------------------------*/
#canEndinng{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 101; visibility: hidden;}
#canSame{width: 500px; height: 30px; top: 124px; left: 0px; position: absolute; z-index: 102; visibility: hidden;}
#canEndTitle{width: 500px; height: 380px; top: 0px; left: 0px; position: absolute; z-index: 103; visibility: hidden; opacity: 0;}
#canEndRelosdCp{width: 168px; height: 67px; top: 201px; left: 167px; position: absolute; z-index: 104; visibility: hidden;}
#divAmatoCp{width: 90px; height: 40px; top: 318px; left: 395px; position: absolute; z-index: 105; visibility: hidden;}

/* ----------------------------------------