body {

    margin: 0;

    padding: 0;

    background-color: #fff;

    color:#000;

    font-size: 16px;

    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '娓搞偞銈枫儍銈� Medium', '銉°偆銉偑', meiryo, sans-serif;

}



div, p, ul {

    margin:0;

    padding: 0;

}



a {

    color:#0000cc;

    text-decoration:underline;

}

a:hover {

    color:#ff8a22;

}



input, textarea, select {

    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '娓搞偞銈枫儍銈� Medium', '銉°偆銉偑', meiryo, sans-serif;

}



ul {

    list-style:none;

}



input {

    vertical-align:middle;

}



input[type="text"]:focus {

    background-color: #ffffe0;

}



input::-webkit-input-placeholder {

    color: #bbb;

    font-weight: normal;

}

input:-ms-input-placeholder {

    color: #bbb;

    font-weight: normal;

}

input::-moz-placeholder {

    color: #bbb;

    font-weight: normal;

}





table {

    border-collapse:collapse;

}

.nodeco {

    text-decoration: none;

}





#divHead {

    background-color:#fff;


    max-width: 120px;

    text-align:center;
}

#divHead img {

    width:100%;

}



#divCont {

    background-color:#fff;

    /*width:100%;*/

    /*max-width: 500px;*/

    /*min-height: 500px;*/

    margin: 0 auto;

    /*width: 100%;*/

}



#divMenuBtn {

    margin-top:40px;

    width:100%;

    text-align:center;

}

#divMenuBtn img {

    width:43%;

    display:inline-block;

    margin:0 5px;

}

#divMenuBtn a:hover {

    background-color: #fff;

    filter: alpha(opacity=80);

    -moz-opacity:0.80;

    opacity:0.80;

}

#divMenuTitle {

    margin-top:40px;

    font-weight:bold;

    font-size:13px;

    text-align:center;

    white-space:nowrap;

}

#divMenuTitle p {

    display:inline-block;

}

#divMenuTitle a:hover {

    font-size:15px;

}

#aShipOperator {

    color:#4ca6ff;

}

#aCargoOwner {

    color:#df71ff;

}



.divPageTitle {

    margin-top:10px;

    font-size:22px;

    font-weight:bold;

    text-align:center;

}





#divSearchBox {

    width:100%;

    margin:0 auto 0 auto;

    overflow:hidden;

}

#divSearchCont {

    width:300%;

}

.imgNo {

    width:10%;

}



#divSearch1, #divSearch2, #divSearch3 {

    width:33%;

    background-color:#fff;


    text-align:center;

    float:left;

    position:relative;

}

#divSearch2 {

    background-color:#fff;

}

#divSearch3 {

    background-color:#fff;

}



.txtbox_a {

    color: #000000;

    font-size: 16px;

    height: 30px;

    text-align: left;
    width: 100%;
    ime-mode: disabled;

    padding: 0 3px;

    border:solid 1px #aaa;

}



.ui-datepicker-trigger {

    width: 28px;

    vertical-align: middle;

    margin-left: 2px;

    cursor: pointer;

}



.pInputTitle {

    font-size: 14px;

    font-weight: bold;

    text-align: left;

    margin:0px auto 5px auto;

}

.pInputObj {

    font-size: 14px;

    font-weight: bold;

    text-align: left;

    margin:5px auto 5px auto;

}



.imgArrow {

    width: 15%;

}

.imgArrow:hover {

    cursor:pointer;

    background-color: #fff;

    filter: alpha(opacity=80);

    -moz-opacity:0.80;

    opacity:0.80;

}



#imgNo1ArrowR {

    right: 15%;

}

.imgNo2ArrowL {

    left: 15%;

}

#imgNo2ArrowR {

    right: 15%;

}

#imgNo3ArrowL {

    left: 15%;

}



.imgSearching {
    cursor: pointer;
    background: rgb(255,75,71);
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 45px;
    color: #fff;
    width: 100%;
    font-size: 20px;
    letter-spacing: 2px;
    margin: 0 auto 0;
    margin-top: 10px;
}





.trdata_g {

    background-color:#eee;

    border-bottom:solid 1px #ccc;

    height:25px;

}

.trdata_r {

    background-color:#e1ffef;

    border-bottom:solid 1px #ccc;

    height:25px;

}

.trdata_y {

    background-color:#f5ffdf;

    border-bottom:solid 1px #ccc;

    height:25px;

}

.tddata {

    background-color:#fff;

    border:solid 1px #ccc;

    height:30px;

}

.tddata_gy {

    background-color:#eee;

    border:solid 1px #ccc;

    height:25px;

}

.tddata_gr {

    background-color:#e1ffef;

    border:solid 1px #ccc;

    height:25px;

}

.tddata_ye {

    background-color:#f5ffdf;

    border:solid 1px #ccc;

    height:25px;

}





.tblSearchingResult {

    width:95%;

    margin:10px auto 0 auto;

    font-size:13px;

}

.tblSearchingResult td {

    padding:3px 2px 3px 5px;

}

.noWp {

    white-space:nowrap;

}



.trLink:hover {

    cursor:pointer;

    color:#0000cc;

}



.tdLink {

    color:#0000aa;

    text-decoration:underline;

    cursor:pointer;

}

