html{	margin: 0;         /* 余白の削除 */
		padding: 0;        /* 余白の削除 */
		width:100%;
		height:100%;
	}

body {
		width:380px;
		margin:auto;
		background-image:url(img/b022.jpg);
		background-repeat:repeat;
	}

header{
		z-index: 10;
		height: 100px; /* 高さ */
		width: 100%; /* 長さ */
		background-color:#ffffff;
		position: fixed; /* ヘッダーを固定(これが重要) */
		top: 0; /* 固定する位置 */
		left: 0; /* 固定する位置 */
		right: 0;  /* 固定する位置 */
		text-align:center;
		background-image:url(img/b022.jpg);
		}

nav {
		z-index: 10;
		position: fixed;            /* 固定 */
		width: 380px;				/* コンテンツの横幅を指定する */
		margin: 100px 0px 0px 0px;	/* 内側余白を指定する(上:右:下:左) */

		background: #000000; /* ナビゲーションの背景 */
		border-top: 1px #333333 solid; /* 上境界線 */
		border-bottom: 1px #333333 solid; /* 下境界線 */
		font-size: 80%;
	}

footer{
		width: 100%;                /* 横幅100%　*/
		height: 50px;				/* 縦幅50px */
		background-color: #444;     /* 背景色(黒) */
		position: fixed;            /* フッターの固定 */
		bottom: 0px;                /* 位置(下0px) */
		left: 0px;                  /* 位置(左0px) */
		color: #ffffff;
		line-height:50px;
		text-align:center;
	}
	
section {
		width: 100%;				/* コンテンツの横幅を指定する */
		padding: 20px 0px 0px 0px;	/* 内側余白を指定する(上:右:下:左) */
		position:relative;
		}




div#body-bk{
		z-index: 0;
	    padding:150px 0 100px 0;    /* 上下に余白を取る */
}
 



/* --- メニューエリア --- */
ul.nl {
		width: 380px; /* メニューの幅 */
		margin: 0 auto; /* センターに配置 */
		padding: 0;
		border-left: 1px #333333 solid; /* メニューの左境界線 */
		border-right: 1px #333333 solid; /* メニューの右境界線 */
		list-style-type: none;
		text-align: center;
	}

/* --- メニュー項目 --- */
ul.nl li {
		width: 20%; /* 項目の幅 */
		float: left;
	}

/* --- リンク --- */
ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 9px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #333333 solid; /* リンクエリアの左境界線 */
border-right: 1px #333333 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 太字 */
}
/* --- リンクテキストの色 --- */
ul.nl li a:link {
color: #ffffff;
}
ul.nl li a:visited {
color: #ffffff;
}
ul.nl li a:hover {
color: #ff8000;
}
ul.nl li a:active {
color: #ff8000;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


p.img_center{ text-align: center;} 

h1 {
	padding: 0.1em 0.1em 0.1em 0.5em;/*文字周りの余白*/
	margin: 0px 15px 0px 15px;
	color: #010101;/*文字色*/
	background: #eaf3ff;/*背景色*/
	border-bottom: solid 3px #d8a373;/*下線*/
	}

h4 {
	padding: 0.1em 0.1em 0.1em 0.5em;/*文字周りの余白*/
	margin: 0px 15px 0px 15px;
	color: #010101;/*文字色*/
	background: #eaf3ff;/*背景色*/
	border-bottom: solid 3px #d8a373;/*下線*/
	}