.click-menu {
    width: 142px;
    float:right;
    margin-top:5px;
}
.click-menu .box1 {
    background-image:url(img/tit_arearis.gif);
    background-repeat:no-repeat;
    width:142px;
    height:20px;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}

.click-menu .box2 {
    background-image:url(img/logout.gif);
    background-repeat:no-repeat;
    width:142px;
    height:20px;
    padding: 4px 8px;
    cursor: default;
    position: relative;

}
.click-menu .box1-hover {
    padding: 4px 8px;
    cursor: default;
    position: relative;
    background-image:url(img/tit_arearis.gif);
    background-repeat:no-repeat;
    width:142px;
    height:20px;
}
.click-menu .box1-open {
    padding: 4px 8px;
    background-image:url(img/tit_arearis.gif);
    background-repeat:no-repeat;
    width:142px;
    height:20px;
    cursor: default;
    position: relative;
}
.click-menu .box1-open-hover {
    background-image:url(img/tit_arearis.gif);
    background-repeat:no-repeat;
    width:142px;
    height:20px;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.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: 6px;
}
.click-menu .section 
{
    position:absolute;
    /*top:-8px;
    left:-55px;*/
    margin-top:-8px !important;
    margin-left:-55px !important;
    margin-top:-1px;
    margin-left:-45px;
    width:187px;
    background-color: #084d8b;
    color:#ffffff;
    font-family: verdana;
    font-size: 10px;
    line-height: normal;
    padding: 5px 5px 6px 5px;
    display: none;
}
.click-menu .section a {
    color: #cccccc;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .section a:hover {
    color: #cccccc;
    text-decoration: none;
    white-space: nowrap;
}