@charset "UTF-8"; /* 文字コード宣言 */

body {
	background-color: #FFFFFF;
}
a {
	text-decoration: none;
}
p {
	width: 40em;
}
* {
	background-repeat: no-repeat;
}
h1 {
	font-family: "Times New Roman", "Georgia", "HG正楷書体-PRO", serif;
}
h2 {
	font-family: "Times New Roman";
}

#header {
	font-size: 0.8em;
}

pre.html {
	display: block;
	padding: 40px 0.1em 0.5em 2em;
	background: #F6F6F6 url("common_bg_html.png") no-repeat 95% 0%;
	border: solid #DDDDDD 1px;
	width: 50em; font-size: 0.8em;
	overflow: scroll; max-height: 20em;
}

pre.css {
	display: block;
	padding: 40px 0.1em 0.5em 2em;
	background: #F6F6F6 url("common_bg_css.png") no-repeat 95% 0%;
	border: solid #DDDDDD 1px;
	width: 50em; font-size: 0.8em;
	overflow: scroll; max-height: 20em;
}

pre em {
	color: #993333;
	font-weight: 700;
	font-style: normal;
}







/*=============================
	Sample 用
 =============================*/
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; 絶対配置でも問題なし*/
}/*
ul#imageReplacing:after {
	content: ""; display: block; clear: both; height: 1px; overflow: hidden;
}
* html ul#imageReplacing {
	height: 1px; overflow: visible;
}*/

#imageReplacing li {
	float: left; /*clear: left;*/
	overflow: hidden;
	width: 150px; height: 30px; /* 画像の大きさ */
	/*margin: 0px;
	padding: 0px;*/
	border-right: 1px solid #46251A;
}
#imageReplacing li a {
	display: list-item;
	list-style: disc inside; /* none を設定すると画像も表示されなくなる. */
	/*background-color: #000000;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	vertical-align: bottom;*/
	color: #46251A;
	line-height: 31px; /* 画像が非表示の場合の文字の位置調節. 画像の高さより 1px 大きめに設定 */
	background-color: #FFF1CC;
}
#imageReplacing li a:hover {
	background-color: #F4EFCA;
}

#imageReplacing li a.home {
	list-style-image: url("ir_home.png");
	background-image: url("ir_home_active.png");
	background-position: 0px -30px;
}
#imageReplacing li a.home:hover {
	list-style-image: url("ir_home_active.png");
}

#imageReplacing li a.about {
	list-style-image: url("ir_about.png");
	background-image: url("ir_about_active.png");
	background-position: 0px -30px;
}
#imageReplacing li a.about:hover {
	list-style-image: url("ir_about_active.png");
}

#imageReplacing li a.sample1 {
	list-style-image: url("ir_sample1.png");
}
#imageReplacing li a.sample1:hover {
	list-style-image: url("ir_sample1_active.png");
}

#imageReplacing li a.sample2 {
	list-style-image: url("none.png");
}
#imageReplacing li a.sample2:hover {
	list-style-image: url("none.png");
}