/*─ color ───────────────────────────────────────*/
.red		{ color: #ff0000; }
.blue		{ color: #0000ff; }
.green		{ color: #006600; }
.orange		{ color: #ff8000; }
.gray		{ color: #aaaaaa; }
.white		{ color: #ffffff; }
.black		{ color: #000000; }

.icon_tri_orange {
	color: #ffb242;
	font-size: 0.9em;
	padding-right: 2px;
}
.small_gray {
	color: #999999;
	font-size: 0.9em;
}


/*─ common ───────────────────────────────────────*/
h1		{ margin:  0px  0px  0px  0px; padding:  0px  0px  0px  0px; }
h2		{ margin:  0px  0px  0px  0px; padding:  0px  0px  0px  0px; }
h3		{ margin:  0px  0px  0px  0px; padding:  0px  0px  0px  0px; }
h4		{ margin:  0px  0px  0px  0px; padding:  0px  0px  0px  0px; }
p		{ margin:  0px  0px  0px  0px; padding:  0px  0px  0px  0px; }
div		{ margin:  0px  0px  0px  0px; padding:  0px  0px  0px  0px; }
form	{ margin:  0px  0px  0px  0px; padding:  0px  0px  0px  0px; }

strong	{ font-size: 1.0em; font-weight: bold; }
b		{ font-size: 1.0em; font-weight: bold; }

*		{ font-size: 100%; line-height: 140%; font-family: Verdana, Arial, sans-serif; }


/*─ common ───────────────────────────────────────*/
body	{
	margin: 20px;
	font-size: 80%;
	background-color: #ffffff;
	color: #333333;
}
a						{ color: #0000ff; text-decoration: underline; }
a:hover					{ color: #6666ff; text-decoration: underline; }

a.black					{ color: #333333; text-decoration: underline; }
a.black:hover			{ color: #6666ff; text-decoration: underline; }
a.green					{ color: #006600; text-decoration: underline; }
a.green:hover			{ color: #669966; text-decoration: underline; }
a.orange		 		{ color: #ffb242; text-decoration: underline; }
a.orange:hover			{ color: #6666ff; text-decoration: underline; }

a.nodecoration			{ color: #333333; text-decoration: none; }
a.nodecoration:hover	{ color: #333333; text-decoration: underline; }

a.nodecoblue			{ color: #333333; text-decoration: none; }
a.nodecoblue:hover		{ color: #6666ff; text-decoration: underline; }

a.gray					{ color: #999999; text-decoration: none; }
a.gray:hover			{ color: #333333; text-decoration: underline; }


/*─ base ───────────────────────────────────────*/
.base {
	width: 800px;
}
.base_right {
	width: 160px;
	background-color: #ffb242;
	padding: 16px 16px 16px 16px;
}
.base_center {
}
.base_left {
	width: 15px;
	background-color: #ffb242;
}
.base_bottom {
	padding: 40px 0px 0px 0px;
}
.copyright {
	margin: 0px 0px 8px 0px;
}


/*─ menu ───────────────────────────────────────*/
a.menu_title		{ color: #009900; text-decoration: underline; font-weight: bold; }
a.menu_title:hover	{ color: #66cc66; text-decoration: underline; font-weight: bold; }

.menu_base {
	width: 136px;
	text-align: left;
	background-color: #ffffff;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 12px 0px;
}


/*─ main ───────────────────────────────────────*/
.main_base {
	width: 590px;
	text-align: left;
}
.main_main {
	padding: 0px 8px 0px 8px;
	margin: 2px 0px 40px 0px;
}
.main_link {
	padding: 0px 8px 0px 8px;
	margin: 60px 0px 0px 0px;
}
.main_block {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
}
.more_base {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	font-size: 0.9em;
	font-weight: bold;
}
.main_push_title { padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; }
.main_push_desc  { padding: 0px 0px 0px 10px; margin: 0px 0px 8px 0px; }

.main_line_title { padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; }
.main_line_desc  { padding: 0px 0px 0px 10px; margin: 0px 0px 8px 0px; }

.main_main ul { margin: 8px 0px 0px 20px; padding: 0px; }
.main_main li { margin: 2px 0px 0px 0px; padding: 0px; }

/*─ blog ───────────────────────────────────────*/
.blog_title {
	padding: 0px 8px 0px 8px;
	margin: 8px 0px 8px 0px;
}
.blog_body {
	padding: 0px 8px 0px 8px;
	margin: 0px 0px 40px 0px;
}

/*─ block ───────────────────────────────────────*/
.block_base {
	margin: 40px 0px 20px 0px;
}
.block_table {
	background-color: #ffedb3;
}
.block_border_right {
	width: 16px;
	background-image: url(/image/index/block_border_right.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
.block_border_left {
	width: 16px;
	background-image: url(/image/index/block_border_left.gif);
	background-position: right top;
	background-repeat: repeat-y;
}


/*─ error ───────────────────────────────────────*/
#block_error {
	margin: 0px 0px 32px 0px;
	padding: 16px 0px 16px 16px;
	background-color: #ffeeee;
	border: 1px solid #cc6666;
	color: #aa0000;
}
#block_error h2 {
	color: #aa0000;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
}
#block_error ul { margin: 10px 0px 0px 20px; }
#block_error li { margin: 5px 0px 0px 0px; }