body {
	font-size: 12px;
	font-family: Meiryo,Verdana;
	line-height: 150%;
	text-align: center;
	background-color: #fff;
	color: #000;
	min-height: 100%;
	margin: 0;
	height: 100%;
	border-left: 30px solid #2A4D77;
	background: #5C80AC;
	padding: 0 0 0 30px;
}
table {
	font-size: 12px;
	font-family: Meiryo,Verdana;
	line-height: 150%;
	color: #000;
}
h1, h2, h3, ul, li, form, dl {
	margin:0;
	padding:0;
}
img {
	border: none;
}
a {
	color: #5C80AC;
}
a:hover {
	color: #A7C3E5;
}

div#body {
	background: #fff;
	text-align: left;
	min-height: 100%;
	border-left: 30px solid #A7C3E5;
}
* html div#body {
	height: 100%;
}
div#body div#header {
	border-bottom: 1px solid #A7C3E5;
}
div#body div#header h1 {
	line-height: 20px;
	padding: 20px 20px 5px 20px;
	font-size: 20px;
	font-weight: normal;
}
div#body div#header p {
	margin: 0;
	padding: 5px 20px 20px 20px;
}

div#body div#main {
	padding-top: 10px;
	border-bottom: 1px solid #A7C3E5;
}

div#body div#main ul li {
	list-style-type: none;
	padding: 10px 30px;
}
div#body div#main ul li h2 {
	font-size: 16px;
	font-weight: normal;
}
div#body div#main ul li p.text {
	margin-bottom: 0;
}
div#body div#main ul li p.date {
	font-size: 10px;
	color: #666;
	margin: 5px 0;
}

div#body div#sub {
	padding-top: 10px;
	border-bottom: 1px solid #A7C3E5;
	font-size: 10px;
}
div#body div#sub ul li {
	list-style-type: none;
	padding: 10px 30px;
}
div#body div#sub ul li h2 {
	font-size: 14px;
	font-weight: normal;
}
div#body div#sub ul li p.text {
	margin-bottom: 0;
}
div#body div#sub ul li p.date {
	font-size: 10px;
	color: #666;
	margin: 5px 0;
}
div#body div#footer {
	font-size: 10px;
	text-align: center;
	height: 50px;
}
div#body div#footer p {
	line-height: 50px;
	margin: 0;
}

/* color */
/* ①＞②＞③　の順に濃く */
/* green1 */
body#green {
	border-left: 30px solid #2c4f54;	/* ① */
	background: #43777f;				/* ② */
}
body#green div#body {
	border-left: 30px solid #5c9291;	/* ③ */
}
body#green div#body div#header,
body#green div#body div#main {
	border-bottom: 1px solid #5c9291;	/* ③ */
}
body#green a {
	color: #43777f;						/* ② */
}
body#green a:hover {
	color: #5c9291;						/* ③ */
}
body#green div#sub{
	border-bottom: 1px solid #5c9291;	/* ③ */
}

body#yellow {
	border-left: 30px solid #f8b500;	/* ① */
	background: #fcc800;				/* ② */
}
body#yellow div#body {
	border-left: 30px solid #ffdb4f;	/* ③ */
}
body#yellow div#body div#header,
body#yellow div#body div#main {
	border-bottom: 1px solid #ffdb4f;	/* ③ */
}
body#yellow a {
	color: #fcc800;						/* ② */
}
body#yellow a:hover {
	color: #ffdb4f;						/* ③ */
}
body#yellow div#sub{
	border-bottom: 1px solid #ffdb4f;	/* ③ */
}

body#red {
	border-left: 30px solid #e2041b;	/* ① */
	background: #e95464;				/* ② */
}
body#red div#body {
	border-left: 30px solid #f4b3c2;	/* ③ */
}
body#red div#body div#header,
body#red div#body div#main {
	border-bottom: 1px solid #f4b3c2;	/* ③ */
}
body#red a {
	color: #e95464;						/* ② */
}
body#red a:hover {
	color: #f4b3c2;						/* ③ */
}
body#red div#sub{
	border-bottom: 1px solid #f4b3c2;	/* ③ */
}