html * {
-moz-box-sizing: border-box ;
box-sizing: border-box ;
}
body {
margin: 0px;
padding: 0px;
}
a:link {
color: #0000FF;
font-weight: bold;
}
a:visited {
color: #0000FF;
font-weight: bold;
}
a:hover {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: small;
color: #66CC99;
position: absolute;
left: 400px;
top: 50px;
margin: 0px;
padding: 0px;
border: 0px;
}

.menu_bar {
font-size: 14px;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #009900;
border-bottom-color: #009900;
background-color: #33CC33;
margin: 0px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
a.m1:link {
background-color: #C4F0C4;
padding: 5px;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 3px;
font-weight: bold;
color: #336600;
text-decoration: none;
}
a.m1:visited {
background-color: #C4F0C4;
padding: 5px;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 3px;
font-weight: bold;
color: #336600;
text-decoration: none;
}
a.m1:hover {
background-color: #FFFF99;
padding: 5px;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 3px;
font-weight: bold;
color: #336600;
text-decoration: none;
}
/*中ボックスここから*/
.main_box {
margin-right: 200px;
margin-left: 180px;
padding: 10px;
}
h2 {
font-size: 16px;
color: #33CC99;
margin: 5px 5px 12px;
padding: 3px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #33CC99;
}
/*中ボックスここまで*/

/*右ボックスここから*/
.right_box {
width: 180px;
position: absolute;
top: 112px;
right: 0px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.r_f1u {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-image: url(../img/right1_u.gif);
background-repeat: no-repeat;
margin: 0px;
text-align: right;
padding: 5px;
}
.r_f1 {
font-size: small;
line-height: 160%;
margin: 0px;
padding: 5px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFCC00;
border-left-color: #FFCC00;
}
.r_f1m {
font-size: small;
margin: 0px;
padding: 5px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFCC00;
border-left-color: #FFCC00;
background-color: #FFEDA4;
font-weight: bold;
text-align: right;
}
.r_f2u {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-image: url(../img/right2_u.gif);
background-repeat: no-repeat;
margin: 0px;
text-align: right;
padding: 5px;
}
.r_f2 {
font-size: small;
line-height: 160%;
margin: 0px;
padding: 5px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #00CC33;
border-left-color: #00CC33;
}
.r_f3u {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-image: url(../img/right3_u.gif);
background-repeat: no-repeat;
margin: 0px;
text-align: right;
padding: 5px;
}
.r_f3 {
font-size: small;
line-height: 160%;
margin: 0px;
padding: 5px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #3399FF;
border-left-color: #3399FF;
}
.r_f4u {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-image: url(../img/right4_u.gif);
background-repeat: no-repeat;
margin: 0px;
text-align: right;
padding: 5px;
}
.r_f4 {
font-size: small;
line-height: 160%;
margin: 0px;
padding: 5px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FF3300;
border-left-color: #FF3300;
}
/*右ボックスここまで*/

/*左ボックスここから*/
.left_box {
width: 160px;
position: absolute;
left: 0px;
top: 112px;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.l_f1u {
font-size: 14px;
background-image: url(../img/left1_u.gif);
margin: 0px;
padding: 5px;
background-repeat: no-repeat;
font-weight: bold;
color: #FFFFFF;
}
.l_f1 {
font-size: small;
margin: 0px;
padding: 5px;
line-height: 160%;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFCC00;
border-left-color: #FFCC00;
}
.l_f2u {
font-size: 14px;
background-image: url(../img/left2_u.gif);
margin: 0px;
padding: 5px;
background-repeat: no-repeat;
font-weight: bold;
color: #FFFFFF;
}
.l_f2 {
font-size: small;
margin: 0px;
padding: 5px;
line-height: 160%;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #00CC33;
border-left-color: #00CC33;
}
.l_f3u {
font-size: 14px;
background-image: url(../img/left3_u.gif);
margin: 0px;
padding: 5px;
background-repeat: no-repeat;
font-weight: bold;
color: #FFFFFF;
}
.l_f3 {
font-size: small;
margin: 0px;
padding: 5px;
line-height: 160%;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #3399FF;
border-left-color: #3399FF;
}
.l_f4u {
font-size: 14px;
background-image: url(../img/left4_u.gif);
margin: 0px;
padding: 5px;
background-repeat: no-repeat;
font-weight: bold;
color: #FFFFFF;
}
.l_f4 {
font-size: small;
margin: 0px;
padding: 5px;
line-height: 160%;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FF3300;
border-left-color: #FF3300;
}
/*左ボックスここまで*/

.f1 {
line-height: 180%;
padding: 5px 10px 10px;
font-size: 14px;
}
.f2 {
line-height: 180%;
padding: 7px;
font-size: 14px;
border: 2px solid #33CCCC;
margin: 10px;
}
h3 {
font-size: 14px;
color: #3399FF;
margin: 0px;
padding: 0px;
text-indent: 15px;
}
.f3 {

line-height: 140%;
padding: 7px;
font-size: 14px;
border: 2px solid #FF3300;
margin: 10px;
}
.f4 {
line-height: 180%;
padding: 5px 10px 10px;
font-size: 14px;
text-align: right;
}