.tdLink:hover {

    background-color: #ddeeff;

}



.datalist {

    background-color: #fff;

    font-size: 16px;

    font-weight: normal;

    color: #0000cc;

    border:solid 2px #aaa;

    line-height: 30px;

    overflow: auto;

    display:none;

    margin:0 auto;

    text-align:left;

    height:300px;

    /*position:absolute;

    z-index:300;*/

}

.datalist ul {

    padding:0 0 0 5px;

}

.datalist li {

    cursor: pointer;

    list-style: none;

    padding-left:5px;

}

.datalist li:hover {

    background-color: #bbb;

}





.datalist2 {

    background-color: #fff;

    font-size: 16px;

    font-weight: normal;

    color: #0000cc;

    border:solid 2px #aaa;

    line-height: 30px;

    overflow: auto;

    margin:0 auto;

    text-align:left;

    height:300px;

    /*position:absolute;

    z-index:300;*/

}

.datalist2 ul {

    padding:0 0 0 5px;

}

.datalist2 li {

    cursor: pointer;

    list-style: none;

    padding-left:5px;

}

.datalist2 li:hover {

    background-color: #bbb;

}





.divBtn {

    margin: 10px;

    text-align: center;

    background-color: #555;

    color: #fff;

    border-radius: 20px;

    font-size: 16px;

    padding: 5px 5px;

}

.divBtn:hover {

    cursor: pointer;

    filter: alpha(opacity=80);

    -moz-opacity:0.80;

    opacity:0.80;

}



.divResMsg {

    color: #000099;

    border-top: solid 1px #ccc;

    border-bottom: solid 1px #ccc;

    margin: 20px;

    padding: 20px;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

}

#imgArrowNoData {

    width:56px;

    margin:20px 0 -40px 0;

}



.tblWaitingList {

    width: 95%;

    margin: 10px auto 0 auto;

    font-size: 14px;

}



.tdInpTitle {

    text-align: right;

    font-weight: normal;

    padding: 5px 5px 3px 5px;

    border-bottom: solid 1px #ccc;

    white-space: nowrap;

    font-size: 14px;

    color: #666;

}

.tdInpData {

    padding: 0 5px 0 5px;

    text-align: left;

    border-bottom: solid 1px #ccc;

    height: 40px;

    font-size: 14px;

}



.font14 {

    font-size:14px;

}



.hissumk {

    display: inline-block;

    background-color: #fff;

    color: #0E1D5D;

    font-size: 13px;

    padding: 0px 0px;

    margin: 0 0 0 0;

    line-height: 22px;

    font-weight:bold;

}



.tdleft{

    text-align:left;

}

.cCenter{

    text-align:center;

}



#divFoot {

    margin:50px 0 100px 0;

    border-top:solid 1px #ccc;

}



#pCopyRights {

    text-align:center;

    margin:20px auto;

    color:#888;

    font-size:12px;

    white-space:nowrap;

}



.footinfo {

    white-space:nowrap;

    text-align:center;

    padding:10px 5px 0 5px;

    color:#aaa;

    font-size:12px;

}

.footinfo a {

    color:#888;

    font-size:13px;

    text-decoration:none;

}

.footinfo a:hover {

    text-decoration:underline;

    color:#555;

}



.footinfo span {

    color:#ccc;

    font-size:12px;

    text-decoration:none;

    display: inline-block;

    width: 15px;

}



.guidcomm {

    font-size:13px;

    text-align:center;

}



.menua {

    font-size:20px;

    color:#0000cc;

    text-decoration:none;

    padding-bottom:0;

    border-bottom:solid 1px #0000cc;

}

.menua:hover {

    color:#ff8a22;

    border-bottom:solid 1px #ff8a22;

}



.nobbot {

    border-bottom:none;

}



.divGeenTtl {

    border: 0;

    color: #fff;

    font-size: 14px!important;

    white-space: nowrap;

    text-align: center;

    background: -moz-linear-gradient(top, #7cb758 0%, #65a638);

    background: -webkit-gradient(linear, left top, left bottom, from(#7cb758), to(#65a638));

    background: linear-gradient(to bottom, #7cb758 0%, #65a638);

    width:150px;

    margin:10px 0;

    padding:3px 0;

    line-height: normal;

}



.divBlueTtl {

    border: 0;

    color: #fff;

    font-size: 14px!important;

    white-space: nowrap;

    text-align: center;

    background: -moz-linear-gradient(top, #6ca4db 0%, #478dcd);

    background: -webkit-gradient(linear, left top, left bottom, from(#6ca4db), to(#478dcd));

    background: linear-gradient(to bottom, #6ca4db 0%, #478dcd);

    width:150px;

    margin:10px 0;

    padding:3px 0;

    line-height: normal;

}
.divInputCont .col-lg-2{
    text-align: left;
}
#frm{
    padding:30px 0;
}
@media (min-width:1200px) {
    .divInputCont{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-items: center;
    }
}
@media (max-width:1200px) {
    .divInputCont .inputMargin{
        margin-bottom: 20px;
    }
    #divHead{
        margin: 0 auto 40px;
    }

}

@media (min-width:768px) and (max-width:1200px){
    #divCont{
        max-width: 70%;
    }
    #divHead{
        margin: 0 auto 40px;
    }
}