@charset 'utf-8';

html {
    height: 100%;
    overflow: hidden;
}

body {
    height: 100%;
    background: #FFF;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#loading_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center url(../images/icon_loader.gif) #FFF;
    z-index: 9999;
}

#main_wrapper {
    position: relative;
    height: 100%;
}

#paper_wrapper {
    position: absolute;
    border: 1px solid #999;
    display: none;
    z-index: 2;
}

#bookmark_wrapper {
    position: absolute;
    border: none;
    display: none;
    z-index: 4;
}
	#bookmark {
		padding: 10px 0;
	}
	
		.tag_area {
			margin-bottom: 10px;
			overflow: hidden;
                        position: absolute;
                        z-index: 100;
		}
			.tag_area span {
				display: block;
				height: 17px;
				background-color: #F00;
				filter:alpha(opacity=50);
				-moz-opacity: 0.5;
				opacity: 0.5;
				cursor: pointer;
			}
			.tag_area span.on {
				width: 70px;
			}
			.tag_area span.off {
				width: 7px;
			}
			.tag_area span.left {
				float: left;
			}
			.tag_area span.right {
				float: right;
			}

/* sld */
#slide_wrapper {
    position: absolute;
    border: 1px solid #999;
    display: none;
    z-index: 3;
}
    #slide_img_wrapper {
        width: inherit;
        height: inherit;
    }
    #slide_imgs ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    #slide_imgs ul li {
		position: relative;
	}

.booklet {
    margin: 0;
}

.control_btn {
    position: absolute;    
    width: 48px;
    height: 50px;
}
    .control_btn a {
        display: block;
        width: 48px;
        height: 50px;
    }

.control_separator {
    display: none;
    position: absolute;    
    width: 4px;
    height: 50px;
    background: no-repeat url(../images/separator.jpg);
}
    #sep1 {
        top: 0px;
        left: 103px;
    }
    #sep2 {
        top: 0px;
        left: 183px;
    }
    #sep3 {
        top: 0px;
        left: 418px;
    }
    #sep4 {
        top: 0px;
        left: 538px;
    }

#zoom_area_wrapper {
    display: none;
    position: absolute;
    border: 1px solid #999;
    overflow: hidden;
    background-color: #EEE;
    z-index: 5;
}
#zoom_area {
    position: absolute;
}
    #zoom_area div {
        position: absolute;
    }
    #zoom_area #zoom_l { top: 0px; left: 0px; z-index: 2; background-repeat: no-repeat; }
    #zoom_area #zoom_r { top: 0px; z-index: 2; background-repeat: no-repeat; }
    #zoom_area #zoom_l_bg { top: 0px; left: 0px; z-index: 1; background-repeat: no-repeat; }
    #zoom_area #zoom_r_bg { top: 0px; z-index: 1; background-repeat: no-repeat; }

#control_wrapper {
    display: none;
    position: absolute;
    z-index: 1;
}
	#left_btn_wrapper,
	#right_btn_wrapper,
	#bottom_btn_wrapper {
		position: absolute;
	}
	#left_btn_wrapper {
		top: 3px;
		left: 3px;
	}
	#right_btn_wrapper {
		top: 9px;
		left: 965px;
	}
	#bottom_btn_wrapper {
		top: 584px;
		left: 237px;
	}

#history_prev {
    width: 50px;
    height: 53px;
    top: 0px;
    left: 0px;
    background: no-repeat url(../images/history_prev.jpg);
}
    #history_prev a {
        width: 50px;
        height: 53px;
    }
    #history_prev a:hover {
        background-image: url(../images/history_prev_over.jpg);
    }

#history_next {
    width: 50px;
    height: 53px;
    top: 0px;
    left: 50px;
    background: no-repeat url(../images/history_next.jpg);
}
    #history_next a {
        width: 50px;
        height: 53px;
    }
    #history_next a:hover {
        background-image: url(../images/history_next_over.jpg);
    }

#page_l_end {
    width: 50px;
    height: 53px;
    top: 0px;
    left: 227px;
    background: no-repeat url(../images/page_l_end.jpg);
}
    #page_l_end a {
    width: 50px;
    height: 53px;
    }
    #page_l_end a:hover {
        background-image: url(../images/page_l_end_over.jpg);
    }

