<?
session_name('phplightbox');
session_set_cookie_params(0,'/');
session_start();
# **********************************************************
# PHP
# **********************************************************
header( "Content-Type: text/html; Charset=shift_jis" );
header( "pragma: no-cache" );
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
header( "Cache-control: no-cache" );

if ( $_GET['session'] == 'true' ) {
	$_SESSION['save_flg'] = "OK";
	$_SESSION['save'] = $_GET;
}
if ( $_GET['session'] == 'false' ) {
	$_SESSION = array();
	if (isset($_COOKIE[session_name()])) {
		setcookie(session_name(), '', time()-42000, '/');
	}
	// 最終的に、セッションを破壊する
	session_destroy();
}

foreach( $_GET as $Key => $Value ) {
	$_POST[$Key] = $_GET[$Key];
	$_GET[$Key] = str_replace("\\\\", "\\", $Value );
	$_GET[$Key] = str_replace("\\'", "'", $_GET[$Key] );
	$_GET[$Key] = str_replace("\\\"", "\"", $_GET[$Key] );
}
foreach( $_POST as $Key => $Value ) {
	$_POST[$Key] = str_replace("\\\\", "\\", $Value );
	$_POST[$Key] = str_replace("\\'", "'", $_POST[$Key] );
	$_POST[$Key] = str_replace("\\\"", "\"", $_POST[$Key] );
}
ini_set( 'display_errors', "1" );

mb_language( "ja" );
mb_internal_encoding("EUC-JP");

# **********************************************************
# 初期値
# **********************************************************
$img = "http://lightbox.on.coocan.jp/php/font_test.php?cset=utf-8&font=";
if ( $_GET['font'] == "" ) {
	$_GET['font'] = "jiyunotsubasa";
}
else {
	$title_font = $_GET['font'];
}

$img .= $_GET['font'];

if ( $_GET['x'] == '' ) {
	$_GET['x'] = 8;
}
$img .= "&x={$_GET['x']}";

if ( $_GET['w'] == '' ) {
	$_GET['w'] = 900;
}
$img .= "&w={$_GET['w']}";

if ( $_GET['y'] == '' ) {
	$_GET['y'] = 55;
}
$img .= "&y={$_GET['y']}";

if ( $_GET['height'] == '' ) {
	$_GET['height'] = 74;
}
$img .= "&height={$_GET['height']}";
$img .= "&h={$_GET['height']}";

if ( $_GET['backColor'] == '' ) {
	$_GET['backColor'] = "FFFFFF";
}
$img .= "&bc={$_GET['backColor']}";

if ( $_GET['s'] == '' ) {
	$_GET['s'] = "45";
}
$img .= "&s={$_GET['s']}";

if ( $_GET['TitleText'] == '' ) {
	$_GET['TitleText'] = "フリーフォントで簡単ロゴ作成";
}

//if ( substr($_GET['TitleText'], 0, 1 ) == '%' ) {
//	$_GET['TitleText'] = urldecode( $_GET['TitleText'] );
//}
if ( strpos($_GET['TitleText'], '%' ) !== false ) {
	$_GET['TitleText'] = urldecode( $_GET['TitleText'] );
}

$_GET['TitleText'] = str_replace("\\'", "'", $_GET['TitleText'] );
//$_GET['TitleText'] = str_replace("&", "&amp;", $_GET['TitleText'] );
if ( $_GET['ie'] == 'utf8' ) {
	if ( $_GET['cr'] != "" ) {
		$cr_cnt = mb_strlen($_GET['TitleText'],'utf8');
		$cr_n = $_GET['cr'] + 0;
		$cr_work = '';
		for( $cr_idx = 0; $cr_idx < $cr_cnt; $cr_idx++ ) {
			$cr_ch = mb_substr( $_GET['TitleText'], $cr_idx, 1, 'utf8' );
			if ( ($cr_idx+1) % $cr_n == 0 ) {
				$cr_work .= $cr_ch . "\n";
			}
			else {
				$cr_work .= $cr_ch;
			}
		}
		$_GET['TitleText'] = $cr_work;
	}

	$str = $_GET['TitleText'];
	$img .= "&text=" . urlencode($str);
	$_GET['TitleText'] = mb_convert_encoding( $_GET['TitleText'], "cp932", "utf-8" );
}
else {
	if ( $_GET['cr'] != "" ) {
		$cr_cnt = mb_strlen($_GET['TitleText'],'cp932');
		$cr_n = $_GET['cr'] + 0;
		$cr_work = '';
		for( $cr_idx = 0; $cr_idx < $cr_cnt; $cr_idx++ ) {
			$cr_ch = mb_substr( $_GET['TitleText'], $cr_idx, 1, 'cp932' );
			if ( ($cr_idx+1) % $cr_n == 0 ) {
				$cr_work .= $cr_ch . "\n";
			}
			else {
				$cr_work .= $cr_ch;
			}
		}
		$_GET['TitleText'] = $cr_work;
	}

	$str = mb_convert_encoding( $_GET['TitleText'], "utf-8", "cp932" );
	$img .= "&text=" . urlencode($str);
}

if ( $_GET['a'] == '' ) {
	$_GET['a'] = "0";
}
$img .= "&a={$_GET['a']}";

if ( $_GET['backColorImage'] == '' ) {
	$_GET['backColorImage'] = "FFFFFF";
}
$img .= "&backColorImage={$_GET['backColorImage']}";

if ( $_GET['check'] == "" ) {
	if ( $_GET['dropShadow'] == '' ) {
		$_GET['dropShadow'] = "0";
	}
}
$img .= "&dropShadow={$_GET['dropShadow']}";
$img .= "&dropShadow2={$_GET['dropShadow2']}";


if ( $_GET['textColor'] == '' ) {
	$_GET['textColor'] = "000000";
}
$img .= "&tc={$_GET['textColor']}";

if ( $_GET['tp'] == "" ) {
	$_GET['tp'] = "0";
}
$img .= "&tp={$_GET['tp']}";

if ( $_GET['mc'] != "" ) {
	if ( $_GET['mpit'] == "" ) {
		$_GET['mpit'] = "2";
	}
	$img .= "&mc={$_GET['mc']}";
	$img .= "&mpit={$_GET['mpit']}";
}

if ( $_GET['url1x'] == "" ) {
	$_GET['url1x'] = "0";
}
if ( $_GET['url1y'] == "" ) {
	$_GET['url1y'] = "0";
}
if ( $_GET['url1t'] == "" ) {
	$_GET['url1t'] = "100";
}

if ( $_GET['cirx'] == "" ) {
	$_GET['cirx'] = "100";
}
if ( $_GET['ciry'] == "" ) {
	$_GET['ciry'] = "100";
}
if ( $_GET['cirr'] == "" ) {
	$_GET['cirr'] = "100";
}
if ( $_GET['cirs'] == "" ) {
	$_GET['cirs'] = "20";
}
if ( $_GET['cira'] == "" ) {
	$_GET['cira'] = "0";
}
if ( $_GET['cird'] == "" ) {
	$_GET['cird'] = "0";
}

