/***** Global *****/
/* Body */

* {
    padding:0;
    margin:0;
}

HTML{
    height:100%;
    width:100%;
    overflow-y:scroll !important;
}

body {
    color: #000305;
    margin: 0;
    padding: 0;
    text-align: left;
    height:100%;
    width:100%;
    font-size:87%;
    font-family:Meiryo,sans-serif;
    text-align:center;
}

div {
    margin:0;
    padding:0;
}


H1 {
    margin:0;
    padding:0;
}
UL {
    margin:0;
    padding:0;
}


#wrapper{  
    text-align: left;  
    width: 100%;  
    height: 100%;

    margin: 0 auto;
}  

#container{  
    width: 100%;  
    float: right;  
    height:100%;
    margin-left: -331px;
}

#container_full{  
    width: 100%;
    /*height:100%;*/
}


#contents{  
    height:94%;
    position: relative;  
    margin: 0 0 0 335px;
}  
#sidebar{  
    height: 94%;
    width: 300px; 
    border-right: 1px solid #ccc;
}

/*-------------------------------------------
�@�w�b�_�[�֘A
--------------------------------------------*/
header {
    width:100%;
    height:30px;
    top: 0;
    background:#f1f1f1;
}

#header {
    width:100%;
    height:30px;
    top: 0;
    background:#f1f1f1;
    border-bottom:2px solid #444;
    padding-top:10px;
}

header #logo{
    width:200px;
    height:30px;
    color:transparent;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-size:contain;
    margin-left:15px;
    position:relative;
    bottom:5px;
}

nav {
    float:right;
}

nav h1{
    position: absolute;
    top:0px;
    left:5px;
}
nav ul.menu{
    text-align:center;
    margin:0;
    margin-left:200px;
    padding-left:15px;
    padding-right:15px;
}
ul.menu li{
    float: left;
    list-style:none;
    font-weight:bold;
    border-right:1px solid #ccc;
    padding-right:1em;
    padding-left:1em;
    position: relative;
    margin-top: -10px;
    padding-top:5px;
    padding-bottom:5px;
}

nav ul.menu li a {
    color: #4a8cf6;
    font-size:140%;
    text-decoration:none;
}

nav ul.menu li a:hover{

}

nav ul.menu li ul.menu_child{
    display:none;
    position:absolute;
    left:0;
    top:40px;
    z-index: 1000;
    border-top:2px solid #444;
}

nav ul.menu li ul.menu_child li{
    background:#f1f1f1;
    width:150px;
    padding:0;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-top:0;
}

nav ul.menu li ul.menu_child li a{
/*    padding: 20px 10px;*/
/*    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -5px;*/
    display: block;
    font-size:110%;
    
    
    padding:5px 0;
}

nav ul.menu li ul.menu_child li a:hover{
    background:#cccccc;
}


/*-------------------------------------------
    マップ
--------------------------------------------*/
#map_group{
    /*width:99%;*/
/*    margin:10px;*/
    margin:15px;
    border:1px solid #111;
    height:300px;
}

/*-------------------------------------------
    配送情報
--------------------------------------------*/
#info{
    margin:15px 15px 0;
}


/*-------------------------------------------
　　タスク
--------------------------------------------*/
.news {
    vertical-align: top;
    width: 200px;
    border:1px solid #666;
    height:100%;
}

.news_group{/*20160325*/
    height:100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 41px;
}

.news .news_title {
    padding:5px;
    width: 200px;
    font-weight:bold;
    border-bottom:1px solid #666;
    height:30px;
    vertical-align: top;
    font-size: 120%;

    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}

.news .news_content {
    background:#fff;
    width:100%;
    height:100%;
    overflow-y:auto;  /*20160325*/
}

.news_row {
    border-bottom: 1px dashed #ccc;
    padding:5px 10px;
}

.task_layer {
    border:1px solid #666;
}

.task_layer_title {
    vertical-align: middle;
    font-weight:bold;
    font-size: 120%;
    padding:5px;
    border-bottom:1px solid #666;
    min-height:30px;


    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */

}
.task_layer_content {
    margin:5px;
}

#day_prev{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 13.0px 7.5px 0;
    border-color: transparent #444444 transparent transparent;
    cursor:pointer;
    position: relative;
    top:3px;
}

#day_next{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 13.0px;
    border-color: transparent transparent transparent #444444;
    cursor:pointer;
    position: relative;
    top:3px;
}

#day_change_calendar_icon{
    vertical-align: middle;
    cursor: pointer;
}

/* */
.user_status{
    color:#0000ff;
    font-size:14px;
}

.map_focus,.driver_info{
    display:inline-block;
}

.map_focus.button,.driver_info.button{
    cursor:pointer;
    padding:0.3em;
    font-size:90%;
}

.driver_info.button{
    margin-left:0;
}

.map_focus img , .driver_info img{
    /*margin-top:5px;*/
    width:20px;
    height:20px;
    vertical-align: middle;
}

.delivery_status{
    color:#008000;
}

#side_contents {

    over-flow: auto;
    width:400px;
    height:100%;
    border: 3px solid #666;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    background:#fff;
    float:left;
    margin:5px;
}

#side_contents .person{
    background: #E8E8E8;
}


.person{
/*    clear:both;
    margin-top:3px;
    background: #E8E8E8;
    width:100%;
    padding:5px 0;
    border: 1px solid #666;
    border-bottom: 1px solid #666;
    height:100%;*/
}

.person_icon {
    border: 1px solid #C4C4C4;
    margin: 5px;
    padding:5px;
}