#page_r_end {
    width: 50px;
    height: 53px;
    top: 0px;
    left: 360px;
    background: no-repeat url(../images/page_r_end.jpg);
}
    #page_r_end a {
    width: 50px;
    height: 53px;
    }
    #page_r_end a:hover {
        background-image: url(../images/page_r_end_over.jpg);
    }
    
#page_l_auto {
    top: 0px;
    left: 244px;
    background: no-repeat url(../images/page_l_auto.jpg);
}
    #page_l_auto a:hover {
        background-image: url(../images/page_l_auto_over.jpg);
    }

#page_r_auto {
    top: 0px;
    left: 389px;
    background: no-repeat url(../images/page_r_auto.jpg);
}
    #page_r_auto a:hover {
        background-image: url(../images/page_r_auto_over.jpg);
    }
    
#page_l {
    width: 41px;
    height: 53px;
    top: 0px;
    left: 277px;
    background: no-repeat url(../images/page_l.jpg);
}
    #page_l a {
    width: 41px;
    height: 53px;
    }
    #page_l a:hover {
        background-image: url(../images/page_l_over.jpg);
    }

#page_r {
    width: 42px;
    height: 53px;
    top: 0px;
    left: 318px;
    background: no-repeat url(../images/page_r.jpg);
}
    #page_r a {
    width: 42px;
    height: 53px;
    }
    #page_r a:hover {
        background-image: url(../images/page_r_over.jpg);
    }
    
#zoom_in {
    width: 42px;
    height: 53px;
    top: 0px;
    left: 438px;
    background: no-repeat url(../images/zoom_in.jpg);
}
    #zoom_in a {
    width: 42px;
    height: 53px;
    }
    #zoom_in a:hover {
        background-image: url(../images/zoom_in_over.jpg);
    }
    
#zoom_reset {
    width: 42px;
    height: 53px;
    top: 0px;
    left: 480px;
    background: no-repeat url(../images/zoom_reset.jpg);
}
    #zoom_reset a {
    width: 42px;
    height: 53px;
    }
    #zoom_reset a:hover {
        background-image: url(../images/zoom_reset_over.jpg);
    }

    
#bookmark_r {
    width: 42px;
    height: 53px;
    top: 0px;
    left: 592px;
    background: no-repeat url(../images/bookmark_r.jpg);
}
    #bookmark_r a {
    width: 42px;
    height: 53px;
    }
    #bookmark_r a:hover {
        background-image: url(../images/bookmark_r_over.jpg);
    }
    
#bookmark_l {
    width: 42px;
    height: 53px;
    top: 0px;
    left: 549px;
    background: no-repeat url(../images/bookmark_l.jpg);
}
    #bookmark_l a {
    width: 42px;
    height: 53px;
}
    #bookmark_l a:hover {
        background-image: url(../images/bookmark_l_over.jpg);
    }
    
#window_close {
    top: 0px;
    left: 0px;
    width: 42px;
    height: 50px;
    background: no-repeat url(../images/window_close.jpg);
}
    #window_close a {
    width: 42px;
    height: 50px;
    }
    #window_close a:hover {
        background-image: url(../images/window_close_over.jpg);
    }
    
#slide {
    position: absolute;
    top: 52px;
    left: 0px;
    width: 42px;
    height: 50px;
    background: no-repeat url(../images/slide.jpg);
}

    #slide a {
        display: block;
    width: 42px;
    height: 50px;
    }
    #slide a:hover {
        background: no-repeat url(../images/slide_over.jpg);
    }
    #slide a.active {
        background: no-repeat url(../images/slide_over.jpg);
    }

#spread {
    position: absolute;
    top: 106px;
    left: 0px;
    width: 42px;
    height: 50px;
    background: no-repeat url(../images/spread.jpg);
}
    #spread a {
        display: block;
    width: 42px;
    height: 50px;
    }
    #spread a:hover {
        background: no-repeat url(../images/spread_over.jpg);
    }
    #spread a.active {
        background: no-repeat url(../images/spread_over.jpg);
    }

#index_tab {
    top: 0px;
    left: 0px;
    width: 43px;
    height: 80px;
    background: no-repeat url(../images/index_tab.jpg);
}
    #index_tab a {
    width: 43px;
    height: 80px;
    }
    #index_tab a:hover {
        background-image: url(../images/index_tab_over.jpg);
    }
    
