﻿<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="サンプルと解説，ソースで見て分かる。すぐに使えるAjaxサンプル集" /> 
<meta name="Keywords" content="Ajax,innerHTML,エフェクト,データベース,GoogleMap,prototype.js,scriptaculous.js" />
<title>Ajaxを語らず</title>
<link rel="stylesheet" href="ajax.css" type="text/css" />
<script src="prototype.js" type="text/javascript"></script>
<script src="moojs/prototype.lite.js" type="text/javascript"></script>
<script src="moojs/moo.fx.js" type="text/javascript"></script>
<script src="moojs/moo.fx.pack.js" type="text/javascript"></script>
<script language='JavaScript' src='source.js'></script>
<script src="../scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function(){
	var aHead = document.getElementsByClassName("a_head");
	var aBody = document.getElementsByClassName("a_body");
	var myAccordion = new fx.Accordion(aHead, aBody, {opacity:true});
	myAccordion.showThisHideOpen();
}
</script>
<script type="text/javascript">
function tryAjax(uri){
    target = {success:"out110"};
    options = {method:"get", onFailure:ajaxErr};
    new Ajax.Updater(target, uri, options);
}
function ajaxErr(req){
    $("out110").innerHTML = 
"<p style='color:#ff0000'>ごめんなさい。ファイルが見つかりません。</p>"//データ存在しない時
}
</script>

<SCRIPT>
function Mouseover1()
{
	link_001.style.filter="alpha(opacity=50)"
}
function Mouseout1()
{
	link_001.style.filter="alpha(opacity=100)"
}
function Mouseover2()
{
	link_002.style.filter="alpha(opacity=50)"
}
function Mouseout2()
{
	link_002.style.filter="alpha(opacity=100)"
}
function Mouseover3()
{
	link_003.style.filter="alpha(opacity=50)"
}
function Mouseout3()
{
	link_003.style.filter="alpha(opacity=100)"
}
function Mouseover4()
{
	link_004.style.filter="alpha(opacity=50)"
}
function Mouseout4()
{
	link_004.style.filter="alpha(opacity=100)"
}
</SCRIPT>
</head>
<body>
<!--***** 共通メニュー ***** -->
<div class="topmenu">
<div class="vista1">
  <a id="siteName" href="http://www.vis-ta.com" target="_top">www.vis-ta.com</a>
  　vis-ta.comは<a id="vista2" href="http://click.linksynergy.com/fs-bin/click?id=f6NYne4FV1E&offerid=113153.10000154&type=3&subid=0" target="_blank">WindowsVista</a>を応援しています。</div><!--/vista1-->
<div class="vista3"></div><!--/vista3-->
</div><!--/topmenu-->

<div style="position:relative; z-index:100; top:0px;">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','701','height','201','src','../menu84','quality','high','wmode','transparent','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','../menu84' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="701" height="201">
  <param name="movie" value="../menu84.swf" />
  <param name="quality" value="high" />
  <embed src="../menu84.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="701" height="201"></embed>
</object></noscript>
</div>

<!--***** /共通メニュー ***** -->

        <div id="sitemap_waku">
        <div id="pankuzu">
         <a id="sitemaplink" href="http://www.vis-ta.com/">トップ</a> ＞ Ajaxを語らず
        </div>
        <div id="sitemap">
         <a id="sitemaplink" href="http://shop.vis-ta.com/">shopインデックス</a> | <a id="sitemaplink" href="http://shop.vis-ta.com/sitemap/">お問い合わせ・サイトマップ</a> 
        </div>
        </div>
		
<div id="container">
<div id="header">
<!--ここは，ヘッダ部-->
</div>

