<!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">
    <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/layout/common.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/common.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/header.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/header.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/footer.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/footer.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/history.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/history.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/backup.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/backup.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/restore.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/restore.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/login_validation.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/login_validation.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/accordion.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/accordion.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/list_shirori_detail.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/list_shirori_detail.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/layout/limit_access.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/theme/limit_access.css?__UPDATEID__" />
    
    <!-- CSSビュー -->
    <!-- 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="css/theme/viewer.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__" />
    <link rel="stylesheet" type="text/css" href="css/theme/Anket.css?__UPDATEID__" />
    <link rel="stylesheet" type="text/css" href="css/delete_shiori.css?__UPDATEID__" />
    
    <script type="text/javascript" src="./common/js/jquery-1.8.1.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.toastmessage.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/i18n.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/avweb.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/common.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/Limit_Access_Content.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/history.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./js/header.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/gotop.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/tab.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/screenLock.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./js/detail.js?__UPDATEID__" ></script>
    
    <!-- JSビュー -->
    <script type="text/javascript" src="./common/js/jquery.ui.touch-punch.min.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="./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?__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_FileSystem.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/zoomDetector.js?__UPDATEID__" ></script>
    <script type="text/javascript" src="./common/js/jquery.powertip.js?__UPDATEID__"></script>
    <script type="text/javascript" src="./common/js/script.js?__UPDATEID__"></script>
    
</head>
<body id="history">

<header id="header-ws" class="header_ws">
	<div class="notification-pushmessage" style="display:none;">
		新着メッセージがあります!!!
	</div>
	<div class="cnt_header">
		<a class="logo" href="javascript:void(0);" onclick="avwScreenMove(ScreenIds.Home)"> </a>
		<div class="menu_login">
			<ul class="floatL">
				<li class="floatR" id="li-login-username" style="display:none;">
					<label><img src="img/common/login_title.png" height="20"></label>
					<label class="lang" lang="txtLoginUser">こんにちは</label>
				</li>
			</ul>
			<p id="login-username" class="username" > </p>
		</div>
		<div class="menu_language">
			<div class="clearfix">
				<ul class="floatR">                   
					<li class="language" id="language-jp" style="display:none;" ><a href="#"><img src="img/common/flg_jpn.png" width="29" height="20"></a></li>
					<li class="language" id="language-en" style="display:none;" ><a href="#"><img src="img/common/flg_usa.png" width="29" height="20"></a></li>
					<li class="language" id="language-kr" style="display:none;" ><a href="#"><img src="img/common/flg_kor.png" width="29" height="20"></a></li>
					<li style="padding-left:0;"><input class="focus" id="searchbox-key" name="" type="text" placeholder="キーワードを入力してください"></li>
					<div id="header-searchbox" style="display:none;">
						<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked="checked" /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
						<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
						<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
						<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
					</div>
				</ul>
			</div>
			<ul class="button">
				<li class="floatL" id="dspPushMessage">
					<a href="#" id="liPushMessage"><span class="pushMessage"><span class="icon"></span> <span class="lang" lang="txtPushAlert">新着 : </span><span id="numbermessage"></span><span class="arrow"></span></span></a>
					<div id="accordion" style="display:none;">
						<div id="show-push-message"></div>
						<div class="pagechange clearfix">
							<a class="floatL lang" id='prev-page-message' lang="txtPrevious"><<前へ</a><a class="floatR lang" id='next-page-message'  lang="txtNext">次へ>></a>
						</div>
					</div>
				</li>  
				<li class="menuIcon" id="dspHome"><a href="#"><img src="img/common/icon_home.png" height="27"></a></li>
				<li class="menuIcon" id="dspShiori"><a href="#"><img src="img/common/icon_marker.png" height="27"></a></li>
				<li class="menuIcon" id="dspViewHistory"><a href="#"><img src="img/common/icon_watch.png" height="27"></a></li>
				<li class="menuIcon" id="dspSetting" style=""><a href="#"><img src="img/common/icon_setup.png" height="27"></a></li>
				<li class="menuIcon" id="dspLogout" style="margin-right:0;"><a href="#"><img src="img/common/icon_logout.png" height="27"></a></li>  
			</ul>
		</div>
	</div>
</header>

