<!DOCTYPE html>
<html>

<head>

<!--[BEGIN] site meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--[END] site meta -->

<!--[BEGIN] title -->
<title>ttいいねボタン</title> 
<!--[END] title -->

<!--[BEGIN] jQuery -->
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/jquery/jquery-1.11.1.min.js"></script>
<!-- enable background color animation -->
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/jquery/jquery.color.js"></script>
<!--[END] jQuery -->

<!-- [BEGIN] html5shiv (semantic elements) & respond.js(media queries) -->
<!--[if lt IE 9]>
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/iefix/html5shiv.min.js"></script>
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/iefix/respond.min.js"></script>
<![endif]-->
<!-- [END] html5shiv (semantic elements) & respond.js(media queries) -->

<!--[BEGIN] bootstrap -->
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/bootstrap/js/bootstrap.min.js"></script>
<!--[END] bootstrap -->

<!--[BEGIN] app -->
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CDuan/CZIndex.js"></script>
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CDuan/CDuan.css" rel="stylesheet"/>
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CDuan/CPageStruct.css" rel="stylesheet"/>
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CDuan/CDuan.js"></script>
<!--[END] app -->

<!--[BEGIN] CFooter, sticky-footer -->
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CFooter/CFooter.css" rel="stylesheet"/>
<!--[END] CFooter, sticky-footer -->

<!--[BEGIN] ie fix -->
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/iefix/gte-ie10.css" rel="stylesheet"/>
<!--[if IE]>
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/iefix/lte-ie9.css" rel="stylesheet"/>
<![endif]-->
<!--[if lte IE 7]>
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/iefix/lte-ie7.css" rel="stylesheet"/>
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/iefix/lte-ie7.js"></script>
<![endif]-->
<!--[END] ie fix -->

<!--[BEGIN] javascript resource loader -->
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CJRLdr/CJRLdr.js"></script>
<!--[END] javascript resource loader -->

<!--[BEGIN] rwindow -->
<link rel="stylesheet" href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CRWindow/CRWindow.css">
<script type="text/javascript" src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CRWindow/CRWindow.js"></script>
<!--[END] rwindow -->

<!--[BEGIN] msgbox -->
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CMsgBox/CMsgBox.js"></script>
<script>CJRLdr.loadLocale('util/msgbox',{"alt:close":"\u9589\u3058\u308b","label:ok":"OK","label:cancel":"\u30ad\u30e3\u30f3\u30bb\u30eb","label:yes":"\u306f\u3044","label:no":"\u3044\u3044\u3048"});</script>
<!--[END] msgbox -->

<!--[BEGIN] notice -->
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CNotice/CNotice.css" rel="stylesheet"/>
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CNotice/CNotice.js"></script>
<!--[END] notice -->

<!--[BEGIN] breadcrumb -->
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CBreadcrumb/CBreadcrumb.css" rel="stylesheet"/>
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CBreadcrumb/CBreadcrumb.js"></script>
<!--[END] breadcrumb -->

<!--[BEGIN] scrollbtn -->
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CScrollBtn/CScrollBtn.css" rel="stylesheet"/>
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CScrollBtn/CScrollBtn.js"></script>
<!--[END] scrollbtn -->

<!--[BEGIN] rtbtn -->
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CRtBtn/CRtBtn.css" rel="stylesheet"/>
<!--[END] rtbtn -->

<!--[BEGIN] navbar addon -->
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/navbar/navbar.css" rel="stylesheet"/>
<!--[END] navbar addon -->

<!--[BEGIN] collapse-navbar -->
<!--link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/navbar/collapse-navbar.css" rel="stylesheet"/-->
<!--[END] collapse-navbar -->

<script>var url_be_entry = "http://portal.local.example.com/recommend/codegen/index.php?_rtp=codegen&_be=1";</script>