<div id="contents">
<div id="left">
<div id="leftmenu1">
<div id="kotowari"><a href="javascript:tryAjax('00_nothing.htm');javascript:subWin000();">トップページ</a></div>
<div class="a_head" onClick="showElement('ca')"><IMG id="ca" class="current" SRC="image/nomark.gif" border="0">innerHTML</div>
<div class="a_body">
<a href="javascript:tryAjax('inner001.htm');javascript:subWin00();" onClick="showElement('c1')"><IMG id="c1" class="current" SRC="image/mark.gif" border="0">XML（HTML）を呼び込む</a>
<a href="javascript:tryAjax('inner002.htm');javascript:subWin01();" onClick="showElement('c2')"><IMG id="c2" class="current" SRC="image/mark.gif" border="0">ウィンドウの表示</a>
<a href="javascript:tryAjax('inner003.htm');javascript:subWin02();" onClick="showElement('c3')"><IMG id="c3" class="current" SRC="image/mark.gif" border="0">ウィンドウ表示とドラッグ</a>
</div>

<div class="a_head" onClick="showElement('cc')"><IMG id="cc" class="current" SRC="image/nomark.gif" border="0">エフェクト：Scriptaculous</div>
<div class="a_body">
<div id="leftmenu2">
<a href="javascript:tryAjax('00_nothing.htm');javascript:subWin001();" onClick="showElement('c001')"><IMG id="c001" class="current" SRC="image/mark.gif" border="0">Ajaxとエフェクトの関係</a></div>
<a href="javascript:tryAjax('effects002_toggle.htm');javascript:subWin03();" onClick="showElement('c4')"><IMG id="c4" class="current" SRC="image/mark.gif" border="0">トグルで切り替え：Prototype</a>
<a href="javascript:tryAjax('effects003_toggle.htm');javascript:subWin04();" onClick="showElement('c5')"><IMG id="c5" class="current" SRC="image/mark.gif" border="0">トグルで切り替え：Script・・・</a>
<a href="javascript:tryAjax('effects004_appear.htm');javascript:subWin05();" onClick="showElement('c6')"><IMG id="c6" class="current" SRC="image/mark.gif" border="0">Appear：フェードイン・アウト</a>
<a href="javascript:tryAjax('effects005_blind.htm');javascript:subWin06();" onClick="showElement('c7')"><IMG id="c7" class="current" SRC="image/mark.gif" border="0">Blind：ブラインド効果</a>
<a href="javascript:tryAjax('effects006_slide.htm');javascript:subWin07();" onClick="showElement('c8')"><IMG id="c8" class="current" SRC="image/mark.gif" border="0">Slide：スライド効果</a>
<a href="javascript:tryAjax('effects007_grow-shrink.htm');javascript:subWin08();" onClick="showElement('c9')"><IMG id="c9" class="current" SRC="image/mark.gif" border="0">Grow&amp;Shrink：サイズON_OFF</a>
<a href="javascript:tryAjax('effects008_highlight.htm');javascript:subWin09();" onClick="showElement('c10')"><IMG id="c10" class="current" SRC="image/mark.gif" border="0">Highlight：背景色フラッシュ</a>
<a href="javascript:tryAjax('effects009_pulsate-shake.htm');javascript:subWin10();" onClick="showElement('c11')"><IMG id="c11" class="current" SRC="image/mark.gif" border="0">Pulsate&amp;Shake：キラゆれ</a>
<a href="javascript:tryAjax('effects010_dropout-fold.htm');javascript:subWin11();" onClick="showElement('c12')"><IMG id="c12" class="current" SRC="image/mark.gif" border="0">DropOut&amp;Fold：消える</a>
<a href="javascript:tryAjax('effects011_puff.htm');javascript:subWin12();" onClick="showElement('c13')"><IMG id="c13" class="current" SRC="image/mark.gif" border="0">Puff：拡大・フェードアウト</a>
<a href="javascript:tryAjax('effects012_squish-swichoff.htm');javascript:subWin13();" onClick="showElement('c14')"><IMG id="c14" class="current" SRC="image/mark.gif" border="0">Squish&amp;SwichOff：消える</a>
<div id="leftmenu2"><a href="javascript:tryAjax('00_nothing.htm');javascript:subWin002();" onClick="showElement('c15')"><IMG id="c15" class="current" SRC="image/mark.gif" border="0">コアエフェクトを利用する</a></div>
<a href="javascript:tryAjax('effects014_scale.htm');javascript:subWin14();" onClick="showElement('c16')"><IMG id="c16" class="current" SRC="image/mark.gif" border="0">Scale：サイズ変更</a>
<a href="javascript:tryAjax('effects015_scrollto.htm');javascript:subWin15();" onClick="showElement('c17')"><IMG id="c17" class="current" SRC="image/mark.gif" border="0">ScrollTo：自動スクロール</a>
<a href="javascript:tryAjax('effects016_moveby.htm');javascript:subWin16();" onClick="showElement('c18')"><IMG id="c18" class="current" SRC="image/mark.gif" border="0">MoveBy：指定位置に移動</a>
<a href="javascript:tryAjax('effects017_parallel.htm');javascript:subWin17();" onClick="showElement('c19')"><IMG id="c19" class="current" SRC="image/mark.gif" border="0">Parallel：複合</a>
<a href="javascript:tryAjax('effects018_opacity.htm');javascript:subWin18();" onClick="showElement('c20')"><IMG id="c20" class="current" SRC="image/mark.gif" border="0">Opacity：透明度の設定</a>
</div>

