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

a {
	text-decoration: none;
}
* {
	background-repeat: no-repeat;
}

/*===== 画面表示用 =====*/
@media screen {
	
	ul#imageReplacing {
		overflow: hidden;
		list-style: none;
		width: 604px; height: 30px;
		padding: 0px; margin: 20px;
		font-size: 14px;
		border-style: solid none double solid;
		border-color: #46251A;
		border-width: 1px 0px 3px 1px;
		/*position: absolute; top: 300px; 絶対配置でも問題なし*/
	}
	
	#imageReplacing li {
		float: left; /* clear: left;*/
		overflow: hidden;
		width: 150px; height: 30px; /* 画像の大きさ */
		/*margin: 0px;
		padding: 0px;*/
		border-right: 1px solid #46251A;
		position: relative;
	}
	#imageReplacing li a {
		height: 30px;
		width: 150px;
		overflow: hidden;
		
		display: block;
		/*background-color: #000000;
		margin: 0px;
		padding: 0px;
		border: 0px none;
		color: #46251A;*/
		background-color: #FFF1CC;
	}
	#imageReplacing li a:hover, 
	#imageReplacing li a:focus, 
	#imageReplacing li a:active {
		background-color: #F4EFCA;
	}
	#imageReplacing li a:before {
		display: block;
		float: left;
		color: #333333;
	}
	/* IE6 に以下のプロパティが適用されるとうまく動かないため子選択セレクタ ">" で IE6 には
		認識されないようにする */
	#imageReplacing li>a:hover:before, 
	#imageReplacing li>a:focus:before, 
	#imageReplacing li>a:active:before {
		margin-left: -150px;
	}
	/* "home" ボタン設定 */
	#imageReplacing li.home a:before {
		content: url("ir_home.png");
	}
	/* "about" ボタン設定 */
	#imageReplacing li.about a:before {
		content: url("ir_about.png");
	}
	/* "sample1" ボタン設定 */
	#imageReplacing li.sample1 a:before {
		content: url("ir_sample1.png");
	}
	/* "sample2" ボタン設定 */
	#imageReplacing li.sample2 a:before {
		content: url("none.png");
	}
}

/*===== 印刷用 =====*/
@media print {
	ul#imageReplacing {
		overflow: hidden;
		width: 604px; height: 30px;
		padding: 0px; margin: 20px;
		font-size: 14px;
		border-style: solid none double solid;
		border-color: #46251A;
		border-width: 1px 0px 3px 1px;
		/*position: absolute; top: 300px; 絶対配置でも問題なし*/
	}
	#imageReplacing li {
		float: left;
		display: block;
		overflow: hidden;
		width: 150px; height: 30px; /* 画像の大きさ */
		border-right: 1px solid #46251A;
	}
	#imageReplacing li a {
		display: list-item;
		list-style: disc inside; /* none を設定すると画像も表示されなくなる. */
	}
	/* "home" ボタン設定 */
	#imageReplacing li.home a {
		list-style-image: url("ir_home.png");
	}
	/* "about" ボタン設定 */
	#imageReplacing li.about a {
		list-style-image: url("ir_about.png");
	}
	/* "sample1" ボタン設定 */
	#imageReplacing li.sample1 a {
		list-style-image: url("ir_sample1.png");
	}
	/* "sample2" ボタン設定 */
	#imageReplacing li.sample2 a {
		list-style-image: url("none.png");
	}
}