list = [
['0003','デフォルトの/ページを','.htaccessで/指定する','.htaccessde/shiteisuru'],
['0017','','/2011-04-23 08:36','/2011-04-23 08:36'],
['0010','iframeを/縮小/表示 ','2005-11-30 17:09','2005-11-30 17:09'],
['0011','SVG in /HTML ','2005-12-01 23:46','2005-12-01 23:46'],
['0012','オブジェクトの/表示, /非表示 ','2005-12-04 14:28','2005-12-04 14:28'],
['0013','角が/丸い/タブ/表示 (/Nifty /Corners) ','2005-12-12 21:27','2005-12-12 21:27'],
['0014','HTMLバカ - /標準HTMLだけで/角丸, /影文字, etc ','2005-12-12 22:03','2005-12-12 22:03'],
['0015','画像を/使わずに/角丸/ボックス ','2005-12-18 11:58','2005-12-18 11:58'],
['0016','画像を使わずに/角丸/ボックス ','2005-12-18 13:16','2005-12-18 13:16'],
['0017','','2011-04-23 08:36','2011-04-23 08:36'],
['0008','外部の','CSS/ファイルを/指定する','CSS/fairuwo/shiteisuru'],
['0009','HTML内部で','CSSを/指定する','CSSwo/shiteisuru'],
['0007','対話的に','CSSを/設計する','CSSwo/sekkeisuru'],
['0002','角が/丸い/矩形を/描く (/More /Nifty ','Corners)','Corners)'],
['0013','角が/丸い/タブ/表示 (/Nifty ','Corners) /2005-12-12 21:27','Corners) /2005-12-12 21:27'],
['0011','SVG in ','HTML /2005-12-01 23:46','HTML /2005-12-01 23:46'],
['0009','','HTML内部で/CSSを/指定する','HTMLnaibude/CSSwo/shiteisuru'],
['0014','','HTMLバカ - /標準HTMLだけで/角丸, /影文字, etc /2005-12-12 22:03','HTMLbaka - /hyoujunHTMLdakede/kakumaru, /kagemoji, etc /2005-12-12 22:03'],
['0002','角が/丸い/矩形を/描く (','More /Nifty /Corners)','More /Nifty /Corners)'],
['0002','角が/丸い/矩形を/描く (/More ','Nifty /Corners)','Nifty /Corners)'],
['0013','角が/丸い/タブ/表示 (','Nifty /Corners) /2005-12-12 21:27','Nifty /Corners) /2005-12-12 21:27'],
['0011','','SVG in /HTML /2005-12-01 23:46','SVG in /HTML /2005-12-01 23:46'],
['0010','','iframeを/縮小/表示 /2005-11-30 17:09','iframewo/shukushou/hyouji /2005-11-30 17:09'],
['0006','','tableを/利用せず/段組を行なう','tablewo/riyousezu/dankumiwookonau'],
['0002','角が/丸い/矩形を','描く (/More /Nifty /Corners)','egaku (/More /Nifty /Corners)'],
['0012','','オブジェクトの/表示, /非表示 /2005-12-04 14:28','obujiekutono/hyouji, /hihyouji /2005-12-04 14:28'],
['0005','','改頁','kaipeiji'],
['0002','','角が/丸い/矩形を/描く (/More /Nifty /Corners)','kakuga/marui/kukeiwo/egaku (/More /Nifty /Corners)'],
['0013','','角が/丸い/タブ/表示 (/Nifty /Corners) /2005-12-12 21:27','kakuga/marui/tabu/hyouji (/Nifty /Corners) /2005-12-12 21:27'],
['0014','HTMLバカ - /標準HTMLだけで','角丸, /影文字, etc /2005-12-12 22:03','kakumaru, /kagemoji, etc /2005-12-12 22:03'],
['0015','画像を/使わずに','角丸/ボックス /2005-12-18 11:58','kakumaru/bokkusu /2005-12-18 11:58'],
['0016','画像を使わずに','角丸/ボックス /2005-12-18 13:16','kakumaru/bokkusu /2005-12-18 13:16'],
['0001','画像の ','角を /丸くする (/湘南/フレーム)','kakuwo /marukusuru (/shounan/fure-mu)'],
['0014','HTMLバカ - /標準HTMLだけで/角丸, ','影文字, etc /2005-12-12 22:03','kagemoji, etc /2005-12-12 22:03'],
['0008','','外部の/CSS/ファイルを/指定する','gaibuno/CSS/fairuwo/shiteisuru'],
['0001','','画像の /角を /丸くする (/湘南/フレーム)','gazouno /kakuwo /marukusuru (/shounan/fure-mu)'],
['0015','','画像を/使わずに/角丸/ボックス /2005-12-18 11:58','gazouwo/tsukawazuni/kakumaru/bokkusu /2005-12-18 11:58'],
['0016','','画像を使わずに/角丸/ボックス /2005-12-18 13:16','gazouwotsukawazuni/kakumaru/bokkusu /2005-12-18 13:16'],
['0002','角が/丸い','矩形を/描く (/More /Nifty /Corners)','kukeiwo/egaku (/More /Nifty /Corners)'],
['0009','HTML内部で/CSSを','指定する','shiteisuru'],
['0008','外部の/CSS/ファイルを','指定する','shiteisuru'],
['0003','デフォルトの/ページを/.htaccessで','指定する','shiteisuru'],
['0004','','写真や/図を/ぴったり/並べる方法','shashinya/zuwo/pittari/naraberuhouhou'],
['0010','iframeを','縮小/表示 /2005-11-30 17:09','shukushou/hyouji /2005-11-30 17:09'],
['0001','画像の /角を /丸くする (','湘南/フレーム)','shounan/fure-mu)'],
['0004','写真や','図を/ぴったり/並べる方法','zuwo/pittari/naraberuhouhou'],
['0007','対話的に/CSSを','設計する','sekkeisuru'],
['0000','ブロックレベル/要素を','センタリングする','sentaringusuru'],
['0007','','対話的に/CSSを/設計する','taiwatekini/CSSwo/sekkeisuru'],
['0013','角が/丸い','タブ/表示 (/Nifty /Corners) /2005-12-12 21:27','tabu/hyouji (/Nifty /Corners) /2005-12-12 21:27'],
['0006','tableを/利用せず','段組を行なう','dankumiwookonau'],
['0015','画像を','使わずに/角丸/ボックス /2005-12-18 11:58','tsukawazuni/kakumaru/bokkusu /2005-12-18 11:58'],
['0003','','デフォルトの/ページを/.htaccessで/指定する','deforutono/pe-jiwo/.htaccessde/shiteisuru'],
['0004','写真や/図を/ぴったり','並べる方法','naraberuhouhou'],
['0012','オブジェクトの/表示, ','非表示 /2005-12-04 14:28','hihyouji /2005-12-04 14:28'],
['0013','角が/丸い/タブ','表示 (/Nifty /Corners) /2005-12-12 21:27','hyouji (/Nifty /Corners) /2005-12-12 21:27'],
['0010','iframeを/縮小','表示 /2005-11-30 17:09','hyouji /2005-11-30 17:09'],
['0012','オブジェクトの','表示, /非表示 /2005-12-04 14:28','hyouji, /hihyouji /2005-12-04 14:28'],
['0014','HTMLバカ - ','標準HTMLだけで/角丸, /影文字, etc /2005-12-12 22:03','hyoujunHTMLdakede/kakumaru, /kagemoji, etc /2005-12-12 22:03'],
['0004','写真や/図を','ぴったり/並べる方法','pittari/naraberuhouhou'],
['0008','外部の/CSS','ファイルを/指定する','fairuwo/shiteisuru'],
['0001','画像の /角を /丸くする (/湘南','フレーム)','fure-mu)'],
['0000','','ブロックレベル/要素を/センタリングする','burokkureberu/yousowo/sentaringusuru'],
['0003','デフォルトの','ページを/.htaccessで/指定する','pe-jiwo/.htaccessde/shiteisuru'],
['0015','画像を/使わずに/角丸','ボックス /2005-12-18 11:58','bokkusu /2005-12-18 11:58'],
['0016','画像を使わずに/角丸','ボックス /2005-12-18 13:16','bokkusu /2005-12-18 13:16'],
['0002','角が','丸い/矩形を/描く (/More /Nifty /Corners)','marui/kukeiwo/egaku (/More /Nifty /Corners)'],
['0013','角が','丸い/タブ/表示 (/Nifty /Corners) /2005-12-12 21:27','marui/tabu/hyouji (/Nifty /Corners) /2005-12-12 21:27'],
['0001','画像の /角を ','丸くする (/湘南/フレーム)','marukusuru (/shounan/fure-mu)'],
['0000','ブロックレベル','要素を/センタリングする','yousowo/sentaringusuru'],
['0006','tableを','利用せず/段組を行なう','riyousezu/dankumiwookonau'],
];
urls = [];
urls['0007'] = 'http://www.qrone.org/cssdesigner.html';
urls['0008'] = '';
urls['0010'] = 'http://html-time.com/css/small_yahoo_source.htm';
urls['0009'] = '';
urls['0011'] = 'http://developer.mozilla.org/en/docs/SVG_In_HTML_Introduction';
urls['0000'] = 'http://www.mozilla.gr.jp/standards/webtips0004.html';
urls['0012'] = 'http://homepage2.nifty.com/yoshi-m/makehp/dhtml/lesson/view/1-3.htm';
urls['0001'] = 'http://c61.org/034shonan_frame/';
urls['0013'] = 'http://pro.html.it/esempio/nifty/nifty5js.html';
urls['0002'] = 'http://pro.html.it/articoli/id_599/idcat_31/pag_1/pag.html';
urls['0014'] = 'http://www.jah.ne.jp/~hirohiko/html.html';
urls['0003'] = '';
urls['0015'] = 'http://www.stylish-style.com/csstec/ultimate/no-image-roundbox.html';
urls['0004'] = '';
urls['0016'] = 'http://www.stylish-style.com/csstec/ultimate/no-image-roundbox.html';
urls['0005'] = 'http://ntb.utmc.or.jp/c63/NTB_Press_vol3.html';
urls['0017'] = 'http://www.google.com/';
urls['0006'] = 'http://allabout.co.jp/computer/hpcreate/closeup/CU20041111A/';
images = [];
images['0010'] = '';
images['0011'] = '';
images['0012'] = '';
images['0001'] = '';
images['0013'] = '';
images['0002'] = '';
images['0014'] = '';
images['0015'] = '';
images['0016'] = '';
images['0017'] = 'EuwmXwwEGWmFLKHBu';
descriptions = [];
descriptions['0007'] = 'GUIでCSSの見栄えを確かめながらパラメタを変えることができるので\r\nとても便利。';
descriptions['0008'] = '＜link rel="stylesheet" href="style1.css" type="text/css">';
descriptions['0010'] = 'http://html-time.com/css/small_yahoo_source.htm';
descriptions['0009'] = '<pre>\r\n&lt;style type="text/css">\r\n＜!--\r\nh1  {color:green;}\r\n-->\r\n＜/style>\r\n</pre>';
descriptions['0011'] = '';
descriptions['0000'] = ' 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。';
descriptions['0012'] = '';
descriptions['0001'] = '湘南フレームは下町DPEの姉妹店。潮風をあびながら、写真の角をちょきちょきちょき・・と切り抜きました。どんな画像も簡単に角丸になっちゃいます。写真ができあがるまでにアイスコーヒーをどうぞ。';
descriptions['0013'] = '';
descriptions['0002'] = 'Nifty Corners';
descriptions['0014'] = '';
descriptions['0003'] = '.htaccessに以下のように記述する.\r\n<pre>\r\nDirectoryIndex index.html index.cgi\r\nhttp://pitecan.com/four/\r\n</pre>\r\nQuickML.com は以下のようにしている。携帯だとi/index.htmlを参照する\r\n<pre>\r\nDirectoryIndex index.html\r\nRewriteEngine on\r\nRewriteCond %{HTTP_USER_AGENT} DoCoMo [or]\r\nRewriteCond %{HTTP_USER_AGENT} J-PHONE [or]\r\nRewriteCond %{HTTP_USER_AGENT} DDIPOCKET [or]\r\nRewriteCond %{HTTP_USER_AGENT} PDXGW [or]\r\nRewriteCond %{HTTP_USER_AGENT} ASTEL [or]\r\nRewriteCond %{HTTP_USER_AGENT} KDDI\r\nRewriteRule index.html i/index.html [S]\r\n</pre>';
descriptions['0015'] = '';
descriptions['0004'] = 'style="float:left;" とする。\r\n<a href="http://hondana.org/">本棚.org</a>で書影を並べるのに使ってる気が。';
descriptions['0016'] = '';
descriptions['0005'] = 'スタイルの中に\r\n<pre>\r\npage-break-before: always;\r\n</pre>\r\nと書いておくと、そのタグの前で必ず改ページになる。\r\n';
descriptions['0017'] = 'Walking in the presence of giants here. Cool thinking all aournd!';
descriptions['0006'] = '従来、「段組（マルチカラム）を作る」といえば、table要素を駆使して行うテクニックでした。しかし、最近ではブラウザのスタイルシート対応度が向上してきたため、スタイルシートのみで段組を作っても問題なくなってきました。\r\n<br>\r\nそもそもtableは「表」を構成するための要素（タグ）ですから、段組デザインに活用するのは（tableの本来の用途からすると）正しくないことです。ホームページは、デザインと中身を分離して、デザインはすべてスタイルシートで記述すべきです。\r\n<br>\r\nというわけで、スタイルシートだけを使って段組を作る方法をご紹介致しましょう。 ';