.person_title{
    width:140px;
    height:120px;
}


div.task_wrapper {
    min-height:90px;
    width: 100%;
}

ul.task_ul {
    margin: 2px;;
    padding: 20px;
    width:100%;
    min-height:90px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    list-style-type: none;
}

.task_cell {
    width:100%;
}

.width100{
    width:100%;
}

.complete_box {
    paddind:5px;
    background:#C0EDC9;
    border :1px solid #666;
}

li.task {
    border: 1px solid #A8A8A8;	
    padding: 1px;
    width: 180px;
    /*height: 60px;*//*注番などを記載すると高さが変わるため、決め打ちの廃止*/
    display: inline-block;/*table-cell inline-blockから、隣同士のカードの高さをあわせるためにtable-cellに変更*/
    list-style-type: none;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    position:relative;
    cursor:pointer;
}

li.task.warehouse{
    width: 200px !important;
}

li.task div.card_group_num{
    /*position:absolute;
    bottom:0px;
    right:2px;*/
    text-align:right;
    /*font-size:90%;*/
    /*font-size:85%;*/
    font-size:80%;
    /*padding-right:2px;*/
}

li.task span.card_delivery_category{
    background:#ffffaa;
    padding:0 3px;
}

li.task span.card_nouki_time{
    font-weight:bold;
    color:#ff0000;
    font-size:90%;
}

li.task span.pickup_fl{
    padding-left:2px;
    font-size:90%;
}

li.task span.pickup_fl.ok{
    
}

li.task span.pickup_fl.no{
    
}

li.task span.detail_num{
    font-size:90%;
    font-weight:bold;
}

li.task span.detail_weight{
    font-size:90%;
    font-weight:bold;
}

div.company_name {
    width:145px;
    height:25px;
    padding-left: 2px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;

    font-weight:bold;

}

div.address {
    width:180px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 90%;
}

div.detail_num {
    font-size: 90%;
}

.bikou_check{
    font-size: 90%;
}

.placeholder{
    list-style:none;
    background:#D1ECFF;
    width: 150px;
    height: 80px;
    display: inline-block;
    border:1px dashed #0099FF;
}

.task_header {
    color:#494949;
    background:#cccccc;
    height: 1em;
    list-style:none;
    padding:3px;
    height:15px;
    margin:2px;
    border: 1px solid #ccc;
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

#center_margin{
    /*width:100%;*/
    margin: 10% 0 30% 40%;
}

.sub_title {
    padding:5px 0 0px 10px;
    border:1px solid #666;
    background: white;
    margin: 0px;
    height:22px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.sub_title_content {
    margin-top:-4px;
    font-weight: bold;
    font-size: 110%;
}

.light_blue {
    background:#BAF0FF;
}

/*------------------------------------

-------------------------------------*/
#send_message{
    margin:5px;
    width:400px;
    height:100px;
}

#message_list{
    margin:5px 0 5px 15px;
}
#message_list li{
    list-style:none;
}


div.message_header{
    font-size: 85%;
    padding:2px;
    margin:3px;
    height:15px;
    border:1px solid #666;
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
    background: linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
div.message_lsit {
    cursor:pointer;
    border-bottom:1px solid #666;
    margin:5px;
    padding:3px;
    height:15px;
    width:97%;
}
.cell100 {
    float:left;
    width: 100px;
}
.cell200 {
    float:left;
    width: 200px;
}
.cell300 {
    float:left;
    width: 300px;
}

.delivery_input{
    width:400px;
}

/*------------------------------------
�R���t�B�O��ʗp
-------------------------------------*/
#config_list {
}

#config_list li{
    cursor:pointer;
    list-style:none;
    padding:3px;
    margin:3px;
    border:1px solid #666;
    background: #f6f8f9; /* Old browsers */
    font-weight:bold;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
    cursor:pointer;
}
#config_list li a{
    text-decoration:none;
    text-underline: none;
    color:#0210D8;
}
#config_list li a:hover{
    background:#fff;
    width:100%;
}

/*-------------------------------------------
�@�ėp�X�^�C��
--------------------------------------------*/
.font110 {
    font-size:110%
}
.full_wide {
    width:100%;
}
.txt_r {
    text-align:right;	
}
.txt_l {
    text-align:left;
}
.float_r {
    float:right;	
}
.float_l {
    float:left;	
}
.hide {
    display:none;
}
.list_none {
    list-style:none;
    height:1px;
    width:100%;
}

.bold{
    font-weight:bold;
}

.attention {
    color: #FF0000;
}

.required{
    display:inline-block;
    float:right;
    font-size:90%;
}

#card_type_div{
    font-weight:bold;
    display:inline-block;
    margin:0 20px 0 5px;
}

#order_company_div{
    display:inline-block;
}

#order_company{
    width:300px;
}

#order_number_div{
    font-weight:bold;
}

#order_number{
    
}

#order_number_div{
/*    display:block;*/
    margin:0 0 0 5px;
    font-weight:bold;
    display:inline-block;
    width:calc(100% - 75px);
}

.base_table {
    border-collapse: collapse;
    border-spacing: 0;
    margin:5px;
}

.base_table TH{
    font-weight: bold;
    background-color: #D8D8D8;
    border : 1px solid #666;
    padding: 5px;
}

.base_table TD{
    border : 1px solid #666;
    background-color: #FFFFFF;
    padding:2px;
    text-align:left;
}
.base_table TR.light_gray TD{
    background-color: #F2F2F2;
}

.base_table TH.place_color{
    background-color: #666;
    color:#fff;
}

.base_table.dialog{
    width:100%;
}

.base_table.dialog TH{
   /* width:70px;*/
    width:80px;
}

.base_table.dialog sup{
    color:#FF0000;
}

.base_table.dialog TH.title{
    background-color: #666;
    color:#fff;
    text-align:center;
}

.base_table.dialog TH.status{
    background-color: #fff;
    font-weight: normal;
}

.base_table.dialog TH.to_num{
    background-color: #e9e9e9;
    text-align:center;
}

.base_table.dialog.detail TH{
    background-color: #e9e9e9;
    width:auto;
}

.base_table.txt_l sup{
    color:#FF0000;
}

/*集荷と配送の入力フォーム表示切り替え用*/
.display_from{
    display:table;
}

.display_to{
    display:table;
}

/*各カラムのスタイル設定*/
.base_table.dialog.detail TH.no{
    text-align:center;
    /*width:70px;*/
    width:80px;
}

.base_table.dialog.detail td#td_no{
    text-align:center;
    /*width:70px;*/
    width:80px;
}

/*.base_table.dialog.detail TH.juchu_no{
    width:65px;
}
.base_table.dialog.detail td#td_juchu_no{
    width:65px;
}
.base_table.dialog.detail input#juchu_no{
    width:65px;
}*/

.base_table.dialog.detail TH.hinmei{
    /*min-width:80%;*/
}
.base_table.dialog.detail td.td_hinmei{
    /*min-width:80%;*/
}
.base_table.dialog.detail textarea.detail{
    vertical-align: middle;
    min-width:72%;
}

.base_table.dialog.detail textarea.detail.edit{
    min-width:64% !important;
    line-height:1.5em;
}

.base_table.dialog.detail TH.progress{
    text-align:center;
    width:70px;
}
.base_table.dialog.detail td#td_progress{
    text-align:center;
    width:70px;
}

.base_table.dialog.detail TH.num{
    width:80px;
}
.base_table.dialog.detail td.td_num{
    width:80px;
}
.base_table.dialog.detail input.td_num{
    width:80px;
}

.base_table.dialog.detail TH.weight{
    width:60px;
}
.base_table.dialog.detail td.td_weight{
    width:60px;
}
.base_table.dialog.detail input.td_weight{
    width:45px;
}

/*.base_table.dialog.detail TH.bikou{
    min-width:200px;
}
.base_table.dialog.detail td#td_detail_bikou{
    min-width:200px;
}
.base_table.dialog.detail textarea#detail_bikou{
    min-width:99%;
}*/

/*.base_table.dialog.detail TH.category{
    width:70px;
}
.base_table.dialog.detail td#td_detail_category{
    width:70px;
}*/

.base_table.dialog.detail TH.add{
    width:20px;
}
.base_table.dialog.detail td.td_delete{
    width:20px;
    text-align:center;
}

.base_table.dialog input.place{
    width:80%;
}

.base_table.dialog input.post_code1{
    width:3em;
}

.base_table.dialog input.post_code2{
    width:4em;
}

.base_table.dialog input.address{
    width:99%;
}

.base_table.dialog input.time{
/*width:40%;*/
    width:90%;
}

.base_table.dialog input.bill_address{
    width:99%;
}

.base_table.dialog input.tel{
    width:99%;
}

.base_table.dialog input.car_type{
    width:99%;
}

/*.base_table.dialog td#td_bu_name{
    min-width:200px;
}*/

/*.base_table.dialog input#company_name{
    width:98%;
}
.base_table.dialog input#bu_name{
    width:98%;
}
.base_table.dialog input#name{
    width:98%;
}*/

.base_table.dialog td.td_bikou{
    min-width:200px;
    max-width:200px;
}

.base_table.dialog textarea.bikou{
    word-wrap:break-word;
    width:99%;
}

/*.base_table.dialog input#sale_user_name{
    width:99%;
}*/

/*.base_table.dialog td#td_tel input{
    width:3em;
}*/

/*.base_table.dialog.memo{
    margin-top:20px;
}*/

.base_table.dialog.to{
    margin-top:0;
    margin-bottom:0;
    margin-right:5px;
    margin-left:5px;
}

.arrow{
    width: 40px;
    height:30px;
    margin:0 auto;
}

.arrow::before{
  content: "";
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 10px;
  background: #666;
}
.arrow::after{
  content: "";
  display:block;
  border-top: 35px solid #666;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  transform-origin: left top;
  transform: scaleY(.5);
}

.no_border TD{
    border:0;
    background-color: #FFFFFF;
    padding:2px;
    text-align:left;
}

