/*!
*
* corp site
*
*/

/* ----------------------------------------------------------------------------------------------------------
   main
-----------------------------------------------------------------------------------------------------------*/

.ui-header {
    height: 44px;
    border-color: #cccccc;
    border-bottom-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ----------------------------------------------------------------------------------------------------------
   marquee image
-----------------------------------------------------------------------------------------------------------*/

#marqueeImage {
    position: relative;
    height: 704px;
    width: 1024px;
}

    #marqueeImage img {
        position: absolute;
        left: 0;
        -webkit-transition: opacity 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
    }

@keyframes marqueeImageFadeInOut {
    0% {
        opacity: 1;
    }

    45% {
        opacity: 1;
    }

    55% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

#marqueeImage img.bottom {
    animation-name: marqueeImageFadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-direction: alternate;
}