@charset "utf-8";
/* CSS Document */


.clearfix:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix, .login_form, .logout_form, #error_login {
    font-size:14px;
    /*    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Verdana , Arial , Roboto , "Meiryo UI" , "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
    font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

.clearfix{
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

table {/* --- 20160808blaj --- */
    font-size:12px;
    border-collapse: collapse;
}

tr, thead{ /* 印刷時の中途半端な改ページ禁止 */
    page-break-inside:avoid;
}

input[type="text"], input[type="password"]{
    box-sizing:border-box;
}

body {
    margin:0;
}

#wrapper {
    /*
    margin-left: auto;
    margin-right: auto;
    */
    margin-left:20px;
    margin-right:20px;
/*    width: 1200px;*/
    width:1000px;
    height: auto;
    margin-top: 125px;

}
/*ヘッダー部分*/

#header {
    /*	height: 120px;*/
    border-bottom: 2px solid #0778D5;
    margin-bottom: 5px;
    position: fixed;
    top: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    z-index:1;
}
@media print{
    #header {
        position: static;
    }
}

.navi{
    float: left;
    margin-left:10px;
    width:800px;    /* PC */
}

.navi .naviicon{
    display:inline;
    margin-left:8px;
    margin-right:8px;
    position:relative;
}

.naviicon a{
    color:#11367D;
    text-decoration: none;
}

.naviicon a:visited{
    color:#11367D;
    text-decoration: none;
}

.naviicon span{
    font-family: 'Merriweather Sans', serif;
    font-size:13px;
    position:absolute;
    display:inline-block;
    left:0px;
    text-align:center;
    width:74px;
    top:0px;
    line-height:10px;
    transform: rotate(0.028deg) scale(1,1.001);
    margin-top:0 !important;
}

#navi_movement span{
    left:-4px;
    transform: scale( 0.9 , 1 );
}


.navi .naviicon img{
    width:74px;
    vertical-align: top;
    margin-bottom:0 !important;
}

.naviicon a:hover img{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}



#header .navi .noborder {
    display: block;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    float: right;
}
#header .navi .noborder input {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
/*----------------------------------------------------------------------------------------*/

#side_menu ul li {
    display: block;
    text-indent: 5px;
    width: 300px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-bottom: 1px dotted #a6a5a5;
    font-family: Merriweather Sans, "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
#container #side_menu ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#wrapper #container #side_menu {
    float: left;
    width: 300px;
    margin-right: 10px;
    margin-left: 10px;
}

#side_menu ul li a {
    color:#0049be;
    text-decoration: none;
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#side_menu ul li a:visited {
    color:#0049be;
}

#footer .copyright {
    font-size:14px;
    font-weight:normal;
    font-family: 'Montserrat', "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    text-align: center;
    color: #FFFFFF;
    background-color: #11367D;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

@media print{
    #footer .copyright  {
        position: static;
    }
}

#side_menu ul li a:hover {
    background-color: #0200FF;
    display: block;
    color: #FFFFFF;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(0,16,195,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(0,16,195,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 0%,rgba(0,16,195,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 0%,rgba(0,16,195,1.00) 100%);
}
#container #main {
    float: right;
    width: 860px;
}#wrapper #footer {
/*    border-top: 1px dotted #CCC8C8;*/
    width: 1100px;
    position: absolute;/*wrapperの基準の絶対配置*/
    bottom: 0; /*一番下に配置*/
}
.td_head {
    background-color: #EBEBEB;
    font-weight: bold;
    text-indent: 10px;
}
td.title{
    background-color: rgb(14, 53, 127);
    font-weight: bold;
    text-indent: 10px;
    text-align: center;
    color: #FFFFFF;
}
.font12 {
    font-size: 12px;
}

/* ログイン・ログアウトフォーム */
.login_form {
/*    margin-top: 20%;*/
    margin-top:200px;
}
.logout_form {
    margin-top: 20%;
}

table.login_form, #error_login{
    border-collapse:separate;
    border: 1px solid #dadada;
    background-color:#f8f8f8;
    box-shadow:0px 0px 3px 0.8px rgba(199, 209, 214, 0.3) !important;
}

table.login_form{
    width:300px;
}

.login_form .th_list{
    border:0 !important;
    box-shadow:unset !important;
}

.login_form input{
    font-size:16px !important;
}

.login_form input[type="text"], .login_form input[type="password"], .login_form input[type="submit"]{
    width:93%;
}

.login_form td {
/*    border-bottom: 1px dotted #071267;*/
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    text-align:center;
    
    padding:15px;
}
#error_login {
/*    top: 60%;*/
    position: absolute;
/*    background-color: #F30004;*/
/*    color: #FFFD00;*/
    text-align: center;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    left: 27%;
    right: 30%;
}
#footer input{
    border: none;
    background: none;