.button {
    color: #111;
    text-decoration: none;
    padding:0.3em;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#fff),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#fff),to(#F1F1F1));
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
    cursor: pointer;
    margin: 5px;
    border:1px solid #666;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
a.button:active {
    color: #000;
    border-color: #ccc;
    position:relative;
    top:2px;

}
.button.add_button{
    padding-top:0;
    padding-bottom:0;
}

.small_font {
    font-size: 80%;
    margin:2px;
}

.no_event{
    pointer-events: none;
    color:#b4b4b4;
}

.large_font {
    font-size: 200%;
}

a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

a.blue{
    font-weight:bold;
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}
a.button.orange {

    font-weight:bold;
    background: rgb(252,234,187); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

    border:1px solid #7A5B0C;	
}

a.button.red{
    font-weight:bold;
    border:1px solid #0B2954;
    background: #f76e56; /* Old browsers */
    background: -moz-linear-gradient(top,  #f76e56 0%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f76e56), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f76e56 0%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f76e56 0%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f76e56 0%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
    background: linear-gradient(top,  #f76e56 0%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f76e56', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
    color:#ffffff;
}

.button.mini {
    font-size:80%;
}

.button .green {

}

.mouse_over {
    padding:5px;
    border-bottom:1px solid #ccc;
    cursor:pointer;
    clear:both;
    text-align:left;
}

.mouse_over SPAN{
    display:inline-block;
}

.mouse_on {
    background:#D3EBFF;
}

.conmany_search {
    padding: 0.2em;
    cursor: pointer;
    background:#fff;
}

/*-------------------------------------------
�@�t�b�^�[
--------------------------------------------*/


#footer {
    height: 20px;
    width:100%;
    border-top:1px solid #e5e5e5;
    clear:both;
}



/*------------------------------------------------
20150910 add
--------------------------------------------------*/
.default_task {
    background: #fff;
}
.yokomochi_task.insatsu{
    background: #ffe9ad;
}

.yokomochi_task.seihon{
    background: #fbd850;
}

.from_task{
    background-color:#d5ffff !important;
}
.from_color{
    background-color:#d5ffff;
/*    color:#80ff80;*/
    color:#d5ffff;
    border:1px solid #A8A8A8;
    margin-left:3px;
    margin-right:5px;
}

.to_task{
    background-color:#ffffaa !important;
}
.to_color{
    background-color:#ffffaa;
/*    color:#ffff55;*/
    color:#ffffaa;
    border:1px solid #A8A8A8;
    margin-left:3px;
}

.task_color{
    font-weight:bold;
    display:inline-block;
    float:right;
    padding:5px;
    padding-right:10px;
/*    font-size:90%;*/
}

.big_120{
    font-size:120%;
}

/*------------------------------------------------
20150918 add
--------------------------------------------------*/
.base_table2 {
    border-collapse: collapse;
    border-spacing: 0;
    margin:5px;
}

.base_table2 TH{
    font-weight: bold;
    background-color: #D8D8D8;
    border : 1px solid #666;
    padding: 5px;
}

.base_table2 TD{
    border : 1px solid #666;
    background-color: #FFFFFF;
    padding:2px;
    text-align:left;
}
.base_table2 TR.light_gray TD{
    background-color: #F2F2F2;
}

/*------------------------------------------------
20160404 add
--------------------------------------------------*/
nav ul.menu li a.nowpage{
    color:#f5468c;
}

nav ul.menu li ul.menu_child a.nowpage{
    color:#f5468c;
}

#sortstart{
    background-color:#ff0000;
    border:1px solid #ff0000;
    color:#fff;
    font-weight: bold;
    z-index:100;
    position:fixed;
    bottom:10px;
    right:10px;
    padding:5px;
    display:none;
}

#traffic{
    position:absolute;
    top:5px;
    right:55px;
    z-index:2;
}

/*配送情報の取得ページ*/
.step{
    width:100%;
    margin: 0 auto; 
}

/*.step_one{
    color:#000;
}

.step_two{
    color:#ccc;
}

.step_three{
    color:#ccc;
}*/

.step_head{
    margin:30px 20px 10px;
    text-align:center;
    font-weight:bold;
    background: #ccc;
}

/*.step_head.step_one{
    background: #ccc;
    color:#000;
}

.step_head.step_two{
    background: #efefef;
    color:#ccc;
}

.step_head.step_three{
    background: #efefef;
    color:#ccc;
}*/

.step_title{
    margin-top:20px;
    text-align:center;
    font-size:120%;
}

.step_title.msg{
    font-weight: bold;
    color:red;
}

.get_method_group{
    width:100%;
    margin: 10px 0;
    display:table;
}

.get_method{
    width:50%;
    display:table-cell;
}

.method{
    height:140px;
    margin: 0 20px;
    padding:10px;
    background:#e8e8e8;
}

#get_date{
    height:35px;
    text-align:center;
    margin:15px 0 10px;
}

#get_date span{
    font-size:150%;
    font-weight:bold;
}

#get_coresystem{
    height:35px;
    text-align:center;
    margin:15px 0 10px;
}

#get_file{
    height:35px;
    text-align:center;
    margin:15px 0 10px;
}

#get_file input{
    font-family:Meiryo,sans-serif;
    font-size:100%;
    font-weight:bold;
}

.method_name{
    text-align:center;
    font-size:120%;
    font-weight:bold;
}

.get_button{
    text-align:center;
}

.delivery_info_check{
    width:100%;
    margin: 10px 0;
}

#get_message{
    margin:10px 20px 10px;
}

#get_message p{
    font-size:100%;
    color:#ff5555;
}

#get_host_data{
    text-align:center;
    width: 50px;
    /*display:none;*/
}

.caution{/*強調したいところに使用。赤字になります*/
    color:#ff0000;
}

.ui-widget-header.green{
    border: 1px solid #00aa00;
    background: #00d500 repeat-x;/*要色調査*/
    color: #ffffff;
    font-weight: bold;
}

/*カード分ける機能用スタイル*/
button.button:active {
    color: #000;
    border-color: #ccc;
    position:relative;
    top:2px;

}

button.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

button.button.orange {

    font-weight:bold;
    background: rgb(252,234,187); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

    border:1px solid #7A5B0C;	
}

/*配送情報の更新チェック*/
.diff_information{
    width:800px;
    margin:0 auto;
    text-align:center;
    display:table;
    border-collapse: collapse;
}

.diff_tr{
    display:table-row;
    border-collapse: collapse;
}

