<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>徒然 &#187; ANNIHILATOR</title>
	<atom:link href="http://charlie432.fool.jp/tag/annihilator/feed" rel="self" type="application/rss+xml" />
	<link>http://charlie432.fool.jp</link>
	<description>音楽鑑賞記録や読書メモ・感想文、パソコン関係、写真や動画の撮影あれこれなどを徒然なるままに綴ってゆきます。リンクは[Ctr]＋クリックにより、新規タブで開きます。コメントの返信がすごく遅くなる時もあるかと思いますが、半年以内には書きたいと思います。 m(_ _)mスミマセン</description>
	<lastBuildDate>Mon, 13 Feb 2012 15:00:00 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/tag/annihilator/feed" />
		<item>
		<title>DREAM THEATER、7月のフェスでは新曲も</title>
		<link>http://charlie432.fool.jp/2011/06/08/00/00/00</link>
		<comments>http://charlie432.fool.jp/2011/06/08/00/00/00#comments</comments>
		<pubDate>Tue, 07 Jun 2011 15:00:00 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[DREAM THEATER]]></category>
		<category><![CDATA[AC]]></category>
		<category><![CDATA[ALL]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[DIO]]></category>
		<category><![CDATA[Dream]]></category>
		<category><![CDATA[el]]></category>
		<category><![CDATA[jordan]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[Rose]]></category>
		<category><![CDATA[RUSH]]></category>
		<category><![CDATA[Side]]></category>
		<category><![CDATA[SLAYER]]></category>
		<category><![CDATA[STEVE VAI]]></category>
		<category><![CDATA[Theater]]></category>
		<category><![CDATA[WALL]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[アルバム]]></category>
		<category><![CDATA[ジェイムズ]]></category>
		<category><![CDATA[ジョン]]></category>
		<category><![CDATA[ジョーダン]]></category>

		<guid isPermaLink="false">http://charlie432.fool.jp/?guid=c23cc8820b031abe1fd25e7110b9c960</guid>
		<description><![CDATA[７月のHigh Voltage Festivalでは新曲（の一部をミックスしたようなの）もやると、言ってますね。そして、こんな感じ？誤読があったら教えて下さい。↓ペト：DREAM THEATERのニューアルバムは９月リリースで、北米ツアーは新しい素材を中心に演っていく。その前に、ヨーロッパのフェスティヴァルでは、新曲も演奏するよ。ラブ：このアルバムではレコーディング中、周りに誰もいて欲しくなかった。リラックスした雰囲気が欲しかった
No related posts.]]></description>
			<content:encoded><![CDATA[<p> ７月のHigh Voltage Festivalでは新曲（の一部をミックスしたようなの）もやると、言ってますね。</p>
<p>そして、こんな感じ？誤読があったら教えて下さい。<br />↓<br />ペト：DREAM THEATERのニューアルバムは９月リリースで、北米ツアーは新しい素材を中心に演っていく。その前に、ヨーロッパのフェスティヴァルでは、新曲も演奏するよ。</p>
<p>ラブ：このアルバムではレコーディング中、周りに誰もいて欲しくなかった。リラックスした雰囲気が欲しかったんだ。だからニューヨークではなくカナダで仕上げた。そしたら凄く良いのが録れた。結果が物語っているよ。</p>
<p>卍：DTの新ドラマーになるという節目に興奮している。信じられないほどやりがいのある楽曲を消化し、クリエイティヴなアイディアで爆発して、ジェイムズ、ジョン、ジョン、ジョーダンの持ち込む音楽を予想しながら進むステージは実に刺激的で楽しい。僕のキャリアの中で間違いなく最高の時だ。彼らの内に秘められた、どんな天才的音楽がこの先出てくるのか、想像すら出来ない。一緒にスタジオに入るのが待ちきれないよ。最高だ。これこそ僕のやりたかったことだ。</p>
<p><a href="http://www.bravewords.com/news/163309" >Bravewords.com &gt; News &gt; DREAM THEATER Guitarist John Petrucci Says New Album Will Be Out In September; North American Headlining Tour To Follow</a><br />
<blockquote>
<h2>DREAM THEATER Guitarist John Petrucci Says New Album Will Be Out In September; North American Headlining Tour To Follow</h2>
<p>Hot Flashes<br />Posted on Tuesday, June 07, 2011 at 07:38:54 EST</p>
<p>Progressive metal titans DREAM THEATER are finishing up their highly anticipated new album, the first with newcomer drummer Mike Mangini (ex-EXTREME, STEVE VAI, ANNIHILATOR).</p>
<p>Guitarist John Petrucci says new album will be released in September and the band&#8217;s North American headlining shows will incorporate a lot of the new material. &#8220;The production of the show will be centred around the new material. Up until then, we&#8217;re playing festivals in Europe, and we will play one of the new songs.&#8221;</p>
<p>Check out the Artisan News report below:</p>
<p>DREAM THEATER NEW ALBUM IN SEPTEMBER, PETRUCCI ON CONCEPTS<br /><iframe width="400" height="257" src="http://www.youtube.com/embed/Qvx9y8RjpKA" frameborder="0" allowfullscreen></iframe><br /><a href="http://www.youtube.com/watch?v=Qvx9y8RjpKA" >http://www.youtube.com/watch?v=Qvx9y8RjpKA</a></p>
<p>Vocalist James LaBrie recently completed the vocal recordings with RUSH producer/engineer and former WINTER ROSE bandmate Richard Chycki. In an exclusive interview with BraveWords.com, LaBrie stated that &#8220;I didn&#8217;t want anyone else around when I recorded my vocals for this album, I wanted a relaxed atmosphere, so I did them up here at home in Canada rather than in New York. The results speak for themselves, and they&#8217;re fantastic.&#8221;</p>
<p>Watch for the complete interview to appear at BraveWords.com soon.</p>
<p>The as-yet-untitled album is to be mixed by Andy Wallace (SLAYER, SEPULTURA). The band will kick off a world tour in July 2011. New drummer Mike Mangini, for one, cannot wait to get on the road and show the Dream Theater fan base why he was the chosen one.</p>
<p>&#8220;I am just busting at the seams on being the new drummer for Dream Theater,&#8221; he said. &#8220;Digesting the incredibly challenging catalog, exploding with creative ideas, and anticipating what James, John, John and Jordan will come up with collectively and individually for new music and a fresh stage show is going to be really exciting and fun for me. I consider this opportunity the absolute pinnacle of my career. I can&#8217;t even imagine what untapped and future musical genius is inside of these guys; I can&#8217;t wait until we get into the studio together. Playing with these guys…it&#8217;s the mountaintop. This is where I want to be.&#8221;</p></blockquote>
<p><img src="http://feeds.feedburner.com/~r/fc2/xml/~4/L4QmsFYq79g" height="1" width="1"/><strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2009/03/14/12/10/00" rel="bookmark" title="2009年3月14日">DREAM THEATER、１０ｔｈアルバムを６／２３に発表！！</a></li>
<li><a href="http://charlie432.fool.jp/2007/05/13/00/04/47" rel="bookmark" title="2007年5月13日">JOHN MYUNG (DREAM THEATER) ～ その２</a></li>
<li><a href="http://charlie432.fool.jp/2007/04/22/00/15/23" rel="bookmark" title="2007年4月22日">JOHN MYUNG (DREAM THEATER)</a></li>
<li><a href="http://charlie432.fool.jp/2009/07/03/00/00/00" rel="bookmark" title="2009年7月3日">DREAM THEATER / Black Clouds &#038; Silver Linings &#8211; ビルボード初登場６位！</a></li>
<li><a href="http://charlie432.fool.jp/2008/05/31/00/00/00" rel="bookmark" title="2008年5月31日">DREAM THEATER / Live at Budokan (2008)</a></li>
</ol>
<p><!-- Similar Posts took 86.703 ms --></p>
<div id="wherego_related"><p>「このページを見た人は、他にこんな記事を見ています」というページはありません。</p></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2009/09/09/00/15/12" title="ギリシャのメタルアルバム１００選 (2009年9月9日)">ギリシャのメタルアルバム１００選</a> (3)</li>
	<li><a href="http://charlie432.fool.jp/2011/05/22/00/00/00" title="DTインタビュー(2) バークレー中退バンドにバークレー教授加入 (2011年5月22日)">DTインタビュー(2) バークレー中退バンドにバークレー教授加入</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2010/08/09/04/21/14" title="【ライヴ】DREAM THEATER / SUMMER SONIC 2010 @幕張メッセ 2010.08.08 (2010年8月9日)">【ライヴ】DREAM THEATER / SUMMER SONIC 2010 @幕張メッセ 2010.08.08</a> (7)</li>
	<li><a href="http://charlie432.fool.jp/2009/05/03/00/00/00" title="JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2 (2009年5月3日)">JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2</a> (4)</li>
	<li><a href="http://charlie432.fool.jp/2009/01/12/00/00/00" title="DREAM THEATER / Schmedley Wilcox &#8211; ドリーム・シアターのメドレー (2009年1月12日)">DREAM THEATER / Schmedley Wilcox &#8211; ドリーム・シアターのメドレー</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2011/06/08/00/00/00/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2011/06/08/00/00/00" />
	</item>
		<item>
		<title>DTインタビュー(3)「代打、マイクに代わりマイク」に非ず</title>
		<link>http://charlie432.fool.jp/2011/05/23/00/00/00</link>
		<comments>http://charlie432.fool.jp/2011/05/23/00/00/00#comments</comments>
		<pubDate>Sun, 22 May 2011 15:00:00 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[DREAM THEATER]]></category>
		<category><![CDATA[ALL]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[Dream]]></category>
		<category><![CDATA[el]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[RAN]]></category>
		<category><![CDATA[STEVE VAI]]></category>
		<category><![CDATA[Theater]]></category>
		<category><![CDATA[アルバム]]></category>
		<category><![CDATA[ジョン]]></category>
		<category><![CDATA[ジョーダン]]></category>
		<category><![CDATA[ペトルーシ]]></category>
		<category><![CDATA[ポートノイ]]></category>
		<category><![CDATA[マイク]]></category>
		<category><![CDATA[リスト]]></category>
		<category><![CDATA[ルーデス]]></category>
		<category><![CDATA[ロード]]></category>
		<category><![CDATA[目的]]></category>
		<category><![CDATA[質問]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[新! DREAM THEATER部屋&#38;趣味 John Petrucciインタビュー記事より、コピペします。JOHN PETRUCCI SaysMIKE MANGINI Is Permanent Member Of DREAM THEATER- May 15, 2011ドリームシアターのギタリスト、ジョン・ペトルーシはANSに、ファンの間でささやかれている新ドラマーのマイク・マンジーニが、昨秋バンドを去ったマイク・ポートノイの一時的な代役にすぎないのでは、という憶測について答えた。「(マンジーニは)バンドの(正式
No related posts.]]></description>
			<content:encoded><![CDATA[<p> <a href="http://ytsejam184.blog94.fc2.com/blog-entry-26.html" >新! DREAM THEATER部屋&#038;趣味 John Petrucciインタビュー記事</a></p>
<p>より、コピペします。</p>
<blockquote><p>JOHN PETRUCCI Says<br />MIKE MANGINI Is Permanent Member Of DREAM THEATER<br />- May 15, 2011</p>
<p>ドリームシアターのギタリスト、ジョン・ペトルーシはANSに、ファンの間でささやかれている新ドラマーのマイク・マンジーニが、昨秋バンドを去ったマイク・ポートノイの一時的な代役にすぎないのでは、という憶測について答えた。</p>
<p>「(マンジーニは)バンドの(正式な)メンバーだよ＾ω＾」とペトルーシは話す。</p>
<p>「だって俺らはそういう人を探してたんだもん。バンドによってどんな人をどんな目的で探すのかは違うんだろうけどさ。俺らは演奏するためだけの代役がほしかったんじゃないよ。だって“ドリームシアター(仮)”とか嫌じゃん。正規のメンバーが必要なんだよ。だから、例えばジョーダン(ルーデス、キーボード担当)が加入した時と同じように、新しい正式なメンバーを探してたんだ。」</p>
<p>ドリームシアターはこのままバンドがなくなるまでこのメンバーでいくのか、と質問したところ、ペトルーシは「そうだといいよね。いつどんなことでもそう願ってるよ。仮の姿とかそういうのはキライなんだ。いい方向に物事は進んでて、そういった流れとかヤル気とかが一生続いてくって考えるようにしてるよ。<br />何か思いもよらないことが起こるまではね、実際は起こるんだけどね(笑)。マイクがいなくなる前に同じ質問されても、全く同じように答えたと思うよ。“そりゃあそうだよ…俺らがドリームシアターで、それが変わることはないよ”って。この先何が起こるかなんて分かんないでしょ。だから、まぁ前向きに考え続けていくしかないよね。」</p>
<p>ドリームシアターはファン待望のニューアルバムのレコーディング中で、新譜はロードラナーレコードから今秋発売される予定だ。</p></blockquote>
<p>
<div align=center>
<h2 style="font-weight:bold;color:#FF0000;">====　マイク・マンジーニ　プレイ集　====</h2>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/N1-8j9zhdOE?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/N1-8j9zhdOE?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></div>
<p><span id="more-6623"></span></p>
<div align=center><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/nFUJSUJBJks?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nFUJSUJBJks?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object><br />
<blockquote>1.)&#8221;His Voice&#8221; &#8211; Mullmuzzler &#8211; James Labrie<br />2.) &#8220;Stranger&#8221; &#8211; Mullmuzzler 2 &#8211; James Labrie<br />3.) &#8220;Crucified&#8221; &#8211; Elements of Persuasion &#8211; James Labrie Band<br />4.) &#8220;Drained&#8221; &#8211; Elements of Persuasion &#8211; James Labrie Band<br />5.) &#8220;Firegarden Suite&#8221; &#8211; Steve Vai &#8211; Firegarden<br />6.) &#8220;Hip Today&#8221; &#8211; Extreme &#8211; Waiting for the Punchline<br />7.) &#8220;Dr. Psycho&#8221; &#8211; Annihilator &#8211; All for You<br />8.) &#8220;Weapon X&#8221; &#8211; Annihilator &#8211; All for You<br />9.) &#8220;Crunchtime&#8221; &#8211; Chix N&#8217; Stix &#8211; Mike Mangini</p></blockquote>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/e7TzWrKso4I?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/e7TzWrKso4I?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/BahJjFWgsdc?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/BahJjFWgsdc?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></div>
<p> <br />
<img src="http://feeds.feedburner.com/~r/fc2/xml/~4/e50xqHcDy4M" height="1" width="1"/></p>
<p><strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2011/05/21/00/00/00" rel="bookmark" title="2011年5月21日">DTインタビュー(1) ペト＆ルーデス、マイクについて語る</a></li>
<li><a href="http://charlie432.fool.jp/2007/10/15/00/00/22" rel="bookmark" title="2007年10月15日">ユビトノイ氏</a></li>
<li><a href="http://charlie432.fool.jp/2010/09/10/00/49/09" rel="bookmark" title="2010年9月10日">マイク・ポートノイ、DREAM THEATER を脱退って、、、（ＴｏＴ）</a></li>
<li><a href="http://charlie432.fool.jp/2011/06/17/07/41/52" rel="bookmark" title="2011年6月17日">マイク・ポートノイのニューバンドは、</a></li>
<li><a href="http://charlie432.fool.jp/2010/08/09/04/21/14" rel="bookmark" title="2010年8月9日">【ライヴ】DREAM THEATER / SUMMER SONIC 2010 @幕張メッセ 2010.08.08</a></li>
</ol>
<p><!-- Similar Posts took 70.750 ms --></p>
<div id="wherego_related"><h3>このページを見た人は、他にこんな記事を見ています↓</h3><ul><li><a href="http://charlie432.fool.jp/2011/05/21/00/00/00" rel="bookmark" class="wherego_title">DTインタビュー(1) ペト＆ルーデス、マイクについて語る</a></li><li><a href="http://charlie432.fool.jp/2011/06/17/07/41/52" rel="bookmark" class="wherego_title">マイク・ポートノイのニューバンドは、</a></li><li><a href="http://charlie432.fool.jp/2009/11/10/00/00/00" rel="bookmark" class="wherego_title">マイク・ポートノイ、ベスト・ドラマーTOP50に選ばれる！</a></li><li><a href="http://charlie432.fool.jp/2010/09/10/00/49/09" rel="bookmark" class="wherego_title">マイク・ポートノイ、DREAM THEATER を脱退って、、、（ＴｏＴ）</a></li><li><a href="http://charlie432.fool.jp/2007/10/15/00/00/22" rel="bookmark" class="wherego_title">ユビトノイ氏</a></li><li><a href="http://charlie432.fool.jp/2011/05/24/00/00/00" rel="bookmark" class="wherego_title">John Myung / Progressive Bass Concepts</a></li><li>Powered by <a href="http://ajaydsouza.com/wordpress/plugins/where-did-they-go-from-here/">Where did they go from here?</a></li></ul></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2010/08/09/04/21/14" title="【ライヴ】DREAM THEATER / SUMMER SONIC 2010 @幕張メッセ 2010.08.08 (2010年8月9日)">【ライヴ】DREAM THEATER / SUMMER SONIC 2010 @幕張メッセ 2010.08.08</a> (7)</li>
	<li><a href="http://charlie432.fool.jp/2011/05/22/00/00/00" title="DTインタビュー(2) バークレー中退バンドにバークレー教授加入 (2011年5月22日)">DTインタビュー(2) バークレー中退バンドにバークレー教授加入</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2008/02/12/00/00/00" title="BURRN!, YOUNG GUITAR / 2008年3月号 (2008年2月12日)">BURRN!, YOUNG GUITAR / 2008年3月号</a> (1)</li>
	<li><a href="http://charlie432.fool.jp/2009/09/08/00/00/00" title="ジョン・ペトルーシの Wither、マイク・ポートノイの The Best of Times (2009年9月8日)">ジョン・ペトルーシの Wither、マイク・ポートノイの The Best of Times</a> (5)</li>
	<li><a href="http://charlie432.fool.jp/2010/05/18/00/00/00" title="【追悼】ロニー・ジェイムス・ディオ（Ronnie James Dio） (2010年5月18日)">【追悼】ロニー・ジェイムス・ディオ（Ronnie James Dio）</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2011/05/23/00/00/00/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2011/05/23/00/00/00" />
	</item>
		<item>
		<title>DTインタビュー(2) バークレー中退バンドにバークレー教授加入</title>
		<link>http://charlie432.fool.jp/2011/05/22/00/00/00</link>
		<comments>http://charlie432.fool.jp/2011/05/22/00/00/00#comments</comments>
		<pubDate>Sat, 21 May 2011 15:00:00 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[DREAM THEATER]]></category>
		<category><![CDATA[AC]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[Dream]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[RUSH]]></category>
		<category><![CDATA[STEVE VAI]]></category>
		<category><![CDATA[Theater]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[なぜ]]></category>
		<category><![CDATA[アルバム]]></category>
		<category><![CDATA[シン]]></category>
		<category><![CDATA[ジェイムズ]]></category>
		<category><![CDATA[ジョン]]></category>
		<category><![CDATA[ジョーダン]]></category>
		<category><![CDATA[ペトルーシ]]></category>
		<category><![CDATA[ポートノイ]]></category>
		<category><![CDATA[マイアング]]></category>
		<category><![CDATA[マイク]]></category>
		<category><![CDATA[ラブリエ]]></category>
		<category><![CDATA[リスト]]></category>
		<category><![CDATA[ルーデス]]></category>
		<category><![CDATA[ロック]]></category>
		<category><![CDATA[人生]]></category>
		<category><![CDATA[運命]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[新! DREAM THEATER部屋&#38;趣味 DREAM THEATERオフィシャルコメントより、コピペします。DREAM THEATER、新ドラマー発表におけるオフィシャル・コメントを掲載RSS Feed Posted on May 9, 2011先日、YOUTUBEを通じて新たなメンバーを発表したDREAM THEATER！全世界中のファンが見守ったこのオーディション結果に関して、マイク・マンジーニのコメントを織り交ぜたプレス･リリースを公開いたしました！以下、プレス･リリースの全文とな
No related posts.]]></description>
			<content:encoded><![CDATA[<p> <a href="http://ytsejam184.blog94.fc2.com/blog-entry-23.html" >新! DREAM THEATER部屋&#038;趣味 DREAM THEATERオフィシャルコメント</a></p>
<p>より、コピペします。</p>
<blockquote><p>DREAM THEATER、新ドラマー発表におけるオフィシャル・コメントを掲載<br />RSS Feed Posted on May 9, 2011</p>
<p>先日、YOUTUBEを通じて新たなメンバーを発表したDREAM THEATER！</p>
<p>全世界中のファンが見守ったこのオーディション結果に関して、マイク・マンジーニのコメントを織り交ぜたプレス･リリースを公開いたしました！</p>
<p>以下、プレス･リリースの全文となります。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />マイク・ポートノイが突然DREAM THEATERからの脱退を表明した約１ヵ月後、バンドはニューヨークにて３日間のオーディションを行った。信じられないほど実りのあった３日間を通して、バンドは世界で見ても素晴らしいドラマー達７人と一緒にプレイし、ジャムをし、そしてお互いに話し合い、候補者達を音楽的に、個人的に、そしてプロフェッショナルに知るプロセスを経ていったのだ。そのオーディションを通して、バンドのトレードマークとも言えるプログ・ロック・サウンドに一番フィットするドラマーを評価していった。<br />熟考に熟考を重ね、バンドのメンバー満場一致という形で、昨年夏にバンドを去っていったマイク・ポートノイの後任としてドラム・キットに座るメンバーとして、マイク・マンジーニ（Extreme, Steve Vai, Annihilator）を正式に迎え入れる事を決定した。</p>
<p>DREAM THEATERは4月21日、彼らのFacebookページ上でこのオーディションのプロセスの一部を公開し、この真剣な物語を語り始めた。「いいね」ボタンを押したファンだけが、このエクスクルッシヴな映像を見ることが出来たのだ。その後、よりファンの興味をそそるように、このオーディションの模様を編集した３つのエピソードの予告編を公開した。「いいね」ボタンを押したファンは、いつ、どこでこの実際のオーディション映像が見れるかの情報を得ることが出来たのだ。</p>
<p>この３つのエピソードはRoadrunner RecordsのYouTubeチャンネルで公開され、一週間で150万を超えるアクセスを記録、ファンや批評家たちから大きな反響を得る事となった。加えて、先週末（4/29）にはDREAM THEATERとマイク・マンジーニのTwitterページは、Royal Weddingに関連するトピックの後にもっともチェックされたTwitterとしてランクインする事となった。</p>
<p>キーボーディストのジョーダン・ルーデスは、マイク・マンジーニとのオーディションの時間をこう語っている。「最初のカウントから最後の曲のまさに一番最後の音まで、マイクのプレイは完璧なタイミングだっただけじゃなく、名人芸とも言うべき音楽性というまがうことないセンスを見せ付けてくれたんだ」</p>
<p>バンドは、彼ら自身にとっての記念碑的決定になるだけではなく、世界中のファンの人生にとっても重大な瞬間となる、という事実に対し、非常にセンシティブに捕らえており、この新たなリズム・セクションを担うメンバーの発表をバンドの伝説に対して非常に敬意を表する形で行った。</p>
<p>「長い間バンド仲間であり友人であった人間を失う事は、まったく予想していなかったし、本当に心が痛んだ」とギタリストのジョン・ペトルーシは語る。「このオーディションを通して、７人もの無限の才能に満ち溢れたドラマーと出会えた事は、とても勇気づけられる出来事だった。でも、マイク・マンジーニという非常にポジティヴなドラマーと一緒にプレイした時、今までの俺たちの音楽的人生という経歴の中でもっとも挑戦しがいのあるエピソードにおいて、まさに希望の光（Silver Lining）を見出したんだ。」</p>
<p>ベーシストのジョン・マイアングもこう語る。「マイク・マンジーニは僕たちをいろいろなレベルにおいて刺激してくれるんだ。彼のアティテュードや見解は非常にポジティヴだ。僕たちとのプレイに没頭するその姿はまさしく唯一のもので、オーディションを通して、僕たちは全員彼の力強い音楽的、そして個性的な存在を感じていたんだ。同時に、僕たちは真なる「団結」も感じた。彼の存在は、僕たちのクリエイティヴなポテンシャルをより広げてくれる事になるだろう。正しい時に正しい人を見つけた、それはまさしく運命が作用したんだと思うよ」</p>
<p>オーディションを通して、シンガーのジェイムズ・ラブリエはマンジーニのポテンシャルに非常に強いバイヴを感じていた。「俺は過去３枚の自分のソロ・アルバムで、幸運な事にマイク・マンジーニと一緒にプレイすることが出来た。だから、彼こそが非常に大きな優勝候補になるってわかっていたよ。彼は俺が今まで一緒にプレイしてきたミュージシャンの中でも、疑うことなく一番知性に満ち、直感的で、解釈的で、音楽的技量を持った人間なんだ」</p>
<p>マイク・マンジーニ自身も、バンドのタイムマスターとして期待されるであろうリズミックかつアーティスティックな責任の重大性、およびDTが今まで培ってきた情熱的かつ献身的な支持者との歴史／関係性の深さを十分に認識している。「僕はただ単に楽曲を覚えるだけじゃなくて、オーディションに向けて念を入れて準備をしてきた」と、これからDTとしての責任を負うことになったマイク・マンジーニは言う。「彼らと一緒にステージにいる所を想像して、まさに伝説である、常に一生懸命働き、与え続けてきたマイク・ポートノイ像をファンに提供する事を念頭に置いていたんだ。彼のためにも、そしてファンやバンドのためにも、DREAM THEATERの魂を受け継いでいくという栄誉を手に入れようと闘ってきた。と同時に、僕はマイクの驚くべきドラミングと音楽的解釈を守っていきたかったんだ。このバンドには伝説的な歴史がある。DTのファンはDTが産み出す音楽にとても情熱的だ。彼らが愛する楽曲は、彼らが愛している通りにプレイされるべきだ。だから、これから僕はその責任も果たしていかなくちゃならない」</p>
<p>バンドのラインナップにマイク・マンジーニを迎え入れたことで、 DREAM THEATERは先へ進み、既にRoadrunner Recordsからの３枚目のアルバムとなる新作のレコーディングをスタートさせている。ギタリスト、ジョン・ペトルーシがプロデュースを担当し、ポール・ノースフィールド（Queensryche, Rush, Porcupine Tree）が過去２作と同じポジション／エンジニアを担当している。また、バンドは2011年7月から、ワールド・ツアーをスタートさせる事も予定されている。</p>
<p>マンジーニは、彼らと共にツアーを行い、DREAM THEATERのファンになぜ彼が選ばれたのか、その理由を証明するときを楽しみにしている。「僕はまさにDREAM THEATERの新しいドラマーになる、というこの重要な節目に興奮しているんだ。信じられないくらい挑戦しがいのある過去の楽曲を消化し、クリエイティヴなアイデアを爆発させ、そしてジェイムズとジョン、ジョン、そしてジョーダンが持ち込んでくる新しいサウンドを予想しながら進んでいくステージは、僕にとってとてつもなく興奮して、楽しめる場所になるはずさ。この機会は、僕のキャリアにおいても間違いなく絶頂の時になる。彼らの中にどんな音楽的天才的な思考が、まだ内に秘められたままのサウンドがあるのか、まったく想像も出来ないよ。彼らと一緒にスタジオに入るのが楽しみで仕方がないんだ。彼らと一緒にプレイする事…、まさに最高の時さ。これこそ僕がやりたかった事なんだ」</p></blockquote>
<p>
<div align=center>
<h2 style="font-weight:bold;color:#FF0000;">Dream Theater &#8211; The Spirit Carries On Trailer </h2>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/yljVzWLlNa0?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/yljVzWLlNa0?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></div>
<p><span id="more-6622"></span></p>
<div align=center>
<h2 style="font-weight:bold;color:#FF0000;">Dream Theater &#8211; The Spirit Carries On Episode 1 </h2>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/L609JsPFmmI?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L609JsPFmmI?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
<p>
<h2 style="font-weight:bold;color:#FF0000;">Dream Theater &#8211; The Spirit Carries On Episode 2</h2>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/-vaDfcKzLbY?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-vaDfcKzLbY?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
<p>
<h2 style="font-weight:bold;color:#FF0000;">Dream Theater &#8211; The Spirit Carries On Episode 3 </h2>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/2QHMQjH17aw?fs=1&amp;hl=ja_JP"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2QHMQjH17aw?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></div>
<p> <br />
<img src="http://feeds.feedburner.com/~r/fc2/xml/~4/pReocJFsSFo" height="1" width="1"/><strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2011/05/23/00/00/00" rel="bookmark" title="2011年5月23日">DTインタビュー(3)「代打、マイクに代わりマイク」に非ず</a></li>
<li><a href="http://charlie432.fool.jp/2011/05/24/00/00/00" rel="bookmark" title="2011年5月24日">John Myung / Progressive Bass Concepts</a></li>
<li><a href="http://charlie432.fool.jp/2007/05/02/23/54/26" rel="bookmark" title="2007年5月2日">DREAM THEATER ～ Systematic Chaos 関連</a></li>
<li><a href="http://charlie432.fool.jp/2011/07/27/06/26/16" rel="bookmark" title="2011年7月27日">High Voltage Festival 2011 /  動画リストと DREAM THEATER ステージ写真をまず１枚</a></li>
<li><a href="http://charlie432.fool.jp/2008/05/31/00/00/00" rel="bookmark" title="2008年5月31日">DREAM THEATER / Live at Budokan (2008)</a></li>
</ol>
<p><!-- Similar Posts took 66.218 ms --></p>
<div id="wherego_related"><h3>このページを見た人は、他にこんな記事を見ています↓</h3><ul><li><a href="http://charlie432.fool.jp/2011/05/23/00/00/00" rel="bookmark" class="wherego_title">DTインタビュー(3)「代打、マイクに代わりマイク」に非ず</a></li><li><a href="http://charlie432.fool.jp/2011/05/21/00/00/00" rel="bookmark" class="wherego_title">DTインタビュー(1) ペト＆ルーデス、マイクについて語る</a></li><li>Powered by <a href="http://ajaydsouza.com/wordpress/plugins/where-did-they-go-from-here/">Where did they go from here?</a></li></ul></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2011/09/10/09/32/59" title="Dream Theater / A Dramatic Turn of Events (2011年9月10日)">Dream Theater / A Dramatic Turn of Events</a> (2)</li>
	<li><a href="http://charlie432.fool.jp/2010/08/09/04/21/14" title="【ライヴ】DREAM THEATER / SUMMER SONIC 2010 @幕張メッセ 2010.08.08 (2010年8月9日)">【ライヴ】DREAM THEATER / SUMMER SONIC 2010 @幕張メッセ 2010.08.08</a> (7)</li>
	<li><a href="http://charlie432.fool.jp/2009/05/08/00/00/00" title="DREAM THEATER / Cleaning Out The Closet (2009年5月8日)">DREAM THEATER / Cleaning Out The Closet</a> (6)</li>
	<li><a href="http://charlie432.fool.jp/2008/12/09/00/00/00" title="DREAM THEATER / Chaos in Motion [DVD Disc 2:BEHIND THE CHAOS ON THE ROAD] (2008年12月9日)">DREAM THEATER / Chaos in Motion [DVD Disc 2:BEHIND THE CHAOS ON THE ROAD]</a> (4)</li>
	<li><a href="http://charlie432.fool.jp/2010/05/18/00/00/00" title="【追悼】ロニー・ジェイムス・ディオ（Ronnie James Dio） (2010年5月18日)">【追悼】ロニー・ジェイムス・ディオ（Ronnie James Dio）</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2011/05/22/00/00/00/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2011/05/22/00/00/00" />
	</item>
		<item>
		<title>CSS3のブラウザ対応状況</title>
		<link>http://charlie432.fool.jp/2011/05/15/00/00/00</link>
		<comments>http://charlie432.fool.jp/2011/05/15/00/00/00#comments</comments>
		<pubDate>Sat, 14 May 2011 15:00:00 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[★Web制作関係]]></category>
		<category><![CDATA[AC]]></category>
		<category><![CDATA[ANATHEMA]]></category>
		<category><![CDATA[ANGRA]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[ANTHRAX]]></category>
		<category><![CDATA[ARCH ENEMY]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[el]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[japan]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[RAN]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[まい]]></category>
		<category><![CDATA[ゲイリー]]></category>
		<category><![CDATA[ジョン]]></category>
		<category><![CDATA[ロック]]></category>
		<category><![CDATA[影]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[森]]></category>
		<category><![CDATA[武田]]></category>
		<category><![CDATA[背景]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[（長文注意です。）


.css2and3 th a {
	display:block;
}
.css2and3 {
	border-collapse:collapse;
	table-layout:fexed;
}
.css2and3 th a {
	display:block;
}
.css2and3 .l {
	width:30%;
}
.css2and3 .c {
	width:7%;
}
.css2and3 th,
.css2and3 td {
	border:1px solid #000;
	padding:3px 1px;;
}
.css2and3 th {
	background:#ccc;
}
.css2and3 thead th,
.css2and3 td {
	text-align:cente
No related posts.]]></description>
			<content:encoded><![CDATA[<p>（長文注意です。）</p>
<p><span id="more-6610"></span></p>
<style type="text/css">
.css2and3 th a {
	display:block;
}
.css2and3 {
	border-collapse:collapse;
	table-layout:fexed;
}
.css2and3 th a {
	display:block;
}
.css2and3 .l {
	width:30%;
}
.css2and3 .c {
	width:7%;
}
.css2and3 th,
.css2and3 td {
	border:1px solid #000;
	padding:3px 1px;;
}
.css2and3 th {
	background:#ccc;
}
.css2and3 thead th,
.css2and3 td {
	text-align:center;
}
.css2and3 tbody th {
	text-align:left;
	padding-left:1em;
}
.css2and3 .iffy {
	background:#ee0;
}
.css2and3 .noSup {
	background:#c00;
	color:#fff;
}
a.css2and3GoTop {
	margin:0px;
	text-align:right;
	display:block;
}
.mg200 {
	margin-top:200px;
}
</style>
<p>「<a href="http://www.nk0206.com/life/2009/08/css-browser-support.html" target="_blank">CSS2~3 ブラウザ対応状況 | A Day in the Life</a>」にあるCSSについて、各ブラウザで試してみたのですが、</p>
<p>量が多いので、毎日、細切れの時間に少しずつやっていたら、Firefox4やIE9がリリースされてしまいました。</p>
<p>OperaやSafariも下の表だとすでに古くなっていますが、ざっくり結論をまとめると、</p>
<p class="emphasis">CSS3はIE以外ではほぼ大丈夫で、IEはほとんど対応していない</p>
<p>と言えると思います。IE9は分かりませんが、いまだIE8以下の人口は多いと思うので、せっかくの便利なCSS3も、現時点ではあまり使う機会がないという悲しき現状です。</p>
<p>以下、誤りがあれば（あると思うので）教えていただきたいと思いますが、修正には時間がかかるかも、、、（汗）</p>
<p><a class="mg200" name="css2and3TableTop"></a></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th><a href="#cssSup01">*</a></th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup02">E</a></th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup03">.class</a></th>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup04">#id</a></th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup05">E F</a></th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup06">E &gt; F</a></th>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup07">E + F</a></th>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup08">E ~ F</a></th>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup09">E[attr]</a></th>
<td class="iffy">△</td>
<td class="iffy">△</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup10">E[attr=val]</a></th>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup11">E[attr~=val]</a></th>
<td>○</td>
<td class="iffy">△</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup12">E[attr|=val]</a></th>
<td>○</td>
<td class="iffy">△</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup13">E[attr^=val]</a></th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup14">E[attr$=val]</a></th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup15">E[attr*=val]</a></th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup16">:link</a></th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup17">:visited</a></th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup18">:lang()</a></th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup19">:before</a></th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup20">::before</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup21">:after</a></th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup22">::after</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup23">:first-child</a></th>
<td>○</td>
<td class="iffy">△</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup24">:first-letter</a></th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup25">::first-letter</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup26">:first-line</a></th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup27">::first-line</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup28">:root</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup29">:last-child</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup30">:only-child</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup31">:nth-child()</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup32">:nth-last-child()</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup33">:first-of-type</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup34">:last-of-type</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup35">:only-of-type</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup36">:nth-of-type()</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup37">:nth-last-of-type()</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup38">:empty</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup39">:not()</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup40">:target</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup41">:enabled</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup42">:disabled</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
<tr>
<th><a href="#cssSup43">:checked</a></th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a name="cssSup01"></a><code class="mg200">*&nbsp;……&nbsp;すべて</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>*</th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>*（アスタリスク）はすべての要素に対する記号で、さすがにIEでも適用されます。</p>
<p><a href="http://charlie432.fool.jp/2011/04/03/00/00/00" target="_blank">マージンの話</a>にも書いたとおり、ブラウザにより値は異なりますが、デフォルトで&lt;body&gt;や&lt;p&gt;は余白を持っているので、最初に一括で初期化したい場合に</p>
<pre class="brush:css">
* {
	margin:0;
}
</pre>
<p>などと書けて便利です。</p>
<style type="text/css">
#css2and3Sample01 .class1 * {
	color:#f00;
}
</style>
<p><b><u>例）class1内のすべての要素の文字を赤く</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
.class1 * {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&nbsp;class=&quot;class1&quot;&gt;
	&lt;h3&gt;class1のh3&lt;/h3&gt;
	&lt;h4&gt;class1のh4&lt;/h4&gt;
	&lt;p&gt;class1のp&lt;/p&gt;
&lt;/div&gt;
&lt;div&nbsp;class=&quot;class2&quot;&gt;
	&lt;h3&gt;class2のh3&lt;/h3&gt;
	&lt;h4&gt;class2のh4&lt;/h4&gt;
	&lt;p&gt;class2のp&lt;/p&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample01">
<div class="class1">
<h3>class1のh3</h3>
<h4>class1のh4</h4>
<p>class1のp</p>
</div>
<div class="class2">
<h3>class2のh3</h3>
<h4>class2のh4</h4>
<p>class2のp</p>
</div>
</div>
<p><a name="cssSup02"></a><code class="mg200">E&nbsp;……&nbsp;要素</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E</th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>エレメント全体にスタイルをかけられます。これもすべてのブラウザに対応していますね。</p>
<style type="text/css">
#css2and3Sample02 h3 {
	color:#f00;
}
#css2and3Sample02 h4 {
	color:#0f0;
}
#css2and3Sample02 p {
	color:#00f;
}
</style>
<p><b><u>例）h3を赤、h4を緑、pを青に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
h3 {
	color:#f00;
}
h4 {
	color:#0f0;
}
p {
	color:#00f;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&nbsp;class=&quot;class1&quot;&gt;
	&lt;h3&gt;class1のh3&lt;/h3&gt;
	&lt;h4&gt;class1のh4&lt;/h4&gt;
	&lt;p&gt;class1のp&lt;/p&gt;
&lt;/div&gt;
&lt;div&nbsp;class=&quot;class2&quot;&gt;
	&lt;h3&gt;class2のh3&lt;/h3&gt;
	&lt;h4&gt;class2のh4&lt;/h4&gt;
	&lt;p&gt;class2のp&lt;/p&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample02">
<div class="class1">
<h3>class1のh3</h3>
<h4>class1のh4</h4>
<p>class1のp</p>
</div>
<div class="class2">
<h3>class2のh3</h3>
<h4>class2のh4</h4>
<p>class2のp</p>
</div>
</div>
<p><a name="cssSup03"></a><code class="mg200">.class名&nbsp;……&nbsp;CLASSセレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>.class</th>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>これが「△」になっているのがあるというのが意外！ですが、それがIEクオリティ。「ピリオド（.）の後にクラス名」でそのクラスに属するエレメントにスタイルを書けます。エレメントの後に続いて記述すれば、後ろから形容詞のように働きかけます。</p>
<style type="text/css">
#css2and3Sample03 p.class1 {
	color:#f00;
}
</style>
<p><b><u>例）class1のpを赤に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
p.class1 {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;h3&nbsp;class=&quot;class1&quot;&gt;class1のh3&lt;/h3&gt;
&lt;p&nbsp;class=&quot;class1&quot;&gt;class1のp&lt;/p&gt;
&lt;h3&nbsp;class=&quot;class2&quot;&gt;class2のh3&lt;/h3&gt;
&lt;p&nbsp;class=&quot;class2&quot;&gt;class2のp&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample03">
<h3 class="class1">class1のh3</h3>
<p class="class1">class1のp</p>
<h3 class="class2">class2のh3</h3>
<p class="class2">class2のp</p>
</div>
<p><a name="cssSup04"></a><code class="mg200">#id&nbsp;……&nbsp;IDセレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>#id</th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>ページ内にユニークなidはIEも含めすべて適応。</p>
<style type="text/css">
#css2and3Sample04 #koba {
	color:#f00;
}
</style>
<p><b><u>例）小林さんだけ赤文字表示</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
#koba {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&gt;山本、武田、宮下、&lt;span&nbsp;sid=&quot;koba&quot;&gt;小林&lt;/span&gt;、中島、ゲイリー&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample04">
<p>山本、武田、宮下、<span id="koba">小林</span>、中島、ゲイリー</p>
</div>
<p><a name="cssSup05"></a><code class="mg200">E F&nbsp;……&nbsp;文脈セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E F</th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>Eの中のFにスタイルを適用させます。「の中の」というのは、子、孫、さらにその子、、、と階層を問わずEの中のFです。</p>
<style type="text/css">
#css2and3Sample05 .class1 p {
	color:#f00;
}
</style>
<p><b><u>例）class1の中のpを赤に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
.class1 p {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&nbsp;class=&quot;class1&quot;&gt;
	&lt;div&nbsp;class=&quot;class2&quot;&gt;
		&lt;p&gt;class1の中のclass2の中のp&lt;/p&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;div&nbsp;class=&quot;class2&quot;&gt;
	&lt;div&nbsp;class=&quot;class1&quot;&gt;
		&lt;p&gt;class2の中のclass1の中のp&lt;/p&gt;
	&lt;/div&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample05">
<div class="class1">
<div class="class2">
<p>class1の中のclass2の中のp</p>
</p></div>
</div>
<div class="class2">
<div class="class1">
<p>class2の中のclass1の中のp</p>
</p></div>
</div>
</div>
<p><a name="cssSup06"></a><code class="mg200">E&nbsp;&gt;&nbsp;F&nbsp;……&nbsp;子セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E &gt; F</th>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>直接の子要素のみに適用して、孫、それ以下には適用されません。IE6ではダメですね。</p>
<style type="text/css">
#css2and3Sample06 .class1>p {
	color:#f00;
}
</style>
<p><b><u>例）class1の直接のpだけを赤文字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
.class1&gt;p {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&nbsp;class=&quot;class1&quot;&gt;
	&lt;p&gt;class1の子のp&lt;/p&gt;
&lt;/div&gt;
&lt;div&nbsp;class=&quot;class1&quot;&gt;
	&lt;div&nbsp;class=&quot;class2&quot;&gt;
		&lt;p&gt;class1の孫（class2の子）のp&lt;/p&gt;
	&lt;/div&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample06">
<div class="class1">
<p>class1の子のp</p>
</div>
<div class="class1">
<div class="class2">
<p>class1の孫（class2の子）のp</p>
</p></div>
</div>
</div>
<p><a name="cssSup07"></a><code class="mg200">E&nbsp;+&nbsp;F&nbsp;……&nbsp;隣接セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E + F</th>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内で同列に存在する要素（兄弟関係の要素）で直後(隣接)に出現する弟要素に適用。</p>
<style type="text/css">
#css2and3Sample07 h3+p {
	color:#f00;
}
</style>
<p><b><u>例）h3の直後にあるpを赤文字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
h3+p {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&nbsp;class=&quot;class1&quot;&gt;
	&lt;h3&gt;class1のh3&lt;/h3&gt;
	&lt;p&gt;class1のh3の直後にいる、同じclass1のp&lt;/p&gt;
	&lt;h3&gt;もう一度class1のh3&lt;/h3&gt;
&lt;/div&gt;
&lt;p&gt;h3の後だけど、class1の外にいるp&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample07">
<div class="class1">
<h3>class1のh3</h3>
<p>class1のh3の直後にいる、同じclass1のp</p>
<h3>もう一度class1のh3</h3>
</div>
<p>h3の後だけど、class1の外にいるp</p>
</div>
<p><a name="cssSup08"></a><code class="mg200">E&nbsp;~&nbsp;F&nbsp;……&nbsp;間接セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E ~ F</th>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p><b>E&nbsp;+&nbsp;F（隣接セレクタ）</b>は「直後」に出現する兄弟関係の要素のみに適用するのに対し、これは兄弟関係ならば直後でなくても適用されます。</p>
<style type="text/css">
#css2and3Sample08 h3~p {
	color:#f00;
}
</style>
<p><b><u>例）</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
h3~p {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&nbsp;class=&quot;class1&quot;&gt;
	&lt;h3&gt;class1のh3&lt;/h3&gt;
	&lt;p&gt;h3の後の、同じclass1のp&lt;/p&gt;
	&lt;p&gt;h3の次の次の、同じclass1のp&lt;/p&gt;
	&lt;h3&gt;class1のh3再び&lt;/h3&gt;
&lt;/div&gt;
&lt;p&gt;h3の後だけど、class1の外にいるp&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample08">
<div class="class1">
<h3>class1のh3</h3>
<p>h3の後の、同じclass1のp</p>
<p>h3の次の次の、同じclass1のp</p>
<h3>class1のh3再び</h3>
</div>
<p>h3の後だけど、class1の外にいるp</p>
</div>
<p><a name="cssSup09"></a><code class="mg200">E[attr]&nbsp;……&nbsp;属性セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E[attr]</th>
<td class="iffy">△</td>
<td class="iffy">△</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>要素内で指定した属性を持つ要素に対して適用します。要素と[&nbsp;]の間は続けないとダメ（半角スペースは入れたらダメ）です。</p>
<style type="text/css">
#css2and3Sample09 p[class] {
	color:#f00;
}
#css2and3Sample09 p[id] {
	color:#00f;
}
</style>
<p><b><u>例）classを持つpを赤、idを持つpを青に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
p[class] {
	color:#f00;
}
p[id] {
	color:#00f;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&nbsp;class=&quot;class1&quot;&gt;class名がclass1のp&lt;p&gt;
&lt;p&nbsp;class=&quot;class2&quot;&gt;class名がclass2のp&lt;p&gt;
&lt;p&nbsp;id=&quot;id1&quot;&gt;id名がid1のp&lt;p&gt;
&lt;p&nbsp;id=&quot;id2&quot;&gt;id名がid1のp&lt;p&gt;
&lt;p&gt;idもclassもないp&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample09">
<p class="class1">class名がclass1のp
<p class="class2">class名がclass2のp
<p id="id1">id名がid1のp
<p id="id2">id名がid1のp
<p>idもclassもないp</p>
</div>
<p><a name="cssSup10"></a><code class="mg200">E[attr=val]&nbsp;……&nbsp;属性セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E[attr=val]</th>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>要素内で指定した属性と値が一致した要素に対して適用します。要素と[&nbsp;]の間は続けないとダメ（半角スペースは入れたらダメ）です。[属性=値]の値は、ダブルクォーテーション（&quot;&quot;）で囲まなくてもうまくいきました。</p>
<style type="text/css">
#css2and3Sample10 input[type="button"] {
	color:#f00;
}
#css2and3Sample10 input[value="これは緑"] {
	color:#0f0;
}
#css2and3Sample10 input[type="button"][name="sample"] {
	color:#00f;
}
</style>
<p><b><u>例）typeがbuttonのものは赤字、valueが「これは緑」のものは緑、typeがbuttonでnameが「sample」のものは青字。</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
input[type=&quot;button&quot;] {
	color:#f00;
}
input[value=&quot;これは緑&quot;] {
	color:#0f0;
}
input[type=&quot;button&quot;][name=&quot;sample&quot;] {
	color:#00f;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;typeはbutton&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;これは緑&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;name=&quot;sample&quot;&nbsp;value=&quot;typeはbutton、nameはsample&quot;&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample10">
<input type="button" value="typeはbutton"></p>
<input type="text" value="これは緑"></p>
<input type="button" name="sample" value="typeはbutton、nameはsample">
</div>
<p><a name="cssSup11"></a><code class="mg200">E[attr^=val]&nbsp;……&nbsp;属性セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E[attr~=val]</th>
<td>○</td>
<td class="iffy">△</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>要素内で指定した属性に指定した値が含まれている場合に適用されます。「含まれる」とは文字を含むということではなく、複数の値のうちどれかが一致するという意味。[&nbsp;]の前にスペースは不可。[属性=値]の右辺に&quot;&nbsp;&quot;がなくてもうまくいきました（今後、これは省略します）。</p>
<style type="text/css">
#css2and3Sample11 input[value~="赤"] {
	color:#f00;
}
#css2and3Sample11 *[class~="class1"] {
	color:#00f;
}
</style>
<p><b><u>例）valueが「赤」のinputを赤字に、classに「class1」があるものを青字に。</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
input[value~=&quot;赤&quot;]&nbsp;{
	color:#f00;
}
*[class~=&quot;class1&quot;]&nbsp;{
	color:#00f;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;赤ちゃん&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;赤&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;赤組&quot;&gt;&lt;br&nbsp;/&gt;
&lt;h3&nbsp;class=&quot;class1&quot;&gt;classが「class1」のh3&lt;/h3&gt;
&lt;p&nbsp;class=&quot;class2&quot;&gt;classが「class2」のp&lt;/p&gt;
&lt;div&nbsp;class=&quot;class1&nbsp;class2&quot;&gt;classが「class1」と「class2」のdiv&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample11">
<input type="button" value="赤ちゃん"></p>
<input type="text" value="赤"></p>
<input type="text" value="赤組"></p>
<h3 class="class1">classが「class1」のh3</h3>
<p class="class2">classが「class2」のp</p>
<div class="class1 class2">classが「class1」と「class2」のdiv</div>
</div>
<p><a name="cssSup12"></a><code class="mg200">E[attr|=val]&nbsp;……&nbsp;属性セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E[attr|=val]</th>
<td>○</td>
<td class="iffy">△</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>lang属性で指定した言語をセレクタとする場合に用いられます。（参考）「<a href="http://hyper-text.org/archives/2007/01/css_electors_reference.shtml" target="_blank">CSS セレクタに関するおさらい | WWW WATCH</a>」など。</p>
<style type="text/css">
#css2and3Sample12 a[hreflang|="en"] {
	color:#f00;
}
#css2and3Sample12 a[hreflang|="ja"] {
	color:#0f0;
}
</style>
<p><b><u>例）リンク先が英語のページを赤字に、日本語ページを緑に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
a[hreflang|=&quot;en&quot;] {
	color:#f00;
}
a[hreflang|=&quot;ja&quot;] {
	color:#0f0;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;a&nbsp;href=&quot;http://www.yahoo.com/&quot;&nbsp;target=&quot;_blank&quot;&nbsp;hreflang=&quot;en&quot;&gt;Yahoo!&lt;/a&gt;&lt;br&nbsp;/&gt;
&lt;a&nbsp;href=&quot;http://www.yahoo.co.jp/&quot;&nbsp;target=&quot;_blank&quot;&nbsp;hreflang=&quot;ja&quot;&gt;Yahoo!&nbsp;JAPAN&lt;/a&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample12">
<a href="http://www.yahoo.com/" target="_blank" hreflang="en">Yahoo!</a><br />
<a href="http://www.yahoo.co.jp/" target="_blank" hreflang="ja">Yahoo! JAPAN</a>
</div>
<p><a name="cssSup13"></a><code class="mg200">E[attr^=val]&nbsp;……&nbsp;属性セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E[attr^=val]</th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>要素内で指定した属性の値の文字の中で前方向の文字（冒頭）が一致した場合に適用されます。</p>
<style type="text/css">
#css2and3Sample13 input[value^="赤"] {
	color:#f00;
}
</style>
<p><b><u>例）valueが「赤」で始まるinputの文字を赤に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
input[value^=&quot;赤&quot;] {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;赤ちゃん&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;赤&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;赤組&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;泣いた赤おに&quot;&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample13">
<input type="button" value="赤ちゃん"></p>
<input type="button" value="赤"></p>
<input type="text" value="赤組"></p>
<input type="text" value="泣いた赤おに">
</div>
<p><a name="cssSup14"></a><code class="mg200">E[attr$=val]&nbsp;……&nbsp;属性セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E[attr$=val]</th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>要素内で指定した属性の値の文字の中で前方向の文字（末尾）が一致した場合に適用されます。</p>
<style type="text/css">
#css2and3Sample14 input[value$="ちゃん"] {
	color:#f00;
}
</style>
<p><b><u>例）ニックネームが「ちゃん」で終わる人（valueが「赤」で終わるinput）を赤文字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
input[value$=&quot;ちゃん&quot;] {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;春風ちゃん&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;トメさん&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;山本君&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;よっし～&quot;&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample14">
<input type="button" value="春風ちゃん"></p>
<input type="button" value="トメさん"></p>
<input type="text" value="山本君"></p>
<input type="text" value="よっし～">
</div>
<p><a name="cssSup15"></a><code class="mg200">E[attr*=val]&nbsp;……&nbsp;属性セレクタ</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>E[attr*=val]</th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>要素内で指定した属性の値に指定した文字が含まれる場合に適用されます（ワイルドカード）。</p>
<style type="text/css">
#css2and3Sample15 input[value*="赤"] {
	color:#f00;
}
</style>
<p><b><u>例）inputのvalueに「赤」という文字を含むものを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
input[value*=&quot;赤&quot;] {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;赤ひげ危機一髪&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;赤坂見附&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;今日も髪の毛の色は赤&quot;&gt;&lt;br&nbsp;/&gt;
&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;あそこは赤道直下&quot;&gt;&lt;br&nbsp;/&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample15">
<input type="button" value="赤ひげ危機一髪"></p>
<input type="button" value="赤坂見附"></p>
<input type="text" value="今日も髪の毛の色は赤"></p>
<input type="text" value="あそこは赤道直下">
</div>
<p><a name="cssSup16"></a><code class="mg200">:link&nbsp;……&nbsp;リンク疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:link</th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>未訪問のリンク（a要素のみ）に適用されます。他の疑似クラスと比較すると理解しやすいですが、書くのが面倒なので<a href="http://park19.wakwak.com/~zashiki/css-make/pseudo.html" target="_blank">ここら辺</a>を参照してください。</p>
<style type="text/css">
#css2and3Sample16 a:link {
	color:#0a0;
}
</style>
<p><b><u>例）未訪問のページへのリンクを緑に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
a:link {
	color:#0a0;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&gt;&lt;a&nbsp;href=&quot;aaa&quot;&nbsp;target=&quot;_blank&quot;&gt;存在しないページへのへのリンク（だからOpera以外では常に未訪問）&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;「存在しないページへのへのリンク（だからOpera以外では常に未訪問）」という文字&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample16">
<p><a href="aaa" target="_blank">存在しないページへのへのリンク（だからOpera以外では常に未訪問）</a></p>
<p>「存在しないページへのへのリンク（だからOpera以外では常に未訪問）」という文字</p>
</div>
<p><a name="cssSup17"></a><code class="mg200">:visited&nbsp;……&nbsp;リンク疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:visited</th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>訪問済みのリンク（a要素のみ）に適用されます。他の疑似クラスと比較すると理解しやすいですが、書くのが面倒なので<a href="http://park19.wakwak.com/~zashiki/css-make/pseudo.html" target="_blank">ここら辺</a>を参照してください。</p>
<style type="text/css">
#css2and3Sample17 a:visited {
	color:#090;
}
</style>
<p><b><u>例）訪問済みのページへのリンクを緑に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
a:visited {
	color:#090;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&gt;&lt;a&nbsp;href=&quot;http://www.google.co.jp/&quot;&nbsp;target=&quot;_blank&quot;&gt;googleへのリンク&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;↑すでに訪問してあれば緑色↑&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample17">
<p><a href="http://www.google.co.jp/" target="_blank">googleへのリンク</a></p>
<p>↑すでに訪問してあれば緑色↑</p>
</div>
<p><a name="cssSup18"></a><code class="mg200">:lang&nbsp;……&nbsp;擬似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:lang()</th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>特定の言語を指定されている要素を対象にスタイルを適用します。言語コードには、ja（日本語）、en（英語）、fr（フランス語）、zh（中国語）などがあります。</p>
<style type="text/css">
#css2and3Sample18 p:lang(ja) {
	color:#f00;
}
#css2and3Sample18 p:lang(en) {
	color:#0f0;
}
#css2and3Sample18 p:lang(fr) {
	color:#00f;
}
#css2and3Sample18 p:lang(zh) {
	color:#f0f;
}
</style>
<p><b><u>例）日本語を赤、英語を緑、フランス語を青、中国語を紫に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
p:lang(ja) {
	color:#f00;
}
p:lang(en) {
	color:#0f0;
}
p:lang(fr) {
	color:#00f;
}
p:lang(zh) {
	color:#f0f;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&nbsp;lang=&quot;ja&quot;&gt;日本&lt;/p&gt;
&lt;p&nbsp;lang=&quot;en&quot;&gt;United&nbsp;Kingdom&lt;/p&gt;
&lt;p&nbsp;lang=&quot;fr&quot;&gt;France&lt;/p&gt;
&lt;p&nbsp;lang=&quot;zh&quot;&gt;中国&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample18">
<p lang="ja">日本</p>
<p lang="en">United Kingdom</p>
<p lang="fr">France</p>
<p lang="zh">中国</p>
</div>
<p><a name="cssSup19"></a><code class="mg200">:before&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:before</th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>指定した要素の前に適用します。「:before」はCSS2、「::before」はCSS3です。</p>
<style type="text/css">
#css2and3Sample19 a[href]:before {
	content:"ここをクリック→";
	color:#f00;
}
</style>
<p><b><u>例）hrefをもつaの前に赤字で「ここをクリック→」と表示</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
a[href]:before&nbsp;{
	content:&quot;ここをクリック→&quot;;
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&gt;&lt;a&nbsp;href=&quot;http://www.google.co.jp/&quot;&nbsp;target=&quot;_blank&quot;&gt;Google&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a&nbsp;href=&quot;http://www.yahoo.co.jp/&quot;&nbsp;target=&quot;_blank&quot;&gt;Yahoo!&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a&gt;&amp;lt;a&amp;gt;に囲まれているけど、リンク先は指定されていません&lt;/a&gt;&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample19">
<p><a href="http://www.google.co.jp/" target="_blank">Google</a></p>
<p><a href="http://www.yahoo.co.jp/" target="_blank">Yahoo!</a></p>
<p><a>&lt;a&gt;に囲まれているけど、リンク先は指定されていません</a></p>
</div>
<p><a name="cssSup20"></a><code class="mg200">::before&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>::before</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>指定した要素の前に適用します。「:before」はCSS2、「::before」はCSS3です。</p>
<style type="text/css">
#css2and3Sample20 input[value*="山本"]:before {
	content:"山本さん発見！→";
	color:#f00;
}
</style>
<p><b><u>例）山本さんを見つけます</u></b><br />（この例だと、&lt;input&gt;のタグが壊れちゃいますね）</p>
<p>CSS↓</p>
<pre class="brush:css">
input[value*=&quot;山本&quot;]:before&nbsp;{
	content:&quot;山本さん発見！→&quot;;
	color:#f00;
}&lt;/p&gt;
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;三島&quot;&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;ジョンソン&quot;&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;中島&quot;&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;森田&quot;&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;山本&quot;&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;小林&quot;&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;アレックス&quot;&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;王&quot;&nbsp;/&gt;
&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;東&quot;&nbsp;/&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample20">
<input type="button" value="三島" />
<input type="button" value="ジョンソン" />
<input type="button" value="中島" />
<input type="button" value="森田" />
<input type="button" value="山本" />
<input type="button" value="小林" />
<input type="button" value="アレックス" />
<input type="button" value="王" />
<input type="button" value="東" />
</div>
<p><a name="cssSup21"></a><code class="mg200">:after&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:after</th>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>指定した要素の後に適用します。「:after」はCSS2、「::after」はCSS3です。</p>
<style type="text/css">
#css2and3Sample21 p:after {
	color:#f00;
	content:"←←←←";
}
</style>
<p><b><u>例）pの後に赤字で「←←←←」と挿入します</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
p:after&nbsp;{
	color:#f00;
	content:&quot;←←←←&quot;;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;これはdivです&lt;/div&gt;
&lt;p&gt;これはpです&lt;/p&gt;
&lt;h3&gt;これはh3です&lt;/h3&gt;
&lt;p&gt;これはpです&lt;/p&gt;
&lt;div&gt;これはdivです&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample21">
<div>これはdivです</div>
<p>これはpです</p>
<h3>これはh3です</h3>
<p>これはpです</p>
<div>これはdivです</div>
</div>
<p><a name="cssSup22"></a><code class="mg200">::after&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>::after</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>指定した要素の後に適用します。「:after」はCSS2、「::after」はCSS3です。</p>
<p>下の例だとOperaしかうまくいかない？</p>
<style type="text/css">
#css2and3Sample22 input[type=text]::after {
	content:"←ここに記入";
}
#css2and3Sample22 input[type=button]::after {
	content:"←ここをクリック";
}
</style>
<p><b><u>例）textタイプのinputの後に「ここに記入」、buttonタイプのinputの後に「ここをクリック」と付け加えます。</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
input[type=text]::after&nbsp;{
	content:&quot;←ここに記入&quot;;
}
input[type=button]::after&nbsp;{
	content:&quot;←ここをクリック&quot;;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&gt;&lt;input&nbsp;type=&quot;text&quot;&nbsp;value=&quot;sample&quot;&gt;&lt;/p&gt;
&lt;p&gt;&lt;input&nbsp;type=&quot;button&quot;&nbsp;value=&quot;sample&quot;&gt;&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample22">
<input type="text" value="sample">
<input type="button" value="sample">
</div>
<p><a name="cssSup23"></a><code class="mg200">:first-child&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:first-child</th>
<td>○</td>
<td class="iffy">△</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内で最初に出現する子要素に適用されます。ただし、それより前に、違った要素が兄弟関係である場合は適用されません。そんな場合は「first-of-type疑似要素」を使うことによって適用されます。</p>
<style type="text/css">
#css2and3Sample16 p:first-child {
	color:#f00;
} 
</style>
<p><b><u>例）最初の要素（ただしp）を赤文字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
p:first-child {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&nbsp;class=&quot;class1&quot;&gt;
	&lt;p&gt;class1内の最初のp&lt;/p&gt;
	&lt;p&gt;class1内の2番目のp&lt;/p&gt;
&lt;/div&gt;
&lt;div&nbsp;class=&quot;class2&quot;&gt;
	&lt;h3&gt;class2内の最初のh3&lt;/h3&gt;
	&lt;p&gt;class2内の、pとしては最初だけど2番目の要素&lt;/p&gt;
	&lt;p&gt;class2内の、pとしては2番目だけど3番目の要素&lt;/p&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample16">
<div class="class1">
<p>class1内の最初のp</p>
<p>class1内の2番目のp</p>
</div>
<div class="class2">
<h3>class2内の最初のh3</h3>
<p>class2内の、pとしては最初だけど2番目の要素</p>
<p>class2内の、pとしては2番目だけど3番目の要素</p>
</div>
</div>
<p><a name="cssSup24"></a><code class="mg200">:first-letter&nbsp;……&nbsp;疑似要素</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:first-letter</th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>最初の一文字にのみ適用。※ブロック要素にのみ有効。「:first-letter」はCSS1、「::first-letter」はCSS3です。</p>
<style type="text/css">
#css2and3Sample24 p:first-letter,
#css2and3Sample24 span:first-letter {
	font-size:x-large;
}
</style>
<p><b><u>例）pとspanの１文字目を大きくするようにcssを指定。spanはブロック要素ではないので効きません。</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
p:first-letter,
span:first-letter {
	font-size:x-large;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&gt;ブロック要素のp&lt;/p&gt;
&lt;span&gt;インライン要素のspan&lt;/span&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample24">
<p>ブロック要素のp</p>
<p><span>インライン要素のspan</span>
</div>
<p><a name="cssSup25"></a><code class="mg200">::first-letter&nbsp;……&nbsp;疑似要素</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>::first-letter</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>最初の一文字にのみ適用。※ブロック要素にのみ有効。「:first-letter」はCSS1、「::first-letter」はCSS3です。</p>
<style type="text/css">
#css2and3Sample25 h3::first-letter,
#css2and3Sample25 a::first-letter {
	font-size:x-large;
}
</style>
<p><b><u>例）h3とaの１文字目を大きくするようにcssを指定。aはブロック要素ではないので効きません。</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
h3::first-letter,
a::first-letter {
	font-size:x-large;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;h3&gt;ブロック要素のh3&lt;/h3&gt;
&lt;a&gt;インライン要素のa&lt;/a&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample25">
<h3>ブロック要素のh3</h3>
<p><a>インライン要素のa</a>
</div>
<p><a name="cssSup26"></a><code class="mg200">:first-line&nbsp;……&nbsp;疑似要素</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:first-line</th>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>最初の一行にのみ適用。 ※ブロック要素にのみ有効。「:first-line」はCSS1、「::first-line」はCSS3です。</p>
<style type="text/css">
#css2and3Sample26 p:first-line,
#css2and3Sample26 span:first-line {
	color:#f00;
}
</style>
<p><b><u>例）pとspanの１行目を赤くするようにcssを指定。spanはブロック要素ではないので効きません。</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
p:first-line,
span:first-line {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&gt;pの1行目&lt;br&nbsp;/&gt;pの2行目&lt;/p&gt;
&lt;p&gt;pの1行目&lt;br&nbsp;/&gt;pの2行目&lt;/p&gt;
&lt;span&gt;spanの1行目&lt;br&nbsp;/&gt;spanの2行目&lt;/span&gt;
&lt;p&gt;pの1行目&lt;br&nbsp;/&gt;pの2行目&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample26">
<p>pの1行目<br />pの2行目</p>
<p>pの1行目<br />pの2行目</p>
<p><span>spanの1行目<br />spanの2行目</span></p>
<p>pの1行目<br />pの2行目</p>
</div>
<p><a name="cssSup27"></a><code class="mg200">::first-line&nbsp;……&nbsp;疑似要素</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>::first-line</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>最初の一行にのみ適用。 ※ブロック要素にのみ有効。「:first-line」はCSS1、「::first-line」はCSS3です。</p>
<style type="text/css">
#css2and3Sample27 div::first-line,
#css2and3Sample27 big::first-line {
	color:#f00;
}
</style>
<p><b><u>例）divとbigの１行目を赤くするようにcssを指定。bigはブロック要素ではないので効きません。</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div::first-line,
big::first-line {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;divの1行目&lt;br&nbsp;/&gt;divの2行目&lt;/div&gt;
&lt;div&gt;divの1行目&lt;br&nbsp;/&gt;divの2行目&lt;/div&gt;
&lt;big&gt;bigの1行目&lt;br&nbsp;/&gt;bigの2行目&lt;/big&gt;
&lt;div&gt;divの1行目&lt;br&nbsp;/&gt;divの2行目&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample27">
<div>divの1行目<br />divの2行目</div>
<div>divの1行目<br />divの2行目</div>
<p><big>bigの1行目<br />bigの2行目</big></p>
<div>divの1行目<br />divの2行目</div>
</div>
<p><a name="cssSup28"></a><code class="mg200">:root&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:root</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>ドキュメント内のルート要素に適用。(X)HTMLにおいてはhtml要素、XMLにおいてはDTDで指定されたルート要素。</p>
<p><b><u>例）を書くのは難しいので、<a href="http://builder.japan.zdnet.com/html-css/sp_css-firefox-safari/20387778/1/" target="_blank">CSS 3のセレクタ解説：:root、:not、:empty、:target &#8211; builder</a>を参照。</u></b></p>
<p><a name="cssSup29"></a><code class="mg200">:last-child&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:last-child</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内で最後に出現する子要素に適用。※指定した子要素の後に同列の要素(兄弟要素)がある場合適用されないので注意(同列要素が存在する可能性がある場合はlast-of-type疑似クラスを利用)。</p>
<style type="text/css">
#css2and3Sample29 div p:last-child {
	color:#f00;
}
</style>
<p><b><u>例）div内の最後のpを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div p:last-child {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;p&gt;div内の最初のp&lt;/p&gt;
	&lt;p&gt;div内の2番目のp&lt;/p&gt;
	&lt;p&gt;div内の3番目のp&lt;/p&gt;
	&lt;p&gt;div内の最後のp&lt;/p&gt;
&lt;/div&gt;
&lt;dl&gt;
	&lt;dd&gt;
		&lt;p&gt;dd内の最初のp&lt;/p&gt;
		&lt;p&gt;dd内の2番目のp&lt;/p&gt;
		&lt;p&gt;dd内の3番目のp&lt;/p&gt;
		&lt;p&gt;dd内の最後のp&lt;/p&gt;
	&lt;/dd&gt;
&lt;/dl&gt;
&lt;div&gt;
	&lt;p&gt;div内の最初のp&lt;/p&gt;
	&lt;p&gt;div内の2番目のp&lt;/p&gt;
	&lt;p&gt;div内の最後のpだけど、div内では最後から2番目&lt;/p&gt;
	&lt;span&gt;div内の最後にあるspan&lt;/span&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample29">
<div>
<p>div内の最初のp</p>
<p>div内の2番目のp</p>
<p>div内の3番目のp</p>
<p>div内の最後のp</p>
</div>
<dl>
<dd>
<p>dd内の最初のp</p>
<p>dd内の2番目のp</p>
<p>dd内の3番目のp</p>
<p>dd内の最後のp</p>
</dd>
</dl>
<div>
<p>div内の最初のp</p>
<p>div内の2番目のp</p>
<p>div内の最後のpだけど、div内では最後から2番目</p>
<p>	<span>div内の最後にあるspan</span>
</div>
</div>
<p><a name="cssSup30"></a><code class="mg200">:only-child&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:only-child</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内で唯一の子要素しか存在しない場合に適用。指定した子要素の他に同列の要素(兄弟要素)が存在する場合は適用されない（要素の種類にかかわらず、1つしか要素がない場合しか適用されない）ので注意(同列要素が存在する可能性がある場合はonly-of-type疑似クラスを利用)。</p>
<style type="text/css">
#css2and3Sample30 p:only-child {
	color:#f00;
}
</style>
<p><b><u>例）同列要素が他にないpを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
p:only-child {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;p&gt;divの中にpが1つ&lt;/p&gt;
&lt;/div&gt;

&lt;hr&nbsp;/&gt;

&lt;div&gt;
	&lt;p&gt;divの中にpが2つ&lt;/p&gt;
	&lt;p&gt;divの中にpが2つ&lt;/p&gt;
&lt;/div&gt;

&lt;hr&nbsp;/&gt;

&lt;div&gt;
	&lt;div&gt;divの中にdivが1つ&lt;/div&gt;
&lt;/div&gt;

&lt;hr&nbsp;/&gt;

&lt;div&gt;
	&lt;div&gt;divの中にdivが4つ&lt;/div&gt;
	&lt;div&gt;divの中にdivが4つ&lt;/div&gt;
	&lt;p&gt;divの中にpが1つ&lt;/p&gt;
	&lt;div&gt;divの中にdivが4つ&lt;/div&gt;
	&lt;div&gt;divの中にdivが4つ&lt;/div&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample30">
<div>
<p>divの中にpが1つ</p>
</div>
<hr />
<div>
<p>divの中にpが2つ</p>
<p>divの中にpが2つ</p>
</div>
<hr />
<div>
<div>divの中にdivが1つ</div>
</div>
<hr />
<div>
<div>divの中にdivが4つ</div>
<div>divの中にdivが4つ</div>
<p>divの中にpが1つ</p>
<div>divの中にdivが4つ</div>
<div>divの中にdivが4つ</div>
</div>
</div>
<p><a name="cssSup31"></a><code class="mg200">:nth-child()&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:nth-child()</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内のn番目の子要素に適用。odd(奇数)、even(偶数)を指定することや3n+1,3n+2,3n+3の様な指定で3つのグループを繰り返す事が可能。※親要素内の子要素全てにあてはまるので注意(同列の要素が存在する可能性がある場合はnth-of-type疑似クラスを利用)。</p>
<style type="text/css">
#css2and3Sample31 td:nth-child(7n+3) {
	color:#f00;
}
</style>
<p><b><u>例）水曜日を赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
td:nth-child(7n+3) {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;table&gt;
	&lt;tr&gt;
		&lt;td&gt;月&lt;/td&gt;
		&lt;td&gt;火&lt;/td&gt;
		&lt;td&gt;水&lt;/td&gt;
		&lt;td&gt;木&lt;/td&gt;
		&lt;td&gt;金&lt;/td&gt;
		&lt;td&gt;土&lt;/td&gt;
		&lt;td&gt;日&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td&gt;月&lt;/td&gt;
		&lt;td&gt;火&lt;/td&gt;
		&lt;td&gt;水&lt;/td&gt;
		&lt;td&gt;木&lt;/td&gt;
		&lt;td&gt;金&lt;/td&gt;
		&lt;td&gt;土&lt;/td&gt;
		&lt;td&gt;日&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td&gt;月&lt;/td&gt;
		&lt;td&gt;火&lt;/td&gt;
		&lt;td&gt;水&lt;/td&gt;
		&lt;td&gt;木&lt;/td&gt;
		&lt;td&gt;金&lt;/td&gt;
		&lt;td&gt;土&lt;/td&gt;
		&lt;td&gt;日&lt;/td&gt;
	&lt;/tr&gt;
	&lt;tr&gt;
		&lt;td&gt;月&lt;/td&gt;
		&lt;td&gt;火&lt;/td&gt;
		&lt;td&gt;水&lt;/td&gt;
		&lt;td&gt;木&lt;/td&gt;
		&lt;td&gt;金&lt;/td&gt;
		&lt;td&gt;土&lt;/td&gt;
		&lt;td&gt;日&lt;/td&gt;
	&lt;/tr&gt;
&lt;/table&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample31">
<table>
<tr>
<td>月</td>
<td>火</td>
<td>水</td>
<td>木</td>
<td>金</td>
<td>土</td>
<td>日</td>
</tr>
<tr>
<td>月</td>
<td>火</td>
<td>水</td>
<td>木</td>
<td>金</td>
<td>土</td>
<td>日</td>
</tr>
<tr>
<td>月</td>
<td>火</td>
<td>水</td>
<td>木</td>
<td>金</td>
<td>土</td>
<td>日</td>
</tr>
<tr>
<td>月</td>
<td>火</td>
<td>水</td>
<td>木</td>
<td>金</td>
<td>土</td>
<td>日</td>
</tr>
</table>
</div>
<p><a name="cssSup32"></a><code class="mg200">:nth-last-child()&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:nth-last-child()</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内の最後から数えてn番目の子要素に適用。※指定した子要素より後に同列の要素が存在する場合はその要素も数に数えられるので注意(同列要素に影響されたく無い場合は:nth-last-of-type疑似クラスを利用)。</p>
<style type="text/css">
#css2and3Sample32 div *:nth-last-child(3) {
	color:#f00;
}
</style>
<p><b><u>例）div内の最後から3番目にある要素を赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div *:nth-last-child(3) {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;h2&gt;h2&lt;/h2&gt;
	&lt;h3&gt;h3&lt;/h3&gt;
	&lt;h4&gt;h4&lt;/h4&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;h5&gt;h5&lt;/h5&gt;
	&lt;h6&gt;h6&lt;/h6&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample32">
<div>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<p>p</p>
<p>p</p>
<p>p</p>
<h5>h5</h5>
<h6>h6</h6>
</div>
</div>
<p><a name="cssSup33"></a><code class="mg200">:first-of-type&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:first-of-type</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内で最初に出現する要素に適用(同列の要素を省く)。</p>
<style type="text/css">
#css2and3Sample33 div p:first-of-type {
	color:#f00;
}
</style>
<p><b><u>例）div内の最初に出てくるpを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div p:first-of-type {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;h2&gt;h2&lt;/h2&gt;
	&lt;h3&gt;h3&lt;/h3&gt;
	&lt;h4&gt;h4&lt;/h4&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;h5&gt;h5&lt;/h5&gt;
	&lt;h6&gt;h6&lt;/h6&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample33">
<div>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<p>p</p>
<p>p</p>
<p>p</p>
<h5>h5</h5>
<h6>h6</h6>
</div>
</div>
<p><a name="cssSup34"></a><code class="mg200">:last-of-type&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:last-of-type</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内で最後に出現する要素に適用(同列の要素を省く)。</p>
<style type="text/css">
#css2and3Sample34 div p:last-of-type {
	color:#f00;
}
</style>
<p><b><u>例）div内の最後に出てくるpを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div p:last-of-type {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;h2&gt;h2&lt;/h2&gt;
	&lt;h3&gt;h3&lt;/h3&gt;
	&lt;h4&gt;h4&lt;/h4&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;h5&gt;h5&lt;/h5&gt;
	&lt;h6&gt;h6&lt;/h6&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample34">
<div>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<p>p</p>
<p>p</p>
<p>p</p>
<h5>h5</h5>
<h6>h6</h6>
</div>
</div>
<p><a name="cssSup35"></a><code class="mg200">:only-of-type&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:only-of-type</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内で唯一の要素に適用(同列の要素が存在していても適用される)。</p>
<style type="text/css">
#css2and3Sample35 div *:only-of-type {
	color:#f00;
}
</style>
<p><b><u>例）div内で、一つしかない種類の要素を赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div *:only-of-type {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;h2&gt;h2&lt;/h2&gt;
	&lt;h3&gt;h3&lt;/h3&gt;
	&lt;h4&gt;h4&lt;/h4&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;h5&gt;h5&lt;/h5&gt;
	&lt;h6&gt;h6&lt;/h6&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample35">
<div>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<p>p</p>
<p>p</p>
<p>p</p>
<h5>h5</h5>
<h6>h6</h6>
</div>
</div>
<p><a name="cssSup36"></a><code class="mg200">:nth-of-type()&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:nth-of-type()</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内のn番目の子要素に適用(同列の要素を省く)。</p>
<style type="text/css">
#css2and3Sample36 div p:nth-of-type(2) {
	color:#f00;
}
</style>
<p><b><u>例）div内の2番目のpを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div p:nth-of-type(2) {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;h2&gt;h2&lt;/h2&gt;
	&lt;h3&gt;h3&lt;/h3&gt;
	&lt;h4&gt;h4&lt;/h4&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;h5&gt;h5&lt;/h5&gt;
	&lt;h6&gt;h6&lt;/h6&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample36">
<div>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<p>p</p>
<p>p</p>
<p>p</p>
<h5>h5</h5>
<h6>h6</h6>
</div>
</div>
<p><a name="cssSup37"></a><code class="mg200">:nth-last-of-type()&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:nth-last-of-type()</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内の後からn番目の子要素に適用(同列の要素を省く)。</p>
<style type="text/css">
#css2and3Sample37 div p:nth-last-of-type(3) {
	color:#f00;
}
</style>
<p><b><u>例）div内の後ろから3番目のpを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div p:nth-last-of-type(3) {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;h2&gt;h2&lt;/h2&gt;
	&lt;h3&gt;h3&lt;/h3&gt;
	&lt;h4&gt;h4&lt;/h4&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;p&gt;p&lt;/p&gt;
	&lt;h5&gt;h5&lt;/h5&gt;
	&lt;h6&gt;h6&lt;/h6&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample37">
<div>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<p>p</p>
<p>p</p>
<p>p</p>
<h5>h5</h5>
<h6>h6</h6>
</div>
</div>
<p><a name="cssSup38"></a><code class="mg200">:empty&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:empty</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td class="iffy">△</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>親要素内の後からn番目の子要素に適用(同列の要素を省く)。</p>
<style type="text/css">
#css2and3Sample38 div table {
	border-collapse:collapse;
	margin:10px;
}
#css2and3Sample38 div table td {
	border:1px solid #000;
	background:#fff;
	width:50%;
}
#css2and3Sample38 div textarea {
	display:block;
	margin:10px;
}
#css2and3Sample38 div *:empty {
	background:#f00;
}
</style>
<p><b><u>例）div内のテーブルやテキストエリアの空要素の背景を赤に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div table {
	border-collapse:collapse;
	margin:10px;
}
div table td {
	border:1px solid #000;
	background:#fff;
	width:50%;
}
div textarea {
	display:block;
	margin:10px;
}
div *:empty {
	background:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;table&gt;
		&lt;tr&gt;
			&lt;td&gt;右上は改行、左下は半角スペース、右下は空&lt;/td&gt;
			&lt;td&gt;&lt;br&nbsp;/&gt;&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;&amp;nbsp&lt;/td&gt;
			&lt;td&gt;&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/table&gt;
	&lt;textarea&gt;次は半角スペース、次の次は空&lt;/textarea&gt;
	&lt;textarea&gt;&amp;nbsp;&lt;/textarea&gt;
	&lt;textarea&nbsp;placeholder=&quot;この中は空要素&quot;&gt;&lt;/textarea&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample38">
<div>
<table>
<tr>
<td>右上は改行、左下は半角スペース、右下は空</td>
<td></td>
</tr>
<tr>
<td>&#038;nbsp</td>
<td></td>
</tr>
</table>
<p>	<textarea>次は半角スペース、次の次は空</textarea><br />
	<textarea>&nbsp;</textarea><br />
	<textarea placeholder="この中は空要素"></textarea>
</div>
</div>
<p><a name="cssSup39"></a><code class="mg200">:not()&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:not()</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>指定した値以外の要素に適用。</p>
<style type="text/css">
#css2and3Sample39 div p:not(#not) {
	color:#f00;
}
</style>
<p><b><u>例）「not」というidを振られたものを除いてdiv内のpを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div p:not(#not) {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;div&gt;
	&lt;h3&gt;A&lt;/h3&gt;
	&lt;p&gt;Anathema&lt;/p&gt;
	&lt;p&gt;Angra&lt;/p&gt;
	&lt;p&gt;Annihilator&lt;/p&gt;
	&lt;p&nbsp;id=&quot;not&quot;&gt;Anthrax&lt;/p&gt;
	&lt;p&gt;Arch&nbsp;Enemy&lt;/p&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample39">
<div>
<h3>A</h3>
<p>Anathema</p>
<p>Angra</p>
<p>Annihilator</p>
<p id="not">Anthrax</p>
<p>Arch Enemy</p>
</div>
</div>
<p><a name="cssSup40"></a><code class="mg200">:target&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:target</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>要素の参照するURIにアンカーリンクが指定されているリンクをアクティブにした場合、そのターゲットとなる要素に適用する。</p>
<style type="text/css">
#css2and3Sample40 div#test1:target p {
	color:#f00;
}
#css2and3Sample40 div#test2:target p {
	color:#0f0;
}
#css2and3Sample40 div#test3:target h3 {
	color:#00f;
}
#css2and3Sample40 div#test4:target {
	background:#000;
	color:#fff;
}
</style>
<p><b><u>例）ボタンを押すことによって文字の色を変化させる</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
div#test1:target p {
	color:#f00;
}
div#test2:target p {
	color:#0f0;
}
div#test3:target h3 {
	color:#00f;
}
div#test4:target {
	background:#000;
	color:#fff;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;a&nbsp;href=&quot;#test1&quot;&gt;ボタン1&lt;/a&gt;&amp;nbsp;
