﻿/* CSS レイアウト */
body {
	color: #333333;
	background-color: #d0cca6;
	background-image: none;
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-size: 80%;
}

h1 {
	font-size: 170%;
	font-weight: bold;
	height: 30px;
	color: #ffffff;
	margin-top: 0px;
	padding-top: 4px;
	padding-left: 4px;
}

h2 {
	color : #98a468;
	background-color: #d0cca6;
	text-align : center;
	font-size: 130%;
	font-weight: bold;
}

h3 {
	color: #333333;
	background-color: #d0cca6;
	text-align : left;
	font-size: 110%;
	font-weight: bold;
}

img {
	border-style: solid;
	border-width: 0;
}

#masthead {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	height: 30px;
	background-color: #98a468;
}

#left_head {
	position: absolute;
	width: 610px;
}

#cent_head {
	position: absolute;
	width: 30px;
	left: 610px;
	height: 30px;
	background-color: #666600;
	color: #cce3d2;
	font-size: 80%;
}

#cent_head_s {
	padding-top: 4px;
	font-family: monospace;
	padding-left: 4px;
}

#right_head {
	position: absolute;
	width: 120px;
	left: 640px;
	height: 30px;
	background-color: #666600;
	color: #ffff00;
	text-align: center;
}

#right_head_s {
	padding-top: 8px;
}

#top_nav {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-color: #669966;
	height: 18px;
	font-size: 80%;
}
#top_nav_s {
	padding-top: 3px;
	font-family: monospace;
}

#topics {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
}

#left_topics {
	position: absolute;
	width: 412px;
	padding-top: 6px;
}
#left_topics_s {
	padding-left: 12px;
}

#right_topics {
	position: relative;
	width: 263px;
	left: 462px;
	padding-top: 6px;
}

#main {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
}

.font80 {
	font-size: 80%;
}

a {
	color: #8000FF;
}

a:visited {
	color: #8000FF;
}

a:active {
	color: #00FF00;
}

a:hover {
	color: #00FF00;
}

.menu1-link1 {
	color: #cce3d2;
	text-decoration: none;
}

.menu1-link1:link {
	color: #cce3d2;
	text-decoration: none;
}

.menu1-link1:visited {
	color: #cce3d2;
	text-decoration: none;
}

.menu1-link1:active {
	color: #ffcc00;
	text-decoration: underline;
}

.menu1-link1:hover {
	color: #ffcc00;
	text-decoration: underline;
}

.menu1-link2 {
	color: #ffddcc;
	text-decoration: none;
}

.menu1-link2:link {
	color: #ffddcc;
	text-decoration: none;
}

.menu1-link2:visited {
	color: #ffddcc;
	text-decoration: none;
}

.menu1-link2:active {
	color: #ffcc00;
	text-decoration: underline;
}

.menu1-link2:hover {
	color: #ffcc00;
	text-decoration: underline;
}
.menu2-link1 {
	font-size: 80%;
}

.menu2-link1:link {
	color: #402000;
	font-size: 80%;
	text-decoration: underline;
}

.menu2-link1:visited {
	color: #402000;
	font-size: 80%;
	text-decoration: underline;
}

.menu2-link1:active {
	color: Yellow;
	font-size: 80%;
	text-decoration: underline;
}

.menu2-link1:hover {
	color: Yellow;
	font-size: 80%;
	text-decoration: underline;
}

.gyl{
	width : 400px;
	color : black;
	background-color : #b3d059;
}

.mk-y{
	background-color : yellow;
}

.d-line {
	background-image : url(06hr07.gif);
	background-repeat: repeat-x;
}

.st-line {
	background-color: #000000;
	background-image : url(hpb_bg01.gif);
}

.f_green {
	color: #009900;
	font-weight: bold;
}

.tt{
  font-family:monospace;
}

.topics{
	border:inset;
	border-width:2px;
	border-color:Gainsboro;
	background-color : #b3d059;
}

.font-s {
	font-size: x-small;
}

#left_foot {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #666600;
	color: #cce3d2;
	font-size: 80%;
}
#left_foot_s {
	padding-top: 4px;
	font-family: monospace;
	padding-left: 4px;
}

#cent_foot {
	position: absolute;
	width: 120px;
	left: 30px;
	height: 30px;
	background-color: #666600;
	color: #ffff00;
	text-align: center;
}

#right_foot {
	position: absolute;
	width: 610px;
	left: 150px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 4px;
	padding-left: 4px;
}
#right_foot_s {
	padding-top: 4px;
	text-align: right;
	width: 600px;

}

#main_s {
	padding-top: 34px;
	margin-right: auto;
	margin-left: auto;
}

.sd_right {
	text-align: right;
}

#foot {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 14px;
	width: 750px;
}

p {
	color: #333333;
	font-weight: normal;
	font-family:monospace;
	text-align: left;
}

.fr_color {
	border: 2px solid #3CB371;
}

.main_tb1 {
	float: left;
	padding-right: 3px;
	padding-bottom: 6px;
}

.main_tb1a {
	padding-right: 3px;
	padding-bottom: 6px;
}

.main_tb2 {
	padding-top: 54px;
}
.main_tb3 {
	float: left;
	padding-right: 3px;
	padding-bottom: 1px;
}

.main_tb3a {
	padding-right: 3px;
	padding-bottom: 1px;
}

.windfm{
	border:inset;
	border-width:7px;
	border-color:Gainsboro;
}

.font-xr {
	font-size: x-large;
}

.font-r {
	font-size: large;
}

.text-ct{
	text-align: center;
}

.text-bx{
	height: 80px;
}

.li1{
	margin-left: 10px;
}

.li2{
	margin-left: 30px;
}

.li3{
	margin-left: 50px;
}

.w380{
	width:380px;
}