.diff_td{
    width:30%;
    display:table-cell;
    border:1px solid #666;
    border-collapse: collapse;
}

.diff_td p{
    font-size:250%;
    padding-top:5px;
}

.diff_td.title{
    font-size:120%;
}

.diff_td.title.add{
    background-color: #d5ffaa;
}

.diff_td.title.del{
    background-color: #aad5ff;
}

.diff_td.title.update{
    background-color: #ffd5aa;
}


.diff_td.num{
    font-size:200%;
    font-weight:bold;
}

.diff_td a.none{
    color: #b4b4b4;
    text-decoration: none;
    padding:0.3em;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#fff),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#fff),to(#F1F1F1));
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
    margin: 5px;
    border:1px solid #b4b4b4;

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    
    cursor: default;
    pointer-events:none;
}

.diff_add{
    width:800px;
    display:inline-block;
    margin:10px 20px 10px;
    float:left;
    /*background-color:#f1f1f1;
    border:1px solid #666;*/
}

.diff_add table.base_table{
    margin:0px;
    margin-bottom: 5px;
    text-align:left;
}

.diff_add p{
    font-weight:bold;
}

.diff_del{
    width:800px;
    display:inline-block;
    margin:10px 20px 10px;
    float:left;
    /*background-color:#f1f1f1;
    border:1px solid #666;*/
}

.diff_del table.base_table{
    margin:0px;
    margin-bottom: 5px;
    text-align:left;
}

.diff_del p{
    font-weight:bold;
}

.diff_update{
    width:800px;
    display:inline-block;
    margin:10px 20px 10px;
    float:left;
    /*background-color:#f1f1f1;
    border:1px solid #666;*/
}

.diff_update table.base_table{
    margin:0px;
    margin-bottom: 5px;
    text-align:left;
}

.diff_update p{
    font-weight:bold;
}

.base_table TH.original_id.caution{
    background-color:#ff0000;
}

hr{
    border:none;
    border-top:solid 1px gray;
    height:1px;
    color:#FFFFFF;
}

hr.dash{
    border:none;
    border-top:dashed 1px #b4b4b4;
    height:1px;
    color:#FFFFFF;
}

td.diff.diff_true{
    color:red;
}

#title_add{
    font-size:120%;
    padding:5px;
    margin-bottom:5px;
    background-color:#d5ffaa;
}

#title_del{
    font-size:120%;
    padding:5px;
    margin-bottom:5px;
    background-color:#aad5ff;
}

#title_update{
    font-size:120%;
    padding:5px;
    margin-bottom:5px;
    background-color:#ffd5aa;
}

.top_page{
    text-align:right;
}

.top_page a{
    text-decoration: none;
}

.layer{
    position:relative;
    width:100%;
    height:100%;
}

.gray_layer{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    background:#666666;
    opacity: 0.5;
    z-index:1;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*Chromeのみmargin分レイヤーがはみ出るのでサイズを調整*/
    .gray_layer{
        bottom:5px;
    }
}

.gray_layer.show{
    display:none;
}

.detail_delete{
    cursor:pointer;
}

.card_to_delete{
    cursor:pointer;
}

.address_search , .hinmei_search , .address_search_tab , .date_tie_address_search_tab {
    padding:0.2em;
    cursor:pointer;
    background:#fff;
}

.address_none , .hinmei_none{
    padding:0.2em;
    cursor:default;
    background:#eeeeee;
}

.search_form{
    display:table;
    width:100%;
    margin-bottom:10px;
}

.input_yomi{
    display:table-cell;
    width:40%;
}

.input_keyword{
    display:table-cell;
    width:60%;
}

#input_address_content,#input_hinmei_content{
    background:#eeeeee;
    padding-top:10px;
}

.address_list,.hinmei_list{
    display:table;
    width:95%;
    margin-left:10px;
}

#address_list_name,#hinmei_list_name{
    display:table-cell;
    width:30%;
    font-weight:bold;
}

#address_list_info,#hinmei_list_info{
    display:table-cell;
    width:65%;
}

.config_title {
    vertical-align: middle;
    font-weight:bold;
    font-size: 120%;
    padding:5px;
    padding-left:10px;
    border-bottom:1px solid #666;
    min-height:30px;
    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}

#config_contents{
    margin:10px;
}

.driver_color{
    margin:0 auto;
    width:95%;
    height:20px;
}

#releases_note_link{
    text-align:right;
    margin-right:15px;
}

#releases_note_link a{
    text-decoration: none;
    color:#4a8cf6;
}

#releases_note_link a:hover{
    color:#f5468c;
}

.driver_info_detail{
    color:#4a8cf6;
    cursor:pointer;
}

.driver_info_detail.delivery_status{
    color: #008000;
}

.driver_info_detail:hover{
    color:#f5468c;
}

.img_thum{
    display:inline-block;
    cursor:pointer;
    margin-right:2px;
}

.img_thum img{
    /*height:100px;*//*fuinction.phpでサムネサイズコンフィグのため不要に*/
}

.driver_info_image{
    text-align:center;
}

.load_info_detail{
    color:#4a8cf6;
    cursor:pointer;
}

.load_info_detail.delivery_status{
    color: #008000;
}

.load_info_detail:hover{
    color:#f5468c;
}

#reload{
    display:inline-block;
    vertical-align:bottom;
    cursor: pointer;
    height:100%;
}

.driver_info_camera{
    /*vertical-align:middle;*/
    margin-left:5px;
    width:15px;
}

.img_thum_cap{
    font-size:90%;
}

.img_thum_box{
    display:inline-block;
    position: relative;
}

.img_thum_check{
    position: absolute;
    top:0;
    left:0;
}

input[type="radio"]{
    margin-left:5px;
}

.caution_border{
    /*border:5px solid #ff0000 !important;*/
    border:3px solid #ff0000 !important;
}

.start_time_div,.end_time_div{
    line-height:2em;
}

#total_weight{
    text-align:right;
    font-size:120%;
    font-weight:bold;
}

#display_hidden_date + img{
    vertical-align: middle;
}

/*CSV取り込み系*/
#dragandrophandler{
    border:2px dotted #0B85A1;
    width:80%;
    height:100px;
    line-height:100px;
    margin:0 auto;
    margin-top:10px;
    color:#92AAB0;
    text-align:center;
    vertical-align:middle;
    font-size:150%;
}

#csv_system_number_error{
    width:100%;
    overflow: auto;
    border:1px solid #ccc;
}

#csv_system_number_error th{
    white-space: nowrap;
    border:1px solid #ccc;
}
#csv_system_number_error td{
    white-space: nowrap;
    border:1px solid #ccc;
}

#csv_msg{
    width:80%;
    margin:0 auto;
    margin-top:10px;
    border:1px solid #ccc;
    padding:10px;
    text-align:left;
}

#csv_msg p{
    text-align:center;
}

#drag-drop-area{
    border:2px dotted #0B85A1;
    width:80%;
    height:100px;
    line-height:50px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    color:#92AAB0;
    text-align:center;
    vertical-align:middle;
    background:#fff;
}

#user_status_miwariate{
    display:none;
}

.drag-drop-info{
    font-size:150%;
}

#fake_input_file{
    border-style: none;
}

#edit_new,#edit_csv{
    width:100px;
}

/*新規レイアウト*/
#info_table{
    width:100%;
    border-collapse:collapse;
}

.info_tr{
    border:1px solid #666;
}

.background_header{
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    border:1px solid #666;
}

.background_contents{
    border:1px solid #666;
}

.person_layer{
    width:100%;
    height:100%;
    background:#E8E8E8;
    /*padding:2px;*/
    border-bottom:1px solid #666;
    height:auto;
}

.person_layer.last{
    border:none;
}

#news_content{
    height:100%;
    /*max-height:600px;*/
    /*max-height:100%;*/
    max-height:1500px;
    overflow-y: scroll;
    overflow-x:hidden;
}

table #edit_task{
    width:100%;
    height:100%;
    border-collapse:collapse;
}

.eria_block{
    overflow-y: scroll;
    overflow-x: hidden;
/*    transform: translateZ(0);*/
}

.eria_block.miwariate{
    background:#F2ECCD;
}

.eria_block.driver{
    background:#E8E8E8;
}

#miwariate_layer,#driver_layer{
    height:100%;
    /*max-height:600px;*/
    /*max-height:100%;*/
    max-height:1500px;
}

.layer_info_area{
    display:table;
    width:100%;
}

.layer_card_area{
    min-height:90px;
    /*padding:5px;*/
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    transform: translateZ(0);
    overflow: hidden;
}

.info_driver_name{
    font-weight:bold;
    padding-right:5px;
}

.info_driver_request{
    font-size: 87%;
}

.info_warehouse{
    font-size: 87%;
    font-weight:bold;
    color:#ff0000;
}

.driver_request_update_btn{
    background-color: #ff0000;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
    padding: 0 2px;
    font-weight: bold;
}

.driver_request_update_btn:hover{
    background-color: #aa0000;
}

/*複数選択*/
/*.task_ul li.ui-selecting{
    opacity: 0.6;
}
.task_ul li.ui-selected{
    border:3px solid #A8A8A8;
}*/

/*カードラベルをチェックできるようにする*/
input[name="card_check[]"] {
    display: none;
}

.card_check_label{
    padding:0 6px;
    font-weight:bold;
    z-index:5000;
    cursor: pointer;
}

.card_check_label:hover{
    opacity: 0.6;
}

input[name="card_check[]"]:checked + label{
    border:2px solid #ff0000;
}

.card_check_tooltips{
    position: absolute;
    bottom: -0.8em;
    left: 0.3em;
    z-index: 9999;
    padding: 0.3em 0.5em;
    color: #FFFFFF;
    background: #c72439;
    font-size:90%;
}

#card_check_window{
    background-color:#bfbfbf;
    border:1px solid #bfbfbf;
    z-index:100;
    position:fixed;
    bottom:50px;
    right:10px;
    display:none;
    font-weight:bold;
}

/*絞り込み*/
#capacity_select,#office_select{
    vertical-align: middle;
    font-size:1em;
}

.person.capacity_refine.office_refine{
    display:block;
}

.person{
    display:none;
}

.task{
    display:none !important; 
}

.task.destination_refine{
    display:inline-block !important;
}

.display_menu.button{
    font-size: 90%;
    float:right;
}

.display_menu.button img{
    width: 20px;
    height:20px;
    vertical-align:middle;
}

#display_menu_window{
    width:750px;
    height:330px;
    position:absolute;
    background:#eeeeee;
    z-index:3;
    display:none;
    border:2px solid #666;
    padding:10px;
    text-align: left;
}

#display_menu_window:after,#display_menu_window:before{
    top:100%;
    border:solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#display_menu_window:after{
    border-color: rgba(242, 242, 242, 0);
    border-top-color: #eeeeee;
    border-width: 9px;
    margin-right: -9px;
    right:125px;
}

#display_menu_window:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #666;
    border-width: 11px;
    margin-right: -11px;
    right:125px;
}