<link href="http://portal.local.example.com/recommend/codegen/mod/fbc/css/CForm.css" rel="stylesheet">
<script src="http://portal.local.example.com/recommend/codegen/mod/fbc/js/CJMS.js"></script>
<script src="http://portal.local.example.com/recommend/codegen/mod/fbc/js/CUWait.js"></script>
<script src="http://portal.local.example.com/recommend/codegen/mod/fbc/js/CPageStack.js"></script>
<script src="http://portal.local.example.com/recommend/codegen/mod/fbc/js/CCAjax.js"></script>
<script src="http://portal.local.example.com/recommend/codegen/mod/fbc/js/CForm.js"></script>
<script src="http://portal.local.example.com/recommend/codegen/mod/fbc/js/CFRes.js"></script>


<script>CJRLdr.loadLocale('inppvbtn/dlgpvbtn',{"title":"\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u9078\u629e","alt:close":"\u9589\u3058\u308b","label:ok":"OK","label:cancel":"\u30ad\u30e3\u30f3\u30bb\u30eb"});</script>

<link rel="stylesheet" href="http://portal.local.example.com/recommend/codegen/mod/inppvbtn/css/CDlgPvBtn.css">
<script src="http://portal.local.example.com/recommend/codegen/mod/inppvbtn/js/CDlgPvBtn.js"></script>

<link rel="stylesheet" type="text/css" href="http://portal.local.example.com/recommend/codegen/mod/inppvbtn/css/CInpPvBtn.css" />
<script type="text/javascript" src="http://portal.local.example.com/recommend/codegen/mod/inppvbtn/js/CInpPvBtn.js"></script>

<script type="text/javascript" src="http://portal.local.example.com/recommend/cn/cn.php"></script>
<link href="http://portal.local.example.com/recommend/codegen/mod/codegen/css/CCodeGen.css" rel="stylesheet">
<script src="http://portal.local.example.com/recommend/codegen/mod/codegen/js/CCodeGen.js"></script>
<link href="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CSideMenu/CSideMenu.css" rel="stylesheet"/>
<script src="http://portal.local.example.com/recommend/codegen/mod/btpl/js/CSideMenu/CSideMenu.js"></script>

</head>

<body>

<header>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
	<div class="container-fluid">

		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">

			<button type="button" class="navbar-toggle collapsed"
				data-toggle="collapse"
				data-target="#top-menu"
				accesskey="m">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>

			<a href="http://portal.local.example.com/recommend/codegen/index.php?_rtp=codegen">
			<span class="navbar-brand" style="color:white;">
				<span class="glyphicon glyphicon-th"> </span>
				<span style='font-family:"Arial Black","Arial";'>
				ttいいねボタン</span>
			</span>
			</a>

		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="top-menu">
			<ul class="nav navbar-nav navbar-right">
						 
			<li>
				<a href="http://jpn.phpkobo.com/tt-iine-button?pid=LKBTT-115J" target="_blank">
				<span class='glyphicon glyphicon-home'></span> ホーム 
				</a>
			</li>
			 
			</ul>
		</div><!-- /.navbar-collapse -->

	</div><!-- /.container-fluid -->
</nav>
</header>
<!-- /header -->

<main>


<div class="container main-container">
	<div class="row">
		<div class="col-md-12 main-content">
			<div class="dlg dlgpvbtn">

<div class="dlg-heading">テンプレートの選択	<button type="button" class="close btn-close" aria-label="Close"
		title="閉じる">
		<span aria-hidden="true">&times;</span></button>
</div>

<div class="dlg-body">
	<div class="dlgpvbtn-tpllist">
