<!--

body{
margin:0px;
	background-color: #FCF8F0;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
overflow-y: scroll;
}

h1,h2,h3	{margin:0px;padding:0px;}

.size10		{font-size:0.7em;line-height:1.3;}
.size12		{font-size:0.9em;line-height:1.3;}
.size14		{font-size:1em;line-height:1.7;}
.size18		{font-size:1.2em;line-height:1.3;}

.bold		{font-weight:bold;color:#CC3300;font-size:1.2em;}


A:link		{color:#0033CC;text-decoration:none;}
A:visited		{text-decoration:none;}
A:active		{color:#0033CC}
A:hover		{text-decoration:none;}

a.link {text-decoration: none;}

.tb			{border-collapse:collapse;}
img			{border: none;}

.list			{list-style-type: upper-roman;}

hr{
color: #CCFFCC; /* 線の色(IE用) */
background-color: #CCFFCC; /* 線の色(NN用) */
height: 3px;
border-color: #9ACD32 #99CC00 #2E8B57 #669933;
border-width: 1px; 
border-style: solid;
margin: 10px 0px;
}

.lf{word-break: normal;}

h3{
font-size:1.2em;
color:#006600;
padding: 0;
margin: 15px 0px 5px 0px ;
border-bottom : solid 2px #00CC33 ;
}

h2{
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#CBDA10;
	border-style:solid;
	color:#556B2F;
	line-height:140%;
	font-weight:bold;
}

.point{
margin:8px 0;
padding: 2px 5px;
border-color: #9ACD32 #99CC00 #2E8B57 #669933;
border-width: 2px; 
border-style: solid;
background-color:#EEE8AA;
color: #336633; 
}
.point2{
margin:20px 0px;
padding: 10px;
border-color: #00CC33 #00CC33 #2E8B57 #669933;
border-width: 1px; 
border-style: solid;
}


#Navigation{
width: 130px;
margin: 0px;
font-size: 0.9em;
text-align: left;
background: #2E8B57;
}

#Navigation ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#nav li{
display: block;
margin: 0;
padding: 0;
}

#nav li a{
display: block;
width: 100%;
padding: 0.5em 5;
border-width: 1px;
            /* ボタンの周囲の色 */
            /* 左から，上，右，下，左 */
border-color: #6a4e19 #6a4e19 #6a4e19 #6a4e19;
border-style: solid;
color: #ffff00;             /* はじめの文字の色 */
text-decoration: none;
background: #3399ff;      /* はじめのボタンの色 */
font-size:15px;
padding: 5px 5px 5px 5px;
}

#nav li a:hover, a:hover{
color: #fcd8c4;         /* 選択したときの文字の色 */
background: #8b47be;   /* 選択したときのボタンの色 */
border-bottom: 1px solid #336633;
}


.btn a{
width: 250px;
font-size: 1.2em;
padding:3px 10px;
color: #FFFFFF;  
background: #666600;
border:1 solid;
border-color:#fff #333 #333 #fff;
text-decoration:none;
}
.btn a:hover{
background:#00c;
color:#ccc;
border-color:#333 #fff #fff #333;
position:relative;
bottom:1;
right:1;
text-decoration:none;
}

p.center{
align-items: center;
display: flex;
}

-->