#display_menu_window.balloon_top:after,#display_menu_window.balloon_top:before{
    top:auto;
    bottom:100%;
    border:solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#display_menu_window.balloon_top:after{
    border-color: rgba(242, 242, 242, 0);
    border-bottom-color: #eeeeee;
    border-width: 9px;
    margin-right: -9px;
    right:125px;
}

#display_menu_window.balloon_top:before {
    border-color: rgba(221, 221, 221, 0);
    border-bottom-color: #666;
    border-width: 11px;
    margin-right: -11px;
    right:125px;
}

#display_menu_window dt{
    float:left;
    clear:left;
    margin-right: 0.5em;
    width: 60px ;
    padding:5px 0;
}

#display_menu_window dd {
    float: left;
    margin-left:1em;
    padding:5px 0;
}

/*絞り込みメニュータブ*/
p.tabs{
    margin:0px;
    padding:0px;
}

p.tabs a{
    display:block;
    float:left;
    margin:0 3px 0 0;
    padding:3px;
    text-align:center;
}
/*各タブの色*/
p.tabs a.driver_refine_tab{
    text-decoration:none;
    border-right:1px solid #666;
    border-left:1px solid #666;
    border-top:3px solid #666;
    color:#000;
}
p.tabs a.driver_sort_tab{
    text-decoration:none;
    border-right:1px solid #666;
    border-left:1px solid #666;
    border-top:3px solid #666;
    color:#000;
}
p.tabs a.card_refine_tab{
    text-decoration:none;
    border-right:1px solid #666;
    border-left:1px solid #666;
    border-top:3px solid #666;
    color:#000;
}
p.tabs a.card_sort_tab{
    text-decoration:none;
    border-right:1px solid #666;
    border-left:1px solid #666;
    border-top:3px solid #666;
    color:#000;
}
p.tabs a.date_tie_tab{
    text-decoration:none;
    border-right:1px solid #666;
    border-left:1px solid #666;
    border-top:3px solid #666;
    color:#000;
}
p.tabs a:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
}

p.tabs a.now{
    font-weight:bold;
    border-top-color:#000;
}

div.tab{
    clear: left;
}

div#driver_refine_tab,div#card_refine_tab,div#card_sort_tab,div#driver_sort_tab,div#date_tie_tab{
    border:1px solid #666;
    padding:10px;
    height:280px;
    overflow-y: scroll;
}

.tab_caption{
    font-weight:bold;
}

#card_search_retry_btn{
    display:none;
}

#date_tie_card_search_retry_btn{
    display:none;
}

#uncompleted_card_list{
/*    margin-left:5px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #ff0000 transparent transparent transparent ;
    cursor:pointer;
    position: relative;*/
}

#uncompleted_card_box{
    /*display:none;*/
}

.uncompleted_card_link{
    font-weight:bold;
    text-decoration: underline;
    cursor:pointer;
    display:inline-block;
}

/*マップで範囲選択時のドライバー選択ウィンドウ*/
#card_list_area{
    /*background:#fff;*/
    height:250px;
    overflow-y: scroll;
}

.card_list_table.color_from{
    background:#d5ffff;
}

.card_list_table.color_to{
    background:#ffffaa;
}

.card_list_table{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom:5px;
}

.card_list_table td{
    text-align: left;
    border: 1px solid #666;
    padding:2px 5px;
}

.card_list_place{
    font-weight:bold;
    margin-left:10px;
}

#driver_list_area{
    background:#fff;
}

.driver_list_table{
    display:table;
/*    border-bottom:1px solid #ccc;
    padding:5px;
    cursor:pointer;*/
    width:95%;
    margin-left: 5px;
}

.driver_list_table :hover{
    background:#D3EBFF;
}

.d_driver_name{
    display:table-cell;
    width:70%;
    font-weight:bold;
    text-align:left;
}

.d_distance{
    display:table-cell;
    width:30%;
    text-align:right;
}

/*CSV自動取り込み履歴ボタン*/
#csv_auto_inport_icon{
    position:absolute;
    top:-13px;
    right:0;
    background:#ff0000;
    color:#fff;
    font-size:90%;
    font-weight:bold;
    width:15px;
    text-align:center;
}

#csv_auto_inport_icon.none{
    display:none;
}

/*積載量オーバー時の色*/
.capacity_over{
    color:#ff0000;
    font-weight:bold;
}

/*カード表示備考*/
.card_bikou{
    width:180px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 90%;
}

/*マップ非表示*/
.display_none {
    display: none;
}

/*配送プランヘッダー 背景色*/
.background_color{
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
}

/*配送プランヘッダー 表示位置*/
.display_position{
    display:inline-block;
    width:100%;
    border-style:none;
    margin-top:5px;
    margin-bottom:5px;
}

/*住所選択*/
.row_selected{
    background:#D3EBFF;
}

/*一括削除ボタン*/
#card_bulk_delete_check_window{
    background-color:#bfbfbf;
    border:1px solid #bfbfbf;
    z-index:100;
    position:fixed;
    bottom:10px;
    right:10px;
    display:none;
    font-weight:bold;
}

/*CSVダウンロード*/
.csv_download{
    color:#008000 !important;
    cursor:pointer;
}
.csv_download:hover{
    color:#f5468c !important;
}

.ui-selecting{
    opacity:0.3;
}

.ui-selected{
    opacity:0.5;
    cursor:move;
}

.mapToggle_btn{
    text-align: center;
    padding:0.1em !important;
}