#search_tab {
    top: 80px;
    left: 0px;
    width: 43px;
    height: 100px;
    background: no-repeat url(../images/search_tab.jpg);
}
    #search_tab a {
    width: 43px;
    height: 100px;
    }
    #search_tab a:hover {
        background-image: url(../images/search_tab_over.jpg);
    }

#page_number {
    position: absolute;
    display: block;
    width: 96px;
    height: 50px;
    top: 0px;
    left: 122px;
    padding: 10px 0 0;
    text-align: center;
    background: no-repeat url(../images/page_numer_bg.jpg);
}
    #page_number span {
        font-size: 10px;
        color: #333;
        line-height: 20px;
    }

/* sal */
#panel_wrapper {
    display: none;
    position: absolute;
    z-index: 6;
}
    #search_panel {
        display: none;
        position: absolute;
        top: 7px;
        left: 42px;
        width: 328px;
        height: 590px;
        border: 1px solid #858585;
        background-color: #d0cfcf;
        -webkit-border-top-right-radius: 5px;  
        -webkit-border-bottom-right-radius: 5px;  
        -moz-border-radius-topright: 5px;  
        -moz-border-radius-bottomright: 5px;  
        
        -webkit-box-shadow: 1px 1px 4px #ccc; /* 影　縦・横・ぼかし・色 */
        -moz-box-shadow: 1px 1px 4px #ccc;
    }
        #search_panel #search_btn {
            position: absolute;
            top: 40px;
            left: 257px;
            width: 58px;
            height: 24px;
            background: no-repeat url(../images/search_btn.jpg);
        }
            #search_btn a {
                width: 58px;
                height: 24px;
            }
            #search_btn a:hover {
                background-image: url(../images/search_btn_over.jpg);
            }
        
        #search_panel #search_close {
            position: absolute;
            top: 7px;
            left: 305px;
            width: 14px;
            height: 14px;
            background: no-repeat url(../images/panel_close.jpg);
        }
            #search_close a {
                width: 14px;
                height: 14px;
            }
        
        #search_panel #search_keyword {
            position: absolute;
            top: 40px;
            left: 10px;
            width: 157px;
            height: 24px;
        }
        
        #search_panel #search_mode_and {
            position: absolute;
            top: 40px;
            left: 175px;
            width: 43px;
            height: 15px;
            font-size: 11px;
        }
            #search_panel #search_mode_and input {
                width: 15px;
                height: 15px;
            }
        
        #search_panel #search_mode_or {
            position: absolute;
            top: 40px;
            left: 218px;
            width: 43px;
            height: 15px;
            font-size: 11px;
        }
            #search_panel #search_mode_or input {
                width: 15px;
                height: 15px;
            }
        
        #search_panel #search_result_info {
            position: absolute;
            top: 74px;
            left: 10px;
            line-height: 12px;
            font-size: 11px;
            text-indent: 4px;
            width: 300px;
        }
        
        #search_panel .body_wrapper {
            position: absolute;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            width: 305px;
            height: 460px;
            background-color: #FFF;
            top: 90px;
            left: 10px;
            padding-top: 26px;
        }
        
            #search_panel #search_clear_result {
                position: absolute;
                top: 7px;
                left: 212px;
                width: 77px;
                height: 18px;
                background: no-repeat url(../images/search_clear_result.jpg);
            }
                #search_panel #search_clear_result a {
                    width: 77px;
                    height: 18px;
                }
                
            #search_panel #search_branch_wrapper {
                position: absolute;
                top: 7px;
                left: 7px;
                padding: 0;
                height: 18px;
                background: no-repeat url(../images/branch_title.jpg);
            }
                
                #search_panel #search_branch_wrapper #search_branch_openall {
                    position: absolute;
                    top: 0px;
                    left: 96px;
                    width: 35px;
                    height: 18px;
                    background: no-repeat url(../images/branch_open.jpg);
                }
            
                    #search_panel #search_branch_wrapper #search_branch_openall a {
                        display: block;
                        width: 35px;
                        height: 18px;
                    }
                    #search_panel #search_branch_wrapper #search_branch_openall a:hover {
                        background: no-repeat url(../images/branch_open_over.jpg);
                    }
                    
                #search_panel #search_branch_wrapper #search_branch_closeall {
                    position: absolute;
                    top: 0px;
                    left: 134px;
                    width: 35px;
                    height: 18px;
                    background: no-repeat url(../images/branch_close.jpg);
                }
                
                    #search_panel #search_branch_wrapper #search_branch_closeall a {
                        display: block;
                        width: 35px;
                        height: 18px;
                    }
                    #search_panel #search_branch_wrapper #search_branch_closeall a:hover {
                        background: no-repeat url(../images/branch_close_over.jpg);
                    }
                    
                
            #search_panel #search_sortorder_hit {
                position: absolute;
                top: 8px;
                left: 45px;
                width: 104px;
                height: 24px;
                background: no-repeat url(../images/sortorder_hit.jpg);
            }

                #search_panel #search_sortorder_hit a {
                    display: block;
                    width: 104px;
                    height: 24px;
                }
                #search_panel #search_sortorder_hit a:hover {
                    background: no-repeat url(../images/sortorder_hit_over.jpg);
                }
                #search_panel #search_sortorder_hit a.active {
                    background: no-repeat url(../images/sortorder_hit_over.jpg);
                }
                
            #search_panel #search_sortorder_page {
                position: absolute;
                top: 8px;
                left: 155px;
                width: 104px;
                height: 24px;
                background: no-repeat url(../images/sortorder_page.jpg);
            }

                #search_panel #search_sortorder_page a {
                    display: block;
                    width: 104px;
                    height: 24px;
                }
                #search_panel #search_sortorder_page a:hover {
                    background: no-repeat url(../images/sortorder_page_over.jpg);
                }
                #search_panel #search_sortorder_page a.active {
                    background: no-repeat url(../images/sortorder_page_over.jpg);
                }
                
            #search_panel #search_result_content {
                overflow-x: hidden;
                overflow-y: scroll;
                height: 460px;
                font-size: 12px;
            }
                #search_panel #search_result_content ul {
                    list-style-type: none;
                    padding: 0 0 0 10px;
                    margin: 0;
                }
                    #search_panel #search_result_content ul li {
                        line-height: 18px;
                    }
                        #search_panel #search_result_content ul li a {
                            text-decoration: none;
                            color: #333;
                            padding-left: 4px;
                        }
                            #search_panel #search_result_content ul li .page {
                                display: inline-block;
                                width: 50px;
                            }
                            #search_panel #search_result_content ul li .hitstring {
                                display: inline-block;
                                width: 198px;
                            }
                            #search_panel #search_result_content ul li .string {
                                display: inline-block;
                                width: 234px;
                            }
                            
    #index_panel {
        position: absolute;
        top: 7px;
        left: 42px;
        width: 328px;
        height: 590px;
        border: 1px solid #858585;
        background-color: #d0cfcf;
        -webkit-border-top-right-radius: 5px;  
        -webkit-border-bottom-right-radius: 5px;  
        -moz-border-radius-topright: 5px;  
        -moz-border-radius-bottomright: 5px;  
        
        -webkit-box-shadow: 1px 1px 4px #ccc; /* 影　縦・横・ぼかし・色 */
        -moz-box-shadow: 1px 1px 4px #ccc;
    }

		#index_panel .loading {
			background-repeat: no-repeat;
			background-position: center;
			background-image: url(../images/icon_loader_000-FFF_29x29.gif);
		}
        
		#index_panel #index_close {
            position: absolute;
            top: 7px;
            left: 305px;
            width: 14px;
            height: 14px;
            background: no-repeat url(../images/panel_close.jpg);
        }
            #index_close a {
                width: 14px;
                height: 14px;
            }

            #index_panel #index_switchdisp_text {
                position: absolute;
                top: 8px;
                left: 45px;
                width: 104px;
                height: 24px;
                background: no-repeat url(../images/index_switchdisp_text.jpg);
            }

                #index_panel #index_switchdisp_text a {
                    display: block;
                    width: 104px;
                    height: 24px;
                }
                #index_panel #index_switchdisp_text a:hover {
                    background: no-repeat url(../images/index_switchdisp_text_over.jpg);
                }
                #index_panel #index_switchdisp_text a.active {
                    background: no-repeat url(../images/index_switchdisp_text_over.jpg);
                }
                
            #index_panel #index_switchdisp_thumbnail {
                position: absolute;
                top: 8px;
                left: 155px;
                width: 104px;
                height: 24px;
                background: no-repeat url(../images/index_switchdisp_thumbnail.jpg);
            }

                #index_panel #index_switchdisp_thumbnail a {
                    display: block;
                    width: 104px;
                    height: 24px;
                }
                #index_panel #index_switchdisp_thumbnail a:hover {
                    background: no-repeat url(../images/index_switchdisp_thumbnail_over.jpg);
                }
                #index_panel #index_switchdisp_thumbnail a.active {
                    background: no-repeat url(../images/index_switchdisp_thumbnail_over.jpg);
                }

        #index_panel .body_wrapper {
            position: absolute;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            width: 305px;
            height: 510px;
            background-color: #FFF;
            top: 40px;
            left: 10px;
        }
        #index_panel #index_text_wrapper {
			display: none;
			overflow-x: hidden;
			overflow-y: scroll;
			height: 540px;
			font-size: 12px;
		}
			#index_panel #index_text_wrapper dl {
				overflow: hidden;
				padding: 10px;
				margin: 0;
			}
				#index_panel #index_text_wrapper dl dt {
					display: block;
					width: 4.0em;
					float: left;
					clear: left;
					cursor: pointer;
				}
				#index_panel #index_text_wrapper dl dd {
					display: block;
					margin-left: 4.0em;
					cursor: pointer;
				}
        
		#index_panel #index_thumbnail_wrapper {
			overflow-x: hidden;
			overflow-y: scroll;
			height: 540px;
			font-size: 12px;
		}
			#index_panel #index_thumbnail_wrapper .thumbnail_wrapper {
				padding: 10px 0 10px 20px;
				overflow: hidden;
				margin-right: -5px;
			}
			
			#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail {
				padding: 2px;
				border-color: #FFF;
				border-style: solid;
				border-width: 1px;
				float: left;
				margin: 0 30px 30px 0;
				width: 100px;
				cursor: pointer;
			}
				#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail .loading {
					/* background-image: url(../images/icon_loader_000-FFF_20x20.gif); */
					background-image: none;
				}
				#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail .img_wrapper {
					width: 50px;
					height: 71px;
				}
					#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail .img_wrapper .cell {
						padding: 0;
						margin: 0;
						overflow: hidden;
					}
				#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail .img_l {
					text-align: right;
					float: left;
				}
				#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail .img_r {
					text-align: left;
					float: right;
				}
				#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail .img_s {
					text-align: center;
					float: right;
				}
				#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail span {
					display: block;
					font-size: 12px;
					width: 50px;
					line-height: 14px;
					height: 14px;
					text-align: center;
				}
				#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail .str_l {
					clear: left;
					float: left;
				}
				#index_panel #index_thumbnail_wrapper .thumbnail_wrapper .thumbnail .str_r {
					clear: right;
					float: right;
				}


/*.booklet .b-page .b-wrap div {
    position: relative;
}
.booklet .b-page .b-wrap div img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}*/

.search_result_region_rect {
    position: absolute;
    background-color: #F00;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 200;
    overflow: hidden;
}

.link_region_rect {
    position: absolute;
    background-color: #F00;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 100;
    overflow: hidden;
}
.link_region_rect_active {
    background-color: #00F;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#memoinputform {
    position: relative;
    overflow-x: hidden;
    padding: 0;
    background: transparent;
}
#memoinputform textarea {
    resize: none;
    border: none;
    background: transparent;
    margin: 7px 0 0 13px;
}

.ui-dialog.ui-widget-content {
    border: none;
    padding: 0;
}
.ui-dialog-buttonpane.ui-widget-content {
    border: none;
    /* background: blue; colored */
}
.ui-dialog.ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;    
}
.ui-dialog .ui-dialog-titlebar {
    display: none;
}
.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
    margin: 0;
    padding: 0em 0em 0em .4em;
}
.ui-dialog .ui-button-text {
    font-size: 12px;
    font-weight: normal;
    color: #666;
}
.ui-dialog .ui-button.ui-widget {
    border-color: #AAA;
    background: #EEE;
}