
p {
	margin: 0;
	padding: 0;
	border: none;
	background: none transparent;

	text-align: left;
	text-indent: 0;
}

p.n {
	margin-top: 1em;
}

p.c {
	text-align: center;
	white-space: nowrap;
}

/******************************/
/*     レイアウト             */
/******************************/

/* ベース */
div#base {
	width: 45em;
	margin: 0 auto 0;

	font-family: sans-serif;
}

/* 左の列 */
div.coll {
	width: 10em;
	float: left;
}

/* 右の列 */
div.colr {
	margin-left: 10em;
    padding-left: 16px;
}

div.line {
	clear: both;
}

/******************************/
/*     ボード                 */
/******************************/

div.board1 {
	margin-bottom: 16px;
	padding:2px;
	background: none #99FF99;
}

div.boardtitle {
	padding: 2px;

	text-align: center;
	font: bold 83%/120% cursive;
    white-space: nowrap;
}

div.boardcont {
	padding: 0.5em 1em;
	background: none #FFFFFF;

	font: normal 83%/150% sans-serif;
}

div.board1 div.boardcont {
	background: none #FFFFFF;
}

/******************************/
/*     メニュー               */
/******************************/

/* メニュー */
ul.menu {
	margin: 0 0 0 1em;
	padding: 0;
	background: none transparent;
}

/******************************/
/*     本文                   */
/******************************/

/* 本文 */
div.main {
	margin-bottom: 16px;
	border: solid 2px #99FF99;
	background: none #FFFFFF;
}

div.main h1 {
	margin: 0;
	padding: 2px;
	background: none #99FF99;

	text-align: center;
	font: bold 150% cursive;
}

div.p {
	margin: 1em;
}

div.p h2 {
	margin: 0 0 1em;
	padding: 0 0.5em;
	border-right: solid 1em #99FF99;
	border-left: solid 1em #99FF99;
	background: none #CCFFDD;

	font: bold 120% cursive;
}

div.p p {
	text-indent: 1em;
}

div.p p.n {
	margin-top: 1em;
	text-indent: 1em;
}

/******************************/
/*     1                      */
/******************************/

div.l1 {
	clear: both;
}

div.l1 a {
	text-decoration: underline;	/* 下線あり */
}

div.l1 a:link {
	color: #333399;	/* 青系 */
}

div.l1 a:visited {
	color: #993333;	/* 赤系 */
}

div.l1 a:hover {
	background-color: #CCFFCC;	/* 背景緑 */
}

div.l1 ul.menu a {
	text-decoration: none;
	padding: 0 2px;
}

div.l1 ul.menu a:link {
	color: #333333;
}

div.l1 ul.menu a:visited {
	color: #333333;
}
div.l1 ul.menu a:hover {
	color: #008000;
	background-color: #CCFFCC;
}

/******************************/
/*     2                      */
/******************************/

div.l2 {
	clear: both;
}

div.l2 a {
	text-decoration: none;
}

div.l2 a:link {
	color: #0000CC;
}

div.l2 a:visited {
	color: #0000CC;
}

div.l2 a:hover {
	background-color: #CCFFCC;	/* 背景緑 */
}

div.l2 ul.menu a {
	text-decoration: none;
}

div.l2 ul.menu a:link {
	color: #0000CC;
}

div.l2 ul.menu a:visited {
	color: #0000CC;
}
div.l2 ul.menu a:hover {
	background-color: #CCFFCC;	/* 背景緑 */
}

/******************************/
/*     3                      */
/******************************/

div.l3 {
	clear: both;
}

div.l3 a {
	text-decoration: none;
	background-color: #CCFFCC;	/* 背景緑 */
}

div.l3 a:link {
	color: #333333;
}

div.l3 a:visited {
	color: #333333;
}

div.l3 a:hover {
	background-color: #FFE0B8;
}

div.l3 ul.menu a {
	text-decoration: none;
	border: solid 1px transparent;
	background-color: transparent;
}

div.l3 ul.menu a:link {
	color: #333333;
}

div.l3 ul.menu a:visited {
	color: #333333;
}
div.l3 ul.menu a:hover {
	border: solid 1px #666666;
	background-color: transparent;
}

/******************************/
/*     4                      */
/******************************/

div.l4 {
	clear: both;
}

div.l4 a {
	text-decoration: none;
	background-color: #CCFFCC;	/* 背景緑 */
}

div.l4 a:link {
	color: #333333;
}

div.l4 a:visited {
	color: #333333;
}

div.l4 a:hover {
	background-color: #FFE0B8;
}

/******************************/
/*     5                      */
/******************************/

div.l5 {
	clear: both;
}

div.l5 a {
	text-decoration: none;
	background-color: #CCFFDD;
}

div.l5 a:link {
	color: #333333;
}

div.l5 a:visited {
	color: #333333;
}

div.l5 a:hover {
	background-color: #FFE8B8;
}

div.l5 ul {
	list-style-type: none;
	margin: 0;
}

div.l5 ul.menu a {
	text-decoration: none;
	background-color: transparent;
}

div.l5 ul.menu a:link {
	color: #333333;
}

div.l5 ul.menu a:visited {
	color: #333333;
}
div.l5 ul.menu a:hover {
	background-color: transparent;
	border: solid 1px #99FF99;
	font-size: 150%;
	font-weight: bold;
}

/******************************/
/*     6                      */
/******************************/

div.l6 {
	clear: both;
}

div.l6 a {
	text-decoration: none;
	background-color: #CCFFDD;
}

div.l6 a:link {
	color: #333333;
}

div.l6 a:visited {
	color: #333333;
}

div.l6 a:hover {
	background-color: #FFE8B8;
}

div.l6 ul.menu a {
	text-decoration: none;
	background-color: transparent;
}

div.l6 ul.menu a:link {
	color: #333333;
}

div.l6 ul.menu a:visited {
	color: #333333;
}
div.l6 ul.menu a:hover {
	background-color: #CCFFDD;
}

/******************************/
/*     7                      */
/******************************/

div.l7 {
	clear: both;
}

div.l7 a {
	text-decoration: none;
	background-color: #CCFFDD;
}

div.l7 a:link {
	color: #333333;
}

div.l7 a:visited {
	color: #333333;
}

div.l7 a:hover {
	background-color: #FFDDCC;
}

div.l7 ul.menu {
	list-style-type: none;
	margin: 0;
}

div.l7 ul.menu a {
	text-decoration: none;
	background-color: transparent;
}

div.l7 ul.menu a:link {
	color: #333333;
}

div.l7 ul.menu a:visited {
	color: #333333;
}
div.l7 ul.menu a:hover {
	font-weight: bold;
	background-color: transparent;
}

div.l7 ul.menu img {
	vertical-align: middle;
}
