@charset "utf-8";
/*
 * jQuery UIのデザインをMaps用にカスタマイズするCSS
 */

/* Component containers
----------------------------------*/
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-header { border: 1px solid #cccccc; background: #ebebf8 url(images/ui-bg_glass_75_ebebf8_1x400.png) 50% 50% repeat-x; color: #101084; font-weight: bold; }
.ui-widget-header a { color: #101084; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #8bb017; background: #8bb017 url(images/ui-bg_highlight-soft_45_8bb017_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff;
}
.ui-state-default2{
    border: 1px solid #026b97; background: #047aac url(images/ui-bg_highlight-soft_45_047aac_1x100.png) 50% 50% repeat-x; font-weight: normal;color: #ffffff;
}
.ui-state-default3{
    border: 1px solid #af203a; background: #bb1c3d url(images/ui-bg_highlight-r.png) 50% 50% repeat-x; font-weight: normal;color: #ffffff;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #8bb017; background: #bad468 url(images/ui-bg_highlight-soft_75_bad468_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ff0; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ff0; text-decoration: none; }
.ui-widget-header .ui-state-active { border: 1px solid #101177; background: #101177 url(images/ui-bg_highlight-hard_50_101177_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }

.ui-state-default2.ui-state-focus, .ui-state-default2.ui-state-hover {
    border: 1px solid #047aac;
    font-weight: normal; color: #ff0;
    background-image:url(images/ui-bg_highlight-soft_75_46a9d2_1x100.png);
    background-color:#46a9d2;
    background-repeat:repeat-x;
    background-position:50% 50%;
 }
.ui-state-default2 a:hover { color: #02354b; text-decoration: none; }

.ui-state-default3.ui-state-focus, .ui-state-default3.ui-state-hover {
    border: 1px solid #bd4c63;
    font-weight: normal; color: #ff0;
    background-image:url(images/ui-bg_highlight-rr.png);
    background-color:#bb1c3d;
    background-repeat:repeat-x;
    background-position:50% 50%;
 }
.ui-state-default3 a:hover { color: #02354b; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcd113; background: #f8da4e url(images/ui-bg_highlight-soft_55_f8da4e_1x100.png) 50% top repeat-x; color: #915608; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #915608; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% top repeat-x; color: #c33; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { 
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_0078ae_256x240.png);
    margin-top: initial;
}
.ui-icon_fff {background-image: url(images/ui-icons_ffffff_256x240.png) !important; }
.ui-icon_orange {background-image: url(images/ui-icons_ffd27a_256x240.png) !important; }

.ui-widget-content .ui-icon {background-image: url(images/ui-icons_0078ae_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_101084_256x240.png); }
.ui-state-default .ui-icon,.ui-state-default2 .ui-icon,.ui-state-default3 .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_263102_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_f7a50d_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }

/* positioning */
.ui-icon-clip { background-position: -112px -176px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: 5px 0 0 5px; padding: 0px; background: #999999 url(images/ui-bg_flat_55_999999_40x100.png) 50% 50% repeat-x; opacity: .45;filter:Alpha(Opacity=45); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.ui-corner-all {
    position:relative ;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ui-corner-top {
    position:relative;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.ui-dialog {
    background-color: #fff !important;
}

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 8px 0;  background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: 8px 0; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em 0 .5em .4em; cursor: pointer; }

.ui-datepicker .ui-datepicker-title { margin: 0 0px 0 20px; line-height: 1.8em; text-align: center; width:180px;}

.ui-button { padding: 0; text-decoration: none !important; zoom: 1; overflow: visible; }