/*    -webkit-appearance: none;*/
    font-size: 14px;
}
.vessel_table tr{
/*    border-bottom: 0px solid #ABA9A9;*/
}
.vessel_table th{
    font-weight: bold;
}
.vessel_table th, .vessel_table td{
    text-align: left;
/*    border-bottom: 1px solid #8B8B8B;*/
    margin-bottom: 6px;
    padding-bottom: 6px;
    margin-top: 6px;
    padding-top: 6px;
}
.th_list {
    /*        background:rgba(141, 166, 222,1);*/
    
    background-color:#e4edf9;

/*    background: linear-gradient(360deg,rgb(14, 53, 127) 0px,rgb(14, 53, 127) 2px,rgb(187, 212, 240) 2px,rgb(249, 249, 250) 100%);*/
    
    background: linear-gradient(360deg,rgb(64, 94, 151) 0px,rgb(64, 94, 151) 2px,rgb(233, 239, 244) 2px,rgb(251, 251, 254) 100%);
    
/*    box-shadow: 0px -0.5px 3px 0.1px rgba(142, 142, 142, 0.5);*/
    
/*
    border-top: solid 1px rgb(231, 231, 231);
    border-right: solid 1px #e7e7e7;
*/ 
    border: solid 1px #bebebe;
    border-bottom: solid 0px #bebebe;

/*    padding-bottom: 1px;*/

    color: #000000;
    font-size: 14px;
    text-align:left;
/*    font-weight:600;*/
    padding-left:8px;
    
    padding-top: 3px;
    padding-bottom: 3px;

    
    font-family: 'Montserrat', "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
/*    transform: rotate(0.028deg) scale(1,1.001);*/
}
td.th_head, th.th_head, tr.th_head td, tr.th_head th{
/*
    background:rgb(14, 53, 127);
    color: #FFFFFF;
*/
    color: #000000;
/*    background-color:#e3ebf5;*/
    background-color:#ffffff;
    border: 1px solid #becde6 !important;
    border-left:0 !important;
    border-right:0 !important;
    font-size: 11px;
    font-weight:normal !important;
}

/*
table:not(.row_stripe_even) .th_head, table:not(.row_stripe_2n3) .th_head, table:not(.row_stripe_2n4) .th_head, table:not(.row_stripe_2n5) .th_head, table:not(.row_stripe_3n4) .th_head{
    border-left:0 !important;
    border-right:0 !important;
}
*/

#seagoingregist td:nth-child(2), .aisinfotable td:nth-child(2){
    border-bottom:1px solid #cccccc;
}

tr.th_head + tr:not(.th_head) td{
    border-top:2px solid #a1c5f9 !important;
}


/* Vessel List,Crew Listのborder=1 */
#vessellist, #crewtable, #seagoinglisttable, #datecrewlist, .vsl_list_vm, #seagoingregist, .aisinfotable{
    border: 1px solid #becde6 !important;
/*    border-collapse:separate !important;*/
    border-spacing: 0px !important;
}

#vessellist td, #vessellist th, #datecrewlist td, #datecrewlist th, #crewtable td, #crewtable th, #seagoingregist th, #seagoingregist td, #seagoinglisttable th, #seagoinglisttable td, .vsl_list_vm th, .vsl_list_vm td, .aisinfotable th, .aisinfotable td{
    border-color:#fbfbfb;
    padding:6px;
    border:0px;
    
    border-left:1px solid #acacac;
    border-right:1px solid #acacac;
}

.aisinfotable th, .aisinfotable td{
    padding:3px;
}

#seagoingregist .th_head, .aisinfotable .th_head{
    text-align:left;
}



table[class*="row_stripe"] {
    border-left: 1px solid #becde6 !important;
    border-right: 1px solid #becde6 !important;
}

.editbutton{
    border:1px solid transparent;
}


table[class*="row_stripe"] .th_head{
    text-align:center;

}

table[class*="row_stripe"]:not(#crewtable) td:not(.editbutton), table[class*="row_stripe"]:not(#crewtable) th:not(.editbutton){
    border-left: 1px solid #acacac !important;
    border-right: 1px solid #acacac !important;
}

table[class*="row_stripe"] tr:last-child td{
    border-bottom: 1px solid #acacac !important;
}

/*
table[class*="row_stripe"] tr td:not(.editbutton):last-child{
    border-right: 1px solid #d5e4f9 !important;
}
*/

