#room_img {
 position:absolute;
 left:0px;
 top:0px;
 z-index:1;
}

.div_tip {
 position: absolute;
 left: -14px;
 top: 551px;
 width: 735x; 
 padding: 14px;
 color: white;
 font-family : arial;
 font-size: 12px;
 display: none;
 z-index:4;
}

.info_zone {
 position: absolute;
 left: 0px; 
 top: 565px;
 width: 800px; 
 height: 35px; 
 background: black;
 z-index:3;
 display: block;
}

#ico_information {
 position:absolute;
 left:4px;
 top:543px;
 z-index:0;
}

#nv_iroom {
 position:absolute;
 left:0px;
 top:0px;
 z-index:1;
}

#manual_category_1 {
 position:absolute;
 left:195px;
 top:124px;
 z-index:1;
}

#manual_category_2 {
 position:absolute;
 left:195px;
 top:201px;
 z-index:1;
}

#manual_category_3 {
 position:absolute;
 left:195px;
 top:278px;
 z-index:1;
}

#manual_category_4 {
 position:absolute;
 left:195px;
 top:355px;
 z-index:1;
}

.manual_category_1_text {
 position: absolute;
 left: 181px; 
 top: 132px;
 width: 67px; 
 height: 59px; 
 color: white;
 font-family : arial;
 font-size: 10px;
 text-align:center;
 z-index:2;
 display: block;
}

.manual_category_2_text {
 position: absolute;
 left: 181px; 
 top: 210px;
 width: 67px; 
 height: 59px; 
 color: white;
 font-family : arial;
 font-size: 10px;
 text-align:center;
 z-index:2;
 display: block;
}

.manual_category_3_text {
 position: absolute;
 left: 181px; 
 top: 288px;
 width: 67px; 
 height: 59px; 
 color: white;
 font-family : arial;
 font-size: 10px;
 text-align:center;
 z-index:2;
 display: block;
}

.manual_category_4_text {
 position: absolute;
 left: 181px; 
 top: 364px;
 width: 67px; 
 height: 59px; 
 color: white;
 font-family : arial;
 font-size: 10px;
 text-align:center;
 z-index:2;
 display: block;
}

#manual_category_1_focus {
 position:absolute;
 left:195px;
 top:124px;
 z-index:1;
}

#manual_category_2_focus {
 position:absolute;
 left:195px;
 top:201px;
 z-index:1;
}

#manual_category_3_focus {
 position:absolute;
 left:195px;
 top:278px;
 z-index:1;
}

#manual_category_4_focus {
 position:absolute;
 left:195px;
 top:355px;
 z-index:1;
}

#book_1 {
 position:absolute;
 left:281px;
 top:110px;
 z-index:1;
}

#book_2 {
 position:absolute;
 left:330px;
 top:110px;
 z-index:1;
}

#book_3 {
 position:absolute;
 left:379px;
 top:110px;
 z-index:1;
}

#book_4 {
 position:absolute;
 left:428px;
 top:110px;
 z-index:1;
}

#book_5 {
 position:absolute;
 left:477px;
 top:110px;
 z-index:1;
}

#book_6 {
 position:absolute;
 left:526px;
 top:110px;
 z-index:1;
}

#book_7 {
 position:absolute;
 left:575px;
 top:110px;
 z-index:1;
}

#book_8 {
 position:absolute;
 left:624px;
 top:110px;
 z-index:1;
}

#book_9 {
 position:absolute;
 left:673px;
 top:110px;
 z-index:1;
}

#book_10 {
 position:absolute;
 left:722px;
 top:110px;
 z-index:1;
}

.book_1_text {
 left:290px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_2_text {
 left:339px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_3_text {
 left:388px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_4_text {
 left:437px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_5_text {
 left:486px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_6_text {
 left:535px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_7_text {
 left:584px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_8_text {
 left:633px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_9_text {
 left:682px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}

.book_10_text {
 left:731px;
 top:110px;
 -webkit-transform:rotate(90deg); /* WebKit */
 -moz-transform:rotate(90deg); /* Mozilla */
 -o-transform:rotate(90deg); /* Opera */
 -ms-transform:rotate(90deg); /* Internet Explorer */
 -ms-writing-mode:vertical-rl; /* Internet Explorer */
 -ms-writing-mode:tb-rl; /* ancien IE */
 transform: rotate(90deg); /* CSS3 */
 white-space:nowrap;
 width:5px;
 height:5px;
 font-family: Arial;
 font-size:17px;
 font-weight:normal;
 color: red;
 display: block;
 z-index:1;
}