<div class="dlgpvbtn-tplbox" data-tid="t1001">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1001.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1001 .aiin-inner {margin:2px 12px;text-align:center;}.t1001 .aiin-cy,.t1001 .aiin-icon {vertical-align:middle;}.t1001 .aiin-icon {margin-right:4px;}.t1001 .aiin-cy {font-size:14px;}		</style>
		<div class="t1001 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1001/img/icon.png" width="18" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1002">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1002.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1002 .aiin-inner {margin:2px 12px;text-align:center;}.t1002 .aiin-cy,.t1002 .aiin-icon {vertical-align:middle;}.t1002 .aiin-icon {margin-right:4px;}.t1002 .aiin-cy {font-size:14px;}		</style>
		<div class="t1002 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1002/img/icon.png" width="18" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1003">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1003.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:3px;cursor:pointer;user-select:none;}.t1003 .aiin-inner {margin:2px 12px;text-align:center;}.t1003 .aiin-cy,.t1003 .aiin-icon {vertical-align:middle;}.t1003 .aiin-icon {margin-right:4px;}.t1003 .aiin-cy {font-size:14px;}		</style>
		<div class="t1003 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1003/img/icon.png" width="18" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1004">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1004.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1004 .aiin-inner {margin:2px 12px;text-align:center;}.t1004 .aiin-cy,.t1004 .aiin-icon {vertical-align:middle;}.t1004 .aiin-icon {margin-right:4px;}.t1004 .aiin-cy {font-size:14px;}		</style>
		<div class="t1004 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1004/img/icon.png" width="18" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1005">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1005.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:3px;cursor:pointer;user-select:none;}.t1005 .aiin-inner {margin:2px 12px;text-align:center;}.t1005 .aiin-cy,.t1005 .aiin-icon {vertical-align:middle;}.t1005 .aiin-icon {margin-right:4px;}.t1005 .aiin-cy {font-size:14px;}		</style>
		<div class="t1005 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1005/img/icon.png" width="18" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1006">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1006.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1006 .aiin-inner {margin:2px 13px;text-align:center;}.t1006 .aiin-cy,.t1006 .aiin-icon {vertical-align:middle;}.t1006 .aiin-icon {margin-right:5px;}.t1006 .aiin-cy {font-size:16px;}		</style>
		<div class="t1006 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1006/img/icon.png" width="20" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1007">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1007.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1007 .aiin-inner {margin:2px 13px;text-align:center;}.t1007 .aiin-cy,.t1007 .aiin-icon {vertical-align:middle;}.t1007 .aiin-icon {margin-right:5px;}.t1007 .aiin-cy {font-size:16px;}		</style>
		<div class="t1007 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1007/img/icon.png" width="20" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1008">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1008.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:3px;cursor:pointer;user-select:none;}.t1008 .aiin-inner {margin:2px 13px;text-align:center;}.t1008 .aiin-cy,.t1008 .aiin-icon {vertical-align:middle;}.t1008 .aiin-icon {margin-right:5px;}.t1008 .aiin-cy {font-size:16px;}		</style>
		<div class="t1008 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1008/img/icon.png" width="20" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1009">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1009.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1009 .aiin-inner {margin:2px 13px;text-align:center;}.t1009 .aiin-cy,.t1009 .aiin-icon {vertical-align:middle;}.t1009 .aiin-icon {margin-right:5px;}.t1009 .aiin-cy {font-size:16px;}		</style>
		<div class="t1009 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1009/img/icon.png" width="20" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1010">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1010.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:3px;cursor:pointer;user-select:none;}.t1010 .aiin-inner {margin:2px 13px;text-align:center;}.t1010 .aiin-cy,.t1010 .aiin-icon {vertical-align:middle;}.t1010 .aiin-icon {margin-right:5px;}.t1010 .aiin-cy {font-size:16px;}		</style>
		<div class="t1010 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1010/img/icon.png" width="20" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1011">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1011.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1011 .aiin-inner {margin:2px 14px;text-align:center;}.t1011 .aiin-cy,.t1011 .aiin-icon {vertical-align:middle;}.t1011 .aiin-icon {margin-right:5px;}.t1011 .aiin-cy {font-size:17px;}		</style>
		<div class="t1011 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1011/img/icon.png" width="22" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1012">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1012.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1012 .aiin-inner {margin:2px 14px;text-align:center;}.t1012 .aiin-cy,.t1012 .aiin-icon {vertical-align:middle;}.t1012 .aiin-icon {margin-right:5px;}.t1012 .aiin-cy {font-size:17px;}		</style>
		<div class="t1012 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1012/img/icon.png" width="22" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1013">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1013.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:3px;cursor:pointer;user-select:none;}.t1013 .aiin-inner {margin:2px 14px;text-align:center;}.t1013 .aiin-cy,.t1013 .aiin-icon {vertical-align:middle;}.t1013 .aiin-icon {margin-right:5px;}.t1013 .aiin-cy {font-size:17px;}		</style>
		<div class="t1013 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1013/img/icon.png" width="22" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1014">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1014.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:3px;cursor:pointer;user-select:none;}.t1014 .aiin-inner {margin:2px 14px;text-align:center;}.t1014 .aiin-cy,.t1014 .aiin-icon {vertical-align:middle;}.t1014 .aiin-icon {margin-right:5px;}.t1014 .aiin-cy {font-size:17px;}		</style>
		<div class="t1014 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1014/img/icon.png" width="22" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1015">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1015.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:3px;cursor:pointer;user-select:none;}.t1015 .aiin-inner {margin:2px 14px;text-align:center;}.t1015 .aiin-cy,.t1015 .aiin-icon {vertical-align:middle;}.t1015 .aiin-icon {margin-right:5px;}.t1015 .aiin-cy {font-size:17px;}		</style>
		<div class="t1015 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1015/img/icon.png" width="22" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1016">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1016.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:4px;cursor:pointer;user-select:none;}.t1016 .aiin-inner {margin:3px 16px;text-align:center;}.t1016 .aiin-cy,.t1016 .aiin-icon {vertical-align:middle;}.t1016 .aiin-icon {margin-right:6px;}.t1016 .aiin-cy {font-size:19px;}		</style>
		<div class="t1016 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1016/img/icon.png" width="24" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1017">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1017.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:4px;cursor:pointer;user-select:none;}.t1017 .aiin-inner {margin:3px 16px;text-align:center;}.t1017 .aiin-cy,.t1017 .aiin-icon {vertical-align:middle;}.t1017 .aiin-icon {margin-right:6px;}.t1017 .aiin-cy {font-size:19px;}		</style>
		<div class="t1017 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1017/img/icon.png" width="24" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1018">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1018.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:4px;cursor:pointer;user-select:none;}.t1018 .aiin-inner {margin:3px 16px;text-align:center;}.t1018 .aiin-cy,.t1018 .aiin-icon {vertical-align:middle;}.t1018 .aiin-icon {margin-right:6px;}.t1018 .aiin-cy {font-size:19px;}		</style>
		<div class="t1018 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1018/img/icon.png" width="24" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1019">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1019.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:4px;cursor:pointer;user-select:none;}.t1019 .aiin-inner {margin:3px 16px;text-align:center;}.t1019 .aiin-cy,.t1019 .aiin-icon {vertical-align:middle;}.t1019 .aiin-icon {margin-right:6px;}.t1019 .aiin-cy {font-size:19px;}		</style>
		<div class="t1019 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1019/img/icon.png" width="24" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1020">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1020.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:4px;cursor:pointer;user-select:none;}.t1020 .aiin-inner {margin:3px 16px;text-align:center;}.t1020 .aiin-cy,.t1020 .aiin-icon {vertical-align:middle;}.t1020 .aiin-icon {margin-right:6px;}.t1020 .aiin-cy {font-size:19px;}		</style>
		<div class="t1020 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1020/img/icon.png" width="24" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1021">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1021.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:5px;cursor:pointer;user-select:none;}.t1021 .aiin-inner {margin:4px 21px;text-align:center;}.t1021 .aiin-cy,.t1021 .aiin-icon {vertical-align:middle;}.t1021 .aiin-icon {margin-right:8px;}.t1021 .aiin-cy {font-size:25px;}		</style>
		<div class="t1021 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1021/img/icon.png" width="32" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1022">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1022.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:5px;cursor:pointer;user-select:none;}.t1022 .aiin-inner {margin:4px 21px;text-align:center;}.t1022 .aiin-cy,.t1022 .aiin-icon {vertical-align:middle;}.t1022 .aiin-icon {margin-right:8px;}.t1022 .aiin-cy {font-size:25px;}		</style>
		<div class="t1022 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1022/img/icon.png" width="32" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1023">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1023.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:5px;cursor:pointer;user-select:none;}.t1023 .aiin-inner {margin:4px 21px;text-align:center;}.t1023 .aiin-cy,.t1023 .aiin-icon {vertical-align:middle;}.t1023 .aiin-icon {margin-right:8px;}.t1023 .aiin-cy {font-size:25px;}		</style>
		<div class="t1023 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1023/img/icon.png" width="32" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1024">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1024.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:5px;cursor:pointer;user-select:none;}.t1024 .aiin-inner {margin:4px 21px;text-align:center;}.t1024 .aiin-cy,.t1024 .aiin-icon {vertical-align:middle;}.t1024 .aiin-icon {margin-right:8px;}.t1024 .aiin-cy {font-size:25px;}		</style>
		<div class="t1024 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1024/img/icon.png" width="32" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1025">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1025.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:5px;cursor:pointer;user-select:none;}.t1025 .aiin-inner {margin:4px 21px;text-align:center;}.t1025 .aiin-cy,.t1025 .aiin-icon {vertical-align:middle;}.t1025 .aiin-icon {margin-right:8px;}.t1025 .aiin-cy {font-size:25px;}		</style>
		<div class="t1025 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1025/img/icon.png" width="32" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1026">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1026.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:8px;cursor:pointer;user-select:none;}.t1026 .aiin-inner {margin:6px 32px;text-align:center;}.t1026 .aiin-cy,.t1026 .aiin-icon {vertical-align:middle;}.t1026 .aiin-icon {margin-right:12px;}.t1026 .aiin-cy {font-size:38px;}		</style>
		<div class="t1026 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1026/img/icon.png" width="48" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1027">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1027.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:8px;cursor:pointer;user-select:none;}.t1027 .aiin-inner {margin:6px 32px;text-align:center;}.t1027 .aiin-cy,.t1027 .aiin-icon {vertical-align:middle;}.t1027 .aiin-icon {margin-right:12px;}.t1027 .aiin-cy {font-size:38px;}		</style>
		<div class="t1027 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1027/img/icon.png" width="48" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1028">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1028.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:8px;cursor:pointer;user-select:none;}.t1028 .aiin-inner {margin:6px 32px;text-align:center;}.t1028 .aiin-cy,.t1028 .aiin-icon {vertical-align:middle;}.t1028 .aiin-icon {margin-right:12px;}.t1028 .aiin-cy {font-size:38px;}		</style>
		<div class="t1028 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1028/img/icon.png" width="48" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1029">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1029.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:8px;cursor:pointer;user-select:none;}.t1029 .aiin-inner {margin:6px 32px;text-align:center;}.t1029 .aiin-cy,.t1029 .aiin-icon {vertical-align:middle;}.t1029 .aiin-icon {margin-right:12px;}.t1029 .aiin-cy {font-size:38px;}		</style>
		<div class="t1029 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1029/img/icon.png" width="48" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1030">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1030.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:8px;cursor:pointer;user-select:none;}.t1030 .aiin-inner {margin:6px 32px;text-align:center;}.t1030 .aiin-cy,.t1030 .aiin-icon {vertical-align:middle;}.t1030 .aiin-icon {margin-right:12px;}.t1030 .aiin-cy {font-size:38px;}		</style>
		<div class="t1030 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1030/img/icon.png" width="48" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1031">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1031.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:12px;cursor:pointer;user-select:none;}.t1031 .aiin-inner {margin:9px 48px;text-align:center;}.t1031 .aiin-cy,.t1031 .aiin-icon {vertical-align:middle;}.t1031 .aiin-icon {margin-right:18px;}.t1031 .aiin-cy {font-size:57px;}		</style>
		<div class="t1031 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1031/img/icon.png" width="72" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1032">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1032.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:12px;cursor:pointer;user-select:none;}.t1032 .aiin-inner {margin:9px 48px;text-align:center;}.t1032 .aiin-cy,.t1032 .aiin-icon {vertical-align:middle;}.t1032 .aiin-icon {margin-right:18px;}.t1032 .aiin-cy {font-size:57px;}		</style>
		<div class="t1032 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1032/img/icon.png" width="72" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1033">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1033.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:12px;cursor:pointer;user-select:none;}.t1033 .aiin-inner {margin:9px 48px;text-align:center;}.t1033 .aiin-cy,.t1033 .aiin-icon {vertical-align:middle;}.t1033 .aiin-icon {margin-right:18px;}.t1033 .aiin-cy {font-size:57px;}		</style>
		<div class="t1033 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1033/img/icon.png" width="72" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1034">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1034.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:12px;cursor:pointer;user-select:none;}.t1034 .aiin-inner {margin:9px 48px;text-align:center;}.t1034 .aiin-cy,.t1034 .aiin-icon {vertical-align:middle;}.t1034 .aiin-icon {margin-right:18px;}.t1034 .aiin-cy {font-size:57px;}		</style>
		<div class="t1034 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1034/img/icon.png" width="72" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1035">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1035.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:12px;cursor:pointer;user-select:none;}.t1035 .aiin-inner {margin:9px 48px;text-align:center;}.t1035 .aiin-cy,.t1035 .aiin-icon {vertical-align:middle;}.t1035 .aiin-icon {margin-right:18px;}.t1035 .aiin-cy {font-size:57px;}		</style>
		<div class="t1035 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1035/img/icon.png" width="72" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1036">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1036.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:16px;cursor:pointer;user-select:none;}.t1036 .aiin-inner {margin:12px 66px;text-align:center;}.t1036 .aiin-cy,.t1036 .aiin-icon {vertical-align:middle;}.t1036 .aiin-icon {margin-right:25px;}.t1036 .aiin-cy {font-size:80px;}		</style>
		<div class="t1036 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1036/img/icon.png" width="100" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1037">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1037.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:16px;cursor:pointer;user-select:none;}.t1037 .aiin-inner {margin:12px 66px;text-align:center;}.t1037 .aiin-cy,.t1037 .aiin-icon {vertical-align:middle;}.t1037 .aiin-icon {margin-right:25px;}.t1037 .aiin-cy {font-size:80px;}		</style>
		<div class="t1037 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1037/img/icon.png" width="100" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1038">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1038.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:16px;cursor:pointer;user-select:none;}.t1038 .aiin-inner {margin:12px 66px;text-align:center;}.t1038 .aiin-cy,.t1038 .aiin-icon {vertical-align:middle;}.t1038 .aiin-icon {margin-right:25px;}.t1038 .aiin-cy {font-size:80px;}		</style>
		<div class="t1038 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1038/img/icon.png" width="100" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1039">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1039.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#888;background:transparent;border-radius:16px;cursor:pointer;user-select:none;}.t1039 .aiin-inner {margin:12px 66px;text-align:center;}.t1039 .aiin-cy,.t1039 .aiin-icon {vertical-align:middle;}.t1039 .aiin-icon {margin-right:25px;}.t1039 .aiin-cy {font-size:80px;}		</style>
		<div class="t1039 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1039/img/icon.png" width="100" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
