<!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" title="ホーム" lang="dspHome"> </a> <a id="imgBack" class="back" 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" title="しおり一覧" lang="txtShioriCtnLs"> </a> </span> <span class="gloupe"> <a id="listindex" class="index" 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; margin-right:230px;">
<span class="gloupe" style="border-left:none; height:46px; padding:0px;"></span>
<span class="gloupe">
<a id="imgmemo" class="memoDisplay" title="メモ表示" lang="txtTooltipShowMemo"></a>
<a id="imgaddmemo" class="memoAdd" 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" title="コピー" lang="txtTextCopy"></a>
</span>
<span class="gloupe">
<a id="imgmarking" class="marking" title="マーキング" lang="txtTooltipShowMarking"></a>
<a id="imgmarkingtoolbar" class="markingToolbar" title="マーキングツールバー表示" lang="txtTooltipShowMarkingTool"></a>
</span>
<span class="gloupe">
<a id="imgbookmark" class="bmAdd" title="しおり追加" lang="txtTooltipBookmark"></a>
</span>
<span class="gloupe" style="border-right:none; height:46px; padding:0px;"></span>
</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 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>
</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">ＯＫ</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">ＯＫ</a></p>
</section>
</div>
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
</body>
</html>