<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1" />
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-Control" content="no-store">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta http-equiv="Expires" content="-1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="./common/css/default.css" />
	<link rel="stylesheet" type="text/css" href="./css/contentview.css" />
	<link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css" />
	<link rel="stylesheet" type="text/css" href="./common/css/slideshow.css" />
	<link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css" />
	<link href="./common/css/default.css" rel="stylesheet" type="text/css" />
	<link href="./common/css/screenLock.css" rel="stylesheet" type="text/css" />
	<link href="css/delete_shiori.css" rel="stylesheet" type="text/css" />
	<script src="./common/js/jquery-1.8.1.min.js"></script>
	<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
	<script src="./common/js/jquery.ui.touch-punch.min.js"></script>
	<script src="./common/js/jquery.toastmessage.js"></script>
	<script src="./common/js/slideshow.js"></script>
	<script src="./common/js/jquery.cookie.js" type="text/javascript"></script>
	<script src="./common/js/jquery.treeview.js" type="text/javascript"></script>
	<script src="./common/js/jquery.treeview.edit.js" type="text/javascript"></script>
	<script src="./common/js/screenLock.js"></script>
	<script src="./common/js/avweb.js"></script>
	<script src="./common/js/i18n.js"></script>
	<script src="./common/js/common.js"></script>
	<script src="./common/js/htmlparser.js"></script>
	<script src="./common/js/textObject.js"></script>
	<script src="./js/contentview.js"></script>
	<script src="./js/contentview_Memo.js"></script>
	<script src="./js/contentview_Gomu.js"></script>
	<script src="./js/contentview_Maker.js"></script>
	<script src="./js/contentview_Pen.js"></script>
	<script src="./js/contentview_Marking.js"></script>
	<script src="./js/contentview_PopupText.js"></script>
	<script src="./js/contentview_Paint.js"></script>
	<script src="common/js/zoomDetector.js" type="text/javascript"></script>
	<link type="text/css" rel="stylesheet" href="css/reset.css" />
	<link type="text/css" rel="stylesheet" href="css/viewer.css" />
	<link type="text/css" rel="stylesheet" href="./common/css/jquery.treeview.css" />
	<link type="text/css" rel="stylesheet" href="./common/css/jquery.powertip.css" />
	<script type="text/javascript" src="common/js/jquery.powertip.js"></script>
	<script type="text/javascript" src="common/js/script.js"></script>