<div class="a_head" onClick="showElement('cd')"><IMG id="cd" class="current" SRC="image/nomark.gif" border="0">エフェクト：Rico</div>
<div class="a_body">
<a href="javascript:tryAjax('effects019_rico1.htm');javascript:subWin19();" onClick="showElement('c21')"><IMG id="c21" class="current" SRC="image/mark.gif" border="0">アコーディオンエフェクト①</a>
<a href="javascript:tryAjax('effects020_rico2.htm');javascript:subWin20();" onClick="showElement('c22')"><IMG id="c22" class="current" SRC="image/mark.gif" border="0">アコーディオンエフェクト②</a>
<a href="javascript:tryAjax('effects021_rico-position.htm');javascript:subWin21();" onClick="showElement('c23')"><IMG id="c23" class="current" SRC="image/mark.gif" border="0">RicoPosition：移動トグル</a>
<a href="javascript:tryAjax('effects022_rico-size.htm');javascript:subWin22();" onClick="showElement('c24')"><IMG id="c24" class="current" SRC="image/mark.gif" border="0">RicoSize：サイズを変える</a>
<a href="javascript:tryAjax('effects023_rico-size-position.htm');javascript:subWin23();" onClick="showElement('c25')"><IMG id="c25" class="current" SRC="image/mark.gif" border="0">Size-Position：サイズと位置</a>
</div>

<div class="a_head" onClick="showElement('ce')"><IMG id="ce" class="current" SRC="image/nomark.gif" border="0">エフェクト：moo</div>
<div class="a_body">
<a href="javascript:tryAjax('effects024_moo_accordion1.htm');javascript:subWin24();" onClick="showElement('c26')"><IMG id="c26" class="current" SRC="image/mark.gif" border="0">moo アコーディオン 1</a>
<a href="javascript:tryAjax('effects025_moo_accordion2.htm');javascript:subWin25();" onClick="showElement('c27')"><IMG id="c27" class="current" SRC="image/mark.gif" border="0">moo アコーディオン 2</a>
<a href="javascript:tryAjax('effects026_moo_scroll.htm');javascript:subWin26();" onClick="showElement('c28')"><IMG id="c28" class="current" SRC="image/mark.gif" border="0">fx.Scroll：自動スクロール</a>
<a href="javascript:tryAjax('effects027_moo_text.htm');javascript:subWin27();" onClick="showElement('c29')"><IMG id="c29" class="current" SRC="image/mark.gif" border="0">fx.Text：テキストの拡大縮小</a>
</div>