.formedittable .th_head{
    text-align: center;
}
.crew_list td {
    border: 1px solid #000000;
}
.sm_fonts{
    font-size: 10px;
}
.mth1{	background-color: #18D71C; }
.mth8{ 	background-color: #F789FF; }
.mth9{ 	background-color: #F789FF; }
.mth10{ background-color: #FF4447; }
.mth11{ background-color: #FF4447; }
.mth12{ background-color: #FF4447; }
.mth13{ background-color: #FF4447; }
.mth_green{ background-color: #18D71C; }
.mth_pink { background-color: #F789FF; }
.mth_red  { background-color: #FF4447; }


.table01 tr.bg_even {
    background:#f2f2f2;}

.table01 tr.bg_odd {
    background:#fff;}

ul li a {
    background-color: #FFFFFF;
}
ul li a:hover {
    background-color: #0045E5;
    color: #FFFFFF;
}
table.row_stripe_even tr:nth-child(odd){
    background-color: #ebebeb;
}

table.row_stripe_2n3 tr:nth-child(2n+4){
    background-color: #ebebeb;
}
table.row_stripe_2n4 tr:nth-child(2n+5){
    background-color: #ebebeb;
}
table.row_stripe_2n5 tr:nth-child(2n+5){
    background-color: #ebebeb;
}
table.row_stripe_3n4 tr:nth-child(3n+5){
    background-color: #ebebeb;
}

#wrapper_vsl {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    margin-top: 125px;
}

/*--------vessel_movement_table--------*/
.vsl_list {
    border: 1px solid #666;
    border-collapse: collapse;
    min-width:1100px;
    max-width:1500px;
}
.vsl_list_th {
    border: 1px solid #666;
    text-align: center;
    font-weight: bold;
}
.vsl_list_td {
    border: 1px solid #666;
    padding: 7px 15px 7px;
}

.vsl_list .title, .commenttitle {
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}

.vsl_td_head {
    background-color: #EBEBEB;
    font-weight: bold;
    text-indent: 10px;
    text-align: center;
}
div.vsl_div{
    text-align: center;
}
a.vsl_anc{
    text-decoration: none;
}
span.vsl_span{
    float:right
}
/*--------vessel_movement_tableここまで--------*/

/*--------モーダルウインドウ用スタイル--------*/
.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:400px;
    margin:0;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
/*    color:#00f;
    text-decoration:underline;*/
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
/*    color:#00f;
    text-decoration:underline;*/
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
/*--------モーダルウインドウ用スタイルここまで--------*/

/*--------行追加用CSS--------*/
#addListButton tr:first-child {
    display: none;
}
/*--------行追加用CSSここまで--------*/

/*---------BLAJ追加 JQueryオブジェクトのサイズ調整-------*/
.ui-menu{
    max-height:450px;
}

.ui-widget{
    font-size:12px !important;
}

/*---------BLAJ追加-------*/


/*---------船員検索プルダウン-------*/
.search_list :before {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

select, input[type="text"], textarea, input[type="password"], input[type="number"]{
    font-size: 12px;
    font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    color: #222222;
/*    background: #f9fcff;*/
    border:1px solid #c3c3c3;
    border-radius: 2.7px;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    padding: 0.19em 0.1em;
    padding-bottom: 0.33em;
}

input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}


select::-ms-expand, .datetimepicker::-ms-clear, .datepicker::-ms-clear, .timepicker::-ms-clear{
    display: none;
}

select:not(#objcrw):not(#objinc):hover, input[type="text"]:hover, textarea:hover, input[type="password"]:hover, input[type="number"]:hover {
    box-shadow:0px 0px 2px 0px rgb(196, 212, 226);
    transition: all 0.12s ease;
    -webkit-transition: all 0.12s ease;
    -moz-transition: all 0.12s ease;
    -o-transition: all 0.12s ease;
}

select:not(#objcrw):not(#objinc):focus, input[type="text"]:focus, textarea:focus, input[type="password"]:focus, input[type="number"]:focus {
/*    outline:solid 1px rgb(196, 212, 226);*/
    outline:none;
    border:1px solid #9e9e9e;
    box-shadow:0px 0px 1px 0px rgb(196, 212, 226);
}
#objcrw:focus, #objinc:focus{
    outline:none;
    border:0;
}


.datetimepicker, .datepicker, .timepicker, select{
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 4px center;
    padding-right: 21px;
}

.datetimepicker, .datepicker{
    background-image: url(../images/calendar.gif);
}

.timepicker{
    background-image: url(../images/clock.png);
}

/* -- ログイン -- */
input[name="name"], input[name="password"]{
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left 5px center;
    padding-left: 28px;
}

input[name="name"]{
    background-image: url(../images/login-user.png);
}

input[name="password"]{
    background-image: url(../images/login-lock.png);
}


.search_list select {
    font-size: 12px;
    font-weight: normal;
    color: #222222;
/*    cursor: pointer;*/
/*
    -webkit-appearance: none;
    appearance: none;
*/
    padding: 0.5em 1em;
    padding-right: 21px;
/*    padding-right:2px;*/
/*    border-radius: 3.8px;*/
/*    background: #dfeffc;*/
/*    border:1px solid #A9A9A9;*/
}
.search_list input[type="text"] {
    font-size: 12px;
    font-weight: normal;
    color: #222222;
/*    cursor: pointer;*/
/*
    -webkit-appearance: none;
    appearance: none;
*/
    padding: 0.5em 1em;
/*    border-radius: 3.8px;*/
/*    background: #dfeffc;*/
/*    border:1px solid #A9A9A9;*/
}

select{
    background-size: 15px;
    background-image: url(../images/arrow-down-01_16.png);
}

.search_list #objcrw option:selected, .search_list #objinc option:selected{
    color:transparent !important;
}

#f_crew_str, #f_crew_str:hover{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;   
}

/*selectフォームに、chromeのみ▼の一部が残って表示されていたのを修正*/
/*
input[name="f_crew_str"]::-webkit-calendar-picker-indicator, 
input[name="f_incident_str"]::-webkit-calendar-picker-indicator {
      display: none;
}
*/

#id_frm_html input[type="text"]{
    padding-left:12px;
}

/*20160912
::-ms-expand {
    display: none;
}
*/

input[type="submit"], button, input[type="reset"], input[type="button"]{
    outline:none;
    font-size: 12px;
    font-family: Merriweather Sans, "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    display:inline-block;
    padding:5px 10px;
    background-color:#3666bf;
    color:#fff;
    border:1px solid #3666bf;
    text-decoration:none;
/*    font-size:13px;*/
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;

    margin:2px;

    transition: all 0.12s ease;
    -webkit-transition: all 0.12s ease;
    -moz-transition: all 0.12s ease;
    -o-transition: all 0.12s ease;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    background-color:#0084c7;
    -webkit-box-shadow:inset 0px 0px 3px #fff;
    -moz-box-shadow:inset 0px 0px 3px #fff;
    box-shadow:inset 0px 0px 3px #fff;
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active{

    border:1px solid #294d91;
    background-color:#0a4d86;

    color:#e0ebf5;
    -webkit-box-shadow:inset 0px 0px 8px #2c435b;
    -moz-box-shadow:inset 0px 0px 2px #2c435b;
    box-shadow:inset 0px 0px 2px #2c435b;
}

button[name="event"], button[name="save_crew"]{
    margin:0 !important;
    padding:0 !important;
}

input[name="eventpdf"], .editbutton img{
    background-size: 18px !important;
    width:18px !important;
    height:18px !important;
}

/*---------船員検索プルダウン-------*/


/* --- now loadingのアニメーションアイコン --- */
#gg0 {
    padding-left:24px;
    background: url(../images/Ajax-loader.gif) no-repeat left bottom;
    background-size: 20px 20px;
    padding-top:3px;
}

/* --- hr水平線のデザイン --- */
hr{
    /*    background: linear-gradient(90deg,rgb(255, 255, 255) 0%,rgb(14, 53, 127) 50%,rgb(255, 255, 255) 100%);*/
    height:2px;
/*    background: linear-gradient(90deg,rgb(255, 255, 255) 0%,rgb(7, 120, 213) 27%,rgb(7, 120, 213) 73%,rgb(255, 255, 255) 100%);*/
    border:none;
/*    color:linear-gradient(90deg,rgb(255, 255, 255) 0%,rgb(7, 120, 213) 27%,rgb(7, 120, 213) 73%,rgb(255, 255, 255) 100%);*/
    
    background:#dbdbdb;
    color:#dbdbdb;

    margin:10px;
/*
    margin-left:25px;
    margin-right:25px;
*/
    margin-left:0;
    margin-right:0;
}

table[class*="row_stripe"] hr, table#seagoing hr, table#illness hr{
/*
    background: #0778d5;
    color:#0778d5;
*/
    background:#838383;
    color:#838383;
    margin:0px;

    height:1px;
    padding:0;
}

textarea{
    resize:none;
}


/* tablesorter */
#crewtable .th_head, #vessellist .th_head, #datecrewlist .th_head {
    cursor: pointer !important;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right 4px center;
    padding-right: 21px;
    background-image: url(../images/updown_16.png);
}

.headerSortUp {
    background-color: #c9d9f4 !important;
    background-image: url(../images/down_16.png) !important;
}
.headerSortDown {
    background-color: #c9d9f4 !important;
    background-image: url(../images/up_16.png) !important;
}



/*---------サイドバー-------*/
/*html {overflow-y:scroll;}*/　　/* ログイン画面でずれる不具合を起こしたのでコメントアウト */
/*---------サイドバー-------*/