body {
	margin: 0px;
	padding: 0px;
}


h1 {
	margin: 0px;
	background-color: #f9be0b;			/* オレンジ */
}


h2 {
	clear: left;
	color: #004000;
	width:100%;
	margin-top: 10px;
	margin-bottom:10px;
/*	height: 24px;	*/
	padding-left:3px;
/*	font-size: 15px;	*/
	line-height: 180%;
	font-weight: bold;
	background-image: url(head_jf.gif);
	background-repeat: repeat-x;
}


h3 {
	margin-top: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	font-size: medium;
	color: #776677;
	background-color:#ffffc0;
}


h4 {
	text-align: center;
	border: solid 1px #000;
	color: #800000;
	background-color: #f0d893;			/* 薄い緑#99ff00; */
}

th  { color: #000; 
	background-color: #ffff80;		/* 緑 */
	line-height: 120%;
}	
	
td	{ color: #000;					/* ことわざ解説項目の設定 */
	background-color: #ffffc0;		/* 薄緑 */
	font-size: medium;				/* 文字の大きさ medium は大き目 */
	font-weight: 600;				/* 文字の太さ defalt=400 */
	line-height: 120%;	
}  

hr { border-color: #efd893;
	border-width: 1px; 
	border-style: solid;
}

#waku {                            /* 080325 追記 */
	padding: 3px;
	text-align: center;
	border: solid 1px #000;
}

.imi { color: #800000 }				/* 080624 追記 */
.pc30 { color: #008000 }				/* 不足栄養素３０％以下のもの緑 */
.pc10 { color: #0000ff }				/* 不足栄養素１０％以下のもの青色 */
.zero { color: #ff0000 }				/* 不足栄養素０％以下のもの赤 */


#wrapper {
	position: relative;
	width: 100%;	/* IE bug fix */
	/* height: 100%;  rigth position for footer area [canot use] 08/09/09 */
}

#header {
	/* text-align: center; */
	color: #000000;
	background: #fff;
}

#main {
	margin: 5px 160px;			/* 上下：0、左右：150 の隙間をピクセル値で表示 */
	padding: 3px 3px;			/* 2009/03/18 edited 文字と外枠との隙間 */
	width: auto;
/*	font-size: xx-small;	*/
	line-height:1.5;				/* edited 2016/05/22   */
	color: #000000;
	background: #ffffd0;			/* 薄黄色 */
}

#sub {								/* 左側の枠 */
	position: absolute;
	top: 5px;						/* 少し下げている */
	left: 0px;
	margin: 5px 0px;			/* 上下：5、左右：0 の隙間をピクセル値で表示 */
	padding: 5px 5px;
	width: 145px;				/* 左枠の幅2009/03/18 */
	line-height:1.3;
	font-size: small;			/* 左端「関連リンク棚」の文字の大きさ */
	color: #000;
	background: #ffffa0;		/* 薄い黄色 */
}

#navi2 {
	margin: 5px 0px;
	padding: 0px;
	list-style: none;
	font-size: 14px;			/* フォントサイズを小さめにしておくことで四角の中央に文字が来る */
	line-height: 150%;
}

#navi2 li {
	float: left;				/* この行を取れば、下へ縦に並ぶ */
	margin-right: 5px;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	background-color: #ffff40;			/* リンクしていないときの色・黄色 */
	border: 1px solid #000;
	text-align: center;
	width: 82px;
	height: 22px;
}

#navi2 a {
	color: #000;
	background-color: #ffffb0;		 /* 黄色 リンクをしている時の色 */
	display: block;				/* aタグをブロック化する */
	width: 82px;
	height: 22px;
}

#navi2 a:hover {
	color: #fff;						/* マウスを乗せたときの文字色 */
	background-color: #ff8000;			/* マウスを載せたときの色 */
	text-decoration: none;
}


#navi3 {
	margin: 5px 3px;
	padding: 3px;
	list-style: none;
	font-size: 14px;			/* フォントサイズを小さめにしておくことで四角の中央に文字が来る */
	line-height: 150%;
}

#navi3 li {
	margin-right: 3px;			/*右マージン */
	margin-left: 0px;	
	margin-top: 3px;			/* 上のマージン下方向へ下がるので */
	margin-bottom:0px;
	background-color: #ffff40;			/* リンクしていないときの色・黄色 */
	border: 1px solid #000;
	text-align: center;
	width: 118px;
	height: 22px;
}

#navi3 a {
	color: #000;
	background-color: #ffffb0;		 /* 黄色 リンクをしている時の色 */
	display: block;				/* aタグをブロック化する */
	width: 118px;
	height: 22px;
}

#navi3 a:hover {
	color: #fff;						/* マウスを乗せたときの文字色 */
	background-color: #ff8000;			/* マウスを載せたときの色 */
	text-decoration: none;
}


#extra {							/* 右端のナビゲーション */
	position: absolute;
	top: 10px;						/* 少し下げている */
	right: 0px;
	width: 145px;					/* 右枠の幅2009/03/18 */
	padding: 5px;
	line-height:1.3;
	color: #000;
	background-color: #ffffa0;
}

#footer {
	text-align: center;
	color: #000000;
	background-color: #ccff66;				/* 薄い緑 */
}