body {
    font-size: 0.8em;
    margin: 0px;
    font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAIAAAByq0inAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi3L59OwMMsLGxAUmAAAMAJPUCOai9ckQAAAAASUVORK5CYII%3D);
}

#body {
    padding: 0em 1em 1em 1em;
    height: 100%;
}

#navigator {
    z-index: 100;
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow: auto;
    padding: 0.5em 0em 0.5em 1em;
}

#navigator .logo {
    float: left;
}

#navigator .logo img {
    height: 20px;
    width: 20px;
}

#menu {
    float: left;
}

#menu .ui-widget-content {
    width: 20em;
}

#menu-name {
    padding-left: 0.5em;
}

#menu-button {
    float: right;
}

#navigator .information {
    width: auto;
    height: 1em;
    float: right;
    text-align: right;
    line-height:1em;
}

#navigator .information div:nth-of-type(1) {
    width: auto;
    float: left;
    height: 1em;
    padding-right: 1.5em;
}

#navigator .information div:nth-of-type(2) {
    width: auto;
    float: left;
    height: 1em;
    padding-right: 1.5em;
}

#navigator .information div:nth-of-type(3) {
    width: auto;
    float: left;
    height: 1em;
    padding-right: 1.5em;
}

#navigator .information div:nth-of-type(4) {
    width: auto;
    float: left;
    height: 1em;
    padding-right: 0.5em;
}

#navigator .information div:nth-of-type(5) {
    width: auto;
    float: left;
    height: 1em;
    font-size: 85%;
    padding-right: 0.5em;
}

#navigator .information div:nth-of-type(6) {
    width: auto;
    float: left;
    height: 1em;
    padding-right: 2em;
    font-size: 85%;
}

#navigator .information div:nth-of-type(7) {
    width: auto;
    height: 1em;
    padding-top: 1.5px;
    padding-right: 2em;
    clear: left;
    animation: blinkinformation 1s infinite alternate;
}
@keyframes blinkinformation{
   0% { color: #ffff1a }
 100% { color: #ff0000 }
}

#navigator .not-logged div:nth-of-type(1) {
    padding-left: 1em;
    width: 33%;
    float: left;
}

#navigator .not-logged div:nth-of-type(2) {
    width: 20%;
    float: left;
    text-align: center;
}

#navigator .not-logged div:nth-of-type(3) {
    width: 5em;
    float: right;
    text-align: right;
}

#menu-contents {
    z-index: 11000;
    position: fixed;
    width: 19em;
    padding: 0.5em;
    filter: alpha(opacity=96);
    -moz-opacity: 0.96;
    opacity: 0.96;
    text-shadow: 1px 1px 2px rgba(151, 170, 181, 0.5);
    font-weight:bold;
}

#menu-contents p span{
    float: left;
    padding-right: 0.25em
}

#menu-contents p{
    margin:0.5em;
}

.calendar_text {
    width: 90%;
    ime-mode: disabled;
}

.calendar_date_select_popup_icon {
    vertical-align: middle;
    width:  2em;
    height: 2em;
}

.jqgrow {
    border: 1px solid #C5DBEC;
    background-color: white;
}

.jqgrow-even {
}

.jqgrow-odd {
    /* background-color: #F0F3F4;*/
    background-color: #EAFFFF;
}

#message_down{
    margin-top: 3em;
}

.text-field-from {
    width: 90%
}

.label-from {
    line-height: 2.5em;
}

.text-field-to-ime {
    width: 85%;
    ime-mode: active;
}
.text-field-to {
    width: 90%;
}

.loupe-icon-from, .calendar_icon_from {
    position: absolute;
    width: 1.75em;
    height: 1.75em;
    top:   0.25em;
    right: 0.75em;
    filter: alpha(opacity=30) ;
    -moz-opacity: 0.3 ;
    opacity: 0.3 ;
    cursor: pointer;
}

.loupe-icon-to, .calendar_icon_to {
    position: absolute;
    width: 1.75em;
    height: 1.75em;
    top:   0.25em;
    right: 10%;
    filter: alpha(opacity=30) ;
    -moz-opacity: 0.3 ;
    opacity: 0.3 ;
    cursor: pointer;
}