<div class="a_head" onClick="showElement('cf')"><IMG id="cf" class="current" SRC="image/nomark.gif" border="0">マウス操作：Scriptaculous</div>
<div class="a_body">
<a href="javascript:tryAjax('drag001_drag.htm');javascript:subWin28();" onClick="showElement('c30')"><IMG id="c30" class="current" SRC="image/mark.gif" border="0">Draggables：ドラッグの動作</a>
<a href="javascript:tryAjax('drag004_snap.htm');javascript:subWin31();" onClick="showElement('c31')"><IMG id="c31" class="current" SRC="image/mark.gif" border="0">snapでドラッグ範囲を限定</a>
<a href="javascript:tryAjax('drag002_drop.htm');javascript:subWin29();" onClick="showElement('c32')"><IMG id="c32" class="current" SRC="image/mark.gif" border="0">Droppables：ドロップの動作</a>
<a href="javascript:tryAjax('drag003_hoverclass.htm');javascript:subWin30();" onClick="showElement('c33')"><IMG id="c33" class="current" SRC="image/mark.gif" border="0">ドロップ：hoverclass利用</a>
<a href="javascript:tryAjax('drag005_dragdrop.htm');javascript:subWin32();" onClick="showElement('c34')"><IMG id="c34" class="current" SRC="image/mark.gif" border="0">ドラッグ&amp;ドロップ</a>
<a href="javascript:tryAjax('drag006_sortable001.htm');javascript:subWin33();" onClick="showElement('c35')"><IMG id="c35" class="current" SRC="image/mark.gif" border="0">Sortable：順序を変える①</a>
<a href="javascript:tryAjax('drag007_sortable002.htm');javascript:subWin34();" onClick="showElement('c36')"><IMG id="c36" class="current" SRC="image/mark.gif" border="0">Sortable：順序を変える②</a>
<a href="javascript:tryAjax('drag008_sortable003.htm');javascript:subWin35();" onClick="showElement('c37')"><IMG id="c37" class="current" SRC="image/mark.gif" border="0">Sortable：順序を変える③</a>
<a href="javascript:tryAjax('drag009_sortable004.htm');javascript:subWin36();" onClick="showElement('c38')"><IMG id="c38" class="current" SRC="image/mark.gif" border="0">containmentデモ</a>
<div id="leftmenu2">
<a href="javascript:tryAjax('drag010_sortable005.htm');javascript:subWin37();" onClick="showElement('c39')"><IMG id="c39" class="current" SRC="image/mark.gif" border="0">Sortable　パズル</a></div>
<a href="javascript:tryAjax('drag011_slider001.htm');javascript:subWin40();" onClick="showElement('c40')"><IMG id="c40" class="current" SRC="image/mark.gif" border="0">Control.Slider：スライダー①</a>
<a href="javascript:tryAjax('drag012_slider002.htm');javascript:subWin41();" onClick="showElement('c41')"><IMG id="c41" class="current" SRC="image/mark.gif" border="0">Control.Slider：スライダー②</a>
<a href="javascript:tryAjax('drag013_slider003.htm');javascript:subWin42();" onClick="showElement('c42')"><IMG id="c42" class="current" SRC="image/mark.gif" border="0">Control.Slider：スライダー③</a>
<a href="javascript:tryAjax('auto001_rocal1.htm');javascript:subWin43();" onClick="showElement('c43')"><IMG id="c43" class="current" SRC="image/mark.gif" border="0">オートコンプリート① Rocal</a>
<a href="javascript:tryAjax('auto002_rocal2.htm');javascript:subWin44();" onClick="showElement('c44')"><IMG id="c44" class="current" SRC="image/mark.gif" border="0">オートコンプリート② Rocal</a>
</div>

