@charset "utf-8"; /* ++++++++++++++++++++++++++++++++++++++++++++++++ */ /* datepickerの上書き用 */ /* ++++++++++++++++++++++++++++++++++++++++++++++++ */ /* datepicker を上書き --------------------------------------------------- */ #ui-datepicker-div{ z-index: 120 !important; } .ui-datepicker { display: none; border-radius: 0 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; border: 0; background: 0 0; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: block; cursor: pointer !important; z-index: 99; top: 15px !important; right: auto !important; left: 10px !important; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #0c5a7e; width: 50px; height: 25px; } .ui-datepicker .ui-datepicker-prev:before { content: "前月"; color: #fff; position: absolute; top: -1px; left: 0px; text-align: center; font-size: 12px; cursor: pointer; z-index: 99; vertical-align: middle; width: 100%; line-height: 25px; } .ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover { border: none; background: #333; opacity: .7; } .ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover:before, .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover:before { color: #fff; font-weight: bold !important; } .ui-datepicker .ui-datepicker-prev .ui-icon { width: 25px; height: 25px; opacity: 1 !important; } .ui-datepicker .ui-datepicker-prev span { background: none !important; } .ui-datepicker .ui-datepicker-next { right: 2px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: block; cursor: pointer !important; z-index: 99; top: 15px !important; left: auto !important; right: 10px !important; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #0c5a7e; width: 50px; height: 25px; } .ui-datepicker .ui-datepicker-next:before { content: "次月"; color: #fff; position: absolute; top: -1px; left: 0px; text-align: center; font-size: 12px; cursor: pointer; z-index: 99; vertical-align: middle; width: 100%; line-height: 25px; } .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover { border: none; background: #333; } .ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover:before, .ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover:before { color: #fff; font-weight: bold !important; } .ui-datepicker .ui-datepicker-next .ui-icon { width: 25px; height: 25px; opacity: 1 !important; } .ui-datepicker .ui-datepicker-next span { background: none !important; } .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0; line-height: 30px; font-size: 18px; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; text-transform: uppercase; } .ui-datepicker table thead { border-bottom: solid 1px #cccccc; } .ui-datepicker table tbody:before { content: ''; display: block; height: 10px; } .ui-datepicker th { padding: .7em .3em 1.2em; text-align: center; font-weight: 300; border: 0; } .ui-datepicker td { border: 0; padding: 2px; } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: 5px 7px; text-align: center; text-decoration: none !important; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: 0 0; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-slider-vertical .ui-slider-range-min, .ui-spinner-down { bottom: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { padding: 2px; margin: 0; display: block; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: 400; } .ui-menu .ui-state-disabled { font-weight: 400; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { height: 100%; filter: alpha(opacity=25); opacity: .25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; } .ui-spinner-input { border: none; background: 0 0; color: inherit; padding: 0; margin: .2em 22px .2em .4em; } .ui-widget-content a { color: #3e3e3e; } .ui-widget-header { color: #3e3e3e; } .ui-widget-header a { color: #3e3e3e; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a { cursor: pointer; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: 0 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #dddddd; box-shadow: 0 0 5px #dddddd; } body .ui-tooltip { border-width: 2px; } .ui-widget { } .ui-widget .ui-widget { font-size: 1em; } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #fff; color: #3e3e3e; box-shadow: 0 0 1em rgba(0,0,0,0.5); } .ui-widget-header { border: 1px solid #dddddd; background: #ccc; font-weight: 700; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff; border: none; border-radius: 0.25em; font-weight: 400; color: #3e3e3e; } .ui-state-default a { color: #3e3e3e; text-decoration: none; } .ui-state-default a:link, .ui-state-default a:visited { color: #3e3e3e; text-decoration: none; } .ui-state-focus, .ui-state-hover { background: #f7c3d8; font-weight: 400; color: #fff; } .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover { background: #333; font-weight: 400; color: #fff; } .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { background: #f7c3d8; font-weight: 400; color: #fff; } .ui-state-hover a { color: #cccccc; text-decoration: none; } .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #cccccc; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0; background: #e80; font-weight: 400; color: #fff; } .ui-state-active a { color: #cccccc; text-decoration: none; } .ui-state-active a:link, .ui-state-active a:visited { color: #cccccc; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #0c5a7e; color: #fff; border: 0; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-state-error a, .ui-state-error-text { color: #cd0a0a; } .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.6; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }