@charset "UTF-8";

BODY{
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
background-color: transparent;
color: #336633;
font-family: メイリオ;
background: linear-gradient(#ffe8f3, white, #ffdcd5) 0% 0% / auto auto repeat scroll padding-box border-box;
}

P{
line-height: 280%;
}

HR {
color: #9999ff;
height: 1px;
}

A:LINK {
color: #3e3724;
text-decoration: none;
}

A:VISITED {
color: #004000;
}

A:HOVER {
color: maroon;
background-color: white;
}

A:ACTIVE {
background-color: #ffffff;
color: green;
}

.ic1 {
color: #9999ff;
}

.ic2 {
color: #99cc66;
}

.ic3 {
color: #99cc00;
}

.ic4 {
color: #cc99cc;
}

.bt1 {
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: purple navy navy;
color: #592570;
padding: 2px 5px;
}

.bt2 {
background-color: transparent;
border: 1px solid #c263e7;
color: navy;
padding: 10px;
background: linear-gradient(#ffd9e4, #ffffff, #ffffff, #ffffff, #b6f793) 0% 0% / auto auto repeat scroll padding-box border-box;
}

.title {
background-color: transparent;
border: 1px dotted #fef1fd;
color: #3d2d44;
padding: 10px 50px;
background: linear-gradient(#eccdf8, #ffffff, white, #fda4c0) 0% 0% / auto auto repeat scroll padding-box border-box;
}

.emtx {
font-size: 1.2rem;
}

.tape {
background-color: #fef1fd;
color: #414141;
}

.top {
background-color: #eef2fb;
color: navy;
padding: 2px 5px;
border: 1px dotted blue;
}

.hp1{
background-color: #faeaff;
}

.hp2{
background-color: #ffdbfc;
}

.hp3{
background-color: #ffcaf2;
}