if ( $_GET['cir'] == '1' ) {
	$img .= "&cir={$_GET['cir']}";
	$img .= "&cirx={$_GET['cirx']}";
	$img .= "&ciry={$_GET['ciry']}";
	$img .= "&cirr={$_GET['cirr']}";
	$img .= "&cirs={$_GET['cirs']}";
	$img .= "&cira={$_GET['cira']}";
	$img .= "&cird={$_GET['cird']}";
}


$img .= "&ss={$_GET['session']}";

//print <PRE>;
//print_r("$_GET");
//print </PRE>;

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta name="description" content="フリーフォントを使ったロゴ作成やいろいろな素材の作成が可能なツール。フリーフォントを使ったキーボード画像の作成。フリーフォントを使ったアイコン画像の作成。フリーフォントを使ったはんこ画像の作成。ほとんどのフォントで書いた文章をPDFとしても出力できるWEBサービス。" />
<meta name="keywords" content="フリーフォント,ロゴ,素材作成,PDF出力,キーボード画像,はんこ画像,アイコン画像,ツール,WEBサービス,SQLの窓,lightbox " />

<? require_once("font_table.php") ?>

<? if ( $title_font == '' ) { ?>
<title>フリーフォントで簡単ロゴ作成 | キーボード画像作成 | アイコン・はんこ画像作成</title>
<? 
	$_SESSION['title'] = '';
} else { 
?>
<title> ( フリーフォントで簡単ロゴ作成 )</title>
<? 
	$_SESSION['title'] = "| " . mb_convert_encoding( $font_name[$title_font], "utf-8", "cp932" );
}
?>

<link href="https://plus.google.com/101280392108947207617" rel="author" />

<link rel="stylesheet" href="http://winofsql.jp/styleva.css" type="text/css" >
<link rel="shortcut icon" href="http://lightbox.on.coocan.jp/font.ico" />
<link rel="stylesheet" href="font_image.css" type="text/css" >

<STYLE type="text/css">
table {
	border-spacing: 1px;
}
#main_unit td {
	padding: 3px;
}

body, table {
	 font-size: 14px;
}