<div id="ws-body" class="wrapper_ws" >

	<div id="inc_backup"></div>
	
	<div id="main-ws">
		<article class="articlehistory">
			<span class="lang sort-title" lang="txtSort">並び替え</span>
			<div class="tops">
				<ul class="sort" id="menu_sort">
					<li>
						<a id="control-sort-title" class="lang nottouchdevice control_sort_on" lang="dspTitleNm">タイトル名</a>  
						<a class="lang control_sort_off" lang="dspTitleNm" style="display:none">タイトル名</a>
						<b>|</b>
					</li>
					<li >
						<a id="control-sort-titlekana" class="lang nottouchdevice control_sort_on" lang="dspTitleNmKn">タイトル名(かな)</a>
						<a id="control-sort-titlekana-off" class="lang control_sort_off" lang="dspTitleNmKn" style="display:none">タイトル名(かな)</a>
						<b id="separate">|</b>
					</li>
					<li>
						<a id="control-sort-releasedate" class="lang nottouchdevice control_sort_on" lang="txtPubDt" >公開日</a>
						<a class="lang control_sort_off" lang="txtPubDt" style="display:none" >公開日</a> 
						<b>|</b>
					</li>
					<li class="current">
						<a id="control-sort-viewdate" class="lang nottouchdevice control_sort_on" lang="txtViewDt" >閲覧日</a> 
						<a id="off-default" class="lang control_sort_off" lang="txtViewDt" style="display:none" >閲覧日</a>
					</li>
				</ul>
				<p>
					<label id="dispPage"> </label> <label class="lang pageNumControl" lang="txtRecordNum" style="visibility: hidden">件</label >
				</p>
			</div>
			<div class="clearboth"> </div>
			<div id="content-grid"> </div>
			<br/>
		</article>
	</div>
	
	<div id="inc_detail" ></div>
	
	<footer>
		<div class="border">
			<div class="cnt_footer">
			COPYRIGHT &copy; 2014 AGENTEC Co., Ltd. ALL RIGHTS RESERVED.
			</div>
		</div>
	</footer>
	
</div>