</head>
<body  id="viewer">
<div id="wrapper"> 
    <!--Viewer component is added here -->
    
    <div id="overlay" class="web_dialog_overlay"> </div>
    <div id="dialog" class="web_dialog"> </div>
    <div id="divCheckExistMarking" class="check_marking" style="display:none"> <img src="img/viewer/marking.png" /> </div>
    <header id ="header_toolbar" class="header">
        <div class = "wrapper_header" >
            <div id ="top_toolbar" class="hdLcolumn fix">
                <div style="float:left; width:302px;">
                    <span class="gloupe" style="border-left:none;">
                        <a id="imgHome" class="home lang" title="ホーム" lang="dspHome"> </a>
                        <a id="imgBack" class="back lang" title="戻る" lang="txtTooltipBack"> </a>
                    </span>
                    <!-- <img src="img/home.png" height="25" id="imgHome" class="toolbar_icon" />
	        		<img src="img/back.png" id="imgBack" height="25" class="toolbar_icon"/> --> 
                    
                    <span class="gloupe">
                        <a id="listbookmark" class="bmList lang" title="しおり一覧" lang="txtShioriCtnLs"> </a>
                    </span>
                    <span class="gloupe">
                        <a id="listindex" class="index lang" title="インデックス" lang="txtIndex"></a> </span>
                    <!-- <img src="img/bookmarklist.png" id="listbookmark" height="25" class="toolbar_icon"/>
					<img id="imgbookmark" src="img/bookmark.png" height="25" class="toolbar_icon"/> --> 
                </div>
                
                <span class="gloupe" style="float:left; height:46px; border-right:none; padding:0px;"></span>
                
                <div style="float:right;">                
                	<span class="gloupe" style="border-left:none; height:46px; padding:0px;"></span> <span class="gloupe">
                    <a id="imgmemo" class="memoDisplay lang" title="メモ表示" lang="txtTooltipShowMemo"></a>
                    <a id="imgaddmemo" class="memoAdd lang" title="メモ追加" lang="txtTooltipAddMemo"></a>
                </span>
                    <!-- <img src="img/indexlist.png" id="listindex" height="25" class="toolbar_icon"/> -->
                    
                    <aside id="boxIndex" class="indexBox" style="display: none;">
                        <h1 id="indexBoxHdIndex" class="indexBoxHd">繧、繝ウ繝・ャ繧ッ繧ケ <a id="indexClosing" class="delete" > </a> </h1>
                        <div id="divListIndex" class="indexBoxBody_on"> </div>
                    </aside>
                    
                    <span class="gloupe"> <a id="copytext" class="copy lang" title="コピー" lang="txtTextCopy"></a> </span>
                    <span class="gloupe"> <a id="imgmarking" class="marking lang" title="マーキング" lang="txtTooltipShowMarking"></a>
                        <a id="imgmarkingtoolbar" class="markingToolbar lang" title="マーキングツールバー表示" lang="txtTooltipShowMarkingTool"></a>
                    </span> <span class="gloupe"> <a id="imgbookmark" class="bmAdd lang" title="しおり追加" lang="txtTooltipBookmark"></a> </span> <span class="gloupe" style="border-right:none; height:46px; padding:0px;"></span>
	                
                    <div class="hdRcolumn">
		                <input id="txtSearch" type="text" />
		                <!--<a id="lblSearch" class="search lang" lang="txtSearch">検索</a>--> 
		                
		                <!-- <div id="divSearchResult" style="display: none; " title="Search Result"> </div> -->
		                
		                <aside id="boxSearching" class="bookmarkBox" style="display: none;">
		                    <h1 id="bookmarkBoxHdSearching" class="bookmarkBoxHd"> </h1>
		                    <ul id="divSearchResult" class="bookmarkBoxBody_on">
		                    </ul>
		                </aside>
		            </div>
                </div>
                
                <!-- <img src="img/textcopy.png" id="copytext" height="25" class="toolbar_icon"/> --> 
                
                <!-- <div id="divCopyText" style="display: none" > </div> --> 
                <!-- Copy text box start -->
                <aside class="bookmarkBox" id ="boxCopyText"  style="display: none;width:400px;height:375px;">
                    <h1 class="bookmarkBoxHd" id="bookmarkBoxHdCT" style="width:395px;"> </h1>
                    <ul id="divCopyText" class="bookmarkBoxBody_on" style="width:100%;height:93.4%;overflow: auto;">
                    </ul>
                </aside>
                <!-- Copy text box end -->
                
                <aside class="bookmarkBox" id="boxBookMark" style="display: none;">
                    <h1 class="bookmarkBoxHd" id="bookmarkBoxHdBM"> </h1>
                    <ul id="divListBookmark" class="bookmarkBoxBody_on">
                    </ul>
                </aside>
                
                <!-- <img id="imgmemo" src="img/memo.png" height="25px" class="toolbar_icon"/>
					<img id="imgaddmemo" src="img/addMemo.jpg" height="25px" class="toolbar_icon"/> --> 
                
                <!-- <img id="imgmarking" src="img/maker.png" height="25px" class="toolbar_icon" />
					<img id="imgmarkingtoolbar" src="img/pen.png" height="25px" class="toolbar_icon" /> --> 
                
                <!--  
				<input type="text" id="txtSearch" class="h25" />-->
            </div>
        </div>
    </header>
    
    
    <aside id="boxAddMemo" class="bookmarkBox" style="display: none;height:180px">
        <h1 id="bookmarkBoxHdMemo" class="bookmarkBoxHd"> <a id="memoClosing" class="delete" > </a>
            <label class="lang" lang = "txtMemoMenu" ></label>
        </h1>
        <ul id="divAddMemo" class="bookmarkBoxBody_on" style="height:156px">
            <br />
            <a id="liAddMemo" lang = "txtMemoNew" class="lang cancelbtn" style="margin-left:35px" > </a> <br />
            <a id="liCopyMemo" lang = "txtMemoPaste" class="lang cancelbtn" style="margin-left:35px" > </a> <br />
            <a id="liDeleteMemo" lang = "txtMemoClear" class="lang cancelbtn" style="margin-left:35px" > </a> <br />
        </ul>
    </aside>
    <div id="button_pre_canvas" class="gBackbtn"> 
        <!-- <img src="img/main_previous.png" width="120px" height="120px" /> --> 
    </div>
    <div id="button_next_canvas" class="gNextbtn"> 
        <!-- <img src="img/main_next.png" width="120px" height="120px" /> --> 
    </div>
    <div id="divDialogMemo" style="width:466px;height:389px;display:none; position: absolute"> </div>
    <div id="dialogPopUp" class="popuptext_web_dialog"> </div>
    <div id="arrow" class="popuptext_arrow"> </div>
    <div id="pop_up_memo" class="pop-up-memo"> <a id="btn_show_memo" class="lang" lang = "txtMemoEdit" > </a> <br />
        <br />
        <a id="btn_copy_memo" class="lang" lang = "txtMemoCopy"> </a> </div>
    <div id="divImageLoading" style="width:70px; height:70px; background-color:#ccc; border-radius: 10px; opacity: 0.7"> <img src="img/view_loading.gif" style="padding-left: 3px; padding-top: 3px" width="64px" height="64px"> </div>
    <!-- ================================================================================== --> 
    <!-- Marking group [start]
	<!-- ================================================================================== --> 
    
    <!-- Marking [start] -->
    
    <aside class="markingBox" id="dlgMarking" style="display: none">
        <h1 class="markingBoxHd">
            <label class="lang" lang="txtMkToolBar">マーカー(オプション)</label>
            <a class="hidden_off" id="dlgMarking_imgMin" style="margin:4px 4px 0 -26px;"> </a> <a class="hidden_on" id="dlgMarking_imgMax" style="display: none;margin:4px 4px 0 -26px;"> </a> </h1>
        <div id="dlgMarking_body" class="markingBoxBody_on">
            <ul class="fix">
                <li>
                    <div id="dlgMarking_imgPen" > </div>
                </li>
                <li>
                    <div id="dlgMarking_imgPenOption"> </div>
                </li>
                <li>
                    <div id="dlgMarking_imgMaker"> </div>
                </li>
                <li>
                    <div id="dlgMarking_imgMakerOption"> </div>
                </li>
                <li>
                    <div id="dlgMarking_imgEraser"> </div>
                </li>
                <li>
                    <div id="dlgMarking_imgEraserOption"> </div>
                </li>
            </ul>
            <a id="dlgMarking_dspPgClear" class="clearbtn lang" lang="dspPgClear" style="cursor: default">このページクリア</a> <a id="dlgMarking_dspSave" class="savebtn lang" lang="dspSave" style="cursor: default">保存</a> <a id="dlgMarking_dspCancel" class="cancelbtn lang" lang="dspCancel" style="cursor: default">キャンセル</a> </div>
    </aside>
    <!-- Marking [ end ] --> 
    
    <!-- Eraser [start] -->
    <div class="eraser_paneldialog gomuRayermenu1" id="dlgGomu" style="width:275px;height:160px"> 
        <!--<div class="paneltitle lang" lang="txtDltOpt">消しゴムオプションの設定</div>-->
        <div style="float: left; display: block;">
            <ul style="list-style: none;">
                <li>
                    <label class="lang" lang="txtMkgSize">太いさ</label>
                </li>
                <li>
                    <input type="radio" id="dlgGomu_rdo1" name="rdoSize" value="1" checked="checked" />
                    <label for="dlgGomu_rdo1" class="lang" lang="txtMkgS">小</label>
                </li>
                <li>
                    <input type="radio" id="dlgGomu_rdo2" name="rdoSize" value="2" />
                    <label for="dlgGomu_rdo2" class="lang" lang="txtMkgM">中</label>
                </li>
                <li>
                    <input type="radio" id="dlgGomu_rdo3" name="rdoSize" value="3" />
                    <label for="dlgGomu_rdo3" class="lang" lang="txtMkgB">大</label>
                </li>
                <li>
                    <input type="radio" id="dlgGomu_rdo4" name="rdoSize" value="4" />
                    <label for="dlgGomu_rdo4" class="lang" lang="txtMkgSB">特大</label>
                </li>
            </ul>
        </div>
        <div class="panelPreview gomuCanvasArea_s">
            <canvas id="dlgGomu_cvMain" class="eraser_preview" width="120px" height="120px"> </canvas>
        </div>
        <div class="panelFooter"> <a id="dlgGomu_dspCancel" style="float:right; margin-left: 13px;" class="cancelbtn lang" lang="dspCancel">キャンセル</a> <a id="dlgGomu_dspOK" style="float:right; clear: none; float:right;" class="cancelbtn lang" lang="dspOK">OK</a> </div>
    </div>
    <!-- Eraser [ end ] -->
    
    <div id="dlgMaker" style="margin: 0 auto; width: 390px; height: 265px" class="paneldialog"> </div>
    <div id="dlgPen" style="margin: 0 auto; width: 390px; height: 265px" class="paneldialog"> </div>
    <div id="dlgOverlay"> </div>
    
    <!-- ================================================================================== --> 
    <!-- Marking group [start]
	<!-- ================================================================================== --> 
    
    <!-- ================================================================================== --> 
    <!-- Footer [start]
	<!-- ================================================================================== -->
    <footer id="footer_toolbar_1" class="footer">
        <div class="ftinner"> 
            <!-- slider transition sizing -->
            <div class="ftLcolumn"> 
                
                <!-- slider [start] -->
                <div class="slider fix">
                    <div id="divTxtSlider" class="sld01"> <span>
                        <input id="txtSlider" type="text" size="2" maxlength="3"/>
                        <label id="lblSlider"> </label>
                        </span> </div>
                    <a id="control_process" class="sld02">
                    <div id="slider_page" style="width: 350px;"> </div>
                    </a> </div>
                <!-- slider [end] --> 
                
                <!-- transition [start] --> 
                <!-- temporary tool tip - must be change "lang" -->
                <div id="control_movepage" class="transition fix"> <a id="firstpage" class="begin"> </a> <a id="prevpage" class="prev"> </a> <a id="nextpage" class="next"> </a> <a id="lastpage" class="last"> </a> </div>
                <!-- transition [end] --> 
                
                <!-- sizing [start] --> 
                <!-- temporary tool tip - must be change "lang" -->
                <div id="control_zoom" class="sizing"> <a id="zoomin" class="expansion"> </a> <a id="zoomfit" class="fit"> </a> <a id="zoomout" class="reduction"> </a> </div>
                <!-- sizing [end] --> 
            </div>
            
            <!-- toolbar -->
            <div class="ftRcolumn"> <a id="control_screen" class="toolbar"> </a> 
                <!--<a id="control_screen" class="toolbar_off" lang="dspHome">繝・・繝ォ繝舌・</a> --> 
            </div>
        </div>
    </footer>
    <footer class="footerTool" id="footer_toolbar_2">
        <div class="ftRcolumn_2"> <a id="control_screen_2" class="toolbar"  style="background-position: 0 -105px;float:right;"> </a> 
            <!--<a id="control_screen" class="toolbar_off" lang="dspHome">繝・・繝ォ繝舌・</a> --> 
        </div>
    </footer>
    
    <!-- ================================================================================== --> 
    <!-- Footer [end]
	<!-- ================================================================================== -->
    
    <section id="bgmConfirm" class="sectionDeleteConfirm">
        <h1 class="lang" lang=""> </h1>
        <p class="message lang" lang="msgBGMPlayConfirm" id="txtAudio">このコンテンツはBGMが流れるようになっています。BGMを再生してもよろしいですか?</p>
        <p class="deletebtn" ><a id="bgmConfirm_dspOK" lang="dspOK" class="ok_audio lang">OK</a></p>
    </section>
    <section id="bgmConfirm_page" class="sectionDeleteConfirm">
        <h1 class="lang" lang=""> </h1>
        <p class="message lang" lang="msgBGMPlayConfirm" id="txtAudio_page">このコンテンツはBGMが流れるようになっています。BGMを再生してもよろしいですか?</p>
        <p class="deletebtn" ><a id="bgmConfirm_dspOK_page" lang="dspOK" class="ok_audio lang">OK</a></p>
    </section>
</div>
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank"> this frame prevents back forward cache </iframe>
</body>
</html>