body, div{
	margin: 0;
	padding: 0;
}


h1 { color:#000000; background-color:#A4C3D6 }		/* 青 */
h2	{ color:#000000; background-color:#c0ffc0 }

h3 {
	margin-top: 5px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	color: #004000;
	background-color:#c0ffc0;
}


th  { color: #000; background-color: #80ff80; }		/* 緑 */
td	{ color: #800000; background-color:#c0ffc0; }  /* 薄緑 */


.chiisaimoji { font-size:small; }				/* 小さい文字クラス・伝言板用 2011/10/12 */
table.mess { border-collapse:collapse;}			/* 伝言板テーブル用設定 2011/10/12 */
th.mess {  border:solid 1px black;}
td.mess { border:solid 1px black; padding:3px;}


#wrapper										/* 2015/04/27 追加 */
{
	position: relative;
	margin: 2px auto;
	width: 1024px;								/* 2015/08/04  edited from 100%   */
}


#header {
	margin: 2px auto;							/* 2015/08/04  add  */
	width: 1024px;								/* 2015/08/04  add  */
	font-size: xx-small;
	color: #000000;
	background: #f5deb3;
}

#sub {
	padding: 3px 3px;							/* edited 08/02/12 */
	margin: 0px 5px;							/* edited 08/02/12 */
	line-height:1.3;
	float: left;
	width: 120px;								/* スマートフォン対策、2015/04/19  old_data=12% */
	color: #000;
	background: #ffffc0;
}



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

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

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

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


#navi2 {
	margin: 5px 3px;
	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: #d0ffd0;
	border: 1px solid #000;
	text-align: center;
	width: 118px;
	height: 22px;
}

#navi2 a {
	color: #000;
	display: block;				/* aタグをブロック化する */
	width: 118px;
	height: 22px;
}

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



#main {
	line-height:1.5;				/* edited 16/05/12 */
	font-size: 14px;				/* 追加、 16/05/12 */
	margin-left: 120px;				/* edited 15/04/21 */
	color: #800000;
	background: #d0ffd0;			/* 薄緑 */
}


/* リストタグ表示、右流れ表示不具合、修正のため追加 */
#main_sub1 {
	overflow: auto;
}

#main_sub2 {
	overflow: auto;
}

#main_sub3 {
	overflow: auto;
}


#footer {
	margin: 2px auto;								/* 2015/08/04  add  */
	width: 1024px;									/* 2015/08/04  add  */
	clear: both;									/* 2015/08/04 edited from left  */
	color: #000000;
	background: #a0ffa0;
}