&lt;a&nbsp;href=&quot;#test2&quot;&gt;ボタン2&lt;/a&gt;&amp;nbsp;
&lt;a&nbsp;href=&quot;#test3&quot;&gt;ボタン3&lt;/a&gt;&amp;nbsp;
&lt;a&nbsp;href=&quot;#test4&quot;&gt;ボタン4&lt;/a&gt;&amp;nbsp;
&lt;div&nbsp;id=&quot;test4&quot;&gt;
	&lt;div&nbsp;id=&quot;test1&quot;&gt;
		&lt;p&gt;ボタン1をクリックするとここが赤くなります&lt;/p&gt;
	&lt;/div&gt;
	&lt;div&nbsp;id=&quot;test2&quot;&gt;
		&lt;p&gt;ボタン2をクリックするとここが緑になります&lt;/p&gt;
	&lt;/div&gt;
	&lt;div&nbsp;id=&quot;test3&quot;&gt;
		&lt;h3&gt;ボタン3をクリックするとここが青くなります&lt;/h3&gt;
	&lt;/div&gt;
	&lt;h4&gt;ボタン4をクリックするとdiv内のすべてが黒地に白文字になります&lt;/h4&gt;
&lt;/div&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample40">
<a href="#test1">ボタン1</a>&nbsp;<br />
<a href="#test2">ボタン2</a>&nbsp;<br />
<a href="#test3">ボタン3</a>&nbsp;<br />
<a href="#test4">ボタン4</a>&nbsp;</p>
<div id="test4">
<div id="test1">
<p>ボタン1をクリックするとここが赤くなります</p>
</p></div>
<div id="test2">
<p>ボタン2をクリックするとここが緑になります</p>
</p></div>
<div id="test3">
<h3>ボタン3をクリックするとここが青くなります</h3>
</p></div>
<h4>ボタン4をクリックするとdiv内のすべてが黒地に白文字になります</h4>
</div>
</div>
<p><a name="cssSup41"></a><code class="mg200">:enabled&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:enabled</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>有効な要素(enabled)に対して適用。</p>
<style type="text/css">
#css2and3Sample41 select:enabled {
	color:#f00;
}
</style>
<p><b><u>例）有効なプルダウンメニューを赤文字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
select:enabled {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;select&nbsp;enabled=&quot;enabled&quot;&gt;
	&lt;option&gt;選択できます1&lt;/option&gt;
	&lt;option&gt;選択できます2&lt;/option&gt;
	&lt;option&gt;選択できます3&lt;/option&gt;
	&lt;option&gt;選択できます4&lt;/option&gt;
	&lt;option&gt;選択できます5&lt;/option&gt;
&lt;/select&gt;&amp;nbsp;
&lt;select&nbsp;disabled=&quot;disabled&quot;&gt;
	&lt;option&gt;選択できません1&lt;/option&gt;
	&lt;option&gt;選択できません2&lt;/option&gt;
	&lt;option&gt;選択できません3&lt;/option&gt;
	&lt;option&gt;選択できません4&lt;/option&gt;
	&lt;option&gt;選択できません5&lt;/option&gt;
&lt;/select&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample41">
<select enabled="enabled">
<option>選択できます1</option>
<option>選択できます2</option>
<option>選択できます3</option>
<option>選択できます4</option>
<option>選択できます5</option>
</select>
<p>&nbsp;</p>
<select disabled="disabled">
<option>選択できません1</option>
<option>選択できません2</option>
<option>選択できません3</option>
<option>選択できません4</option>
<option>選択できません5</option>
</select>
</div>
<p><a name="cssSup42"></a><code class="mg200">:disabled&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:disabled</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>無効な要素(disabled)に対して適用。</p>
<style type="text/css">
#css2and3Sample42 select:enabled {
	font-size:30px;
}
#css2and3Sample42 select:disabled {
	font-size:6px;
}
</style>
<p><b><u>例）有効なプルダウンメニューに対し、無効なものは文字を小さく</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
select:enabled {
	font-size:30px;
}
select:disabled {
	font-size:6px;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;select&nbsp;enabled=&quot;enabled&quot;&gt;
	&lt;option&gt;選択できます1&lt;/option&gt;
	&lt;option&gt;選択できます2&lt;/option&gt;
	&lt;option&gt;選択できます3&lt;/option&gt;
	&lt;option&gt;選択できます4&lt;/option&gt;
	&lt;option&gt;選択できます5&lt;/option&gt;
&lt;/select&gt;&amp;nbsp;
&lt;select&nbsp;disabled=&quot;disabled&quot;&gt;
	&lt;option&gt;選択できません1&lt;/option&gt;
	&lt;option&gt;選択できません2&lt;/option&gt;
	&lt;option&gt;選択できません3&lt;/option&gt;
	&lt;option&gt;選択できません4&lt;/option&gt;
	&lt;option&gt;選択できません5&lt;/option&gt;
&lt;/select&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample42">
<select enabled="enabled">
<option>選択できます1</option>
<option>選択できます2</option>
<option>選択できます3</option>
<option>選択できます4</option>
<option>選択できます5</option>
</select>
<p>&nbsp;</p>
<select disabled="disabled">
<option>選択できません1</option>
<option>選択できません2</option>
<option>選択できません3</option>
<option>選択できません4</option>
<option>選択できません5</option>
</select>
</div>
<p><a name="cssSup43"></a><code class="mg200">:checked&nbsp;……&nbsp;疑似クラス</code></p>
<table class="css2and3">
<col class="l">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<col class="c">
<thead>
<tr>
<th>Selector\Browser</th>
<th>IE8</th>
<th>IE7</th>
<th>IE6</th>
<th>FF<br />3.5</th>
<th>FF<br />3.0</th>
<th>FF<br />2.0</th>
<th>G.Ch</th>
<th>Op<br />9.0</th>
<th>Mac<br />Saf4</th>
<th>Mac<br />Saf3.2</th>
</tr>
</thead>
<tbody>
<tr>
<th>:checked</th>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td class="noSup">×</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
<td>○</td>
</tr>
</tbody>
</table>
<p><a class="css2and3GoTop" href="#css2and3TableTop">Go to top of the table</a></p>
<p>ラジオボタンやチェックボックスがチェックされた状態のときに適用。</p>
<style type="text/css">
#css2and3Sample43 input:checked+label {
	color:#f00;
}
</style>
<p><b><u>例）チェックを入れたラベルを赤字に</u></b></p>
<p>CSS↓</p>
<pre class="brush:css">
input:checked+label {
	color:#f00;
}
</pre>
<p>html↓</p>
<pre class="brush:html">
&lt;p&gt;
	&lt;input&nbsp;type=&quot;checkbox&quot;&nbsp;id=&quot;checked-test1&quot;&gt;
	&lt;label&nbsp;for=&quot;checked-test1&quot;&gt;test1&lt;/label&gt;
