<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,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">
	<meta name="viewport" content="target-densitydpi=device-dpi,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<!--
	<meta name="viewport" content="target-densitydpi=device-dpi,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta name="viewport" content="width=device-width,target-densitydpi=128" />
-->
    <title></title>

    <link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./common/css/default.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./common/css/screenLock.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="./css/delete_shiori.css?__UPDATEID__" />

    <script type="text/javascript" src="./common/js/jquery-1.8.3.min.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/jquery-ui-1.8.23.custom.min.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/jquery.ui.touch-punch.min.js?__UPDATEID__"></script>

    <script type="text/javascript" src="./common/js/jquery.toastmessage.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/jquery.cookie.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./common/js/jquery.treeview.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./common/js/jquery.treeview.edit.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./common/js/screenLock.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/avweb.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/i18n.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/common.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/htmlparser.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/textObject.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/uuid.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_CallApi.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./js/contentview_Events.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./js/contentview_GetData.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./js/contentview_InitObjects.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./js/contentview_CreateObjects.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./js/contentview_General.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./js/contentview.js?20141201002__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_Memo.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_Gomu.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_Maker.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_Pen.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_Marking.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_PopupText.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_Paint.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_Anket.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_3d.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_ContentTypeNone.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_ImagePreview.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/contentview_Getits.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/zoomDetector.js?__UPDATEID__" ></script>

    <link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="common/css/jquery.treeview.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" />

    <script type="text/javascript" src="./common/js/jquery.powertip.js?__UPDATEID__"></script>
	<script type="text/javascript" src="./common/js/script.js?__UPDATEID__"></script>
	<script type="text/javascript" src="./common/js/html2canvas.js?__UPDATEID__" ></script>
	<script type="text/javascript" src="./common/js/promise-6.1.0.min.js?__UPDATEID__" ></script>

<style>
html{
	-ms-touch-action : none;
}
body {
	-webkit-text-size-adjust: 100%;
}

#header_menu {
	width: 100%;
	height: 45px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: #ff7400;
	z-index:9999;
	position:absolute;
	top:0;
	opacity: 0.6;
}
#header_menu li {
	width: 40%;
	float: right;
	padding: 0;
	margin: 0;
	text-align: right;
}
#header_menu li a {
	width: auto;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0px 0;
	text-decoration: none;
	display: block;
}
#header_menu li a:hover {
	background: #ffa443;
}

#footer_menu {
	width: 100%;
	height: 45px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: #ff7400;
	z-index:9999;
	position:absolute;
	bottom:0;
	opacity: 0.6;
}
#footer_menu li {
	width: 14.2%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
}
#footer_menu li a {
	width: auto;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 6px 0;
	text-decoration: none;
	display: block;
}
#footer_menu li a:hover {
	background: #ffa443;
}

</style>

<script type="text/javascript">

	$(document).ready(function() {
		//CONTENTVIEW.ready();
		//CONTENTVIEW_STREAMING.ready();
	});

</script>

</head>
<body id="viewer" oncontextmenu="return false;">

<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="button_pre_canvas" class="gBackbtn"></div>
	<div id="button_next_canvas" class="gNextbtn"></div>
	<div id="divDialogMemo"></div>
	<div id="dialog-contenttype-music"></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">
		<img src="img/view_loading.gif" width="64px" height="64px">
	</div>

    <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>

    <section id="contentVideoConfirm" class="sectionDeleteConfirm">
        <h1 class="lang" lang=""> </h1>
        <p class="message lang" lang="txtMediaAutoPlayWarning" id="txtContentVideo"><!--Confirm Play Video--></p>
        <p class="deletebtn" ><a id="contentVideoConfirm_OK" lang="dspOK" class="ok_audio lang"><!--OK--></a></p>
    </section>

    <section id="contentAudioConfirm" class="sectionDeleteConfirm">
        <h1 class="lang" lang=""> </h1>
        <p class="message lang" lang="txtMediaAutoPlayWarning" id="txtContentAudio"><!--Confirm Play Audio--></p>
        <p class="deletebtn" ><a id="contentAudioConfirm_OK" lang="dspOK" class="ok_audio lang"><!--OK--></a></p>
    </section>
</div>

<div id="debug"></div>
<div id="menu" style="display:none;">
	<ul id="header_menu" >
		<li><a id="moveStore"   ><img src="img/menu/appstore.jpg" alt=""></a></li>
	</ul>
	<ul id="footer_menu" >
		<li><a id="firstpage" ><img src="img/menu/icon-fast-forward.png" alt=""></a></li>
		<li><a id="prevpage"  ><img src="img/menu/icon-chevron-left.png" alt=""></a></li>
		<li><a id="nextpage"  ><img src="img/menu/icon-chevron-right.png" alt=""></a></li>
		<li><a id="lastpage"  ><img src="img/menu/icon-fast-backward.png" alt=""></a></li>
		<li><a id="zoomin"    ><img src="img/menu/icon-zoom-in.png" alt=""></a></li>
		<li><a id="zoomfit"   ><img src="img/menu/icon-resize-small.png" alt=""></a></li>
		<li><a id="zoomout"   ><img src="img/menu/icon-zoom-out.png" alt=""></a></li>
	</ul>
</div>

<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
    this frame prevents back forward cache
</iframe>
</body>
</html>