.loupe-icon-from:hover, .calendar_icon_from:hover {
    filter: alpha(opacity=100) ;
    -moz-opacity: 1.0 ;
    opacity: 1.0 ;
}

.loupe-icon-to:hover, .calendar_icon_to:hover {
    filter: alpha(opacity=100) ;
    -moz-opacity: 1.0 ;
    opacity: 1.0 ;
}

.message-for {
    padding-top    : 0.25em;
    padding-bottom : 0.25em;
    padding-left   : 0.75em;
}

.download-icons {
    text-align: center;
    position: relative;
    top: 0.2em;
}

.download-icon {
    width: 1.5em;
    height: 1.5em;
    border-style: none;
    /* padding-right: 1em; */
}

.download-icon:hover {
    position: relative;
    top: 0.1em;
    background-color: transparent;
}

.wrap-box {
    border: 2px solid #1F477D;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    overflow: hidden;
}

.logout-icon {
    float: left;
    padding-right: 0.25em
}

#commnt1 {
    color:red;
    margin-left:60px;
    margin-top:15px;
    text-align: center;
}

#commnt2 {
    margin-left:60px;
    text-align: center;

}

.show_log {
    margin-top: 1em;
    overflow: auto;
    white-space: nowrap;
    font-size:85%
}

.menu-icon {
    width: 20px;
    height: 20px;
}

.menu-icon-default:after {
    width: 20px;
    height: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABQUlEQVR42sWVT06DQByF5wYewRvozbyCR+gNvIoL2o0xGuPGoVEw2tQylSlS7J9kGHk/mRFbHCgsJPlWfe9jIOGVsfK6foyPRmNxPuTRJeEL7aTMoYMuq16jp/jY84W8eU70w2xNBFI5MTl00IXDnmzoR7d3r0v9kigtVzmRbbUTZOLPnDrowkEnxZGvAqnD4q6LldLpJj8IdNCFAy7m8SjgYqNFpnSyzjuBLhxwMbxgvBPzqF2BAy4rfC/eRx/2hG+pKo6eW07OLhoxWXT3hGEpnS1/cMlMBp1Q1ggNkw+lp+k3LiF+R7barRXuUif7K9tKuCt15f5PaKRNmYOEbSCh+fT6yuynR3sWLnoL4aBxwORgz+4nWWcZunDYofW4PMWeYSzH821rEbLooAvHr9WmoeVigDs1zn8JZYtO9S/gCxkOaXVDR7iIAAAAAElFTkSuQmCC);
}

.menu-icon-mouse-over:after {
    width: 20px;
    height: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABU0lEQVR42sWVzU7CQBSF5w18AuMj+Dw+CRAWLt3pxg17Nz6AYHRBYkLiSpCFCQnYxIThp7VNQVp+TK5zJp1JoTgt7YIm3wbO+XqZZC6MRU/p2T0pN0aX5TpvgkpjRCZUDh10WfypPvCzSp17tVeHnnq+pDNcGFE5dNCFQ08mPmjfvbn0MQ5oPFtL/PDXCDLcX8kOunDISTHy9cuU3vmCpvM1ucHmINBBFw64mDgHq9mf0Ze3Ivtnkwt04YCL4YBxJuqn5gUOuLRwKM6jCAnhwFnK0RWnF1epqCy6CWFXHOynE5L1vdSYZCqDDroJoaI3CahvhxKTEN8jG+/uFe6yT/ZfNpNwV2rKHU+opGmZg4RZkEJ19YrK9NXDhb5t2YWFcMjlEK0v777j5pahC4detKXHyTn2GZZly5pnFiEbLdg2HFtbO5r0Bm9KW/8aZEUn/hfwB8+DHnlrL1XCAAAAAElFTkSuQmCC);
}