.mapToggle_on img,.mapToggle_off img{
    width: 25px;
    height: 25px;
    vertical-align: middle;   
}

#burger_menu_icon{
    width:30px;
    height:30px;
    position:relative;
}

#burger_menu_icon span{
    height: 3px;
    position: absolute;
    width: 100%;
    left: 0;
    background: #4a8cf6;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#burger_menu_icon span:nth-child(1){
    top:6px;
}

#burger_menu_icon span:nth-child(2){
    top:14px;
}

#burger_menu_icon span:nth-child(3){
    top:22px;
}

#edit_menu{
    width:auto;
    font-size:95%;
    display:inline-block;
    margin: 5px;
    float:right;
    cursor: pointer;
}

#edit_menu div#edit_menu_icon{
    width:20px;
    height:15px;
    display:inline-block;
    position:relative;
}

#edit_menu div#edit_menu_icon span{
    height: 3px;
    position: absolute;
    width: 100%;
    left: 0;
    background: #111;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#edit_menu div#edit_menu_icon span:nth-child(1){
    top:3px;
}

#edit_menu div#edit_menu_icon span:nth-child(2){
    top:9px;
}

#edit_menu div#edit_menu_icon span:nth-child(3){
    top:15px;
}

div.edit_menu_child{
    display:none;
    position:absolute;
    right:-47px;
    top:14px;
    z-index: 1000;
}

div.edit_menu_child div{
    background:#F2ECCD;
    width:150px;
    padding:0;
    border:1px solid #666;
    margin-top:0;
    text-align: center;
}

div.edit_menu_child div a{
    display: block;
    font-size:95%;
    padding:10px 5px;
    text-decoration: none;
    color:#111;
    font-weight: bold;
}

div.edit_menu_child div a:hover{
    background:#c9c5ab;
}

nav ul.menu li ul.burger_menu_child{
    display:none;
    position:absolute;
    right:0;
    top:40px;
    z-index: 1000;
    border-top:2px solid #444;
}

nav ul.menu li ul.burger_menu_child li{
    background:#f1f1f1;
    width:200px;
    padding:0;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-top:0;
}

nav ul.menu li ul.burger_menu_child li a{
/*    padding: 20px 10px;*/
/*    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -5px;*/
    display: block;
    font-size:110%;
    
    
    padding:5px 0;
}

nav ul.menu li ul.burger_menu_child li a:hover{
    background:#cccccc;
}

a.disabled{
    pointer-events: none;
}

#card_search_table{
    background-color:#fff;
    overflow: scroll;
    font-size:87%;
    width: 98%;
}

.card_search_from{
    background-color:#d5ffff !important;
}

.card_search_to{
    background-color:#ffffaa !important;
}

.card_search_detail_border{
    border:none;
    border-top:dashed 1px #666;
    margin:5px 0;
}

.card_search_detail_comp,.card_search_detail_skip{
    color:#fff;
    background-color: #666;
    padding:2px 1px;
    margin-right:2px;
}

#card_search_table td{
    padding:2px 5px;
}

#card_search_result_table_div{
    max-height: 400px;
    overflow-y: scroll;
}

#card_seach_action,#card_seach_csv_action{
    cursor: pointer;
}

.warehouse_address_button{
    margin-left:0px;
    vertical-align: middle;
}

.warehouse_address_button img{
    width:20px;
    height:20px;
}

.input_address_display{
    margin-right:0px;
}

.copy_button_div{
    display: inline-block;
}

#comp_modify_content{
    text-align: center;
}

#edit_delivery_from_template_content{
    text-align:center;
}

#select_template{
    min-width:200px;
    padding:5px;
    height:35px;
}

#template_value{
    padding:5px;
    margin-right:5px;
}

/*後にテンプレート呼び出しボタンがメニューアイコンになった時削除すること*/
a#edit_new_from_template > img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.info_mark_area{
    display: inline-block;
    height: 35px;
    vertical-align: middle;
    margin-left: 5px;
}

.info_mark{
    width: 15px;
    height: 15px;
    margin:5px 0;
    border: 3px solid #666;
    display: inline-block;
    border-radius: 50%;
    line-height: 15px;
    font-weight: bold;
    background: #fff;
    color: #666 !important;
    cursor: pointer;
}

#cron_csv_log_list_div{
    width: 100%;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#cron_csv_log_list_div > table{
    width:99%;
}

/*完了後の情報修正アイコン*/
div.edit_info_icon{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

div.edit_info_icon.place_edit{
    margin-left:5px;
}

div.edit_info_icon.detail_edit{
    margin-right:5px;
}

div.edit_info_icon > div{
    display: inline-block;
    background: #ccc;
    border-radius: 50%;
    padding: 2px;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

#driver_info_detail .base_table.dialog TH.place_color{
    width:90px !important;
}

#driver_info_detail .base_table.dialog.detail td#td_no{
    width:90px !important;
}

.driver_sort_change{
    cursor: pointer;
}

.driver_sort_change:hover{
    color: #f5468c;
}

/*カードマウスオーバー時の荷物詳細表示*/
#detail_info_tip{
    padding:10px;
    background:#fff;
    border:1px solid #ccc;
    border-radius: 5px;
    z-index:1000;
    position: absolute;
    display:none;
    top:0;
    left:0;
}

#detail_info_close{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #aaa;
    color:#fff;
    font-weight: bold;
    cursor: pointer;
}

#detail_info_close:hover{
    background-color: #696969;
}

#detail_info_contents{
    margin-top: 20px;
    text-align: left;
}

.noTitleDialog .ui-dialog-titlebar {
    display:none;
}