<div class="a_head" onClick="showElement('cg')"><IMG id="cg" class="current" SRC="image/nomark.gif" border="0">HTMLにXMLを呼び込む</div>
<div class="a_body">
<div id="leftmenu2">
<a href="javascript:tryAjax('xml_001.htm');javascript:subWin45();" onClick="showElement('c45')"><IMG id="c45" class="current" SRC="image/mark.gif" border="0">XML・XSLファイルを作る</a>
</div>
<div id="leftmenu2">
<a href="javascript:tryAjax('00_nothing.htm');javascript:subWin46();" onClick="showElement('c46')"><IMG id="c46" class="current" SRC="image/mark.gif" border="0">Google AJAXSLTとは</a>
</div>
<a href="javascript:tryAjax('xml_002.htm');javascript:subWin47();" onClick="showElement('c47')"><IMG id="c47" class="current" SRC="image/mark.gif" border="0">Google AJAXSLTを利用①</a>
<a href="javascript:tryAjax('xml_003.htm');javascript:subWin48();" onClick="showElement('c48')"><IMG id="c48" class="current" SRC="image/mark.gif" border="0">Google AJAXSLTを利用②</a>
<a href="javascript:tryAjax('xml_004.htm');javascript:subWin49();" onClick="showElement('c49')"><IMG id="c49" class="current" SRC="image/mark.gif" border="0">Google　ローカルテスト</a>
<a href="javascript:tryAjax('xml_005.htm');javascript:subWin50();" onClick="showElement('c50')"><IMG id="c50" class="current" SRC="image/mark.gif" border="0">JKL.ParseXMLで呼び出し①</a>
<a href="javascript:tryAjax('xml_006.htm');javascript:subWin51();" onClick="showElement('c51')"><IMG id="c51" class="current" SRC="image/mark.gif" border="0">JKL.ParseXMLで呼び出し②</a>
<a href="javascript:tryAjax('xml_007.htm');javascript:subWin52();" onClick="showElement('c52')"><IMG id="c52" class="current" SRC="image/mark.gif" border="0">別ドメインからの呼び込み</a>
<div id="leftmenu2">
<a href="javascript:tryAjax('xml_008.htm');javascript:subWin53();" onClick="showElement('c53')"><IMG id="c53" class="current" SRC="image/mark.gif" border="0">気象データを受信する</a>
</div>
</div>

<div class="a_head" onClick="showElement('cg2')"><IMG id="cg2" class="current" SRC="image/nomark.gif" border="0">RSSを呼び込む</div>
<div class="a_body">
<a href="javascript:tryAjax('yahoo_001.htm');javascript:subWin53_001();" onClick="showElement('c53_001')"><IMG id="c35_001" class="current" SRC="image/mark.gif" border="0">Yahooショッピング売れ筋</a>
<a href="javascript:tryAjax('yahoo_002.htm');javascript:subWin53_002();" onClick="showElement('c53_002')"><IMG id="c35_002" class="current" SRC="image/mark.gif" border="0">Yahoo！ニュース</a>
</div>

<div class="a_head" onClick="showElement('ch')"><IMG id="ch" class="current" SRC="image/nomark.gif" border="0">アフィリエイター応援</div>
<div class="a_body">
<a href="javascript:tryAjax('affiliate_001.htm');javascript:subWin54();" onClick="showElement('c54')"><IMG id="c54" class="current" SRC="image/mark.gif" border="0">Amazon AWS3.0 XML+PHP</a>
<a href="javascript:tryAjax('affiliate_002.htm');javascript:subWin55();" onClick="showElement('c55')"><IMG id="c55" class="current" SRC="image/mark.gif" border="0">Amazon ECS4.0 XML+PHP</a>
<div id="leftmenu2">
<a href="javascript:tryAjax('00_nothing.htm');javascript:subWin56();" onClick="showElement('c56')"><IMG id="c56" class="current" SRC="image/mark.gif" border="0">Amazonユーザー登録方法</a>
</div>
<a href="javascript:tryAjax('affiliate_003.htm');javascript:subWin57();" onClick="showElement('c57')"><IMG id="c57" class="current" SRC="image/mark.gif" border="0">電脳卸Webサービス DWS</a>
<a href="javascript:tryAjax('affiliate_004.htm');javascript:subWin58();" onClick="showElement('c58')"><IMG id="c58" class="current" SRC="image/mark.gif" border="0">ビッダーズ affiliate2.0</a>
<a href="javascript:tryAjax('affiliate_005.htm');javascript:subWin59();" onClick="showElement('c59')"><IMG id="c59" class="current" SRC="image/mark.gif" border="0">アクセストレード WEB</a>
<a href="javascript:tryAjax('affiliate_006.htm');javascript:subWin60();" onClick="showElement('c60')"><IMG id="c60" class="current" SRC="image/mark.gif" border="0">楽天ウェブサービス</a>
</div>