<div id="viewer" style="display:none;" >
	
	<!-- ビューアエリア FROM -->
	<div id="wrapper" style="">
	
		<!--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/icon_marked.png" />
		</div>
		<header id ="header_toolbar" class="header__">
			<div class = "wrapper_header">
				<div id ="top_toolbar" class="hdLcolumn fix">
					<span class="hgloupe">
						<a id="imgHome" class="home" title="ホーム" lang="dspHome"> </a>
						<a id="imgBack" class="back" title="戻る" lang="txtTooltipBack"> </a>
					</span>
					<span class="gloupe">
						<a id="listbookmark" class="bmList" title="しおり一覧" lang="txtShioriCtnLs"> </a>
						<a id="imgbookmark" class="bmAdd" title="しおり追加" lang="txtTooltipBookmark"> </a>
					</span>
					<span class="gloupe">
						<a id="listindex" class="index" title="インデックス" lang="txtIndex"> </a>
					</span>
					<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>
					<aside class="bookmarkBox" id ="boxCopyText">
						<h1 class="bookmarkBoxHd" id="bookmarkBoxHdCT"></h1>
						<ul id="divCopyText" class="bookmarkBoxBody_on"></ul>
					</aside>
					<aside class="bookmarkBox" id="boxBookMark" style="display: none;">
						<h1 class="bookmarkBoxHd" id="bookmarkBoxHdBM"></h1>
						<ul id="divListBookmark" class="bookmarkBoxBody_on"></ul>
					</aside>
					<span class="gloupe">
						<a id="imgmemo" class="memoDisplay" title="メモ表示" lang="txtTooltipShowMemo"> </a>
						<a id="imgaddmemo" class="memoAdd" title="メモ追加" lang="txtTooltipAddMemo"> </a>
					</span>	
					<span class="lgloupe">
						<a id="imgmarking" class="marking" title="マーキング" lang="txtTooltipShowMarking"> </a>
						<a id="imgmarkingtoolbar" class="markingToolbar" title="マーキングツールバー表示" lang="txtTooltipShowMarkingTool"> </a>
					</span>
				</div>
				<div class="hdRcolumn">
					<input id="txtSearch" type="text">
					<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">
			<h1 id="bookmarkBoxHdMemo" class="bookmarkBoxHd">
				<a id="memoClosing" class="delete" > </a>
				<label class="lang" lang = "txtMemoMenu" > </label>
			</h1>
			<ul id="divAddMemo" class="bookmarkBoxBody_on">
				<br />	
				<a id="liAddMemo" lang = "txtMemoNew" class="lang cancelbtn"> </a><br />
				<a id="liCopyMemo" lang = "txtMemoPaste" class="lang cancelbtn"> </a> <br />
				<a id="liDeleteMemo" lang = "txtMemoClear" class="lang cancelbtn"> </a>
				<br />
			</ul>
		</aside>
		<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>
		<!-- ================================================================================== -->
		<!-- Marking group [start]
		<!-- ================================================================================== -->
		
		<!-- Marking [start] -->
		<aside class="markingBox" id="dlgMarking">
			<h1 class="markingBoxHd">
				<label class="lang" lang="txtMkToolBar">マーカー(オプション)</label>
				<a class="hidden_off" id="dlgMarking_imgMin" > </a>
				<a class="hidden_on" id="dlgMarking_imgMax"> </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">このページクリア</a>
				<a id="dlgMarking_dspSave" class="savebtn lang" lang="dspSave" >保存</a>
				<a id="dlgMarking_dspCancel" class="cancelbtn lang" lang="dspCancel">キャンセル</a>            
			</div>
		</aside>
		<!-- Marking [ end ] -->

		<!-- Eraser [start] -->
		<div class="rayermenu3" id="dlgGomu">
			<div>
				<ul>
					<li>
						<a id="text_dlgGomu_rdo4">
							<input type="radio" id="dlgGomu_rdo4" name="rdoSize" value="4"/>
							<span><label for="dlgGomu_rdo4" class="lang" lang="txtMkgSB">特大</label></span>
							<img class="sizeXL" src="img/viewer/en_xl.png" alt="">
						</a>
					</li>
					<li>
						<a id="text_dlgGomu_rdo3">
							<input type="radio" id="dlgGomu_rdo3" name="rdoSize" value="3"/>
							<span><label for="dlgGomu_rdo3" class="lang" lang="txtMkgB">大</label></span>
							<img class="sizeL" src="img/viewer/en_l.png" alt="">
						</a>
					</li>
					<li>
						<a id="text_dlgGomu_rdo2">
							<input type="radio" id="dlgGomu_rdo2" name="rdoSize" value="2"/>
							<span><label for="dlgGomu_rdo2" class="lang" lang="txtMkgM">中</label></span>
							<img class="sizeM" src="img/viewer/en_m.png" alt="">
						</a>
					</li>
					<li>
						<a id="text_dlgGomu_rdo1">
							<input type="radio" id="dlgGomu_rdo1" name="rdoSize" value="1" checked="checked"/> 
							<span><label for="dlgGomu_rdo1" class="lang" lang="txtMkgS">小</label></span>
							<img class="sizeS" src="img/viewer/en_s.png" alt="">
						</a>
					</li>
				</ul>
			</div>
			<div class="popcolumnR">
				<canvas id="dlgGomu_cvMain" class="canvasArea_l" width="98" height="98"> </canvas>
			</div>
			<div>
				<a id="dlgGomu_dspCancel" class="cancelbtn lang" href="#" lang="dspCancel">キャンセル</a>
				<a id="dlgGomu_dspOK" class="cancelbtn lang okbtn" href="#" lang="dspOK">OK</a>
			</div>
		</div>
		<!-- Eraser [ end ] -->
		
		<!-- Maker [ start ] -->
		<div id="dlgMaker" class="rayermenu1">
			<ul class="popcolumnL">
				<li>
					<a id="marker-oversize-text">
						<input type="radio" id="maker-size-oversize" name="maker-size" />
						<span><label for="maker-size-oversize" class="lang" lang="txtMkgSB">XL</label></span>                   
						<img class="sizeXL" src="img/viewer/en_xl.png" alt="">
					</a>
				</li>
				<li>
					<a id="marker-large-text">
						<input type="radio" id="maker-size-large" name="maker-size"/>
						<span><label for="maker-size-large" class="lang" lang="txtMkgB">L</label></span>
						<img class="sizeL" src="img/viewer/en_l.png" alt="">
					</a>
				</li>
				<li>
					<a id="marker-medium-text">
						<input type="radio" id="maker-size-medium" name="maker-size"/>
						<span><label for="maker-size-medium" class="lang" lang="txtMkgM">M</label></span>
						<img class="sizeM" src="img/viewer/en_m.png" alt="">
					</a>
				</li>
				<li>
					<a id="marker-small-text">
						<input type="radio" id="maker-size-small" name="maker-size"/>
						<span><label for="maker-size-small" class="lang" lang="txtMkgS">S</label></span>
						<img class="sizeS" src="img/viewer/en_s.png" alt="">
					</a>
				</li>
			</ul>
			<div id="makerColorwrapper" class="popcolumnR">
				<table cellpadding="0" cellspacing="0" class="colorchip">
				<tbody>
				<tr>
					<td><a colorId="ff0000" class="color01 colorpicker" href="#"> </a></td>
					<td><a colorId="ffff00" class="color02 colorpicker" href="#"> </a></td>
				</tr>
				<tr>
					<td><a colorId="00ff00" class="color03 colorpicker" href="#"> </a></td>
					<td><a colorId="00ffff" class="color04 colorpicker" href="#"> </a></td>
				</tr>
				<tr>
					<td><a colorId="0000ff" class="color05 colorpicker" href="#"> </a></td>
					<td><a colorId="ff00ff" class="color06 colorpicker" href="#"> </a></td>
				</tr>
				<tr>
					<td><a colorId="ffffff" class="color07 colorpicker" href="#"> </a></td>
					<td><a colorId="000000" class="color08 colorpicker" href="#"> </a></td>
				</tr>
				</tbody>
				</table>
				<span>  </span>
				<canvas id="Maker_cvPreviewmaker" class="canvasArea_s" width="98" height="98"> </canvas>
			</div>
			<div>
				<a id="Maker_btnCancel" class="lang cancelbtn" lang="dspCancel">キャンセル</a>
				<a id="Maker_btnOk" class="lang cancelbtn okbtn" lang="dspOK">OK</a>
			</div>
		</div>
		<!-- Maker [ end ] -->
		
		<!-- Pen [ start ] -->
		<div id="dlgPen" class="rayermenu1">
			<ul class="popcolumnL">
				<li>
					<a id="pen-oversize-text">
						<input type="radio" id="pen-size-oversize" name="maker-size"/>
						<span><label for="pen-size-oversize" class="lang" lang="txtMkgSB">XL</label></span>                   
						<img class="sizeXL" src="img/viewer/en_xl.png" alt="">
					</a>
				</li>
				<li>
					<a id="pen-large-text">
						<input type="radio" id="pen-size-large" name="maker-size"/>
						<span><label for="pen-size-large" class="lang" lang="txtMkgB">L</label></span>
						<img class="sizeL" src="img/viewer/en_l.png" alt="">
					</a>
				</li>
				<li>
					<a id="pen-medium-text">
						<input type="radio" id="pen-size-medium" name="maker-size"/>
						<span><label for="pen-size-medium" class="lang" lang="txtMkgM">M</label></span>
						<img class="sizeM" src="img/viewer/en_m.png" alt="">
					</a>
				</li>
				<li>
					<a id="pen-small-text">
						<input type="radio" id="pen-size-small" name="maker-size"/>
						<span><label for="pen-size-small" class="lang" lang="txtMkgS">S</label></span>
						<img class="sizeS" src="img/viewer/en_s.png" alt="">
					</a>
				</li>
			</ul>
			<div id="penColorwrapper" class="popcolumnR">
				<table cellpadding="0" cellspacing="0" class="colorchip">
				<tbody>
				<tr>
					<td><a colorId="ff0000" class="color01 colorpicker" href="#"> </a></td>
					<td><a colorId="ffff00" colorId class="color02 colorpicker" href="#"> </a></td>
				</tr>
				<tr>
					<td><a colorId="00ff00" class="color03 colorpicker" href="#"> </a></td>
					<td><a colorId="00ffff" class="color04 colorpicker" href="#"> </a></td>
				</tr>
				<tr>
					<td><a colorId="0000ff" class="color05 colorpicker" href="#"> </a></td>
					<td><a colorId="ff00ff" class="color06 colorpicker" href="#"> </a></td>
				</tr>
				<tr>
					<td><a colorId="ffffff" class="color07 colorpicker" href="#"> </a></td>
					<td><a colorId="000000" class="color08 colorpicker" href="#"> </a></td>
				</tr>
				</tbody>
				</table>
				<span>  </span>
				<canvas id="Pen_cvPreviewPen" class="canvasArea_s" width="98" height="98"> </canvas>
			</div>
			<div>
				<a id="Pen_btnCancel" class="lang cancelbtn" lang="dspCancel">キャンセル</a>
				<a id="Pen_btnOk" class="lang okbtn cancelbtn" lang="dspOK">OK</a>
			</div>
		</div>
		<!-- Pen [ end ] -->
		
		<div id="dlgOverlay"> </div> 
		<!-- ================================================================================== -->
		<!-- Marking group [end]
		<!-- ================================================================================== -->
	
		<!-- ================================================================================== -->
		<!-- 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" > </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>
				</div>
			</div>
		</footer>
		<footer class="footerTool" id="footer_toolbar_2">
			<div class="ftRcolumn_2"></div>
		</footer>
		<a id="control_screen_2" class="toolbar_close" style=""> </a>
		<!-- ================================================================================== -->
		<!-- 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>
		
		<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>
	<!-- ビューアエリア TO -->
	
</div>

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

</body>
</html>