&lt;/p&gt;
&lt;p&gt;
	&lt;input&nbsp;type=&quot;checkbox&quot;&nbsp;id=&quot;checked-test2&quot;&gt;
	&lt;label&nbsp;for=&quot;checked-test2&quot;&gt;test2&lt;/label&gt;
&lt;/p&gt;
&lt;p&gt;
	&lt;input&nbsp;type=&quot;checkbox&quot;&nbsp;id=&quot;checked-test3&quot;&gt;
	&lt;label&nbsp;for=&quot;checked-test3&quot;&gt;test3&lt;/label&gt;
&lt;/p&gt;
&lt;p&gt;
	&lt;input&nbsp;type=&quot;checkbox&quot;&nbsp;id=&quot;checked-test4&quot;&gt;
	&lt;label&nbsp;for=&quot;checked-test4&quot;&gt;test4&lt;/label&gt;
&lt;/p&gt;
</pre>
<p>結果↓（見え方はブラウザに依存）</p>
<div style="margin:1em;padding:1em;border:1px dotted #000;" id="css2and3Sample43">
<p><input type="checkbox" id="checked-test1">
	<label for="checked-test1">test1</label>
</p>
<p><input type="checkbox" id="checked-test2">
	<label for="checked-test2">test2</label>
</p>
<p><input type="checkbox" id="checked-test3">
	<label for="checked-test3">test3</label>
