use utf8;
unshift(@INC, "../../../cgi-bin");
require 'globalvars.pl';
################################################################
# 詳細ページ
################################################################
$DetailedPage = qq{
<!DOCTYPE html>
<!--[if lt IE 7]><html lang="ja" class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html lang="ja" class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html lang="ja" class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--> <html lang="ja" class="no-js"><!--<![endif]-->
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="keywords" content="<TMPL_VAR NAME=Keyword>">
<title><TMPL_VAR NAME=CategoryName><TMPL_IF NAME=Title>－<TMPL_VAR NAME=Title></TMPL_IF></title>
<TMPL_INCLUDE NAME="../inc/common_js_wp.html">
<style>
input[type="text"] {
	width:200px;
}
.text_title {
    margin: 20px 0px;
    color: #626262;
    font-size: 108%;
    font-weight: bold;
}
.inputtitle {
    float: left;
    width: 160px;
}
a{
	color:#08aa9f;
}
h2.mail_title{
	width:290px;
	height:26px;
	background:url(img/title.gif) no-repeat 0 0;
}
input.subscribe,
input.update,
input.unsubscribe{
	margin-left:10px;
	float:left;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:54px;
	height:26px;
}
input.subscribe{
	float:none;
	margin:0 auto;
	background:url(img/subscribe.gif) no-repeat 0 0;
}
input.update{
	background:url(img/update.gif) no-repeat 0 0;
}
input.unsubscribe{
	background:url(img/unsubscribe.gif) no-repeat 0 0;
}
input.subscribe:hover,
input.update:hover,
input.unsubscribe:hover{
	background-position:-54px 0;
}
.g-recaptcha{
	width:304px;
	margin:0 auto 15px;
}
.hide{
	display:none!important;
}
</style>
<script src='https://www.google.com/recaptcha/api.js' async defer></script>
<script>
function rechapcha_result()
{
	var result = grecaptcha.getResponse();
	\$("#g-recaptcha-response").val(result);
	\$("#send").removeClass("hide");
}
function ChangePage(obj)
{
	if(obj.length == null){window.location.href = obj.value;}
	else
	{for( i=0;i < obj.length;i++){if( obj[i].selected ){window.location.href = obj[i].value;}}}
}
function checksubmit(form)
{
	err = "";
	if( form.Name != null && form.Name.value == "" ){err += "お名前\\n";}
	if( form.Email != null && form.Email.value == "" ){err += "メールアドレス\\n";}
	if( form.OldEmail != null && form.OldEmail.value == "" ){err += "変更前メールアドレス\\n";}
	if( form.NewEmail != null && form.NewEmail.value == "" ){err += "変更後メールアドレス\\n";}
	if( err == ""){
		window.open('','new','height=230,width=520,scrollbars=yes');
		return true;
	}
	else{
		msg = "下記の内容に不備があるようです。\\n\\n";
		alert(  msg + err );
		return false;
	}
}
</script>
</head>
<body class="page-template-default page page-id-2524 custom-background bgnormal pannavi_on h_default sidebarright undo_off">
	<div id="container">
		<TMPL_INCLUDE NAME="../inc/header_wp.html">
		<div id="breadcrumb" class="breadcrumb inner wrap cf">
			<ul itemscope itemtype="http://schema.org/BreadcrumbList">
				<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="bc_homelink"><a itemprop="item" href="/"><span itemprop="name"> HOME</span></a><meta itemprop="position" content="1" /></li>
				<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="bc_posttitle"><span itemprop="name">OEJBooksメルマガ購読申し込み<meta itemprop="position" content="2" /></span></li>
			</ul>
		</div>
		<div id="content">
			<div id="inner-content" class="wrap cf">
				<main id="main" class="m-all t-all d-5of7 cf" role="main">
					<article id="post-2524" class="post-2524 page type-page status-publish article cf" role="article">
						<header class="article-header entry-header">
						<h1 class="entry-title page-title" itemprop="headline" rel="bookmark">OEJBooksメルマガ購読申し込み</h1>
						</header>
						<section class="entry-content cf">
							<div role="form" class="wpcf7" lang="ja" dir="ltr">
								<form id="inquire" name="inquire" method="post" action="/newsletter/subscribe.cgi" class="wpcf7-form" target="new">
								このメールマガジンでは、OEJ Booksの公式ブログとなる<a href="http://oejbooks.com/blog/" target="_blank">「OSHOブログ」</a>の更新をお知らせするとともに、OEJ Booksからのそのときどきのお知らせや話題をお届けします。<br>
<TMPL_IF NAME=Titles>
								<a href="#backnumber"><img src="/img/arrow2.gif" class="middle" style="margin-top:30px">バックナンバーを見る</a>
</TMPL_IF>
								<hr>
								<h3>購読お申し込み</h3>
								<div class="inputtitle">お名前：</div><input name="Name" type="text" size="30" class="inputbox"><br style="clear:both">
								<br>
								<div class="inputtitle">メールアドレス：</div><input type="text" name="Email" size="30" class="inputbox" style="float:left"><br style="clear:both">
								<b>「私はロボットではありません」にチェックを入れて表示される「登録」ボタンを押してください。</b><br>
								<br>
								<div class="g-recaptcha" data-sitekey="6LetH3cUAAAAANjfgW4N6EBtoM4nhP5uE4a-3Wpr" data-callback=rechapcha_result></div>
								<input id="send" class="subscribe hide" type="image" src="/img/spacer.gif" title="登録" onClick="return checksubmit(this.form);">
								</form>
								<form id="inquire" name="inquire" method="post" action="/newsletter/subscribe.cgi" class="wpcf7-form" target="new">
								<h3>配信先アドレス更新</h3>
								<div class="inputtitle">変更前メールアドレス：</div><input type="text" name="OldEmail" size="30" class="inputbox"><br style="clear:both">
								<br>
								<div class="inputtitle">変更後メールアドレス：</div><input type="text" name="NewEmail" size="30" class="inputbox" style="float:left">
								<input type="image" src="/img/spacer.gif" class="update" title="変更" onClick="return checksubmit(this.form);"><br style="clear:both">
								</form>
								<form id="inquire" name="inquire" method="post" action="/newsletter/subscribe.cgi" class="wpcf7-form" target="new">
								<h3>購読停止</h3>
								<div class="inputtitle">メールアドレス：</div><input type="text" name="Email" size="30" class="inputbox" style="float:left">
								<input type="image" src="/img/spacer.gif" class="unsubscribe" title="解除" onClick="return checksubmit(this.form);"><br style="clear:both">
								</form>
				<TMPL_IF NAME=Titles>
								<div class="gray_thin" style="margin-bottom:15px;margin-top:20px;"> </div>
								<a name="backnumber"></a><h2 class="text_title">バックナンバー</h2>
								<TMPL_VAR NAME=TitleList>
								<div class="gray_thin" style="margin-bottom:15px;margin-top:15px;"> </div>
								<pre>
								<TMPL_VAR NAME=Description>
								</pre>
				</TMPL_IF>
							</div>
						</section>
					</article>
				</main>
			</div>
		</div>
		<TMPL_INCLUDE NAME="../inc/footer_wp.html">
	</div><!-- mainbox ここまで-->
</body>
</html>
};
1;
