@charset "UTF-8"; /* 文字コード宣言 */
@namespace "http://www.w3.org/1999/xhtml";

/*===== 画面表示用 =====*/
@media screen {
	#imageReplacing li a { /* IE 6, 7 用 */
		display: list-item;
		list-style: disc inside; /* none を設定すると画像も表示されなくなる. */
		vertical-align: bottom;
		line-height: 31px; /* 画像が非表示の場合の文字の位置調節. 画像の高さより 1px 大きめに設定 */
		margin-left: -300px;
		padding-left: 300px;
	}
	#imageReplacing li a:hover, 
	#imageReplacing li a:focus, 
	#imageReplacing li a:active { /* IE 6, 7 用 */
		background-position: -150px 0px;
	}

	#imageReplacing li.home a { /* IE 6, 7 用 */
		background-image: url("ir_home.png");
		list-style-image: url("ir_home.png");
	}

	#imageReplacing li.about a { /* IE 6, 7 用 */
		background-image: url("ir_about.png");
		list-style-image: url("ir_about.png");
	}

	#imageReplacing li.sample1 a { /* IE 6, 7 用 */
		background-image: url("ir_sample1.png");
		list-style-image: url("ir_sample1.png");
	}

	#imageReplacing li.sample2 a { /* IE 6, 7 用 */
		list-style-image: url("none.png");
		background-image: url("none.png");
	}
}