body   { background-color: transparent }
.click-menu {
    width: 140px;
}
.click-menu .box1      { color: #006; font-weight: 500; font-size: 12px; font-family: arial, FontName; padding: 4px 8px; border: solid 1px #c0c0c0; position: relative; width: 140px; cursor: default  }
.click-menu .box1-hover     { color: white; font-weight: 600; font-size: 12px; font-family: arial; background-color: #4169e1; padding: 4px 8px; border: solid 1px #c0c0c0; position: relative; width: 140px; cursor: default  }
.click-menu .box1-open    { color: white; font-weight: 600; font-size: 12px; font-family: arial; background-color: #4169e1; padding: 4px 8px; border-style: solid solid none solid; border-width: 1px; border-color: #c0c0c0; position: relative; width: 140px; cursor: default  }
.click-menu .box1-open-hover     { color: #006; font-weight: 600; font-size: 12px; font-family: arial; background-color: #4169e1; padding: 4px 8px; border-style: solid solid none solid; border-width: 1px; border-color: #c0c0c0; position: relative; width: 145px; cursor: default  }
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 10px;
}
.click-menu .section       { color: black; font-weight: 500; font-size: 12px; line-height: 15px; font-family: arial; display: none; padding: 5px 5px 6px; border-style: none solid solid solid; border-width: 1px; border-color: #c0c0c0 }
.click-menu .section a    { color: #000; text-decoration: none }
.click-menu .section a:hover   { color: white; text-decoration: none }
.click-menu .box2 {
    width: 140px;
}
.click-menu .box2-hover   { background-color: #4169e1; width: 140px }