.is24-process-navi {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 34px;
    border-top: 1px solid #b6c5d3;
    border-bottom: 1px solid #b6c5d3;
    margin: 10px 0 20px 0;
    overflow: hidden;
    padding-top: 10px;
    border-top: none;
}
.is24-process-navi ul {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #b6c5d3;
}
.is24-process-navi li {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: none;
    border-top: 1px solid transparent;
    padding-left: 0;
    float: left;
    position: absolute;
    height: 34px;
    margin-top: -1px;
}
.is24-process-navi li.last {
    text-align: right;
}
.is24-process-navi li.step {
    border-top: 1px solid #ff7500;
}
.is24-process-navi li a:hover {
    text-decoration: underline;
}
.is24-process-navi li a,
.is24-process-navi li span {
    position: relative;
    text-decoration: none;
    display: block;
    width: auto;
    height: 15px;
    padding-top: 9px;
    margin-top: -1px;
}
.is24-process-navi li span {
    color: #b6c5d3;
}
.is24-process-navi li a,
.is24-process-navi li span {
    left: -50%;
}
* + html .is24-process-navi li a,
* + html .is24-process-navi li span {
    left: 0;
}
.is24-process-navi li.first a,
.is24-process-navi li.first span,
.is24-process-navi li.last a,
.is24-process-navi li.last span {
    left: 0;
}
.is24-process-navi li.step span,
.is24-process-navi li.done a {
    color: #ff7500;
}
.is24-process-navi li.step span {
    font-weight: bold;
}
.is24-process-navi li.step span:before {
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -9px;
    content: "";
    width: 19px;
    height: 9px;
    /*background: url(step.png) no-repeat top left;*/

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAJCAYAAADQHRcxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM5Q0IxMUVCRkQ4NTExRTFCNjA0ODVBRTA5MTVCRjY2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM5Q0IxMUVDRkQ4NTExRTFCNjA0ODVBRTA5MTVCRjY2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzlDQjExRTlGRDg1MTFFMUI2MDQ4NUFFMDkxNUJGNjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzlDQjExRUFGRDg1MTFFMUI2MDQ4NUFFMDkxNUJGNjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz63rVhiAAAAfElEQVR42mL8//8/A06wMOAbw9WNCL62PwND/AYuXMoZcRpWJ/Cf4cdHTHEOfgaGpg+M2LQw4XARdoNAACQOkifaZWWMePwOBV3/MVzHAsSENWIH/7EZxkiMQmy+Ii7MQLGGD+CQp0NsggBIg7b/ZyALgUF8HAaBAECAAQCygjJFRzW3oAAAAABJRU5ErkJggg==') top left no-repeat;
}
.is24-process-navi li.step.first span:before {
    margin-left: -4px;
    left: 0;
}
.is24-process-navi li.last span:before {
    margin-left: 0;
    left: auto;
    right: -5px;
}
.is24-process-navi li.step span:after {
    border-top: 1px solid #c4c4c4;
    content: "";
    display: block;
    height: auto;
    width: 100%;
    left: 50%;
    margin-left: 10px;
    position: absolute;
    top: 0;
}
.is24-process-navi li.step.last span:after {
    border-top: none;
}
.is24-process-navi li.step.first span:after {
    margin-left: 15px;
    left: 0;
}