</p>
<p><input type="checkbox" id="checked-test4">
	<label for="checked-test4">test4</label>
</p>
</div>
<p><strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2011/04/01/00/00/00" rel="bookmark" title="2011年4月1日">ブラウザをJavaScriptで判別して対処したときの備忘録</a></li>
<li><a href="http://charlie432.fool.jp/2011/03/24/00/00/00" rel="bookmark" title="2011年3月24日">[html] formの部品とheight値について</a></li>
<li><a href="http://charlie432.fool.jp/2011/10/07/19/21/46" rel="bookmark" title="2011年10月7日">cssハック、自分用まとめ</a></li>
<li><a href="http://charlie432.fool.jp/2011/04/06/00/00/00" rel="bookmark" title="2011年4月6日">アレをアレしたらアレがアレになるアレのアレのアレ</a></li>
<li><a href="http://charlie432.fool.jp/2011/02/07/23/17/58" rel="bookmark" title="2011年2月7日">CSS3のまとめ。線形グラデーション編</a></li>
</ol>
<p><!-- Similar Posts took 105.774 ms --></p>
<div id="wherego_related"><p>「このページを見た人は、他にこんな記事を見ています」というページはありません。</p></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2008/04/07/15/15/15" title="梅田望夫 / ウェブ時代５つの定理 この言葉が未来を切り開く！ (2008年4月7日)">梅田望夫 / ウェブ時代５つの定理 この言葉が未来を切り開く！</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2010/04/10/00/00/02" title="【用語】備忘録 4/8,9 (2) (2010年4月10日)">【用語】備忘録 4/8,9 (2)</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2008/11/18/00/00/00" title="YES WE CAN: VOICES of a GRASSROOTS MOVEMENT (2008年11月18日)">YES WE CAN: VOICES of a GRASSROOTS MOVEMENT</a> (3)</li>
	<li><a href="http://charlie432.fool.jp/2008/06/05/00/00/00" title="ADAMENTH / The first EP (including 5 tracks) (2008年6月5日)">ADAMENTH / The first EP (including 5 tracks)</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2012/01/21/00/00/00" title="ロンドンの思い出(8) &#8211; ようやく到着 (2012年1月21日)">ロンドンの思い出(8) &#8211; ようやく到着</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2011/05/15/00/00/00/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2011/05/15/00/00/00" />
	</item>
		<item>
		<title>DIR EN GREY / Missa</title>
		<link>http://charlie432.fool.jp/2009/06/18/00/00/00</link>
		<comments>http://charlie432.fool.jp/2009/06/18/00/00/00#comments</comments>
		<pubDate>Wed, 17 Jun 2009 15:00:00 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[DIR EN GREY]]></category>
		<category><![CDATA[AC]]></category>
		<category><![CDATA[ALL]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[el]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[LIVE]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[アルバム]]></category>
		<category><![CDATA[ライヴ]]></category>
		<category><![CDATA[陰陽座]]></category>

		<guid isPermaLink="false">http://charlie432.fool.jp/?p=1481</guid>
		<description><![CDATA[
DIR EN GREY
Missa
DIR EN GREY、インディーズ時代の１ｓｔアルバム。

最初聴いたときは「何？」という感じでしたが、

つい惹かれてしまう、独特なオーラを放っています。

初期陰陽座に通ずるところもある？
悪魔に取り付かれ、魂を抜き取られた人が、

無表情に、冷酷な高笑いをしているような、

病的な魅力に満ちた６曲からは、

どす黒い血が流れ出しそうな、強烈なインパクトを感じます。
特に(4)「蒼い月」の狂気じみたリズム・ギターと、

最後の子供のコーラスは、癖になります。
紅い空　蒼い月　釘付けにされた僕
無理矢理埋め込まれた偽造の夢がこびり付き
落ちる廻る落ちる堕落の底へ不様に
紅い空　蒼い月　釘付けにされた僕
途中に入る不気味なアルペジオは ANNIHILATOR 的かも？
普通にカッコイイ(5)「GARDEN」が、逆に異色に感じられます。

ギターソロ後の、

ディレイを利用した、軽くミュート気味なプレイが印象的ですね。


Dir en Grey &#8211; Garden PV

↑
かなりヴィジュアル系の初期ＰＶ！　

Ｊ（＾＾）し

下にリンクを張った大坂城ホールでのライヴは素晴らしい。

Track List:

1. 霧と繭 → 試聴
2. 「S」 → 試聴
3. Erode → 試聴
4. 蒼い月 → 試聴
5. GARDEN → 試聴（@ osakajo hall）
6. 秒「 」深 → 試聴
【関連】
耽美な音楽そして麺:今日のSANE的Power Play　－　DIR EN GREY &#8211; livedoor Blog（ブログ）
Similar Posts:

L&#8217;Arc-en-Ciel / DUNE
テレビ埼玉収録LIVE at L@N AKASAKA 2009.10.07
L&#8217;Arc-en-Ciel / Tierra
KiLL Diabo / A
CHRIS POLAND ～ Return [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<div class="amazon"><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/Missa.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/Missas.jpg" alt="Missa" border="0" width="120" height="119" /></a><br />
<a href="http://www.amazon.co.jp/gp/product/B000083E85?ie=UTF8&#038;tag=charlie432-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B000083E85">DIR EN GREY<br />
Missa</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&#038;l=as2&#038;o=9&#038;a=B000083E85" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></div>
<p><a href="http://ja.wikipedia.org/wiki/Dir_en_grey" target="_blank">DIR EN GREY</a>、インディーズ時代の１ｓｔアルバム。<br />
<br />
最初聴いたときは「何？」という感じでしたが、<br />
<br />
つい惹かれてしまう、独特なオーラを放っています。<br />
<br />
初期<a href="http://ja.wikipedia.org/wiki/%E9%99%B0%E9%99%BD%E5%BA%A7" target="_blank">陰陽座</a>に通ずるところもある？</p>
<p>悪魔に取り付かれ、魂を抜き取られた人が、<br />
<br />
無表情に、冷酷な高笑いをしているような、<br />
<br />
病的な魅力に満ちた６曲からは、<br />
<br />
どす黒い血が流れ出しそうな、強烈なインパクトを感じます。</p>
<p>特に(4)「蒼い月」の狂気じみたリズム・ギターと、<br />
<br />
最後の子供のコーラスは、癖になります。<br />
<blockquote>紅い空　蒼い月　釘付けにされた僕<br />
無理矢理埋め込まれた偽造の夢がこびり付き<br />
落ちる廻る落ちる堕落の底へ不様に<br />
紅い空　蒼い月　釘付けにされた僕</p></blockquote>
<p>途中に入る不気味なアルペジオは <a href="http://en.wikipedia.org/wiki/Annihilator_(band)" target="_blank">ANNIHILATOR</a> 的かも？</p>
<p>普通にカッコイイ(5)「GARDEN」が、逆に異色に感じられます。<br />
<br />
ギターソロ後の、<br />
<br />
ディレイを利用した、軽くミュート気味なプレイが印象的ですね。<br />
</p>
<div align=center>
<h2 style="font-weight:bold;color:#FF0000;">Dir en Grey &#8211; Garden PV</h2>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube-nocookie.com/v/MtdiZBA-u8Q&#038;hl=ja&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/MtdiZBA-u8Q&#038;hl=ja&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
↑<br />
かなりヴィジュアル系の初期ＰＶ！　<br />
<br />
Ｊ（＾＾）し</p>
<p>
下にリンクを張った大坂城ホールでのライヴは素晴らしい。</div>
<p><span id="more-1481"></span></p>
<div class="tracklist"><b>Track List:</b><br />
<br />
1. 霧と繭 → <a href="http://www.youtube.com/watch?v=Vu0m3xwOYqk" target="_blank">試聴</a><br />
2. 「S」 → <a href="http://www.youtube.com/watch?v=fyHiiqiFftY" target="_blank">試聴</a><br />
3. Erode → <a href="http://www.youtube.com/watch?v=R_zN5Q1H864" target="_blank">試聴</a><br />
4. 蒼い月 → <a href="http://www.youtube.com/watch?v=XGL7p4I3fPQ" target="_blank">試聴</a><br />
5. GARDEN → <a href="http://www.youtube.com/watch?v=DWH6MfPqPNk" target="_blank">試聴</a>（@ osakajo hall）<br />
6. 秒「 」深 → <a href="http://www.youtube.com/watch?v=hdv70QuBn9E" target="_blank">試聴</a></div>
<p>【関連】<br />
<a href="http://blog.livedoor.jp/de_vision12bell/archives/65214529.html?1245642373" target="_blank">耽美な音楽そして麺:今日のSANE的Power Play　－　DIR EN GREY &#8211; livedoor Blog（ブログ）</a><br />
<strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2009/01/23/00/00/00" rel="bookmark" title="2009年1月23日">L&#8217;Arc-en-Ciel / DUNE</a></li>
<li><a href="http://charlie432.fool.jp/2009/10/09/00/00/00" rel="bookmark" title="2009年10月9日">テレビ埼玉収録LIVE at L@N AKASAKA 2009.10.07</a></li>
<li><a href="http://charlie432.fool.jp/2007/03/20/12/49/44" rel="bookmark" title="2007年3月20日">L&#8217;Arc-en-Ciel / Tierra</a></li>
<li><a href="http://charlie432.fool.jp/2009/09/05/00/00/00" rel="bookmark" title="2009年9月5日">KiLL Diabo / A</a></li>
<li><a href="http://charlie432.fool.jp/2007/04/14/21/37/18" rel="bookmark" title="2007年4月14日">CHRIS POLAND ～ Return To Metalopolis</a></li>
</ol>
<p><!-- Similar Posts took 11.381 ms --></p>
<div id="wherego_related"><p>「このページを見た人は、他にこんな記事を見ています」というページはありません。</p></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2009/03/09/00/00/00" title="ＳＥコレクション（２） / Telephone, please. (2009年3月9日)">ＳＥコレクション（２） / Telephone, please.</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2009/06/25/00/00/00" title="Progressive Nation 2009 North American Tour &#8211; Lineup Change (2009年6月25日)">Progressive Nation 2009 North American Tour &#8211; Lineup Change</a> (4)</li>
	<li><a href="http://charlie432.fool.jp/2009/05/03/00/00/00" title="JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2 (2009年5月3日)">JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2</a> (4)</li>
	<li><a href="http://charlie432.fool.jp/2008/04/10/00/00/00" title="DREAM THEATER / GREATEST HIT (&#8230;and 21 other pretty cool songs) (2008年4月10日)">DREAM THEATER / GREATEST HIT (&#8230;and 21 other pretty cool songs)</a> (7)</li>
	<li><a href="http://charlie432.fool.jp/2009/04/08/07/00/00" title="ARGUMENT SOUL / Reviving the Truth (2009年4月8日)">ARGUMENT SOUL / Reviving the Truth</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2009/06/18/00/00/00/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2009/06/18/00/00/00" />
	</item>
		<item>
		<title>ANNIHILATOR / Alice in Hell</title>
		<link>http://charlie432.fool.jp/2009/05/25/00/00/00</link>
		<comments>http://charlie432.fool.jp/2009/05/25/00/00/00#comments</comments>
		<pubDate>Sun, 24 May 2009 15:00:00 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[AC]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[el]]></category>
		<category><![CDATA[IRON]]></category>
		<category><![CDATA[japan]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[MAIDEN]]></category>
		<category><![CDATA[MEGADETH]]></category>
		<category><![CDATA[myspace]]></category>
		<category><![CDATA[RAN]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[ジャケット]]></category>
		<category><![CDATA[ライヴ]]></category>

		<guid isPermaLink="false">http://charlie432.fool.jp/2009/05/25/00/00/00</guid>
		<description><![CDATA[
ANNIHILATOR / Alice in Hell

狙ったわけではないけれど、昨日感想文を書いた本の表紙と似たジャケット、


こういう構図って、
ホラー系の基本なのでしょうか？
１９８９年、ANNIHILATOR の１ｓｔは出だしからツボ。
個人的には２ｎｄが大好きですが、この１ｓｔも捨て難い名盤だと思います。
特に、最初の３曲の流れが実に素晴らしい！！
クラシカルなイントロ「Cristal Ann」の、
特に４９秒（↓）の転調する辺りの、悲しみをたたえた美しさは秀逸で、
非常に好きなところです。
続く「Alison Hell」のホラー感が一層ひきたちますねぇ（PVはこちら）。
ジェフ・ウォーターズの、ギターと作曲センスの良さには頭が下がります。

ANNIHILATOR / Crystal Ann &#8211; Alison Hell

あ～～～～りすん、へる！♪
ランディ・ランペイジのヴォーカルもまた個性的。
そして、
続く「W.T.Y.D.」は全国６６６万人のスラッシャーズアンセムとも言うべき名曲だと思います。
（下、Track List 参照）




← IRON MAIDEN はエディ・ザ・ヘッド
（Eddie the Head、通称エディ）、
MEGADETH はヴィック・ラトルヘッド
（Vic Rattlehead、通称メガデス君） →
ですが、
１ｓｔ～３ｒｄに共通して出てくるジャケットの人形って名前ありましたっけ？
　　　　
（↑クリックで拡大↑）
あと、１ｓｔの少女はアリスですが、２ｎｄも３ｒｄも同一人物の設定？
気になるので、分かる方、情報モトム（・ω・）ノ
来日したら是非ライヴ行きたいバンドですねぇ、ANNIHILATOR（´д｀）

Annihilator &#8211; Medley (Japan 1995)

Track List:
1. Crystal Ann
2. Alison Hell
3. W.T.Y.D.

4. Wicked Mystic

5. Burns Like a Buzzsaw Blade

6. World Salad

7. Schizos (Are Never Alone), Pts. 1 &#038; 2

8. Ligeia
9. Human Insecticide

10. Powerdrain [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<div class="amazon2"><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/annihilator_alice_in_hell_front.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/annihilator_alice_in_hell_front.jpg" alt="annihilator_alice_in_hell_front" border="0" class="hatena-fotolife" /></a><br />
<a href="http://www.amazon.co.jp/gp/product/B0000248L1?ie=UTF8&#038;tag=charlie432-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B0000248L1" target="_blank">ANNIHILATOR / Alice in Hell</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&#038;l=as2&#038;o=9&#038;a=B0000248L1" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
</div>
<p>狙ったわけではないけれど、<a href="http://charlie432.blog92.fc2.com/blog-entry-1093.html" target="_blank">昨日感想文を書いた本</a>の表紙と似たジャケット、</p>
<div style="float:left;margin:0 1em 1em 0;"><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/himawari.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/himawari.jpg" alt="向日葵の咲かない夏" border="0" class="hatena-fotolife240" style="vertical-align:top;"></a></div>
<p><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/annihilator_alice_in_hell_front.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/annihilator_alice_in_hell_front.jpg" alt="annihilator_alice_in_hell_front" border="0" class="hatena-fotolife240" style="vertical-align:top;"></a><br />
こういう構図って、<br />
ホラー系の基本なのでしょうか？<br />
１９８９年、<a href="http://en.wikipedia.org/wiki/Annihilator_(band)" target="_blank">ANNIHILATOR</a> の<a href="http://www.hvymetal.com/album/710.html" target="_blank">１ｓｔ</a>は出だしからツボ。<br />
個人的には<a href="http://charlie432.blog92.fc2.com/blog-entry-37.html" target="_blank">２ｎｄ</a>が大好きですが、この１ｓｔも捨て難い名盤だと思います。<br />
特に、最初の３曲の流れが実に素晴らしい！！<br />
クラシカルなイントロ「Cristal Ann」の、<br />
特に４９秒（↓）の転調する辺りの、悲しみをたたえた美しさは秀逸で、<br />
非常に好きなところです。<br />
続く「Alison Hell」のホラー感が一層ひきたちますねぇ（PVは<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.individual&amp;videoid=4180526" target="_blank" title="こちら">こちら</a>）。<br />
<a href="http://en.wikipedia.org/wiki/Jeff_Waters" target="_blank">ジェフ・ウォーターズ</a>の、ギターと作曲センスの良さには頭が下がります。</p>
<div align=center>
<h2 style="font-weight:bold;color:#FF0000;">ANNIHILATOR / Crystal Ann &#8211; Alison Hell</h2>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/meWH7c_PsHY&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/meWH7c_PsHY&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></div>
<p>あ～～～～りすん、へる！♪<br />
<a href="http://en.wikipedia.org/wiki/Randy_Rampage" target="_blank">ランディ・ランペイジ</a>のヴォーカルもまた個性的。<br />
そして、<br />
続く<b>「W.T.Y.D.」</b>は全国６６６万人のスラッシャーズアンセムとも言うべき名曲だと思います。<br />
（下、Track List 参照）</p>
<p><span id="more-2626"></span></p>
<div style="float:left;margin:0 1em 1em 0;"><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/eddie.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/eddies.jpg" alt="eddie" border="0" width="120" height="120" /></a></div>
<div style="float:right;margin:0 0 1em 1em;"><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/Vic_Rattlehead.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/Vic_Rattleheads.jpg" alt="Vic_Rattlehead" border="0" width="109" height="120" /></a>
</div>
<p>← <a href="http://ja.wikipedia.org/wiki/%E3%82%A2%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%BB%E3%83%A1%E3%82%A4%E3%83%87%E3%83%B3" target="_blank">IRON MAIDEN</a> は<a href="http://ja.wikipedia.org/wiki/%E3%82%A2%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%BB%E3%83%A1%E3%82%A4%E3%83%87%E3%83%B3#.E3.82.A8.E3.83.87.E3.82.A3" target="_blank">エディ・ザ・ヘッド</a><br />
（Eddie the Head、通称エディ）、<br />
<a href="http://ja.wikipedia.org/wiki/%E3%83%A1%E3%82%AC%E3%83%87%E3%82%B9_(%E3%83%90%E3%83%B3%E3%83%89)" target="_blank">MEGADETH</a> はヴィック・ラトルヘッド<br />
（Vic Rattlehead、通称メガデス君） →<br />
ですが、<br clear=all><br />
１ｓｔ～３ｒｄに共通して出てくるジャケットの人形って名前ありましたっけ？<br clear=all></p>
<div align=center><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/annihilator_alice_in_hell_front.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/annihilator_alice_in_hell_fronts.jpg" alt="annihilator_alice_in_hell_front" border="0" width="120" height="119" /></a>　　<a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/Never_Neverland.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/Never_Neverlands.jpg" alt="Never, Neverland" border="0" width="119" height="117" /></a>　　<a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/annihilator_set_the_world_on_fire.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/annihilator_set_the_world_on_fires.jpg" alt="set the world on fire" border="0" width="120" height="120" /></a><br />
（↑クリックで拡大↑）</div>
<p>あと、１ｓｔの少女はアリスですが、２ｎｄも３ｒｄも同一人物の設定？<br />
気になるので、分かる方、情報モトム（・ω・）ノ<br />
来日したら是非ライヴ行きたいバンドですねぇ、ANNIHILATOR（´д｀）</p>
<div align=center>
<h2 style="font-weight:bold;color:#FF0000;">Annihilator &#8211; Medley (Japan 1995)</h2>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/_87Vvcq0Sbo&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/_87Vvcq0Sbo&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></div>
<div class="amazon2"><b><u>Track List:</u></b><br />
1. <a href="http://www.hvymetal.com/song2/24211.html" target="_blank">Crystal Ann</a><br />
2. <a href="http://www.hvymetal.com/song2/7441.html" target="_blank">Alison Hell</a><br />
3. <a href="http://www.hvymetal.com/song2/10826.html" target="_blank">W.T.Y.D.</a><br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/8CiZP3_rFxk&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8CiZP3_rFxk&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
4. <a href="http://www.hvymetal.com/song2/11492.html" target="_blank">Wicked Mystic</a><br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/8RYQbixl3k4&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8RYQbixl3k4&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
5. <a href="http://www.hvymetal.com/song2/16307.html" target="_blank">Burns Like a Buzzsaw Blade</a><br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/2wxC2t0M9L4&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2wxC2t0M9L4&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
6. <a href="http://www.hvymetal.com/song2/11496.html" target="_blank">World Salad</a><br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/V36WV4mZCpk&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/V36WV4mZCpk&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
7. <a href="http://www.hvymetal.com/song2/16311.html" target="_blank">Schizos (Are Never Alone), Pts. 1 &#038; 2</a><br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/cUTVeFGOTR4&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/cUTVeFGOTR4&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
8. <a href="http://www.hvymetal.com/song2/16312.html" target="_blank">Ligeia</a><br />
9. <a href="http://www.hvymetal.com/song2/6992.html" target="_blank">Human Insecticide</a><br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/9VI5tqSAkug&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9VI5tqSAkug&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
10. Powerdrain [*][Demo Version]<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/E9Bqt7DJzIw&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E9Bqt7DJzIw&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><br />
11. Schizos (Are Never Alone), Pts. 1 &#038; 2 [*][Demo Version]<br />
12. Ligeia [*][Demo Version]</div>
<p><strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2007/04/02/12/12/51" rel="bookmark" title="2007年4月2日">ANNIHILATOR ～ Never, Neverland</a></li>
<li><a href="http://charlie432.fool.jp/2008/09/21/00/00/00" rel="bookmark" title="2008年9月21日">DAMN THE MACHINE / Damn the Machine</a></li>
<li><a href="http://charlie432.fool.jp/2008/01/01/00/00/00" rel="bookmark" title="2008年1月1日">SLAYER / Hell Awaits</a></li>
<li><a href="http://charlie432.fool.jp/2009/05/03/00/00/00" rel="bookmark" title="2009年5月3日">JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2</a></li>
<li><a href="http://charlie432.fool.jp/2010/11/22/00/00/00" rel="bookmark" title="2010年11月22日">【音楽】MR.BIG / Mr.Big</a></li>
</ol>
<p><!-- Similar Posts took 26.128 ms --></p>
<div id="wherego_related"><p>「このページを見た人は、他にこんな記事を見ています」というページはありません。</p></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2008/12/03/00/00/00" title="ARGUMENT SOUL / Conflict of Crisis (2008年12月3日)">ARGUMENT SOUL / Conflict of Crisis</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2008/03/11/00/00/00" title="ARCH ENEMY / Wages of Sin (2008年3月11日)">ARCH ENEMY / Wages of Sin</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2007/12/02/23/59/59" title="陰陽座 ～ 夢幻泡影 (2007年12月2日)">陰陽座 ～ 夢幻泡影</a> (4)</li>
	<li><a href="http://charlie432.fool.jp/2009/12/19/00/00/00" title="Mike Portnoy To Play With HAIL! In 2010 (2009年12月19日)">Mike Portnoy To Play With HAIL! In 2010</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2009/09/05/00/00/00" title="KiLL Diabo / A (2009年9月5日)">KiLL Diabo / A</a> (2)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2009/05/25/00/00/00/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2009/05/25/00/00/00" />
	</item>
		<item>
		<title>JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2</title>
		<link>http://charlie432.fool.jp/2009/05/03/00/00/00</link>
		<comments>http://charlie432.fool.jp/2009/05/03/00/00/00#comments</comments>
		<pubDate>Sat, 02 May 2009 15:00:00 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[DREAM THEATER]]></category>
		<category><![CDATA[AC]]></category>
		<category><![CDATA[ALL]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Dream]]></category>
		<category><![CDATA[el]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[LIVE]]></category>
		<category><![CDATA[myspace]]></category>
		<category><![CDATA[Neal]]></category>
		<category><![CDATA[RAN]]></category>
		<category><![CDATA[REN]]></category>
		<category><![CDATA[STEVE VAI]]></category>
		<category><![CDATA[Theater]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[アルバム]]></category>
		<category><![CDATA[カリ]]></category>
		<category><![CDATA[ジェイムズ]]></category>
		<category><![CDATA[ジャケット]]></category>
		<category><![CDATA[バック]]></category>
		<category><![CDATA[マイキー]]></category>
		<category><![CDATA[ムーア]]></category>
		<category><![CDATA[ラブリエ]]></category>
		<category><![CDATA[リスト]]></category>

		<guid isPermaLink="false">http://charlie432.fool.jp/2009/05/03/00/00/00</guid>
		<description><![CDATA[
JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2
ジェイムズ・ラブリエのソロプロジェクト、James LaBrie&#8217;s MullMuzzler の２ｎｄアルバム（２００１年）は、１ｓｔに比べ、ジャケットも良いです。
普通、バンドで一番目立つのはヴォーカリストですが、DREAM THEATER ではインストがあまりに強力なため、地味な印象を受けるジェイムズ・ラブリエ。
しかし、彼らを全世界に知らしめた『Images and Words』は、ヴォーカルがジェイムズに変わったからこそ実現した名盤である、とも言えると思いますし、その後のアルバムをみても、やはりＤＴに相応しい歌唱力を持つ男はジェイムズ・ラブリエしかいないと感じます。
そのジェイムズの魅力が最大限に活かされたアルバムではないでしょうか。
「Lifting Shadows Off a Dream」を思わせる伸びやかなハイトーンや、「Scarred」で聴ける囁くような歌声はラブリエならでは。
アルバムとしては、『Awake』よりも、『Falling Into Infinity』
『Six Degrees of Inner Turbulence』からプログレ色を薄めてポップにした感じ？
ヴォーカルだけでなく、楽曲が非常に良いので、ＤＴのメロディアスな部分が好きな人には、かなり支持されると思います。
バックに
Matt Guillory &#8211; keyboards (ex-Dali&#8217;s Dilemma)
Mike Mangini &#8211; drums (ex-Steve Vai, Extreme, Annihilator etc.)
Mike Keneally &#8211; guitars
Bryan Beller &#8211; bass
を従えての本作、非常に良い仕上がりなので、是非ともマイキーやペトちゃんに聴いてもらいたいです（笑）
あ、あと、最後の「Tell Me」の出だしのキーボードは長州力の「パワー・ホール」に似ているような、、、（＾ｍ＾）
かなり良いと思う
↓
Falling


キーボードがケヴィン・ムーアっぽい？
↓
Stranger

Listening

Track List:
1. Afterlife → 試聴
2. Venice Burning → 試聴
3. Confronting The Devil → [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<div class="amazon2"><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/Mullmuzzler2.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/Mullmuzzler2.jpg" alt="Mullmuzzler2" border="0" class="hatena-fotolife"></a><br />
<a href="http://www.amazon.co.jp/gp/product/B00005NWH7?ie=UTF8&#038;tag=charlie432-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B00005NWH7">JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&#038;l=as2&#038;o=9&#038;a=B00005NWH7" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></div>
<p><a href="http://ja.wikipedia.org/wiki/%E3%82%B8%E3%82%A7%E3%82%A4%E3%83%A0%E3%82%BA%E3%83%BB%E3%83%A9%E3%83%96%E3%83%AA%E3%82%A8" target="_blank">ジェイムズ・ラブリエ</a>のソロプロジェクト、<a href="http://www.mullmuzzler.com/" target="_blank">James LaBrie&#8217;s MullMuzzler</a> の２ｎｄアルバム（２００１年）は、<a href="http://www.amazon.co.jp/gp/product/B00000JWDI?ie=UTF8&#038;tag=charlie432-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B00000JWDI" target="_blank">１ｓｔ</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&#038;l=as2&#038;o=9&#038;a=B00000JWDI" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />に比べ、ジャケットも良いです。<br />
普通、バンドで一番目立つのはヴォーカリストですが、<a href="http://ja.wikipedia.org/wiki/%E3%83%89%E3%83%AA%E3%83%BC%E3%83%A0%E3%83%BB%E3%82%B7%E3%82%A2%E3%82%BF%E3%83%BC" target="_blank">DREAM THEATER</a> ではインストがあまりに強力なため、地味な印象を受ける<a href="http://ja.wikipedia.org/wiki/%E3%82%B8%E3%82%A7%E3%82%A4%E3%83%A0%E3%82%BA%E3%83%BB%E3%83%A9%E3%83%96%E3%83%AA%E3%82%A8" target="_blank">ジェイムズ・ラブリエ</a>。<br />
しかし、彼らを全世界に知らしめた<a href="http://www.amazon.co.jp/gp/product/B000002JPA?ie=UTF8&#038;tag=charlie432-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B000002JPA">『Images and Words』</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&#038;l=as2&#038;o=9&#038;a=B000002JPA" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />は、ヴォーカルがジェイムズに変わったからこそ実現した名盤である、とも言えると思いますし、その後のアルバムをみても、やはりＤＴに相応しい歌唱力を持つ男はジェイムズ・ラブリエしかいないと感じます。<br />
そのジェイムズの魅力が最大限に活かされたアルバムではないでしょうか。<br />
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.individual&#038;videoid=15101629" target="_blank">「Lifting Shadows Off a Dream」</a>を思わせる伸びやかなハイトーンや、<a href="http://www.youtube.com/watch?v=SMh2wkG2hhY" target="_blank">「Scarred」</a>で聴ける囁くような歌声はラブリエならでは。<br />
アルバムとしては、<a href="http://www.amazon.co.jp/gp/product/B000002JKA?ie=UTF8&#038;tag=charlie432-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B000002JKA" target="_blank">『Awake』</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&#038;l=as2&#038;o=9&#038;a=B000002JKA" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />よりも、<a href="http://www.amazon.co.jp/gp/product/B000002HPT?ie=UTF8&#038;tag=charlie432-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B000002HPT" target="_blank">『Falling Into Infinity』</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&#038;l=as2&#038;o=9&#038;a=B000002HPT" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br />
<a href="http://www.amazon.co.jp/gp/product/B00005UEAR?ie=UTF8&#038;tag=charlie432-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B00005UEAR" target="_blank">『Six Degrees of Inner Turbulence』</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&#038;l=as2&#038;o=9&#038;a=B00005UEAR" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />からプログレ色を薄めてポップにした感じ？<br />
ヴォーカルだけでなく、楽曲が非常に良いので、ＤＴのメロディアスな部分が好きな人には、かなり支持されると思います。<br />
バックに<br />
<b><a href="http://www.myspace.com/mattguillory" taget="_blank">Matt Guillory</a> &#8211; keyboards (ex-Dali&#8217;s Dilemma)<br />
<a href="http://en.wikipedia.org/wiki/Mike_Mangini" target="_blank">Mike Mangini</a> &#8211; drums (ex-Steve Vai, Extreme, Annihilator etc.)<br />
<a href="http://en.wikipedia.org/wiki/Mike_Keneally" target="_blank">Mike Keneally</a> &#8211; guitars<br />
<a href="http://www.myspace.com/bryanbeller" target="_blank">Bryan Beller</a> &#8211; bass</b><br />
を従えての本作、非常に良い仕上がりなので、是非ともマイキーやペトちゃんに聴いてもらいたいです（笑）<br />
あ、あと、最後の「Tell Me」の出だしのキーボードは長州力の<a href="http://www.youtube.com/watch?v=p2eFArjK_EU" target="_blank">「パワー・ホール」</a>に似ているような、、、（＾ｍ＾）</p>
<div align=center>かなり良いと思う<br />
↓<br />
<h2 style="font-weight:bold;color:#FF0000;">Falling</h2>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/cKCaCuHj7x8&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/cKCaCuHj7x8&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></div>
<p><span id="more-2602"></span></p>
<div align=center>キーボードが<a href="http://ja.wikipedia.org/wiki/%E3%82%B1%E3%83%B4%E3%82%A3%E3%83%B3%E3%83%BB%E3%83%A0%E3%83%BC%E3%82%A2" target="_blank">ケヴィン・ムーア</a>っぽい？<br />
↓<br />
<h2 style="font-weight:bold;color:#FF0000;">Stranger</h2>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/1Saisk1a7sg&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/1Saisk1a7sg&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<h2 style="font-weight:bold;color:#FF0000;">Listening</h2>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Q6mQu37r3Sk&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Q6mQu37r3Sk&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></div>
<div class="tracklist"><b>Track List:</b><br />
1. <a href="http://www.hvymetal.com/song2/12612.html" target="_blank">Afterlife</a> → <a href="http://www.youtube.com/watch?v=-CEfWbA9k2M" target="_blank">試聴</a><br />
2. <a href="http://www.hvymetal.com/song2/12613.html" target="_blank">Venice Burning</a> → <a href="http://www.youtube.com/watch?v=NWObuGhP4BY" target="_blank">試聴</a><br />
3. <a href="http://www.hvymetal.com/song2/12614.html" target="_blank">Confronting The Devil</a> → <a href="http://www.youtube.com/watch?v=gaDbhJjjo-w" target="_blank">試聴</a><br />
4. <a href="http://www.hvymetal.com/song2/12615.html" target="_blank">Falling</a><br />
5. <a href="http://www.hvymetal.com/song2/12616.html" target="_blank">Stranger</a><br />
6. <a href="http://www.hvymetal.com/song2/12618.html" target="_blank">A Simple Man</a> → <a href="http://www.youtube.com/watch?v=8bO6LAxFbKI" target="_blank">試聴</a><br />
7. <a href="http://www.hvymetal.com/song2/37890.html" target="_blank">Save Me</a><br />
8. Believe<br />
9. <a href="http://www.hvymetal.com/song2/48957.html" target="_blank">Listening</a><br />
10. Tell Me</div>
<p>【関連】<br />
<a href="http://en.wikipedia.org/wiki/MullMuzzler" target="_blank">MullMuzzler &#8211; Wikipedia, the free encyclopedia</a><br />
<a href="http://www.hvymetal.com/album/1142.html" target="_blank">このCDを買え!　2 (JAMES LABRIE&#8217;S MULLMUZZLER)</a><br />
<a href="http://blog.livedoor.jp/seira_dobel/archives/51217400.html" target="_blank">North Windｓ : 官能的なあなたの○○が好きっ！　James Labrie　「Mullmuzzler 2」 &#8211; livedoor Blog（ブログ）</a><br />
<a href="http://hishiryo.blog95.fc2.com/blog-entry-129.html" target="_blank">James LaBrie&#8217;s Mullmuzzler「2」（2001） &#8211; 非思量</a><br />
<a href="http://chimamiren.exblog.jp/4882827" target="_blank">クダクダな日々 : MULLMUZZLER　「2」</a><br />
<strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2007/04/25/00/02/02" rel="bookmark" title="2007年4月25日">James LaBrie (DREAM THEATER)</a></li>
<li><a href="http://charlie432.fool.jp/2008/05/01/00/00/00" rel="bookmark" title="2008年5月1日">Metropolis, Pt. 1 / DREAM THEATER</a></li>
<li><a href="http://charlie432.fool.jp/2008/01/15/00/00/32" rel="bookmark" title="2008年1月15日">DREAM THEATER / Learning to Live</a></li>
<li><a href="http://charlie432.fool.jp/2008/06/07/00/00/00" rel="bookmark" title="2008年6月7日">EDGEND</a></li>
<li><a href="http://charlie432.fool.jp/2009/08/18/00/00/00" rel="bookmark" title="2009年8月18日">JAMES LaBRIE / Elements of Persuasion</a></li>
</ol>
<p><!-- Similar Posts took 9.080 ms --></p>
<div id="wherego_related"><h3>このページを見た人は、他にこんな記事を見ています↓</h3><ul><li><a href="http://charlie432.fool.jp/2011/09/10/09/32/59" rel="bookmark" class="wherego_title">Dream Theater / A Dramatic Turn of Events</a></li><li><a href="http://charlie432.fool.jp/2009/08/18/00/00/00" rel="bookmark" class="wherego_title">JAMES LaBRIE / Elements of Persuasion</a></li><li><a href="http://charlie432.fool.jp/2007/04/25/00/02/02" rel="bookmark" class="wherego_title">James LaBrie (DREAM THEATER)</a></li><li>Powered by <a href="http://ajaydsouza.com/wordpress/plugins/where-did-they-go-from-here/">Where did they go from here?</a></li></ul></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2009/05/08/00/00/00" title="DREAM THEATER / Cleaning Out The Closet (2009年5月8日)">DREAM THEATER / Cleaning Out The Closet</a> (6)</li>
	<li><a href="http://charlie432.fool.jp/2009/11/17/00/00/00" title="DREAM THEATER の来日は、、、 (2009年11月17日)">DREAM THEATER の来日は、、、</a> (4)</li>
	<li><a href="http://charlie432.fool.jp/2009/07/03/00/00/00" title="DREAM THEATER / Black Clouds &#038; Silver Linings &#8211; ビルボード初登場６位！ (2009年7月3日)">DREAM THEATER / Black Clouds &#038; Silver Linings &#8211; ビルボード初登場６位！</a> (3)</li>
	<li><a href="http://charlie432.fool.jp/2009/06/28/00/00/00" title="DREAM THEATER / Black Clouds &#038; Silver Linings (DISC 1, 2, 3) (2009年6月28日)">DREAM THEATER / Black Clouds &#038; Silver Linings (DISC 1, 2, 3)</a> (5)</li>
	<li><a href="http://charlie432.fool.jp/2009/05/11/01/35/58" title="DREAM THEATER / A Nightmare to Remember, A Rite of Passage 他 (2009年5月11日)">DREAM THEATER / A Nightmare to Remember, A Rite of Passage 他</a> (7)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2009/05/03/00/00/00/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2009/05/03/00/00/00" />
	</item>
		<item>
		<title>DAMN THE MACHINE / Damn the Machine</title>
		<link>http://charlie432.fool.jp/2008/09/21/00/00/00</link>
		<comments>http://charlie432.fool.jp/2008/09/21/00/00/00#comments</comments>
		<pubDate>Sat, 20 Sep 2008 15:00:00 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[CHRIS POLAND]]></category>
		<category><![CDATA[AC]]></category>
		<category><![CDATA[ALL]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[Dream]]></category>
		<category><![CDATA[DREAM THEATER]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[MEGADETH]]></category>
		<category><![CDATA[RIOT]]></category>
		<category><![CDATA[Side]]></category>
		<category><![CDATA[Theater]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[アルバム]]></category>
		<category><![CDATA[カリ]]></category>
		<category><![CDATA[リスト]]></category>

		<guid isPermaLink="false">http://charlie432.fool.jp/?p=1286</guid>
		<description><![CDATA[

DAMN THE MACHINE / Damn the Machine
　１９９０年の「Return to Metalopolis」は、ふさわしいヴォーカリストが見つからず、インストアルバムにせざるを得なかった、元 メガデス のギタリスト、クリス・ポーランド。しかしながら、テクニカルで歌うようなリード・ギターと、スラッシュとジャズを下地にしたような楽曲は好きでした。なかなか同調してくれる人はいませんが、すごく良いアルバムだと思っています。

　そのクリスが、ヴォーカルにデイヴ・クレモンズ（Dave Clemmons）を迎えて作ったバンド、DAMN THE MACHINE の１ｓｔアルバムです（２ｎｄってあるのかな？）。１９９３年、伊藤政則氏のラジオで「意外と良い！」といったニュアンスで紹介された(1)「The Mission」を聴いただけで、「このアルバムは買いだ！」と思いました。

DAMN THE MACHINE / THE MISSION


　果たして、後日BURRN!のレビューを見たら８７点（伊藤政則）ぐらいでした、たしか。記憶によるので間違っているかも知れませんが、少なくとも７８点ではなかったと思います。

　そして最近、無性に聴きたくなって久しぶりに聴いてみたら、、、

８７点どころか、９２点でも良いんじゃない？と思うほど良くきこえました。

　そうですねぇ、、、σ(￣ω￣)　例えるなら、、、

DREAM THEATER に MEGADETH と ANNIHILATOR　を加えた感じとでも言いましょうか。変拍子や目まぐるしく変化する展開、ハーモニクスやクリーン・トーンのアルペジオなど、ヴァラエティに富んでいて、飽きることがありません。

　特筆すべきは、ギター以外の、ヴォーカルやベースもなかなか良く、バンドとしての整合性が感じられる点です。メロディアスでリズミカル、知性の感じる音に仕上がっています。聴き込むほどに良く思えます。

Track List

1. The Mission


2. Fall of Order


3. Corporate Reign


4. Honor


5. Lonesome God


6. On with the Dream


7. Patriot


8. I Will


9. Silence


10. Russians


11. Countryside


12. Humans


Similar Posts:

MEGADETH / Peace Sells&#8230;But Who&#8217;s Buying ?
CHRIS [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<div class="amazon2"><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/20080921002326.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/20080921002326.jpg" alt="Damn the Machine" class="hatena-fotolife" border="0" /></a><br />
<br />
<a href="http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&#038;location=http%3A%2F%2Fwww.amazon.co.jp%2FDamn-Machine%2Fdp%2FB00000DN88&#038;tag=charlie432-22&#038;linkCode=ur2&#038;camp=247&#038;creative=1211" target="_blank">DAMN THE MACHINE / Damn the Machine</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&amp;l=ur2&amp;o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></div>
<p>　１９９０年の<a href="http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&#038;location=http%3A%2F%2Fwww.amazon.co.jp%2FReturn-Metalopolis-Chris-Poland%2Fdp%2FB00000C2M3&#038;tag=charlie432-22&#038;linkCode=ur2&#038;camp=247&#038;creative=1211" target="_blank">「Return to Metalopolis」</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&amp;l=ur2&amp;o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />は、ふさわしいヴォーカリストが見つからず、インストアルバムにせざるを得なかった、元 <a href="http://www.google.co.jp/url?sa=t&amp;source=web&amp;ct=res&amp;cd=1&amp;url=http%3A%2F%2Fja.wikipedia.org%2Fwiki%2F%25E3%2583%25A1%25E3%2582%25AC%25E3%2583%2587%25E3%2582%25B9&amp;ei=wRrVSOiHC5GQ6gPf7vn1DQ&amp;usg=AFQjCNFh0LDDb7ssn9ahgiLGUrvW-X1eFQ&amp;sig2=i3po1JkiIFhLFF85WyKEzQ" target="_blank">メガデス</a> のギタリスト、クリス・ポーランド。しかしながら、テクニカルで歌うようなリード・ギターと、スラッシュとジャズを下地にしたような楽曲は好きでした。なかなか同調してくれる人はいませんが、すごく良いアルバムだと思っています。<br />
<br />
　そのクリスが、ヴォーカルにデイヴ・クレモンズ（Dave Clemmons）を迎えて作ったバンド、DAMN THE MACHINE の１ｓｔアルバムです（２ｎｄってあるのかな？）。１９９３年、伊藤政則氏のラジオで「意外と良い！」といったニュアンスで紹介された(1)「The Mission」を聴いただけで、「このアルバムは買いだ！」と思いました。<br />
</p>
<div align=center><span style="font-weight:bold;color:#FF0000">DAMN THE MACHINE / THE MISSION</span><br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/w9R2VQUOa6U&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/w9R2VQUOa6U&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></div>
<p>
　果たして、後日BURRN!のレビューを見たら８７点（伊藤政則）ぐらいでした、たしか。記憶によるので間違っているかも知れませんが、少なくとも７８点ではなかったと思います。<br />
<br />
　そして最近、無性に聴きたくなって久しぶりに聴いてみたら、、、</p>
<p><span id="more-1286"></span><br />
８７点どころか、<span style="font-size:30px;color:#FF0000;">９２点</span>でも良いんじゃない？と思うほど良くきこえました。<br />
<br />
　そうですねぇ、、、σ(￣ω￣)　例えるなら、、、<br />
<br />
<span style="font-size:20px;color:#FF0000;font-weight:bold;">DREAM THEATER に MEGADETH と ANNIHILATOR　を加えた感じ</span>とでも言いましょうか。変拍子や目まぐるしく変化する展開、ハーモニクスやクリーン・トーンのアルペジオなど、ヴァラエティに富んでいて、飽きることがありません。<br />
<br />
　特筆すべきは、ギター以外の、ヴォーカルやベースもなかなか良く、バンドとしての整合性が感じられる点です。メロディアスでリズミカル、知性の感じる音に仕上がっています。聴き込むほどに良く思えます。<br />
</p>
<div class="amazon2" style="text-align:center;"><font style="font-size:large;font-weight:bold;"><u>Track List</u></font><br />
</p>
<div style="font-weight:bold;color:#FF0000;">1. The Mission<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/DL7JLxfV7sw&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/DL7JLxfV7sw&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
2. Fall of Order<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/m_7aQwmT5gI&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/m_7aQwmT5gI&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
3. Corporate Reign<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/FFtTM6qwMsg&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/FFtTM6qwMsg&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
4. Honor<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/szFb9iKJQd0&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/szFb9iKJQd0&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
5. Lonesome God<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/m2oP9GZXPFw&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/m2oP9GZXPFw&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
6. On with the Dream<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/EcuCGvhE0dg&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/EcuCGvhE0dg&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
7. Patriot<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/kvfJy1YQnCM&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/kvfJy1YQnCM&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
8. I Will<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/kKnAyk3hFlw&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/kKnAyk3hFlw&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
9. Silence<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/AuSTPHmqpw8&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/AuSTPHmqpw8&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
10. Russians<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/5kbgiOqPphU&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/5kbgiOqPphU&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
11. Countryside<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/xgwIKstHxKk&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/xgwIKstHxKk&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />
<br />
12. Humans<br />
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/fyOYRTzXyOI&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/fyOYRTzXyOI&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></div>
</div>
<p><strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2008/11/08/00/00/00" rel="bookmark" title="2008年11月8日">MEGADETH / Peace Sells&#8230;But Who&#8217;s Buying ?</a></li>
<li><a href="http://charlie432.fool.jp/2007/04/14/21/37/18" rel="bookmark" title="2007年4月14日">CHRIS POLAND ～ Return To Metalopolis</a></li>
<li><a href="http://charlie432.fool.jp/2008/09/22/00/00/00" rel="bookmark" title="2008年9月22日">CHRIS POLAND / Return to Metalopolis</a></li>
<li><a href="http://charlie432.fool.jp/2009/05/03/00/00/00" rel="bookmark" title="2009年5月3日">JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2</a></li>
<li><a href="http://charlie432.fool.jp/2011/06/26/00/45/42" rel="bookmark" title="2011年6月26日">【写真】Rie a.k.a. Suzaku, Crying Machine, Darkness Rose, Jikki @目黒 LIVE STATION 2011.03.26</a></li>
</ol>
<p><!-- Similar Posts took 10.798 ms --></p>
<div id="wherego_related"><h3>このページを見た人は、他にこんな記事を見ています↓</h3><ul><li><a href="http://charlie432.fool.jp/2008/09/22/00/00/00" rel="bookmark" class="wherego_title">CHRIS POLAND / Return to Metalopolis</a></li><li>Powered by <a href="http://ajaydsouza.com/wordpress/plugins/where-did-they-go-from-here/">Where did they go from here?</a></li></ul></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2009/05/03/00/00/00" title="JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2 (2009年5月3日)">JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2</a> (4)</li>
	<li><a href="http://charlie432.fool.jp/2008/04/07/15/15/15" title="梅田望夫 / ウェブ時代５つの定理 この言葉が未来を切り開く！ (2008年4月7日)">梅田望夫 / ウェブ時代５つの定理 この言葉が未来を切り開く！</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2008/09/10/00/00/00" title="メタル &#038; クラシック (2008年9月10日)">メタル &#038; クラシック</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2008/08/04/00/00/00" title="ネパール、ベトナム、イスラエル (2008年8月4日)">ネパール、ベトナム、イスラエル</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2009/09/09/00/15/12" title="ギリシャのメタルアルバム１００選 (2009年9月9日)">ギリシャのメタルアルバム１００選</a> (3)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2008/09/21/00/00/00/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2008/09/21/00/00/00" />
	</item>
		<item>
		<title>同名異曲（３） / Set the World on Fire</title>
		<link>http://charlie432.fool.jp/2008/08/03/00/00/01</link>
		<comments>http://charlie432.fool.jp/2008/08/03/00/00/01#comments</comments>
		<pubDate>Sat, 02 Aug 2008 15:00:01 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[★芸術雑感]]></category>
		<category><![CDATA[AC]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[MEGADETH]]></category>
		<category><![CDATA[RAGE]]></category>
		<category><![CDATA[SYMPHONY X]]></category>
		<category><![CDATA[Tokyo]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[アルバム]]></category>
		<category><![CDATA[シン]]></category>
		<category><![CDATA[ディオ]]></category>
		<category><![CDATA[ライヴ]]></category>
		<category><![CDATA[写真]]></category>
		<category><![CDATA[実験]]></category>
		<category><![CDATA[死]]></category>
		<category><![CDATA[法]]></category>
		<category><![CDATA[無常]]></category>

		<guid isPermaLink="false">http://charlie432.fool.jp/?p=1232</guid>
		<description><![CDATA[　昨日「世界の終わり」と題して色々な写真を貼り付けましたが、気づけばもう８月。８月といえば、１５日は全人類が忘れてはならない終戦の日、今年で６３年目です。個人的に、広島に知人がいるのですが、その中には被爆体験者の方もおられます。その方の話を聞くと、人類の愚かさが改めて知らされます。

　アインシュタインは、「第三次世界大戦がどのように戦われるかは分からない。だが、第四次世界大戦が戦われる方法は知っている。それは棒きれと石でだ」という言葉を残していますが、核兵器の脅威は、世界文明を滅ぼし、地球全体を火の海にしてしまう恐ろしさがあります。

　北朝鮮の核実験強行、イランの核開発問題、それに加え地球温暖化の更なる進行が問題になった２００７年。世界終末時計は、５分前だそうで、油断ならぬ世界はまさしく「生死事大 無常迅速 各宣醒覚 謹莫放逸」と説かれる通りです。

　さて、そんなことを考えていたら思いついたのがこの言葉、Set the World on Fireです。

　文字通り、世界が火の海原になるという意味だと思っていましたが、KopyKatさんのサイトにより、実は「めざましいこと、大成功を収める」というイディオムであったと初めて知りました（汗）「world」を「river」「Thames」に置き換えても同義で、

set the river on fire / set the Thames on fire

で「（めざましいことをして）世間を驚かす、名を揚げる」という意味になります。

　ただ、The Ink Spotsが

I Don&#8217;t Want To Set The World On Fire

と歌っているように、「set the world on fire」には「世界を火の海にする」という意味もあると思われます。英語に堪能の方、如何でしょうか？　まあ、正しくはそんな用例がないとしても、普通のコミュニケーションにおいては、意味が通じるのでどちらでも良いといえば良いのですが。

　ところでこの「I Don&#8217;t Want To Set The World On Fire」を冒頭のＳＥに持ってきたのが MEGADETH。「on fire」ではなく「afire」になっています。

MEGADETH &#8211; Set The World Afire

『So Far, So Good&#8230; So What?』は、初期メガデスの中でも非常に好きなアルバムの１枚です。

　他にも、「the」を「this」にすれば、

RAGE &#8211; Set This [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<p>　昨日<a href="http://charlie432.blog92.fc2.com/blog-entry-723.html" target="_blank">「世界の終わり」</a>と題して色々な写真を貼り付けましたが、気づけばもう８月。８月といえば、１５日は全人類が忘れてはならない<a href="http://ja.wikipedia.org/wiki/%E7%B5%82%E6%88%A6%E3%81%AE%E6%97%A5" target="_blank">終戦の日</a>、今年で６３年目です。個人的に、広島に知人がいるのですが、その中には被爆体験者の方もおられます。その方の話を聞くと、人類の愚かさが改めて知らされます。<br />
<br />
　アインシュタインは、<font color="#006600">「<a href="http://ja.wikipedia.org/wiki/%E7%AC%AC%E4%B8%89%E6%AC%A1%E4%B8%96%E7%95%8C%E5%A4%A7%E6%88%A6" target="_blank">第三次世界大戦</a>がどのように戦われるかは分からない。だが、第四次世界大戦が戦われる方法は知っている。それは棒きれと石でだ」</font>という言葉を残していますが、核兵器の脅威は、世界文明を滅ぼし、地球全体を火の海にしてしまう恐ろしさがあります。<br />
<br />
　北朝鮮の核実験強行、イランの核開発問題、それに加え地球温暖化の更なる進行が問題になった２００７年。<a href="http://ja.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E7%B5%82%E6%9C%AB%E6%99%82%E8%A8%88" target="_blank">世界終末時計</a>は、５分前だそうで、油断ならぬ世界はまさしく<b>「生死事大 無常迅速 各宣醒覚 謹莫放逸」</b>と説かれる通りです。<br />
<br />
　さて、そんなことを考えていたら思いついたのがこの言葉、<span style="font-size:large;font-weight:bold;color:#FF0000">Set the World on Fire</span>です。<br />
<br />
　文字通り、世界が火の海原になるという意味だと思っていましたが、<a href="http://kopykat.seesaa.net/article/12170672.html" target="_blank">KopyKatさんのサイト</a>により、実は<strong>「めざましいこと、大成功を収める」</strong>というイディオムであったと初めて知りました（汗）「world」を「river」「Thames」に置き換えても同義で、<br />
<br />
<b>set the river on fire / set the Thames on fire</b><br />
<br />
で「（めざましいことをして）世間を驚かす、名を揚げる」という意味になります。<br />
<br />
　ただ、<a href="http://www.theinkspots.com/" target="_blank">The Ink Spots</a>が<br />
</p>
<div align=center><span style="font-weight:bold;color:#FF0000;">I Don&#8217;t Want To Set The World On Fire</span><br />
<object width="340" height="280"><param name="movie" value="http://www.youtube.com/v/DetY35bQVAk&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/DetY35bQVAk&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="340" height="280"></embed></object></div>
<p>と歌っているように、「set the world on fire」には「世界を火の海にする」という意味もあると思われます。英語に堪能の方、如何でしょうか？　まあ、正しくはそんな用例がないとしても、普通のコミュニケーションにおいては、意味が通じるのでどちらでも良いといえば良いのですが。<br />
<br />
　ところでこの「I Don&#8217;t Want To Set The World On Fire」を冒頭のＳＥに持ってきたのが MEGADETH。「on fire」ではなく「afire」になっています。<br />
</p>
<div align=center><span style="font-weight:bold;color:#FF0000;">MEGADETH &#8211; Set The World Afire</span><br />
<object width="340" height="280"><param name="movie" value="http://www.youtube.com/v/zD_t7piuLSA&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/zD_t7piuLSA&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="340" height="280"></embed></object></span></div>
<p><a href="http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&#038;location=http%3A%2F%2Fwww.amazon.co.jp%2FSo-Far-Good-So-What%2Fdp%2FB0002EXH4A&#038;tag=charlie432-22&#038;linkCode=ur2&#038;camp=247&#038;creative=1211" target="_blank">『So Far, So Good&#8230; So What?』</a><img src="http://www.assoc-amazon.jp/e/ir?t=charlie432-22&amp;l=ur2&amp;o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />は、初期メガデスの中でも非常に好きなアルバムの１枚です。<br />
<br />
　他にも、「the」を「this」にすれば、</p>
<p><span id="more-1232"></span></p>
<div align=center><span style="font-weight:bold;color:#FF0000;">RAGE &#8211; Set This World On Fire</span><br />
<object width="340" height="280"><param name="movie" value="http://www.youtube.com/v/2PLHXoqFxwc&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/2PLHXoqFxwc&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="340" height="280"></embed></object></div>
<p>　先日の来日公演、すごく良かったと友人が言っていました。「今年見た中で最高のライヴだった」そうです。<br />
</p>
<div align=center><span style="font-weight:bold;color:#FF0000;">ANNIHILATOR &#8211; Set The World On Fire (1993)</span><br />
<object width="340" height="280"><param name="movie" value="http://www.youtube.com/v/nv-MHEy27NU&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/nv-MHEy27NU&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="340" height="280"></embed></object></div>
<p>　ANNIHILATOR の３ｒｄアルバムは、それまでのスラッシュ一直線から一段と幅を広げた印象を受けます。<a href="http://video.google.com/videoplay?docid=780776711246287191&amp;q=annihilator%2Csounds+good+to+me&amp;ei=nqeSSNL7A4TYwgOdibnyCg&amp;hl=ja" target="_blank">「Sounds Good to Me」</a>など、一般受けしそうな曲が多いですね。<br />
<br />
　そして、<br />
</p>
<div align=center><span style="font-weight:bold;color:#FF0000;">SYMPHONY X &#8211; Set The World On Fire</span><br />
<object width="340" height="280"><param name="movie" value="http://www.youtube.com/v/GUn4jXZko5E&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/GUn4jXZko5E&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="340" height="280"></embed></object></div>
<p>　シンフォニー・Ｘ、生で見たいです！Ｙ（ﾟДﾟ）Ｙ<br />
</p>
<div align=center><span style="font-weight:bold;color:#FF0000;">Tokyo mew mew &#8211; I wanna set the world on fire (Want your mew here?)</span><br />
<embed id="VideoPlayback" style="width:400px;height:326px" allowFullScreen="true" src="http://video.google.com/googleplayer.swf?docid=-8124724722599802318&#038;hl=ja&#038;fs=true" type="application/x-shockwave-flash"></embed></div>
<p>は明らかに「世間を驚かす」方の意味ですね。「I wanna ～」ですから。</p>
<p>　他にも、色々とあります。</p>
<div align=center><span style="font-weight:bold;color:#FF0000;">Britt Nicole | Set the World on Fire</span><br />
<object width="340" height="280"><param name="movie" value="http://www.youtube.com/v/66sQmu6fnxc&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/66sQmu6fnxc&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="340" height="280"></embed></object><br />
<br />
<span style="font-weight:bold;color:#FF0000;">E-TYPE (feat. NaNa Hedin) &#8211; Set The World On Fire</span><br />
<object width="340" height="280"><param name="movie" value="http://www.youtube.com/v/9-lP5Lq-tXM&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/9-lP5Lq-tXM&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="340" height="280"></embed></object><br />
<br />
<span style="font-weight:bold;color:#FF0000;">Set the world on fire / by Julie&#8217;s Haircut &#8211; directed by Luca Lumaca </span><br />
<object width="340" height="280"><param name="movie" value="http://www.youtube.com/v/PtbNUm5xmHU&#038;hl=ja&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/PtbNUm5xmHU&#038;hl=ja&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="340" height="280"></embed></object></div>
<p><strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2008/03/18/00/00/00" rel="bookmark" title="2008年3月18日">SYMPHONY X / Set The World On Fire</a></li>
<li><a href="http://charlie432.fool.jp/2009/03/10/00/00/00" rel="bookmark" title="2009年3月10日">同名異曲（８） / World of Pain</a></li>
<li><a href="http://charlie432.fool.jp/2008/07/20/13/45/00" rel="bookmark" title="2008年7月20日">同名異曲（１）</a></li>
<li><a href="http://charlie432.fool.jp/2008/09/08/00/00/00" rel="bookmark" title="2008年9月8日">同名異曲（５） / Diamonds and Rust</a></li>
<li><a href="http://charlie432.fool.jp/2009/02/02/00/00/00" rel="bookmark" title="2009年2月2日">同名異曲（６） / Tonight</a></li>
</ol>
<p><!-- Similar Posts took 12.510 ms --></p>
<div id="wherego_related"><p>「このページを見た人は、他にこんな記事を見ています」というページはありません。</p></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2009/03/09/00/00/00" title="ＳＥコレクション（２） / Telephone, please. (2009年3月9日)">ＳＥコレクション（２） / Telephone, please.</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2009/03/08/00/00/00" title="ＳＥコレクション（１） / 時計 (2009年3月8日)">ＳＥコレクション（１） / 時計</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2008/04/07/15/15/15" title="梅田望夫 / ウェブ時代５つの定理 この言葉が未来を切り開く！ (2008年4月7日)">梅田望夫 / ウェブ時代５つの定理 この言葉が未来を切り開く！</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2009/07/14/00/00/00" title="iPhone日記（20）/ iPhone からブログに画像投稿成功!! (2009年7月14日)">iPhone日記（20）/ iPhone からブログに画像投稿成功!!</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2009/03/19/00/00/01" title="DREAM THEATER with MARILLION, QUEENSRYCHE, SYMPHONY X and so on (2009年3月19日)">DREAM THEATER with MARILLION, QUEENSRYCHE, SYMPHONY X and so on</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2008/08/03/00/00/01/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2008/08/03/00/00/01" />
	</item>
		<item>
		<title>ハイドン　他 ～ ピアノソナタ第49・52番　他</title>
		<link>http://charlie432.fool.jp/2007/08/06/00/00/52</link>
		<comments>http://charlie432.fool.jp/2007/08/06/00/00/52#comments</comments>
		<pubDate>Sun, 05 Aug 2007 15:00:52 +0000</pubDate>
		<dc:creator>charlie432</dc:creator>
				<category><![CDATA[ハイドン]]></category>
		<category><![CDATA[ANNIHILATOR]]></category>
		<category><![CDATA[DIO]]></category>
		<category><![CDATA[LA]]></category>
		<category><![CDATA[RAN]]></category>
		<category><![CDATA[REN]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[アルバム]]></category>
		<category><![CDATA[バッハ]]></category>
		<category><![CDATA[モーツァルト]]></category>
		<category><![CDATA[リスト]]></category>
		<category><![CDATA[交響曲]]></category>

		<guid isPermaLink="false">http://charlie432.fool.jp/?p=738</guid>
		<description><![CDATA[
ハイドン　他
ピアノソナタ　第49・52番
　中学生の時、ラジオでピアノソナタ第52番（ハイドン）をアルフレート・ブレンデルの演奏で聴いて気に入ったので購入したものです。本ディスクはマルコム・ビルソンによるもので、ハイドン、Ｃ．Ｐ．Ｅ．バッハ、モーツァルトによるピアノ曲が５曲、計９トラック収録されています。

　この中ではやはり第52番のピアノソナタが一番好きですね。これはハイドンのピアノ曲の中でも、番号付の最後の曲を飾るのに相応しい出来栄えではないでしょうか。かなりの演奏能力を必要とする曲だと思います。まるで、ギタリストのソロアルバムをピアノ版に編曲したかのような印象を受けます。
　では、どんなギタリスト？と考えてジェフ･ウォーターズ（アナイアレーター）やポール・ギルバートを思い浮かべていたら、ポールがハイドンを演奏した映像を発見！交響曲第88番です。

　右は
No related posts.]]></description>
			<content:encoded><![CDATA[<div class="amazon"><a href="http://charlie432.fool.jp/wordpress/wp-content/uploads/20070727005721.jpg" target="_blank"><img src="http://charlie432.fool.jp/wordpress/wp-content/uploads/20070727005721s.jpg" alt="haydn piano sonata" border="0"></a><br />
<a href="http://music.yahoo.co.jp/shop/c/10/27p22726" target="_blank">ハイドン　他<br />
ピアノソナタ　第49・52番</a></div>
<p>　中学生の時、ラジオでピアノソナタ第52番（ハイドン）を<a href="http://ja.wikipedia.org/wiki/%E3%82%A2%E3%83%AB%E3%83%95%E3%83%AC%E3%83%BC%E3%83%88%E3%83%BB%E3%83%96%E3%83%AC%E3%83%B3%E3%83%87%E3%83%AB" target="_blank">アルフレート・ブレンデル</a>の演奏で聴いて気に入ったので購入したものです。本ディスクは<a href="http://www.neowing.co.jp/rss/list_from_code_banner.rxml?key=134984" target="_blank">マルコム・ビルソン</a>によるもので、<a href="http://www.masque-music.com/haydn/index.htm" target="_blank">ハイドン</a>、<a href="http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%BC%E3%83%AB%E3%83%BB%E3%83%95%E3%82%A3%E3%83%AA%E3%83%83%E3%83%97%E3%83%BB%E3%82%A8%E3%83%9E%E3%83%8C%E3%82%A8%E3%83%AB%E3%83%BB%E3%83%90%E3%83%83%E3%83%8F" target="_blank">Ｃ．Ｐ．Ｅ．バッハ</a>、<a href="http://ja.wikipedia.org/wiki/%E3%83%B4%E3%82%A9%E3%83%AB%E3%83%95%E3%82%AC%E3%83%B3%E3%82%B0%E3%83%BB%E3%82%A2%E3%83%9E%E3%83%87%E3%82%A6%E3%82%B9%E3%83%BB%E3%83%A2%E3%83%BC%E3%83%84%E3%82%A1%E3%83%AB%E3%83%88" target="_blank">モーツァルト</a>によるピアノ曲が５曲、計９トラック収録されています。<br />
<br />
　この中ではやはり<a href="http://www.piano.or.jp/enc/dictionary/composer/haydn/005048.html" target="_blank">第52番のピアノソナタ</a>が一番好きですね。これは<a href="http://www.piano.or.jp/enc/dictionary/composer/haydn/index.html" target="_blank">ハイドンのピアノ曲</a>の中でも、番号付の最後の曲を飾るのに相応しい出来栄えではないでしょうか。かなりの演奏能力を必要とする曲だと思います。まるで、ギタリストのソロアルバムをピアノ版に編曲したかのような印象を受けます。<br />
　では、どんなギタリスト？と考えて<a href="http://www.h5.dion.ne.jp/~gamma/annihilator.html" target="_blank">ジェフ･ウォーターズ（アナイアレーター）</a>や<a href="http://ja.wikipedia.org/wiki/%E3%83%9D%E3%83%BC%E3%83%AB%E3%83%BB%E3%82%AE%E3%83%AB%E3%83%90%E3%83%BC%E3%83%88" target="_blank">ポール・ギルバート</a>を思い浮かべていたら、ポールがハイドンを演奏した映像を発見！交響曲第88番です。<br />
<br />
　右は<a href="http://ja.wikipedia.org/wiki/%E3%83%AC%E3%83%8A%E3%83%BC%E3%83%89%E3%83%BB%E3%83%90%E3%83%BC%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%B32 target="_blank">バーンスタイン</a> with <a href="http://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A3%E3%83%BC%E3%83%B3%E3%83%BB%E3%83%95%E3%82%A3%E3%83%AB%E3%83%8F%E3%83%BC%E3%83%A2%E3%83%8B%E3%83%BC%E7%AE%A1%E5%BC%A6%E6%A5%BD%E5%9B%A3" target="_blank">ウィーンフィル</a>です。↓</p>
<div style="margin-right:1em;float:left;text-align:center;">
<span style="color:#FF0000;font-weight:bold;">Haydn<br />
Symphony No. 88</span><br />
by<br />
Paul Gilbert<br />
<object width="136" height="112"><param name="movie" value="http://www.youtube.com/v/Lnlkku8d8VU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Lnlkku8d8VU" type="application/x-shockwave-flash" wmode="transparent" width="136" height="112"></embed></object></div>
<div style="margin-right:1em;float:left;text-align:center;">
<span style="color:#FF0000;font-weight:bold;">Haydn<br />
Symphony No. 88</span><br />
by<br />
Leonard Bernstein<br />
<object width="136" height="112"><param name="movie" value="http://www.youtube.com/v/kfSQ-m_-KuA"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/kfSQ-m_-KuA" type="application/x-shockwave-flash" wmode="transparent" width="136" height="112"></embed></object></div>
<p><br clear="all"><br />
　他の曲については、悪くはないがあまり記憶に残らない、という感想です。<br />
</p>
<div class="tracklist"><strong>TRACK LIST:</strong><br />
<br />
<strong>SONATA IN E FLAT MAJOR, Hob.XVI:49 (J.Haydn)</strong><br />
1. I &#8211; Allegro<br />
2. II &#8211; Adagio e cantabile<br />
3. III &#8211; Finale: Tempo di Minuet<br />
<br />
<strong>SONATA IN E FLAT MAJOR, Hob.XVI:52 (J.Haydn)</strong><br />
4. I &#8211; Allegro<br />
5. II &#8211; Adagio<br />
6. III &#8211; Finale: Presto<br />
<br />
7. <strong>FANTASY IN C MINOR, K.475 (W.A.Mozart)</strong><br />
8. <strong>FANTASY IN C MAJOR, Wq.59/6 (C.Ph.E.Bach)</strong><br />
9. <strong>FANTASY IN C MAJOR, Hob.XVII:4 (J.Haydn)</strong><br />
<br />
<strong>MALCOLM BILSON</strong>, Fortepiano</div>
<p><strong>Similar Posts:</strong>
<ol class="similar-posts">
<li><a href="http://charlie432.fool.jp/2007/08/01/00/00/01" rel="bookmark" title="2007年8月1日">ハイドン ～ チェロ協奏曲第１・２番、他</a></li>
<li><a href="http://charlie432.fool.jp/2008/07/30/00/00/02" rel="bookmark" title="2008年7月30日">アニメ版：のだめカンタービレ　Lesson 21（二ノ宮知子：原作）</a></li>
<li><a href="http://charlie432.fool.jp/2008/07/30/00/00/03" rel="bookmark" title="2008年7月30日">アニメ版：のだめカンタービレ　Lesson 20（二ノ宮知子：原作）</a></li>
<li><a href="http://charlie432.fool.jp/2008/07/30/00/00/22" rel="bookmark" title="2008年7月30日">アニメ版：のだめカンタービレ　Lesson 01（二ノ宮知子：原作）</a></li>
<li><a href="http://charlie432.fool.jp/2007/08/08/00/00/24" rel="bookmark" title="2007年8月8日">ハイドン ～ 交響曲「軍隊」「時計」「ロンドン」</a></li>
</ol>
<p><!-- Similar Posts took 10.161 ms --></p>
<div id="wherego_related"><h3>このページを見た人は、他にこんな記事を見ています↓</h3><ul><li><a href="http://charlie432.fool.jp/2008/07/30/00/00/02" rel="bookmark" class="wherego_title">アニメ版：のだめカンタービレ　Lesson 21（二ノ宮知子：原作）</a></li><li>Powered by <a href="http://ajaydsouza.com/wordpress/plugins/where-did-they-go-from-here/">Where did they go from here?</a></li></ul></div><p>No related posts.</p>
	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://charlie432.fool.jp/2007/12/19/00/00/34" title="マルチェッロ 他 / オーボエ協奏曲 (2007年12月19日)">マルチェッロ 他 / オーボエ協奏曲</a> (8)</li>
	<li><a href="http://charlie432.fool.jp/2007/08/01/00/00/01" title="ハイドン ～ チェロ協奏曲第１・２番、他 (2007年8月1日)">ハイドン ～ チェロ協奏曲第１・２番、他</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2008/04/21/00/00/00" title="YES / Fragile (2008年4月21日)">YES / Fragile</a> (0)</li>
	<li><a href="http://charlie432.fool.jp/2009/05/03/00/00/00" title="JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2 (2009年5月3日)">JAMES LaBRIE&#8217;S MULLMUZZLER / Mullmuzzler 2</a> (4)</li>
	<li><a href="http://charlie432.fool.jp/2007/06/04/00/00/51" title="DIO 試聴 (2007年6月4日)">DIO 試聴</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://charlie432.fool.jp/2007/08/06/00/00/52/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://charlie432.fool.jp/2007/08/06/00/00/52" />
	</item>
	</channel>
</rss>