<div class="a_head" onClick="showElement('ci')"><IMG id="ci" class="current" SRC="image/nomark.gif" border="0">Ajax活用のいろいろ</div>
<div class="a_body">
<a href="javascript:tryAjax('google_001.htm');javascript:subWin61();" onClick="showElement('c61')"><IMG id="c61" class="current" SRC="image/mark.gif" border="0">Google Mapsの基本</a>
<a href="javascript:tryAjax('yahoo_003.htm');javascript:subWin62();" onClick="showElement('c62')"><IMG id="c62" class="current" SRC="image/mark.gif" border="0">Yahoo画像検索</a>
<a href="javascript:tryAjax('yahoo_004.htm');javascript:subWin63();" onClick="showElement('c63')"><IMG id="c63" class="current" SRC="image/mark.gif" border="0">Yahooカレンダー</a>
</div>



<div id="leftmenu3">
<a href="../index.html"><img id="link_001" src="image/link_001.gif" border="0" onMouseover="Mouseover1()"  onMouseout="Mouseout1()" /></a>
<a href="../domain/index.htm"><img id="link_002" src="image/link_002.gif" border="0" onMouseover="Mouseover2()"  onMouseout="Mouseout2()"  /></a>
<a href="../stylesheet/001kihon/index.htm"><img id="link_003" src="image/link_003.gif" border="0" onMouseover="Mouseover3()"  onMouseout="Mouseout3()"  /></a>
<a href="../javascript/001rollover/index.htm"><img id="link_004" src="image/link_004.gif" border="0" onMouseover="Mouseover4()"  onMouseout="Mouseout4()"  /></a></div>

<div id="kotowari">
<a href="http://click.linksynergy.com/fs-bin/click?id=f6NYne4FV1E&offerid=131725.10000023&type=3&subid=0" target="_blank">NEC直販</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=f6NYne4FV1E&bids=131725.10000023&type=3&subid=0" style="display:none">
<a href="http://click.linksynergy.com/fs-bin/click?id=f6NYne4FV1E&offerid=86322.10000188&type=3&subid=0" target="_blank">富士通&nbsp;ノートPC一覧</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=f6NYne4FV1E&bids=86322.10000188&type=3&subid=0" style="display:none">
<a href="http://click.linksynergy.com/fs-bin/click?id=f6NYne4FV1E&offerid=127284.10000079&type=3&subid=0" target="_blank">ノートブック&nbsp;ThinkPad</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=f6NYne4FV1E&bids=127284.10000079&type=3&subid=0" style="display:none">
<a href="http://click.linksynergy.com/fs-bin/click?id=f6NYne4FV1E&offerid=83593.10000003&type=3&subid=0" target="_blank">パソコン工房のBTOパソコン</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=f6NYne4FV1E&bids=83593.10000003&type=3&subid=0" style="display:none">
<a href="http://click.linksynergy.com/fs-bin/click?id=f6NYne4FV1E&offerid=39250.10002044&type=3&subid=0" target="_blank">デル&nbsp;個人のお客様</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=f6NYne4FV1E&bids=39250.10002044&type=3&subid=0" style="display:none">
</div>

</div>

<br clear="all" />