.menu-icon-click:after {
    width: 20px;
    height: 20px;
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAkUlEQVR42mNggIL////zA3H9v3//9oPwfwIASV09SC8DMgAKyAPx+//kA5BeeWSXnf9POTgPdinUydQC9QzAcLhPLdNAZjH8pzKgn4EPCzgJYpJdSKph9DcQl6EURwqxhg2cgTBDByYd0iLrUbdwgBZf76lg2Ht4QQtk6FNYJoL06qOX2iCX9pPo2vdQPfAqAACSj797ppNxsgAAAABJRU5ErkJggg==);
}

/* IE8角丸対応のためオーバーライド */
.ui-corner-right { behavior: url(PIE.htc); -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0px 5px 5px 0px; }
.ui-corner-left { behavior: url(PIE.htc); -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-radius: 5px 0px 0px 5px; }
.ui-corner-all { behavior: url(PIE.htc); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* フォントの統一 */
.ui-widget { font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
input.ui-button { padding: 0.26em 1em; height: 2.3em; }

/* フィルタリングのテキストボックス */
.ui-search-toolbar input[type="text"]{ height:1.5em; line-height:1.5em; }

/* ズームの検索条件欄 */
#goods_zoom_cond_area .cond_div{
    width: 16.3%;
}

#member_zoom_cond_area .cond_div{
    width: 19.7%;
}

#supplier_zoom_cond_area .cond_div{
    width: 19.7%;
}

#store_zoom_cond_area .cond_div{
    width: 32.0%;
}

#admission_store_zoom_cond_area .cond_div{
    width: 32.0%;
}

#supplier_zoom_cond_area .cond_div_bottom .cond_div{
    float:right;
    position: relative;
}

#supplier_zoom_cond_area .zoom_search_button{
    width: 9.9em;
}

#person_zoom_cond_area .cond_div{
    width: 32.0%;
}

#person_zoom_cond_area .person_zoom-search-button{
   width: 9.9em;
    text-align:right;
    float:right;
}

#category1_zoom_cond_area .cond_div{
    width: 32.0%;
}

#category1_zoom_cond_area .category1_zoom-search-button{
   width: 9.9em;
    text-align:right;
    float:right;
}

#category2_zoom_cond_area .cond_div{
    width: 25.0%;
}

#category2_zoom_cond_area .category2_zoom-search-button{
   width: 9.0em;
    text-align:right;
    float:right;
}

#category3_zoom_cond_area .cond_div{
    width: 25.0%;
}

#category3_zoom_cond_area .category3_zoom-search-button{
   width: 9.0em;
    text-align:right;
    float:right;
}

#category4_zoom_cond_area .cond_div{
    width: 25.0%;
}

#category4_zoom_cond_area .category4_zoom-search-button{
   width: 9.0em;
    text-align:right;
    float:right;
}

#maker_zoom_cond_area .cond_div{
    width: 32.0%;
}

#maker_zoom_cond_area .maker_zoom-search-button{
   width: 9.9em;
    text-align:right;
    float:right;
}

#goods_property_zoom_cond_area .cond_div{
    width: 34.0%;
}

#goods_property_zoom_cond_area .goods_property_zoom-search-button{
   width: 7.0em;
    text-align:right;
    float:right;
}

#member_property_zoom_cond_area .cond_div{
    width: 34.0%;
}

#member_property_zoom_cond_area .member_property_zoom-search-button{
   width: 7.0em;
    text-align:right;
    float:right;
}

#event_plan_zoom_cond_area .cond_div{
    width: 32.0%;
}

#event_plan_zoom_cond_area .event_plan_zoom-search-button{
   width: 9.9em;
    text-align:right;
    float:right;
}

.zoom_cond_area{
    border: solid 1px black;
    padding: 3px;
    margin: 3px 3px 5px 3px;
}

.zoom_cond_area .cond_div{
    float:left;
    position: relative;
}

.zoom_cond_area .cond_div_top {
    height: 2.7em;
}

.zoom_cond_area .cond_div input[type="text"]{
    width:90%;
}

.zoom_cond_area .cond_div .loupe-icon-to{
    top: 4px;
}

.zoom_cond_area .cond_div .zoom_search_button{
    width: 100%;
}