.top_1 {
	background: url(http://winofsql.jp/image/top_1.png) repeat-x 0px 0px;
	border: 0px solid red;
	height: 22px;
	margin-bottom:3px;
	color:white;
	padding: 2px 0 2px 5px;
}

.top_1 a {
	color: #ffffff;
	text-decoration:none;
	font-size:12px;
}

.freefonts {
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

.sttl {
	display:-moz-inline-box;
	-moz-box-align: center;
	display: inline-block;
	vertical-align: middle;
	color:#f0f0f0;
	font-size:12px;
	font-weight:bold;
	padding: 0 0 0 20px;
	line-height:22px;
	height: 22px;
	width:350px;

	border-style:solid;
	border-width:1px;
	border-color:#D0D0D0;
	background:url(http://winofsql.jp/image/ttl2.gif) no-repeat;

}


</STYLE>

<link href="plugin.css" rel="stylesheet" type="text/css" />

<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<link type="text/css" href="http://winofsql.jp/jquery/jqcss/black-tie/jquery-ui-1.10.1.custom.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="font_image.js" type="text/javascript"></script>
<script src="jquery.balloon.min.js"></script>

<script src="plugin2.js" type="text/javascript"></script>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
$(function() {
	$( "#resizable" ).resizable({
		stop: function( event, ui ) {
			try{document.getElementById("id_num03").setValue(ui.size.width-2);}catch(e){}document.getElementsByName( "w" )[0].value=(ui.size.width-2);
			try{document.getElementById("id_num05").setValue(ui.size.height-2);}catch(e){}document.getElementsByName( "height" )[0].value=(ui.size.height-2);
		}
	});
});

window.lboxtool={
tohan : function(str) {
	return str.replace(/[！-～]/g, function(s) {
	    return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
	});
}
,
tozen : function(str) {
	return str.replace(/[\!-\~]/g, function(s) {
		return String.fromCharCode(s.charCodeAt(0) + 0xFEE0);
	});
}
}

function tate() {
	var i = 0;
	var j = 0;
	var wk = document.getElementsByName("TitleText")[0].value;
	wk = wk.replace(/  /g, "　");
	wk = lboxtool.tozen(wk);

	var bk = wk.split("\n");

	var len = 0;
	for( i = 0; i < bk.length; i++ ) {
		if ( bk[i].length > len ) {
			len = bk[i].length;
		}
	}

	var sp = "";
	for( i = 0; i < len; i++ ) {
		sp += "　";
	}

	for( i = 0; i < bk.length; i++ ) {
		bk[i] += sp;
		bk[i] = bk[i].substr(0, len);
	}

	console.dir(bk)
	console.log( len );

	var str = ""
	
	for( i = 0; i < len; i++ ) {
		if ( i != 0 ) {
			str += "\n";
		}
		for( j = bk.length-1; j >= 0; j-- ) {
			str += bk[j].substr(i,1);
		}
	}
	str = str.replace(/　/g, "  ");
	document.getElementsByName("TitleText")[0].value = str;
}

function cr_set() {
	var str = document.getElementsByName("TitleText")[0].value;
	str = str.replace(/[\n]/g,"");
	var num = str.length;
	var i,ch,work,cr_cnt;
	var cr_num = parseInt(0+document.getElementById("cr_num").value,10);

	if ( cr_num > 0 ) {
		work = "";
		cr_cnt = 0;
		for( i = 0; i < num; i++ ) {
			ch = str.substr(i,1);
			if ( document.getElementById("cr_1").checked && document.getElementById("cr_char").value != '' ) {
				if ( ch == document.getElementById("cr_char").value ) {
					work += "\n";
					cr_cnt = 0;
				}
			}
			if ( ((cr_cnt+1) % cr_num) == 0 ) {
				work += ch + "\n";
				cr_cnt = 0;
			}
			else {
				work += ch;
				cr_cnt++;
			}
			if ( document.getElementById("cr_2").checked && document.getElementById("cr_char").value != '' ) {
				if ( ch == document.getElementById("cr_char").value ) {
					work += "\n";
					cr_cnt = 0;
				}
			}
		}
		if ( work.substr( 0, 1 ) == "\n" ) {
			work = work.replace(/[\n]/,"");
		}
		document.getElementsByName("TitleText")[0].value = work;
	}
}
function del_spc() {
	var str = document.getElementsByName("TitleText")[0].value;
	str = str.replace(/[\s　]/g,"");
	document.getElementsByName("TitleText")[0].value = str;
}

var col;
var ttlstr;

// *********************************************************
// イメージ変更用 JavaScript
// *********************************************************
function ChangeImage() {

var strValue;

ttlstr = document.getElementsByName("TitleText")[0].value;
ttlstr = ttlstr.substr( 0, 40 );

strValue = encodeURIComponent(document.getElementsByName("TitleText")[0].value);

var strSrc = "http://lightbox.on.coocan.jp/php/font_test.php?cset=utf-8";

strSrc += "&font=" + document.getElementsByName("font")[0].value;
strSrc += "&s=" + document.getElementsByName("s")[0].value;
strSrc += "&a=" + document.getElementsByName("a")[0].value;
strSrc += "&x=" + document.getElementsByName("x")[0].value;
strSrc += "&y=" + document.getElementsByName("y")[0].value;
strSrc += "&w=" + document.getElementsByName("w")[0].value;
strSrc += "&h=" + document.getElementsByName("height")[0].value;
strSrc += "&bc=" + document.getElementsByName("backColor")[0].value;
strSrc += "&bd=" + document.getElementsByName("bd")[0].value;
strSrc += "&tc=" + document.getElementsByName("textColor")[0].value;
strSrc += "&text=" + strValue;
if ( document.getElementsByName("dropShadow")[0].checked ) {
	strSrc += "&dropShadow=1";
}
if ( document.getElementsByName("dropShadow2")[0].checked ) {
	strSrc += "&dropShadow2=1";
}
strSrc += "&backColorImage=" + document.getElementsByName("backColorImage")[0].value;
if ( document.getElementsByName("tp")[0].checked ) {
	strSrc += "&tp=1";
}
else {
	strSrc += "&tp=0";
}

if ( document.getElementsByName("url1")[0].value != "" ) {
	strSrc += "&url1=" + encodeURIComponent(document.getElementsByName("url1")[0].value);
	strSrc += "&url1x=" + document.getElementsByName("url1x")[0].value;
	strSrc += "&url1y=" + document.getElementsByName("url1y")[0].value;
	strSrc += "&url1t=" + document.getElementsByName("url1t")[0].value;
	if ( document.getElementsByName("hai")[0].checked ) {
		strSrc += "&hai=1";
	}
}

if ( document.getElementsByName("cir")[0].checked != "" ) {
	strSrc += "&cir=1";
	strSrc += "&cirx=" + document.getElementsByName("cirx")[0].value;
	strSrc += "&ciry=" + document.getElementsByName("ciry")[0].value;
	strSrc += "&cirr=" + document.getElementsByName("cirr")[0].value;
	strSrc += "&cirs=" + document.getElementsByName("cirs")[0].value;
	strSrc += "&cira=" + document.getElementsByName("cira")[0].value;
	strSrc += "&cird=" + document.getElementsByName("cird")[0].value;
}

if ( document.getElementsByName("mc")[0].value != "" ) {
	strSrc += "&mc=" + document.getElementsByName("mc")[0].value;
	strSrc += "&mpit=" + document.getElementsByName("mpit")[0].value;
}

<? if ( $_GET['session'] == 'false' ) { ?>
//	strSrc += "&ss=false";
<? } ?>

document.getElementById("TitleImage").src = strSrc;
document.getElementById("TitleImage").style.borderStyle = "solid";
document.getElementById("TitleImage").style.borderWidth = "1px";
document.getElementById("TitleImage").style.borderColor = "#c0c0c0";

document.getElementById("imgResult").value = "<IMG src=\"" + 
strSrc + "\"/>"

document.getElementById("download_link").href=strSrc+"&d=y";

//console.log((document.getElementsByName("w")[0].value))
$("#resizable").css("width", (+(document.getElementsByName("w")[0].value)+2)+"px");
}

function ChangeImage2() {

var strValue;

ttlstr = document.getElementsByName("TitleText")[0].value;
ttlstr = ttlstr.substr( 0, 40 );

strValue = encodeURIComponent(document.getElementsByName("TitleText")[0].value);

var strSrc = "http://lightbox.on.coocan.jp/php/font_test.php?cset=utf-8";

strSrc += "&font=" + document.getElementsByName("font")[0].value;
strSrc += "&s=" + document.getElementsByName("s")[0].value;
strSrc += "&a=" + document.getElementsByName("a")[0].value;
if ( document.getElementById("xt").value != '' ) {
	strSrc += "&x=" + document.getElementById("xt").value;
	if ( document.getElementById("font_height").value != '' ) {
		strSrc += "&y=" + (parseInt(document.getElementById("yt").value)+parseInt(document.getElementById("font_height").value));
	}
	else {
		strSrc += "&y=" + document.getElementById("yt").value;
	}
}
else {
	strSrc += "&x=" + document.getElementsByName("x")[0].value;
	strSrc += "&y=" + document.getElementsByName("y")[0].value;
}
strSrc += "&w=" + document.getElementsByName("w")[0].value;
strSrc += "&h=" + document.getElementsByName("height")[0].value;
strSrc += "&bc=" + document.getElementsByName("backColor")[0].value;
strSrc += "&bd=" + document.getElementsByName("bd")[0].value;
strSrc += "&tc=" + document.getElementsByName("textColor")[0].value;
strSrc += "&text=" + strValue;
if ( document.getElementsByName("dropShadow")[0].checked ) {
	strSrc += "&dropShadow=1";
}
if ( document.getElementsByName("dropShadow2")[0].checked ) {
	strSrc += "&dropShadow2=1";
}
strSrc += "&backColorImage=" + document.getElementsByName("backColorImage")[0].value;
if ( document.getElementsByName("tp")[0].checked ) {
	strSrc += "&tp=1";
}
else {
	strSrc += "&tp=0";
}

if ( document.getElementsByName("url1")[0].value != "" ) {
	strSrc += "&url1=" + encodeURIComponent(document.getElementsByName("url1")[0].value);
	strSrc += "&url1x=" + document.getElementsByName("url1x")[0].value;
	strSrc += "&url1y=" + document.getElementsByName("url1y")[0].value;
	strSrc += "&url1t=" + document.getElementsByName("url1t")[0].value;
}

<? if ( $_GET['session'] == 'false' ) { ?>
//	strSrc += "&ss=false";
<? } ?>

document.getElementById("TitleImage").src = strSrc;
document.getElementById("TitleImage").style.borderStyle = "solid";
document.getElementById("TitleImage").style.borderWidth = "1px";
document.getElementById("TitleImage").style.borderColor = "#c0c0c0";

document.getElementById("imgResult").value = "<IMG src=\"" + 
strSrc + "\"/>"

document.getElementById("download_link").href=strSrc+"&d=y";


}

function ChangeW() {

	var num = document.getElementById("xt").value;
	if ( num != "" ) {
		try{document.getElementById("id_num03").setValue(num);}catch(e){}
		document.getElementsByName( "w" )[0].value=num;
		ChangeImage();
	}

}

function ChangeH() {

	var num = document.getElementById("yt").value;
	if ( num != "" ) {
		try{document.getElementById("id_num05").setValue(num);}catch(e){}
		document.getElementsByName( "height" )[0].value=num;
		ChangeImage();
	}

}

function TempApply() {

	if ( document.getElementById("xt").value != '' && document.getElementById("yt").value != '' ) {
		if ( confirm("一時的な位置を適用しますか?") ) {
			document.getElementsByName("x")[0].value = document.getElementById("xt").value;
			if ( document.getElementById("font_height").value != '' ) {
				document.getElementsByName("y")[0].value = (parseInt(document.getElementById("yt").value)+parseInt(document.getElementById("font_height").value))
			}
			else {
				document.getElementsByName("y")[0].value = document.getElementById("yt").value;
			}

			try {
				document.getElementById("id_num02").setValue(parseInt(document.getElementById("xt").value));
				if ( document.getElementById("font_height").value != '' ) {
					document.getElementById("id_num04").setValue(parseInt(document.getElementById("yt").value)+parseInt(document.getElementById("font_height").value));
				}
				else {
					document.getElementById("id_num04").setValue(parseInt(document.getElementById("yt").value));
				}
			}
			catch(e){}

			ChangeImage();
		}
	}

}

</script>

<script type="text/javascript">

function PdfCheck() {

	var chrck_flg = false;

	if ( document.getElementsByName("font")[0].value == "yutapon_coding_071" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "GL-Grimoire-MajKey" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "TRIBALZB" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "Maskenball04" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "DBL-Faces-from-the-past" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "jojomix_" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "SilvestreInitialsSquares" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "SilvestreInitials" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "Zodiac" ) {
		chrck_flg = true;
	}
	if ( document.getElementsByName("font")[0].value == "sp-setofont" ) {
		chrck_flg = true;
	}


	if ( chrck_flg ) {
		alert( document.getElementsByName("font")[0].value + " は使用できません" );
		return false;
	}

	var str = document.getElementsByName("TitleText")[0].value;
	if ( str.length > 3000 ) {
		alert( "文字数が3000文字を超えました" );
		return false;
	}

	document.getElementsByName("text")[0].value = document.getElementsByName("TitleText")[0].value;
	document.getElementsByName("pdffont")[0].value = document.getElementsByName("font")[0].value;
	document.getElementsByName("fontsize")[0].value = document.getElementsByName("s")[0].value;
	document.getElementsByName("color")[0].value = document.getElementsByName("textColor")[0].value;

	if ( document.getElementById("msfont").value != "" ) {
		document.getElementsByName("pdffont")[0].value = document.getElementById("msfont").value;
	}
	document.getElementById("msfont").value = "";

	return true;
}

function jumpPtl() {

//	var urlstr = window.location+"";
//	urlstr = urlstr.replace(/%/g,'%2525');
//	urlstr = urlstr.replace(/&/g,'%26');
	var src = document.getElementById("ggurl").src;
	if ( src + '' == '' ) {
		document.getElementById("ggurl").src = 'ggurl.php';
		document.getElementById("ggurl").onload = function() {
			document.getElementById("ggurl").contentWindow.document.getElementById("url").value = window.location + "";
			document.getElementById("ggurl").style.display = "";
		}
	}
	else {
		document.getElementById("ggurl").contentWindow.document.getElementById("url").value = window.location + "";
		document.getElementById("ggurl").style.display = "";
	}

}

function saveSession() {
	document.getElementById("session").value = "true";
	document.getElementById("mdata").submit();
}
function endSession() {
	document.getElementById("session").value = "false";
	document.getElementById("mdata").submit();
}

function makebookm() {

	$("#bookm").show();

	var doc = document.getElementById("bookm").contentWindow.document;

	var str = "";

str+="<input type=\"image\" src=\"image/close.gif\" style=\"position:absolute;left:485px;top:3px;\" onclick=\"parent.document.getElementById(&quot;bookm&quot;).style.display=&quot;none&quot;\"> ";

	doc.write(str);

	var font_name = document.getElementsByName("font")[0].value;
	var selectedIndex = document.getElementsByName("font")[0].selectedIndex;
	var options = document.getElementsByName("font")[0].getElementsByTagName("option");
	var font_jname = options[selectedIndex].firstChild.nodeValue;
	var font_s = document.getElementsByName("s")[0].value;
	var font_x = document.getElementsByName("x")[0].value;
	var font_y = document.getElementsByName("y")[0].value;
	var font_w = document.getElementsByName("w")[0].value;
	var font_h = document.getElementsByName("height")[0].value;
	var font_bc = document.getElementsByName("backColor")[0].value;
	var font_c = document.getElementsByName("textColor")[0].value;
	var font_a = document.getElementsByName("a")[0].value;
	var font_bci = document.getElementsByName("backColorImage")[0].value;
	var font_cr = document.getElementById("cr_num").value;

str="";
str+="<a href=\"javascript:var%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:(enc(s))),f='http://lightbox.on.coocan.jp/html/fontImage_test.php',l=d.location,p='?ie=utf8&cr=&session=&s="+font_s+"&x="+font_x+"&w="+font_w+"&y="+font_y+"&height="+font_h+"&font="+font_name+"&backColor="+font_bc+"&textColor="+font_c+"&a="+font_a+"&backColorImage="+font_bci+"&check=1&TitleText='+s2,u=f+p;try{if(!/^(.*\.)?tumblrzzz[^.]*$/.test(l.host))throw(0);tstbklt();}catch(z){a%20=function(){if(!w.open(u))l.href=u;};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();}void(0)\" \n";
str+="	onclick=' \n";
str+="		if (window.navigator.appName.toLowerCase().indexOf(\"microsoft\") > -1) { \n";
str+="			event.returnValue = false; \n";
str+="			event.preventDefault(); \n";
str+="		} \n";
str+="		else { \n";
str+="			event.preventDefault(); \n";
str+="		} \n";
str+="		alert(\"ブックマークバーまたは、お気に入りバーにドラッグドロップが簡単です\"); \n";
str+="	' \n";
str+=">選択文字列を"+font_jname+"で</a> ";

	doc.write(str)

	doc.close();

}

  var flashplayer_ver = 0;
  if(navigator.plugins && navigator.mimeTypes['application/x-shockwave-flash']){
    var plugin = navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin;
    if(plugin){
      flashplayer_ver = parseInt(plugin.description.match(/\d+\.\d+/));
    }
  } else {
    try{
      var flashOCX = new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version").match(/([0-9]+)/);
      if(flashOCX){
        flashplayer_ver = parseInt(flashOCX[0]);
      }
    }catch(e){}
  }
  if(flashplayer_ver <= 6){
    flashplayer_ver = 0;
  }

/*
if ( window.navigator.userAgent.toLowerCase().indexOf("chrome") > -1) {
$(function() {
	$('#combomes').balloon(
		{
			position: "right",
			tipSize: 20,
			css: {
				opacity: "1",
				color: "#000",
				fontSize: "16px",
				borderRadius: "10px",
				border: "solid 2px #A63814",
				padding: "10px"
			},
			contents: 'Google Chrome で、スクロールバーがドラッグできない時は<br>'+
				'マウスホイールでスクロールが可能です(Chrome 32の問題です)<br>'+
				'( キーボードでもスクロールできます )<br>'+
				'Window7の場合、個人設定でWindowsクラシックに変更してみて下さい<br>'
		}
	);
});
}
*/

</script>

</head>

<body  style='margin:0 0 0 0px'>
<script type="text/javascript">
window.google_analytics_uacct = "UA-16184883-8";
</script>
<div style='position:relative' class="top_1"><span style='float:right'><a href="freefont_img.php">書体見本ページ</a>&nbsp;&nbsp;<a href="fontImage_tate.php">縦書きページ</a>&nbsp;&nbsp;<a href="fontImage_yoko.php">横書きページ</a>&nbsp;&nbsp;<a href="fontImage_kk.php">カナ・かなページ</a> <a style='color:yellow;' href="http://lightbox.on.coocan.jp/html/font_link_desc.php" target="_blank">【フリーフォントのライセンス情報】</a>&nbsp;&nbsp;<A style='color:white;margin-right:10px;' href="http://ppp.atbbs.jp/lightbox/mode/adminmail" target="_blank">連絡先</A> </span><span style='font-weight:bold;color:rgb(185, 185, 169)'><img src="ns.png" style='vertical-align: -3px;'> は、中でshiftキーで四捨五入。押したままで増分が10</span>
</div>

<div style='padding:0 0 0 5px'>
<table><tr><td valign=top>
<div id="plugID" style='width:300px;'>ここに色を表示させて背景かテキストボタンをクリック</div>
</td><td  valign=top style='padding: 0 10px 0 10px;'>
<FORM
	target="_blank" action="http://webapp.winofsql.jp/phplib/tcpdf_text.php"
	onSubmit='return PdfCheck()'
	style='display:inline;'
	method="POST"
>
<INPUT type=submit value="フリーフォントでPDF出力 ▼MSフォントも可" style='width:250px;'><br>
( <a href="http://webcraft.seesaa.net/article/155327454.html" target="_blank">色・サイズを指定可</a> )
<TEXTAREA style='display:none' name="text"></TEXTAREA>
<INPUT type="hidden" name="pdffont">
<INPUT type="hidden" name="fontsize" value="30">
<INPUT type="hidden" name="color" value="000000">
</FORM>
<select id="msfont" style='font-size:10px;'>
<option value=""></option>
<option value="msgothic">ＭＳ ゴシック</option>
<option value="msgothicp">ＭＳ Ｐゴシック</option>
<option value="msgothicui">ＭＳ UIゴシック</option>
<option value="msmincho">ＭＳ 明朝</option>
<option value="msminchop">ＭＳ Ｐ明朝</option>
</select>

</td>

<td style='padding: 0 7px 0 7px;'>
<div style='font-size:12px;font-weight:bold;color:#FFFFFF;background-color:#303030;margin-bottom:6px;border-radius:6px;padding:1px 4px 1px 4px;'>≪≪ 通常出力をPDFとして出力できます</div>
<input type="button" value="セッション保存" onclick='saveSession();'>
<input type="button" value="セッションリセット" onclick='endSession();'>
</td>

</tr>
</table>

<!-- ************************************************** -->
<!-- color select -->
<!-- ************************************************** -->
<div style='position:absolute;top:340px;left:620px;'>
<input type=image src="sample_shortcut.gif" onclick='jumpFsl();' style='margin-bottom:7px;'><br>
<input type="button" value="現在のURLの短縮" onclick='jumpPtl();'>からツイートできます
</div>


<div id="plugin" onmousedown="HSVslide('drag','plugin',event)" style="top: 90px; left: 617px; z-index: 20;">
 <div id="plugHEX" onmousedown="stop=0; setTimeout('stop=1',100);" style='display:none;'>F1FFCC</div><div style='float:left'><input maxlength="6" onclick='this.select();updateH(this.value);col=this.value;' id="getcolor" type='input'></div><div id="plugCLOSE" onClick='alert(document.getElementById("plugin").style.left+","+document.getElementById("plugin").style.top)'>(x,y)</div><br>
 <div id="SV" onmousedown="HSVslide('SVslide','plugin',event)" title="Saturation + Value">
  <div id="SVslide" style="TOP: -4px; LEFT: -4px;"><br /></div>
 </div>
 <form id="H" onmousedown="HSVslide('Hslide','plugin',event)" title="Hue">
  <div id="Hslide" style="TOP: -7px; LEFT: -8px;"><br /></div>
  <div id="Hmodel"></div>
 </form>
<input style='width:40px;' type="button" value="背景" onClick='document.getElementsByName("backColor")[0].value = col;document.getElementById("backcolorTest").style.backgroundColor="#"+col;'>
&nbsp;<input style='width:55px;' type="button" value="テキスト" onClick='document.getElementsByName("textColor")[0].value = col;document.getElementById("colorTest").style.backgroundColor="#"+col;'>
&nbsp;<input style='width:55px;' type="button" value="画像枠" onClick='document.getElementsByName("backColorImage")[0].value = col;'>
&nbsp;<input style='width:40px;' type="button" value="字枠" onClick='document.getElementsByName("mc")[0].value = col;'>

</div>

<script type="text/javascript">

function mkColor(v) { $cpickerS('plugID').background='#'+v; col = v; }

loadSV(); updateH('F1FFCC');
col = 'F1FFCC';
$cpicker('getcolor').value = 'F1FFCC';

</script>

<!-- ************************************************** -->
<!-- input area -->
<!-- ************************************************** -->
<form id="mdata" style='display:inline'>
<input type="hidden" id="session" name="session">

<table border=0 id="main_unit">
<tr>
<td>サイズ</td><td colspan=3>
<table><tr><td>
<div id="flash1"><img src="70x24.png"></div>
<script type="text/javascript">
function NumericStepper01(value) {
	document.getElementsByName( "s" )[0].value = value;
}
var flashvars = {
	jsid:"01",
	value:"",
	minimum:1,
	maximum:1000,
	stepSize:1,
	width:60
};
var params = {
  allowScriptAccess:"always"
 ,bgcolor:"#ffffff"
}; 
var attributes = {
  id: "id_num01",
  name: "id_num01"
};
swfobject.embedSWF(
	"stepper.swf",
	"flash1", 
	"70",
	"24",
	"9.0.0",
	"",
	flashvars,
	params,
	attributes
);
</script>
<INPUT style='display:none' type=text name=s value="" size=8>
</td>
<td>
	<INPUT id="change" type=button value="変更" onClick='ChangeImage();' style='background-color:royalblue;color:white;font-weight:bold'>
</td><td>
	<INPUT type=submit value="パラメータ保存送信">
</td><td>
	<INPUT type=button value="現在のURLで短縮" onclick='jumpPtl();' style='width:120px;'>
</td><td>
	<INPUT type=button value="リセット" onClick='top.location.replace("fontImage_test.php");'>
</td></tr></table>

</td>
</tr>
<tr>
	<td>x 座標</td>
<td>
<div id="flash2"><img src="70x24.png"></div>

<script type="text/javascript">
if ( flashplayer_ver == 0 ) {
	document.getElementsByName("s")[0].style.display = '';
	document.getElementById("flash1").style.display = 'none';
}
function NumericStepper02(value) {
	document.getElementsByName( "x" )[0].value = value;
}
var flashvars = {
	jsid:"02",
	value:"",
	minimum:-20,
	maximum:1000,
	stepSize:1,
	width:60
};
var params = {
  allowScriptAccess:"always"
 ,bgcolor:"#ffffff"
}; 
var attributes = {
  id: "id_num02",
  name: "id_num02"
};
swfobject.embedSWF(
	"stepper.swf",
	"flash2", 
	"70",
	"24",
	"9.0.0",
	"",
	flashvars,
	params,
	attributes
);
</script>
<INPUT type=text name=x value="" style='display:none' size=8>
</td>
	<td>幅</td>
<td>
<table><tr><td>
<div id="flash3"><img src="70x24.png"></div>

<script type="text/javascript">
if ( flashplayer_ver == 0 ) {
	document.getElementsByName("x")[0].style.display = '';
	document.getElementById("flash2").style.display = 'none';
}

function NumericStepper03(value) {
	document.getElementsByName( "w" )[0].value = value;
}
var flashvars = {
	jsid:"03",
	value:"",
	minimum:1,
	maximum:1200,
	stepSize:1,
	width:60
};
var params = {
  allowScriptAccess:"always"
 ,bgcolor:"#ffffff"
}; 
var attributes = {
  id: "id_num03",
  name: "id_num03"
};
swfobject.embedSWF(
	"stepper.swf",
	"flash3", 
	"70",
	"24",
	"9.0.0",
	"",
	flashvars,
	params,
	attributes
);
</script>
<INPUT type=text name=w value="" style='display:none' size="8">
</td><td>
<input type="button" value="200" onclick='try{document.getElementById("id_num03").setValue(200);}catch(e){}document.getElementsByName( "w" )[0].value="200";' />
<input type="button" value="400" onclick='try{document.getElementById("id_num03").setValue(400);}catch(e){}document.getElementsByName( "w" )[0].value="400";' />
<input type="button" value="600" onclick='try{document.getElementById("id_num03").setValue(600);}catch(e){}document.getElementsByName( "w" )[0].value="600";' />
<input type="button" value="800" onclick='try{document.getElementById("id_num03").setValue(800);}catch(e){}document.getElementsByName( "w" )[0].value="800";' />
<input type="button" value="ﾌﾞｯｸﾏｰｸﾚｯﾄ作成" onclick='makebookm();' />
</td></tr></table>
</td>
</tr>
<tr>
	<td>y 座標</td>
<td>
<div id="flash4"><img src="70x24.png"></div>

<script type="text/javascript">
if ( flashplayer_ver == 0 ) {
	document.getElementsByName("w")[0].style.display = '';
	document.getElementById("flash3").style.display = 'none';
}

function NumericStepper04(value) {
	document.getElementsByName( "y" )[0].value = value;
}
var flashvars = {
	jsid:"04",
	value:"",
	minimum:1,
	maximum:1000,
	stepSize:1,
	width:60
};
var params = {
  allowScriptAccess:"always"
 ,bgcolor:"#ffffff"
}; 
var attributes = {
  id: "id_num04",
  name: "id_num04"
};
swfobject.embedSWF(
	"stepper.swf",
	"flash4", 
	"70",
	"24",
	"9.0.0",
	"",
	flashvars,
	params,
	attributes
);
</script><INPUT type=text name=y value="" style='display:none' size="8">
</td>

	<td>高さ</td>
<td>
<table><tr><td>
<div id="flash5"></div>

<script type="text/javascript">
if ( flashplayer_ver == 0 ) {
	document.getElementsByName("y")[0].style.display = '';
	document.getElementById("flash4").style.display = 'none';
}

function NumericStepper05(value) {
	document.getElementsByName( "height" )[0].value = value;
}
var flashvars = {
	jsid:"05",
	value:"",
	minimum:1,
	maximum:1200,
	stepSize:1,
	width:60
};
var params = {
  allowScriptAccess:"always"
 ,bgcolor:"#ffffff"
}; 
var attributes = {
  id: "id_num05",
  name: "id_num05"
};
swfobject.embedSWF(
	"stepper.swf",
	"flash5", 
	"70",
	"24",
	"9.0.0",
	"",
	flashvars,
	params,
	attributes
);
</script>
<INPUT type=text name=height value="" style='display:none' size="8">
<script type="text/javascript">
if ( flashplayer_ver == 0 ) {
	document.getElementsByName("height")[0].style.display = '';
	document.getElementById("flash5").style.display = 'none';
}
</script>
</td><td>
<input type="button" value="200" onclick='try{document.getElementById("id_num05").setValue(200);}catch(e){}document.getElementsByName( "height" )[0].value="200";' />
<input type="button" value="400" onclick='try{document.getElementById("id_num05").setValue(400);}catch(e){}document.getElementsByName( "height" )[0].value="400";' />
<input type="button" value="600" onclick='try{document.getElementById("id_num05").setValue(600);}catch(e){}document.getElementsByName( "height" )[0].value="600";' />
<input type="button" value="800" onclick='try{document.getElementById("id_num05").setValue(800);}catch(e){}document.getElementsByName( "height" )[0].value="800";' />
 <span style='font-size:11px;' id="sp_char"></span>
</td></tr></table>
</td>
</tr>
</table>
<table>
   <tr>
      <td>
         フォント名 
      </td>
      <td colspan=3>
<? $ffn = 'font' ?>
<? require_once("font_image_options.php") ?>
	&nbsp;
	<span style='font-size:11px;color:blue;font-weight:bold'>Drop Shadow 効果</span>
	<INPUT type=checkbox name="dropShadow" value="1" ><br>
      </td>
   </tr>
   <tr>
      <td style='width:150px;'>
         <DIV id="backcolorTest" style='display:inline;border: solid 1px #000;width:70px;height:17px;float:right'></DIV>背景色
      </td>
      <td>
         <INPUT type=text name=backColor value="" size="6" />

         <span style='color:#00f;'>透過PNGを作成する</span> <input type="checkbox" name="tp" value="1" > (ドロップシャドウは無効)

      </td>
   </tr>
   <tr>
      <td>
         <DIV id="colorTest" style='display:inline;border: solid 1px #000;width:70px;height:17px;float:right'></DIV>テキスト色
      </td>
      <td>
         <INPUT type=text name=textColor value="" size="6" />
         <input type="button" value="日付選択" onclick='selectDate();' />
         <input type="button" value="半角に" onclick='document.getElementsByName("TitleText")[0].value=lboxtool.tohan(document.getElementsByName("TitleText")[0].value)' />
         <input type="button" value="全角に"onclick='document.getElementsByName("TitleText")[0].value=lboxtool.tozen(document.getElementsByName("TitleText")[0].value)' />
         (カタカナは変換しません)
      </td>
   </tr>
   <tr>
      <td style='vertical-align:top;'>
         表示するテキスト<br />
         <div style='margin-top:4px;'>
         <input type="button" value="スペース文字除去" onclick='del_spc();' style='font-size:9px;'/><br />
         <input type="text" id="cr_num" style='width:20px;font-size:9px;' value="20"/> <span style='font-size:9px;'>文字目で</span> <input type="button" value="改行" onclick='cr_set();' style='font-size:9px;'/><br />
         <input type="checkbox" id="cr_1"/> <input type="text" id="cr_char" style='width:20px;font-size:9px;'/> <input type="checkbox" id="cr_2"/><span style='font-size:9px;'>この文字の前後</span><br />
         </div>
      </td>
      <td colspan=3>
	<textarea id="TitleText" name="TitleText" style='width:400px;height:100px;' rows=6></textarea>
      </td>
   </tr>
   <tr>
      <td>
         角度&nbsp;&nbsp;
         <INPUT type=text name=a value="" style='width:40px;'>(ﾏｲﾅｽ可)
      </td>
      <td>
	<INPUT type=button value="縦" onClick='tate();' />
	<INPUT type=text id=xt style='width:28px;'>
	<INPUT type=text id=yt style='width:28px;'>
	<INPUT id="change" type=button value="一時" onClick='ChangeImage2();' style='background-color:royalblue;color:white;font-weight:bold'>
	<INPUT id="change" type=button value="適用" onClick='TempApply();' style='background-color:royalblue;color:white;font-weight:bold'>
	<INPUT id="changew" type=button value="幅変" onClick='ChangeW();' style='background-color:pink;color:black;font-weight:bold'>
	<INPUT id="changew" type=button value="高変" onClick='ChangeH();' style='background-color:pink;color:black;font-weight:bold'>
	y補正<INPUT type=text id=font_height value="" style='width:28px;'>
      </td>
   </tr>
   <tr>
      <td>
         画像枠
&nbsp;&nbsp;<select name="bd">
<option value="0">枠線なし</option>
<option value="1">幅1</option>
<option value="2">幅2</option>
<option value="3">幅3</option>
<option value="4">幅4</option>
<option value="5">幅5</option>
<option value="6">幅6</option>
<option value="7">幅7</option>
<option value="8">幅8</option>
<option value="9">幅9</option>
<option value="10">幅10</option>
</select>

      </td>
      <td>
	<span style='font-size:11px;color:blue;font-weight:bold'>Drop Shadow 効果</span>
	<INPUT type=checkbox name="dropShadow2" value="1" >
         &nbsp; 背景色
         <INPUT type=text name=backColorImage value="" size=8>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="download_link" href="&d=y" ><img src="font_download.gif" style='border:1px solid #333333;vertical-align: bottom;' /></a>
      </td>
   </tr>
</table>

<div id="resizable" style='overflow:hidden;border:solid 1px #EDC1AD;margin-top:10px;margin-bottom:5px;width:2px;'><img id="TitleImage" border="0" src="" onclick='setlocimg(event);'></div>
<script type="text/javascript">
function setlocimg(ev) {
	var userAgent = window.navigator.userAgent.toLowerCase();

	if (userAgent.indexOf("msie") > -1) {
		document.getElementById("xt").value = ev.offsetX - 2;
		document.getElementById("yt").value = ev.offsetY + parseInt(document.getElementsByTagName("html")[0].scrollTop);
	}
	else {
		document.getElementById("xt").value = ev.clientX - document.getElementById("resizable").offsetLeft - 5;
		document.getElementById("yt").value = ev.clientY - document.getElementById("resizable").offsetTop - 15 + document.getElementsByTagName("body")[0].scrollTop;
	}
}
</script>


<div style='margin:0 0 0 10px;'>
<div style='border:solid 1px #c0c0c0;margin: 40px 0 15px 0;width:600px;padding:8px;'>
<script type="text/javascript"><!--
google_ad_client = "pub-9470709952717511";
/* 468x15, さくらsbloトップ 09/05/15 */
google_ad_slot = "5647117244";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<pre class="this2" style='width:850px;font-size:12px;margin-bottom:10px!important;'>
★ <b style='color:#00f'>セッション保存すると、その内容が次回より合成されます(２種類のフォントを一度に利用できます)</b>
★ <b style='color:#00f'>セッション保存で Drop Shadow は保存できませんが、サイズ・色・位置は保存されます</b>
</pre>

<br />
<div>
<script type="text/javascript"><!--
google_ad_client = "pub-9470709952717511";
/* 728x90, フリーフォント作成済み 10/10/03 */
google_ad_slot = "1030275851";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<br />

<div style='margin: 10px 0 10px 20px;'>
<b class=ttl style='border-radius:4px;margin-bottom:4px;'>画像合成</b> 画像を背面で表示する(文字が手前になります) <INPUT type="checkbox" value="1" name="hai" ><br>
　x <input type="text" name="url1x" style='width:25px;' value="">
　y <input type="text" name="url1y" style='width:25px;' value="">
　t(不透明度) <input type="text" name="url1t" style='width:30px;' value="">( 透過PNGは透過しません / 指定できるサイズは<b>20Kバイト</b>まで ) <input type=button value="変更" onClick='ChangeImage();' style='background-color:royalblue;color:white;font-weight:bold' />
<input id="jump_icon" type=button onclick='jumpIcon();' value="サンプル" />
<br />
　合成用 画像の URL(<b style='color:red'>https 不可</b>) <input type="text" name="url1" style='width:600px;' value="">
<br>
　※ <a href="http://goo.gl/TjAosi">実行サンプル(ページ表示後、変更ボタンをクリックして下さい)</a><br>
　● 画像合成には時間がかかるかもしれません(実行後しばらく様子を見て下さい)<br />

<br>
<b class=ttl style='border-radius:4px;margin-bottom:4px;'>サークルテキスト</b> 一行目をサークルテキストにする <INPUT type="checkbox" value="1" name="cir" ><br>
　x <input type="text" name="cirx" style='width:25px;' value="">
　y <input type="text" name="ciry" style='width:25px;' value="">
　半径 <input type="text" name="cirr" style='width:30px;' value="">
　サイズ <input type="text" name="cirs" style='width:30px;' value="">
　文字ピッチ <input type="text" name="cira" style='width:30px;' value="">
　回転調整 <input type="text" name="cird" style='width:30px;' value="">
<br><br>
<b class=ttl style='border-radius:4px;margin-bottom:4px;'>文字枠作成</b><br>
　枠の色 <input type="text" name="mc" style='width:60px;' value="">
　枠の長さ <input type="text" name="mpit" style='width:25px;' value="">
<br><br>
</div>

<div style='margin: 0px 0 0px 0px;'>
<pre class="this2" style='width:850px;font-size:12px;margin-bottom:20px!important;'>
&#10102; <b>フリーフォントを使った png 画像を取得します。(ダウンロードは、『▼ ダンロード ▼』をクリックして下さい)</b>
　<b style='color:#f00'>【重要】</b>右クリックから名前を付けて保存、またはコピーしてから<b style='color:f00'>ソフトウェア上で貼り付ける</b>事も可能です
　<b style='color:#f00'>【重要】</b>但し、IEやChromeでコピーして、Office 製品に貼り付ける場合<b style='color:f00'>「形式を選択して貼り付け」から「ビットマップ」</b>で実行します
　<b style='color:#f00;'>【重要】</b>透過 PNG は直接張り付けできません。一旦保存してから Office 製品の「挿入」=>「図」で読み込んで下さい
<div style='margin-top:6px;'>&#10103; <b>フリーフォントを使った pdf を取得します。(『フリーフォントでPDF出力』ボタン )</b>
　※フォント選択の背景が灰色のフォントは pdf に出力できません</div>
<div style='margin-top:-10px;'>&#10145; 変更ボタンでは、比較的速く状態を変更しますが、パラメータが保存されません
　※『<b>パラメータ保存送信</b>』はページを書き換えて、URL 部分に設定を保存します</div></pre>


<TEXTAREA id=imgResult cols=90 rows=10 style='display:none'></TEXTAREA>

</div>
<b style='color:#ff0000'>PDFによるMSフォント出力はフォントを埋め込みません</b><br>
<b style='color:#ff0000'>PDFによるフリーフォント出力はフォントを埋め込みます</b><br>
<br>

<div style='border:solid 1px #c0c0c0;margin: 0 0 15px 0;width:600px;padding:8px;'>
<script type="text/javascript"><!--
google_ad_client = "pub-9470709952717511";
/* 468x15, さくらsbloトップ 09/05/15 */
google_ad_slot = "5647117244";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>


<b class=sttl >注意事項</b>
<pre class="this2" style='width:850px;font-size:12px;margin-bottom:20px!important;'>
● <b style='color:#f00'>&#文字コード; でも表示可能なので、特殊文字はこの書式を使います</b> : 例 &amp;#33; => !
● 変更ボタンで表示される枠線は、位置確認の為 HTML で表示しています
● 画像に枠線を付加したい場合は「画像枠」コンボボックスを使用します(このパラメータは保存されません)
● パラメータ保存送信ボタンでは、状態とパラメータが保存されます
● 画像が確定した場合は必ずパラメータ保存送信ボタンでパラメータを保存し、<SPAN style='color:red'>「お気に入り」に保存する</SPAN> 事によって容易に再現可能です

● 白舟では、アルファベットは全角を使用して下さい
</pre>

<? require_once("klink.php") ?>

</div>

<div style='width:800px'>
<? require_once('font_link_desc.php') ?>
</div>

<style>
#right_top_link a {
	text-decoration:none;
	box-shadow: none;
	font-size: 13px;
}
#right_side a {
	text-decoration:none;
	font-size: 13px;
}
</style>
<div id="right_side" style='position:absolute;top:30px;left:920px;'>
<div id="right_top_link">
<span style='color:red'>★</span> <a href="http://lightbox.on.coocan.jp/html/fontImage_in.php"><b>アイコン・はんこ画像作成</b></a> /
<a href="http://lightbox.on.coocan.jp/html/fontImage_kb.php"><b>キーボード画像作成</b></a><br />
<span style='color:red'>★</span> <a href="http://lightbox.matrix.jp/ginpro/patio.cgi?mode=view&no=434" target="_blank"><b>UTF-8文字Tool</b></a> / <a href="http://winofsql.jp/VA003334/vl.php?mid=work&id=120327084500&pid=1" target="_blank"><b>教育漢字</b></a> / <a href="http://lightbox.on.coocan.jp/html/freefont_img.php" target="_blank"><b>書体見本とサイトリンク</b></a>
<br>
<span style='color:red'>★</span> <a href="http://lightbox.on.coocan.jp/html/fontImage_yoko.php" target="_blank"><b>横書き</b>(混合微調整)</a> /
<a href="http://lightbox.on.coocan.jp/html/fontImage_tate.php" target="_blank"><b>縦書き</b>(混合微調整)</a> /
<a href="http://lightbox.on.coocan.jp/html/fontImage_kk.php" target="_blank"><b>かな・カナ</b></a>
<br>
<span style='color:red'>★</span> <a href="http://tegaki.winofsql.jp/list_link.php" target="_blank"><b>パーソナルリンク</b></a> /
<a href="http://winofsql.jp/typeface/typeface_3dtext.php" target="_blank"><b>3Dフォント画像</b></a> / <a href="http://winofsql.jp/VA003334/vl.php?mid=typeface&pid=1&id=120722223123" target="_blank"><b>埋込みフォント</b></a>


</div>

<div style='margin-left:10px;margin-bottom:10px;margin-top:15px;'>

<script type="text/javascript"><!--
google_ad_client = "pub-9470709952717511";
/* 300x250, フリーフォント作成済み 10/04/15 */
google_ad_slot = "3583739047";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<br><br>

<script type="text/javascript"><!--
google_ad_client = "pub-9470709952717511";
/* 300x250, フリーフォント作成済み 10/04/15 */
google_ad_slot = "3583739047";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<br>

</div>

<? require_once("his1.php") ?>

</div>


<br><br>
<script charset="euc-jp" type="text/javascript" src="http://winofsql.jp/sh/index_bottom.js"></script>

<INPUT type="hidden" name=check value="1">

</form>
</div>

<iframe
	id="ggurl"
	frameborder="0"
	scrolling="no"
	width="550"
	height="400"
	style='display:none;position:absolute;left:40px;top:200px;background-color:#fff;border:solid 2px #222222;border-radius:10px;'
></iframe>

<iframe
	class="iframe_win"
	id="font_sample_link"
	frameborder="0"
	scrolling="no"
	width="580"
	height="485"
	style='left:10px;top:110px;'
></iframe>

<iframe
	class="iframe_win"
	id="icon_sample"
	frameborder="0"
	scrolling="no"
	width="580"
	height="485"
	style='position:absolute;left:100px;top:315px;display:none;'
></iframe>

<iframe
	class="iframe_win"
	id="bookm"
	frameborder="0"
	scrolling="no"
	width="580"
	height="50"
	style='left:10px;top:110px;'
></iframe>

<iframe
	class="iframe_win"
	id="select_date"
	scrolling="no"
	width="580"
	height="485"
	style='left:10px;top:100px;'
></iframe>
</body>
</html>