<a href="http://click.linksynergy.com/fs-bin/click?id=f6NYne4FV1E&offerid=78559.10000062&subid=0&type=4" target="_blank"><IMG border="0" width="170"alt="アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ" src="http://ad.linksynergy.com/fs-bin/show?id=f6NYne4FV1E&bids=78559.10000062&subid=0&type=4&gridnum=-1"></a>

</div>



<div id="right">
<iframe id="ifr" name="ifr_content" frameborder="0" src="top.htm"></iframe>
<div id="out110">

<script type="text/javascript"><!--
google_ad_client = "pub-2036785234916464";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0066CC";
google_color_text = "7F7F7F";
google_color_url = "B3B3B3";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div><!--XML,HTMLファイルを読み込む位置-->

<div id="temp_container">
<div id="temp_header">
<img src="../indexfile2/oshiete.gif" />
</div><!--temp_header-->
<div id="temp_contents">

<div class="temp_name"><a href="../template/005/index.htm">5)&nbsp;&nbsp;ソニースタイル</a></div>
<div class="temp_sample"><a href="../template/005sample/index.htm" target="_blank"><img id="005_1" src="../indexfile2/sample.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/005sample/sauce.htm" target="_blank"><img id="005_2" src="../indexfile2/sauce.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/005sample/005sample.zip"><img id="005_3" src="../indexfile2/download.gif" border="0" /></a></div>
<br clear="all" />
<div class="temp_name"><a href="../miripure/index.htm">4)&nbsp;&nbsp;ミリピュアー</a></div>
<div class="temp_sample"><a href="../template/004sample/index.htm" target="_blank"><img id="004_1" src="../indexfile2/sample.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/004sample/sauce.htm" target="_blank"><img id="004_2" src="../indexfile2/sauce.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/004sample/004sample.zip"><img id="004_3" src="../indexfile2/download.gif" border="0" /></a></div>
<br clear="all" />
<div class="temp_name"><a href="../template/003/index.htm">3)&nbsp;&nbsp;アドビ製品ストア</a></div>
<div class="temp_sample"><a href="../template/003sample/index.htm" target="_blank"><img id="003_1" src="../indexfile2/sample.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/003sample/sauce.htm" target="_blank"><img id="003_2" src="../indexfile2/sauce.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/003sample/003sample.zip"><img id="003_3" src="../indexfile2/download.gif" border="0" /></a></div>
<br clear="all" />
<div class="temp_name"><a href="../template/002/index.htm">2)&nbsp;&nbsp;ジャストシステム</a></div>
<div class="temp_sample"><a href="../template/002sample/index.htm" target="_blank"><img id="002_1" src="../indexfile2/sample.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/002sample/sauce.htm" target="_blank"><img id="002_2" src="../indexfile2/sauce.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/002sample/002sample.zip"><img id="002_3" src="../indexfile2/download.gif" border="0" /></a></div>
<br clear="all" />
<div class="temp_name"><a href="../template/001/index.htm">1)&nbsp;&nbsp;ウィルコムストア</a></div>
<div class="temp_sample"><a href="../template/001sample/index.htm" target="_blank"><img id="001_1" src="../indexfile2/sample.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/001sample/sauce.htm" target="_blank"><img id="001_2" src="../indexfile2/sauce.gif" border="0" /></a></div>
<div class="temp_sample"><a href="../template/001sample/001sample.zip"><img id="001_3" src="../indexfile2/download.gif" border="0" /></a></div>
<br clear="all" />

</div><!--/temp_contents-->

<div id="temp_footer">

</div><!--/temp_footer-->
</div><!--/temp_container-->
</div>


<div align="center" style="color:#555555; font-size:12px; clear: left;">Copyright（C)1997.　itoben style.　All Rights Reserved.&nbsp;<!--#exec cgi="./counter/imDCSSI/im_dcssi.pl"--></div>
</div><!--contents閉じる-->
<div id="footer">
</div>
</div><!--container閉じる-->
<br />
</body>
</html>