<div class="dlgpvbtn-tplbox" data-tid="t1040">
		<div class="dlgpvbtn-tplbox-body" tabindex="0">
		<style>
		.t1040.aiin-ctar {position:relative;box-sizing:content-box;display:inline-block;font-family:Helvetica, Arial, "hiragino kaku gothic pro",meiryo, "ms pgothic", sans-serif;color:#fff;background:#4267b2;border-radius:16px;cursor:pointer;user-select:none;}.t1040 .aiin-inner {margin:12px 66px;text-align:center;}.t1040 .aiin-cy,.t1040 .aiin-icon {vertical-align:middle;}.t1040 .aiin-icon {margin-right:25px;}.t1040 .aiin-cy {font-size:80px;}		</style>
		<div class="t1040 aiin-ctar"><div class="aiin-inner"><img class="aiin-icon" src="http://portal.local.example.com/recommend/tpl/t1040/img/icon.png" width="100" /><span class="aiin-cy">999</span></div></div>
	</div>
</div><br/>
	</div>
</div>

<div class="dlg-footer">
	<button type="button" class="btn btn-default btn-cancel">キャンセル</button>
	<div class="clear:both"></div>
</div>

</div>

<div class="main">
<div class="title-ctar">
	<div class="title-sub">
	ttいいねボタン	</div>

	<h1 class="page-title">
	貼付け用コード生成ページ
	</h1>
</div>

<div class="spage spage-front">
<div class="psect">
	<div class="psect-body">
		<div class="row">
			<div class="col-sm-12">
				<p>
このページは、いいねボタンの貼り付け用コードを生成します。
以下の手順に従って、いいねボタンのコードを生成してください。
				</p>
			</div>
		</div>
	</div>
</div>

<div class="ctar-form">
<div class="ctar-falert"></div>
<div class="psect">
	<div class="psect-heading">
		<div class="cell-step">
			<span class="label-step">1</span>
		</div>
		<div class="cell-title">
			いいねボタンのKeyを指定する
		</div>
	</div>
	<div class="psect-body">

		<div class="row">
			<div class="col-sm-12">
				<p>
いいねボタンのKeyを入力してください。
Keyはいいねボタンの名前のようなものです。
ユニークな文字列ならば、なんでもかまいません。
				</p>

				<div class="form-group">
					<label>Key:</label>
					<input type="text" class="form-control _ffe_" name="iid"
						value="" placeholder="(例) abcdef123456" maxlength="300" />
					<div style="text-align:right;">
						<button class="btn btn-sm btn-info btn-gen-iid">
						ランダムにKeyを生成する</button>
					</div>
				</div>

				<p>
Keyは、いいねボタンの投票数と関連付けて、ファイルに記録されます。
従って、同じKeyを持ついいねボタンは同じ投票数を表示します。
				</p>

				<p>
今ではなく、ウエブページに貼り付ける時に、Keyを指定してもかまいません。その場合は下のボタンをクリックして備忘録を入力しておいてください。
				</p>

				<p>
					<button class="btn btn-default btn-enter-memo">
					備忘録を入力しておく</button>
				</p>
			</div>
		</div>
	</div>
</div>
<div class="psect">
	<div class="psect-heading">
		<div class="cell-step">
			<span class="label-step">2</span>
		</div>
		<div class="cell-title">
			いいねボタンのスタイル・テンプレートを選択する
		</div>
	</div>
	<div class="psect-body">

		<div class="row">
			<div class="col-sm-12">
				<p>
<b>テンプレートの選択</b>をクリックして、いいねボタンのスタイル・テンプレートを選択してください。
				</p>

				<div class="form-group">
					<div class="inppvbtn-preview">
						<div class="inppvbtn-preview-inner"></div>
						<span class="inppvbtn-tid">x</span>
					</div>
					<div style="text-align:center;">
						<button class="btn btn-default btn-inppvbtn-sel-tpl">
						テンプレートの選択</button>
					</div>
										<input type="text" class="inppvbtn _ffe_" name="tid"
						value="t1001" />
				</div>

			</div>
		</div>
	</div>
</div>
<div class="psect">
	<div class="psect-heading">
		<div class="cell-step">
			<span class="label-step">3</span>
		</div>
		<div class="cell-title">
			貼付け用コードを生成する
		</div>
	</div>
	<div class="psect-body">

		<div class="row">
			<div class="col-sm-12">
				<p>
下の<b>貼付け用コードの生成</b>をクリックして、いいねボタンのコードを生成してください。
				</p>

				<div class="form-group">
					<div style="text-align:center;padding-top:20px;">
						<button class="btn btn-lg btn-primary btn-gen-code">
						貼付け用コードの生成</button>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>
</div>
</div>

</div>

		</div>
	</div>
</div>


</main>

<!-- footer -->
<footer>
<style>
footer {
	text-align:center;
}
.site-name-container {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:5px 0;
}
.site-name {
	font-family:"Arial Black","Arial";
	font-size:14px;
	font-weight:normal;
	color:#666;
}
.site-name:hover {
	animation-name:kf-site-name-hover;
	animation-duration:1.0s;
	animation-timing-function:ease;
	animation-iteration-count:infinite;
}
@keyframes kf-site-name-hover {
	0% {
		color:#5cb85c;
	}
	33% {
		color:#5c5cb8;
	}
	66% {
		color:#b85c5c;
	}
	100% {
		color:#5cb85c;
	}
}
</style>

<div class="site-name-container"><span class="site-name btn-a"
	data-href="http://jpn.phpkobo.com/" data-target="_blank"
	style="cursor: pointer;">phpkobo</span></div>

</footer>
<!-- /footer -->

</body>

</html>
