html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@charset UTF-8;*{font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;box-sizing: border-box;margin: 0px;padding: 0px;text-decoration: none;list-style-type: none;outline: none;font-size: clamp(12px, (24*(100vw/1280)), 24px);color: #572700;font-weight: bold;line-height: 150%;letter-spacing: 0.2em;}body{position: relative;width: 100%;background: url("data/img/bg.jpg");}body.lock{overflow: hidden;}a{color: #572700;}.under{display: inline;padding: 0px 15px;color: blue;background: linear-gradient(to top, rgb(225,0,0), transparent 15%);}strong{color: red;font-weight: bold;}br.sp{display: none;}hr{margin: 5px auto;width: 90%;height: 5px;border: none;border-radius: 5px;background: linear-gradient(45deg, #572700,#ffe555);}table{border-collapse: collapse;width: 100%;border-top: 1px solid #572700;border-left: 1px solid #572700;}td,th{border-bottom: 1px solid #572700;border-right: 1px solid #572700;}th{background: #572700;color: #ffffff;}main{min-height: 70vh;}#site_wrap{position: relative;background: white;width: clamp(345px, 98%, 1280px);min-width: 345px;max-width: 1280px;margin: 0px auto;}header{position: relative;width: 100%;background: linear-gradient(135deg,#ffffff 45%, #572700 65%, #ffe555 90%);color: #ffffff;}.header_wrap{position: fixed;width: 100%;top: 0px;left: 0px;z-index: 2;}header.fixed{width: clamp(345px, (1280*(100vw/1280)), 1280px);min-width: 345px;max-width: 1280px;margin: auto;}header>strong{display: block;background: #572700;color: #ffffff;font-size: 12px;letter-spacing: 0px;text-align: right;line-height: 130%;margin: 0px;margin-bottom: 5px;border-radius: 0px 0px 10px 10px;}#header_img{width: clamp(150px, (350*(100vw/1280)), 350px);min-width: 150px;max-width: 350px;height: clamp(42px, (100*(100vw/1280)), 100px);min-height: 42px;max-height: 100px;}footer{font-size: clamp(10px, (16*(100vw/1000)),16px);text-align: right;background: #572700;color: #ffffff;font-weight: bold;border-radius: 10px 10px 0px 0px;padding: 5px 15px;}footer *{font-size: clamp(10px, (16*(100vw/1280)),16px);color: #ffffff;}nav#side_menu{position: fixed;top: 0px;left: clamp(-500px, (-250*(100vw/345)), -250px);width: clamp(250px, (500*(100vw/1280)), 500px);min-width: 250px;max-width: 500px;height: 100vh;background: white;overflow-y: auto;z-index: 10;border-left: 1px solid #cccccc;box-shadow: 5px 0px 5px rgba(0,0,0,0.3);opacity: 0;transition: all 0.2s 0s linear;}nav#side_menu.disp{left: 0px;opacity: 1;}nav#contents_menu{position: fixed;top: 0px;right: clamp(-700px, (-250*(100vw/345)), -250px);width: clamp(250px, (700*(100vw/1280)), 700px);min-width: 250px;max-width: 700px;height: 100vh;background: white;overflow-y: auto;z-index: 10;border-left: 1px solid #cccccc;box-shadow: 5px 0px 5px rgba(0,0,0,0.3);opacity: 0;transition: all 0.2s 0s linear;}nav#contents_menu.disp{right: 0px;opacity: 1;}nav#side_menu>div,nav#contents_menu>div{position: relative;background: #ffe555;font-size: clamp(16px, (28*(100vw/1280)), 28px);font-weight: bold;line-height: 100%;text-align: center;padding: 10px 30px 10px 10px;text-shadow: 0px 0px 1px #ffffff, -2px 0px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, 0px -2px 1px #ffffff, 2px 2px 1px #ffffff, -2px -2px 1px #ffffff;}nav#side_menu>div.close_menu>img{position: absolute;top: 7px;right: 10px;width: 24px;height: 24px;cursor: pointer;background: linear-gradient(to top, rgb(195,0,0), rgb(225,35,35));border: 2px solid white;border-radius: 5px;}nav#side_menu>ul,nav#contents_menu>ul{position: relative;width: 100%;}nav#side_menu>ul>li,nav#contents_menu>ul>li{width: 100%;font-size: clamp(16px, (28*(100vw/1280)), 28px);font-weight: bold;padding: 10px 15px;letter-spacing: 1px;}nav#side_menu>ul>li>a,nav#contents_menu>ul>li>a{display: inline-block;width: 100%;font-size: clamp(16px, (28*(100vw/1280)), 28px);font-weight: bold;letter-spacing: 1px;cursor: pointer:}nav#side_menu li:hover,nav#contents_menu li:hover{background: linear-gradient(to right, #ffe555,white 5%, white 95%, #ffe555);}#sns_wrap{position: relative;width: 100%;}#sns_wrap>li{display: flex;flex-wrap: nowrap;align-items: center;width: 100%;}#sns_wrap>li>img{width: 40px;height: 40px;margin: 0px 5px;}#sns_wrap>li>a{width: calc(100% - (clamp(30px, (40*(100vw/1280)), 40px)));padding: 5px 15px;}#login_header{margin: 0px;width: 100%;color: white;text-align: right;background: #572700;font-size: smaller;}#login_header>#login_btn{border: 1px solid #572700;border-radius: 25px;padding: 2px 25px;margin: 0px;text-align: center;background: linear-gradient(to top, #ffe555, white);cursor: pointer;}#login_header>#login_btn:hover{background: linear-gradient(to top, rgb(255,155,195), white);}nav#foot_menu{position: fixed;left: 0px;bottom: 0px;width: 100%;}nav#foot_menu>ul{display: flex;flex-wrap: wrap;width: clamp(345px, 100%, 1280px);margin: 0px auto;background: white;border-top: 1px solid #cccccc;}nav#foot_menu li{width: calc(100% / 5);height: 50px;text-align: center;font-size: 12px;letter-spacing: 0px;line-height: 100%;padding: 2px 5px 0px 5px;cursor: pointer;}nav#foot_menu a{display: inline-block;font-size: 12px;letter-spacing: 0px;line-height: 100%;width: 100%;height: 100%;}nav#foot_menu img{width: 28px;height: 28px;margin: auto;}#popwin{position: fixed;inset: 0;margin: auto;width: clamp(345px, (980*(100vw/1280)), 980px);min-width: 345px;max-width: 980px;height: fit-content;filter: drop-shadow(0px 0px 20px #33d5ff);overflow-x: hidden;z-index: 10;}.midasi{text-align: center;color: #572700;font-size: clamp(14px, (36*(100vw/1280)), 36px);letter-spacing: 0.2rem;line-height: 150%;background: #ffe555;border-color: #572700;border-style: solid;border-width: 0px;border-left-width: clamp(10px, (15*(100vw/1280)), 15px);border-right-width: clamp(10px, (15*(100vw/1280)), 15px);margin: 15px auto;padding: 0px;text-shadow: 0px 0px 1px #ffffff, -2px 0px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, 0px -2px 1px #ffffff, 2px 2px 1px #ffffff, -2px -2px 1px #ffffff;}.midasi2{color: #572700;font-size: clamp(12px, (28*(100vw/1280)), 28px);letter-spacing: 0.2rem;line-height: 150%;background: #ffe555;border-top: 2px dotted #572700;border-bottom: 2px dotted #572700;margin: 0px auto;padding-left: 10px;}.dammy_btn{border: 1px solid #572700;border-radius: 25px;padding: 5px 25px;margin: 5px auto;width: 90%;text-align: center;background: linear-gradient(to top, #ffe555, white);cursor: pointer;}.dammy_btn:hover{background: linear-gradient(to top, rgb(255,155,195), white);}section.wrap{background: #ffe555;margin: 15px auto;width: 100%;padding-top: 0px;padding-left: clamp(2px, (10*(100vw/1280)), 10px);padding-right: clamp(2px, (10*(100vw/1280)), 10px);padding-bottom: clamp(10px, (25*(100vw/1280)), 25px);border: 1px solid #572700;border-radius: clamp(5px, (25*(100vw/1280)), 25px);box-shadow: 0px 3px 2px rgba(0,0,0,0.3); }section>h1{margin: 5px auto;text-align: center;font-size: clamp(20px, (36*(100vw/1280)), 36px);text-shadow: 0px 0px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, 2px 2px 1px #ffffff, -2px -2px 1px #ffffff;}section.body,article.body{width: 100%;padding: clamp(5px, (15*(100vw/1280)), 15px);padding-left: clamp(5px, (25*(100vw/1280)), 25px);padding-right: clamp(5px, (25*(100vw/1280)), 25px);background: white;border: 1px solid #572700;border-radius: clamp(5px, (25*(100vw/1280)), 25px);}#mask{position: fixed;top: 0px;left: 0px;width: 100%;height: 100vh;background: rgba(0,0,0,0.3);z-index: 5;overflow: hidden;}.scrollto,.under{cursor: pointer;}.msg{font-size: clamp(14px, (26*(100vw/1280)), 26px);color: #572700;background: #ffffff;padding: 5px 3%;letter-spacing: 0.2rem;line-height: 150%;margin: 5px auto;margin-bottom: 25px;border: #cccccc 1px solid;border-radius: 5px;box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.5);position: relative;width: 95%;}html::-webkit-scrollbar,#side_menu::-webkit-scrollbar,#contents_menu::-webkit-scrollbar{width: 7px;}html::-webkit-scrollbar-thumb,#side_menu::-webkit-scrollbar-thumb,#contents_menu::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.5);border: 1px solid #666666;border-right: none;border-radius: 5px;}html::-webkit-scrollbar-track,#side_menu::-webkit-scrollbar-track,#contents_menu::-webkit-scrollbar-track{background: transparent;}html,#side_menu,#contents_menu{overflow: overlay;}.my_form{width: 98%;margin: 0px auto;display: flex;flex-wrap: wrap;}.form_title{display: flex;align-items: center;justify-content: center;width: 25%;background: #572700;color: white;font-weight: bold;margin: 2px 0px;}.form_data{width: 75%;}.form_data.inline{display: inline-block;}.my_select,.my_text,.my_date,.my_time{border: 1px solid #572700;border-radius: clamp(5px, (25*(100vw/1280)), 25px);padding: 5px clamp(5px, (25*(100vw/1280)), 25px);font-weight: bold;margin: 5px auto;outline:none;}.my_date,.my_time{text-align: center;cursor: pointer;}.my_hidden{display: none;}.notnull,.error{color: red;}.my_form_info{width: 100%;font-weight: bold;text-align: right;}.form_data.disabled{color: gray;}.form_check_btn,.form_send_btn,.close_conf{border: 1px solid #572700;border-radius: 25px;padding: 5px 25px;font-weight: bold;margin: 5px auto;outline:none;width: 90%;text-align: center;background: linear-gradient(to top, #ffe555, transparent);cursor: pointer;}.form_check_btn:hover,.form_send_btn:hover,.close_conf:hover{background: linear-gradient(to top, rgb(255,155,195), transparent);}.my_text{text-align: left;}.my_text:focus{background: linear-gradient(to right, #ffe555, transparent 5%, transparent 95%, #ffe555);}.my_area{min-height: 5rem;max-height: 15rem;overflow: auto;}.my_checkbox{width: 30px;height: 30px;}.my_checkbox.check_on{background: url("img/check_on.png") center center no-repeat;}.my_text.disabled{color: gray;}#selection_position_wrap{padding-bottom: 25px;background: white;border-radius: 5px;}.datePicker{width: 100%;background: white;}article.dp_header{width: 100%;display: grid;grid-template-columns: 48px 1fr 48px;grid-template-rows: 50px;grid-template-areas:"prev ym next";background: linear-gradient(to top, #ffe555, white);border: 1px solid #572700;border-radius: 5px 5px 0px 0px;}article.dp_header>.prev,article.dp_header>.next{display: flex;align-items: center;justify-content:center;width: 48px;height: 48px;cursor: pointer;}article.dp_header>.prev{grid-area: prev;background-image: url("data/img/icon/arrow_back.png");}article.dp_header>.next{grid-area: next;background-image: url("data/img/icon/arrow_forward.png");}article.dp_header>.ym{display: flex;align-items: center;justify-content:center;text-align: center;font-size: clamp(30px, (44*(100vw/1280)), 44px);}.datePicker>article:not([class='dp_header']){display: grid;grid-template-columns: repeat(7, 1fr);width: 100%;}.datePicker>article div{font-size: clamp(20px, (30*(100vw/1280)), 30px);text-align: center;letter-spacing: 0px;font-weight: bold;border-radius: 50%;margin: 5px auto;}.datePicker>article:not([class='dp_header'])>div:nth-child(1),.datePicker>article div[data-week='0']{color: rgb(255,50,50);}.datePicker>article>div:nth-child(7),.datePicker>article div[data-week='6']{color: rgb(75,75,255);}.datePicker>.header{background: #572700;}.datePicker>.header>div{border-radius: 0px;color: white;}.datePicker .today>div{border: 1px solid red;background: rgba(255,0,0,0.3);}.datePicker .date{display: flex;align-items: center;justify-content: center;width: clamp(44px, (75*(100vw/1280)), 75px);min-width: 44px;max-width: 75px;height: clamp(44px, (75*(100vw/1280)), 75px);min-height: 44px;max-height: 75px;letter-spacing: 0px;margin: auto;cursor: pointer;}.datePicker .date_msg{width: 100%;height: clamp(25px, (24*(100vw/1280)), 24px);font-size: clamp(10px, (18*(100vw/1280)), 18px);letter-spacing: 0px;line-height: 100%;}.datePicker .date.selected{background: rgba(255,255,0,0.7);border: 1px solid orange;}.datePicker .disabled *{color: #999999 !important;cursor: no-drop;}.syukujitu{color: red;}.timePicker{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size: 1.5rem;width: 100%;min-height: 48px;background: white;margin: clamp(10px, (25*(100vw/1280)), 25px) auto;}.timePicker *{width: clamp(25px, (50*(100vw/1280)), 50px);text-align: center;margin: 0px;}.timePicker>.hour,.timePicker>.minutes{width: clamp(120px, (300*(100vw/1280)), 300px);}.timePicker>h3{width: 100%;}.my_select{position: relative;padding-right: clamp(30px, (50*(100vw/1280)), 50px);text-align: center;cursor: pointer;}.my_select_label:after{content: "▼";position: absolute;right: 0px;top: 0px;width: clamp(30px, (50*(100vw/1280)), 50px);text-align: center;padding: 5px;font-weight: bold;border-left: 1px solid #572700;}#my_select_wrap{display: flex;flex-direction: column;overflow-y: auto;background: rgba(255,255,255);border-radius: clamp(5px, (25*(100vw/1280)), 25px);box-shadow: 2px 2px 5px rgba(0,0,0,0.7);border: 1px solid #572700;inset: 0;margin: auto;z-index: 10;}#my_select_wrap.inline{position: fixed;max-height: 90%;}#my_select_wrap.window{flex-direction: row;align-items: flex-start;flex-wrap: wrap;padding: 15px 0px;border: 0px;border-radius: 0px;width: 100%;maxHeight: 90vh;}#my_select_wrap.window .my_select_menu{border: 1px solid #572700;border-radius: 25px;text-align: center;}.my_select_switch{display: flex;flexWrap: nowrap;text-align: center;padding-left: 0px;padding-right: 0px;}.my_select_menu.selected_switch,.my_select_menu.selected_switch:hover{background: linear-gradient(to top, rgb(255,175,225), transparent);}.my_select_win_title{width: 100%;background: #ffe555;text-align: center;font-family: 'RocknRoll One';font-size: 1.5rem;text-shadow: 0px 2px 2px #ffffff, 2px 0px 2px #ffffff, 0px -2px 2px #ffffff, -2px 0px 2px #ffffff, 0px 0px 2px #ffffff, -2px -2px 2px #ffffff;}.my_select_menu{width:100%;margin: 5px auto;padding: 2px;padding-left: clamp(5px, (25*(100vw/1280)), 25px);padding-right: clamp(5px, (25*(100vw/1280)), 25px);font-size: clamp(18px, (24*(100vw/1280)), 24px);font-weight: bold;cursor: pointer;border-radius: clamp(5px, (25*(100vw/1280)), 25px);text-align: center;}.my_select_menu:hover{background: linear-gradient(to top, #77ffd5, transparent);}.my_select_menu.selected{background: linear-gradient(to right, rgb(225,0,0), transparent 5%, transparent 95%, rgb(225,0,0));}.my_select_switch>.my_select_menu{width: 50%;font-size: clamp(18px, (30*(100vw/1280)), 30px);padding: 0px 5px;}#conf_win{position: relative;width: clamp(345px, (980*(100vw/1280)), 980px);min-width: 345px;max-width: 980px;filter: drop-shadow(0px 0px 20px #33d5ff);overflow:auto;}#conf_win_close_btn{position: absolute;top: 0px;right: 0px;border-radius: 25px;border: 3px solid white;background: rgb(175,0,0);color: white;text-align: center;padding: 5px 25px;cursor: pointer;}#conf_header{width: 100%;}#conf_body{display: flex;flex-wrap: wrap;width: 100%;max-height: 70vh;overflow: auto;}#conf_body *{padding: 5px 25px;}#conf_body .conf_title{width: 25%;color: white;text-align: center;background: #572700;}#conf_body .conf_value{width: 75%;border: 1px solid #572700;border-radius: 25px;}#tiny_msg{position: fixed;bottom: 25px;right: 15px;max-width: 75vw;max-height: 200px;border: 3px solid white;border-radius: 5px;padding: 5px 25px;font-weight: bold;color: white;box-shadow: 2px 0px 2px rgba(0,0,0,0.3), 0px 2px 2px rgba(0,0,0,0.3),-2px 0px 2px rgba(0,0,0,0.3), 0px -2px 2px rgba(0,0,0,0.3),2px 2px 2px rgba(0,0,0,0.3), 0px 0px 2px rgba(0,0,0,0.3),-2px -2px 2px rgba(0,0,0,0.3);overflow-y: auto;z-index: 99;transition: all 2s 0s linear;}#tiny_msg.blue{background: linear-gradient(to top, rgba(0,0,75,0.9), rgba(0,0,195,0.9));}#tiny_msg.red{background: linear-gradient(to top, rgba(75,0,0,0.9), rgba(195,0,75,0.9));}#tiny_msg.slideout{right: -80vw;}#sea_msg{text-align: center;font-weight: bold;}#osusume_box{display: flex;align-items: top;flex-wrap: wrap;width:100%;margin: 5px auto;background: #ffffff;}.osusume_title{width: 100%;text-align: center;font-size: clamp(14px, (28*(100vw/1280)), 28px);letter-spacing: 5px;padding: 5px 25px;background: #572700;color: white;}.osusume_img{display: flex;align-items: center;justify-content: center;width: clamp(100px, (250*(100vw/1280)), 250px);}.osusume_img>img{width: 65%;}.osusume_info_wrap{display: flex;flex-wrap: wrap;width: calc(100% - clamp(100px, (250*(100vw/1280)), 250px));}.osusume_header{background: #572700;color: white;text-align: center;width: clamp(50px, (150*(100vw/1280)),150px);}.osusume_kansu,.osusume_tana,.osusume_sakusya,.osusume_msg{padding: 5px;padding-left: clamp(2px, (25*(100vw/1280)), 25px);padding-right: clamp(2px, (25*(100vw/1280)), 25px);}.osusume_kansu,.osusume_tana{width: calc((100% - 300px) / 2);text-align: center;border-bottom: 1px solid #572700;border-right: 1px solid #572700;}.osusume_sakusya{width: calc(100% - 150px);border-bottom: 1px solid #572700;border-right: 1px solid #572700;}.osusume_msg{width: 100%;}.kanketu{color: red;font-weight: bold;font-size: 0.8rem;}#map_box{text-align: center;display: none;}#map_wrap{position: relative;width: 800px;height: 600px;margin: 0px auto;}#map_img{width: 800px;height: 600px;}@media only screen and (max-width:980px){#map_switch,#map_box,#map_wrap,#map_img{display: none;}}#search_wrap{display: none;}#book_search_wrap{text-align:center;position:relative;}#book_table th,#book_table td{font-size: 0.8rem;padding: 5px 10px;}#book_table tr{background: #ffffff;}#book_table tr:nth-child(even){background: #ffe5d0;}#book_table tr:nth-child(1){background: #572700;}#book_table tr:nth-child(1)>th{color: #ffffff;}.shelf{position: absolute;background: #ffffff;border: 1px solid red;border-radius: 10px;width: 20px;height: 20px;}.yajirusi_left{transform: rotate(-180deg);}.yajirusi_down{transform: rotate(90deg);}.yajirusi_up{transform: rotate(-90deg);}#shelf_39{top: 115px;left: 255px;}#shelf_38{top: 142px;left: 255px;}#shelf_37{top: 169px;left: 255px;}#shelf_36{top: 196px;left: 255px;}#shelf_35{top: 300px;left: 745px;}#shelf_34{top: 300px;left: 693px;}#shelf_33{top: 300px;left: 650px;}#shelf_32{top: 300px;left: 600px;}#shelf_31{top: 300px;left: 555px;}#shelf_30{top: 300px;left: 505px;}#shelf_29{top: 300px;left: 460px;}#shelf_28{top: 300px;left: 410px;}#shelf_27{top: 300px;left: 365px;}#shelf_26{top: 300px;left: 315px;}#shelf_25{top: 310px;left: 700px;}#shelf_24{top: 310px;left: 650px;}#shelf_23{top: 310px;left: 600px;}#shelf_22{top: 310px;left: 550px;}#shelf_21{top: 310px;left: 455px;}#shelf_20{top: 310px;left: 410px;}#shelf_19{top: 310px;left: 360px;}#shelf_0{top: 310px;left: 315px;}#shelf_18{top: 370px;left: 695px;}#shelf_17{top: 370px;left: 650px;}#shelf_16{top: 370px;left: 600px;}#shelf_15{top: 370px;left: 550px;}#shelf_14{top: 370px;left: 460px;}#shelf_13{top: 370px;left: 410px;}#shelf_12{top: 370px;left: 360px;}#shelf_11{top: 370px;left: 315px;}#shelf_10{top: 420px;left: 740px;}#shelf_9{top: 420px;left: 690px;}#shelf_8{top: 420px;left: 645px;}#shelf_7{top: 420px;left: 600px;}#shelf_6{top: 420px;left: 550px;}#shelf_5{top: 420px;left: 500px;}#shelf_4{top: 420px;left: 455px;}#shelf_3{top: 420px;left: 410px;}#shelf_2{top: 420px;left: 360px;}#shelf_1{top: 420px;left: 325px;}