@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/** - - - - - - - - - - - -
 * Utils
 - - - - - - - - - - - - */

/* - - - margin - - - */

.spacer1 { margin-top: 1px; }
.spacer2 { margin-top: 2px; }
.spacer3 { margin-top: 3px; }
.spacer4 { margin-top: 4px; }
.spacer5 { margin-top: 5px; }
.spacer6 { margin-top: 6px; }
.spacer7 { margin-top: 7px; }
.spacer8 { margin-top: 8px; }
.spacer9 { margin-top: 9px; }
.spacer10 { margin-top: 10px; }
.spacer15 { margin-top: 15px; }
.spacer20 { margin-top: 20px; }
.spacer25 { margin-top: 25px; }
.spacer30 { margin-top: 30px; }
.spacer35 { margin-top: 35px; }
.spacer40 { margin-top: 40px; }
.spacer45 { margin-top: 45px; }
.spacer50 { margin-top: 50px; }
.spacer60 { margin-top: 60px; }
.spacer70 { margin-top: 70px; }
.spacer80 { margin-top: 80px; }
.spacer90 { margin-top: 90px; }
.spacer100 { margin-top: 100px; }
.spacer110 { margin-top: 110px; }
.spacer120 { margin-top: 120px; }
.spacer130 { margin-top: 130px; }
.spacer140 { margin-top: 140px; }
.spacer150 { margin-top: 150px; }
.spacer175 { margin-top: 175px; }
.spacer200 { margin-top: 200px; }
.spacer250 { margin-top: 250px; }
.m10 { margin: 10px; }
.m-left5 { margin-left: 5px; }
.no-margin {margin:0!important;}
.no-padding {padding:0!important;}
.pad3 {padding:3px 0!important;}
.pad15 {padding-top:15px!important;}
.no-h-padding {
    padding-left:0!important;
    padding-right:0!important;
}
.no-v-padding {
    padding-top:0!important;
    padding-bottom:0!important;
}
.no-r-padding {padding-right:0!important;}
.no-l-padding {padding-left:0!important;}
.no-t-padding {padding-top:0!important;}
.no-b-padding {padding-bottom:0!important;}

/* - - - width - - - */

.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w20 {width:20%!important;}
.w30 {width:30%!important;}
.w40 {width:40%!important;}
.w50 {width:50%!important;}
.w60 {width:60%!important;}
.w70 {width:70%!important;}
.w80 {width:80%!important;}
.w90 {width:90%!important;}
.w100 {width:100%!important;}
.wauto {width:auto!important;}

/* - - - min-height - - - */

.minH100 { min-height:100px; }
.minH200 { min-height:200px; }
.minH300 { min-height:300px; }
.minH400 { min-height:400px; }
.minH500 { min-height:500px; }
.minH600 { min-height:600px; }
.minH700 { min-height:700px; }
.minH800 { min-height:800px; }
.minH900 { min-height:900px; }
@media (max-width: 767px) {
    .minH100 {min-height:0px;}
    .minH200 {min-height:0px;}
    .minH300 {min-height:0px;}
    .minH400 {min-height:0px;}
    .minH500 {min-height:0px;}
    .minH600 {min-height:0px;}
    .minH700 {min-height:0px;}
    .minH800 {min-height:0px;}
    .minH900 {min-height:0px;}
}
/* - - - font-size - - - */

.f6{font-size:6px;}
.f7{font-size:7px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}
.f35{font-size:35px!important;}
.f40{font-size:35px!important;}
.f45{font-size:45px!important;}
.f50{font-size:45px!important;}

/* - - - text color - - - */

.cfff {color:#fff;}
.ceee {color:#eee;}
.cddd {color:#ddd;}
.cccc {color:#ccc;}
.cbbb {color:#bbb;}
.caaa {color:#aaa;}
.c999 {color:#999;}
.c888 {color:#888;}
.c777 {color:#777;}
.c666 {color:#666;}
.c555 {color:#555;}
.c444 {color:#444;}
.c333 {color:#333;}
.c222 {color:#222;}
.c111 {color:#111;}
.c000 {color:#000;}
.cff0 {color:#ff0;}
.cff0 {color:#ff0;}
.c3af {color:#3af;}
.must {color:#f00;}


/* - - - froat - - - */

.froat-left {float:left;}

/* - - - text deocration - - - */

.bold {font-weight:bold!important;}
.underline {text-decoration:underline!important;}
.inline {display:inline!important;}
.block {display:block!important;}
.inline-block {display:inline-block!important;}
.text-shadow {text-shadow: 0 1px 1px rgba(0,0,0,.5);}
.text-shadow-deep {text-shadow: 4px 3px 2px rgba(0,0,0,.5);}
.white-space-normal {white-space:normal;}
.white-space-nowrap {white-space:nowrap;}
.break-word {word-wrap:break-word;}
.font-normal {font-weight:normal;}
.notempty {color:#f00;}
.no-v-padding{padding-top:0!important;padding-bottom:0!important;}
.error-message{color:#f00;}
.hidden{display:none;}
.visibility-hidden {visibility:hidden!important;}

/* - - - text positioning - - - */

.text-center {text-align:center!important;}
.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.vertical-middle {vertical-align:middle!important;}

/* - - - cursor deocration - - - */

.hover-cursor-move:hover {cursor:move;}


/** - - - - - - - - - - - -
 * Layouts
 - - - - - - - - - - - - */

/* media queries */

.wrapperMain {
    min-height:600px;
    padding-bottom:20px;
}

@media (max-width: 1600px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1600px;
    }
}

/* layouts */
body {
    padding-top:38px;
    background-color:#ebf5fc!important;
}
body,pre,
h1,h2,h3,h4,h5,h6 {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
}
.wrapperPageHeader {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.wrapperPageHeader .container {
    margin:0 auto;
}
.wrapperPageHeader .page-header {
    margin:0;
    border-bottom:none;
}
.page-header {
    margin: 0 0 10px 0;
    padding-bottom:0;
}
.nav {
    padding-right:0;
}
/* customize default style */
.header.h1  {
    font-size:25px;
    font-weight:bold;
    margin:9px 0;
    padding-left:20px;
}
.page-header h1, .page-header .h1  {
    font-size:22px;
    font-weight:bold;
    margin:15px 0;
    padding-left:20px;
}
.panel-heading {
    font-size:18px;
    font-weight:bold;
}
.error-message {
    color:#f00;
}
#quickSearch .error-message {
    display:none;
}
.boxTextMasterVersionsEdit, .boxFormVersionsEdit {
}

.navbar {
    min-height:33px;
}
@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
.navbar-form {
    padding:2px 15px;
    margin: 0;
}
.navbar-brand {
    padding:5px 15px;
}
.navbar-header {
    font-size:18px;
}
.list-group-item-heading {
    font-size:18px;
}
table.table {
    background-color:#fff;
}
.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}

/* - - - .breadcrumb - - - */

.breadcrumb {
    padding-top:4px;
    padding-bottom:2px;
    margin-bottom:0px;
    font-size:12px;
    border-radius: 0 !important;
    border-bottom:1px solid #ddd;
}
@media (max-width : 1200px) and (min-width : 993px) {
    .breadcrumb { font-size:10px; }
}
@media (max-width : 992px) and (min-width : 768px) {
    .breadcrumb { font-size:9px; }
}
@media (max-width: 767px) {
    .breadcrumb { font-size:8px; }
}
.breadcrumb > li+li:before {
    content: ">\00a0";
}
.breadcrumb>li+li:before {
    color:#778484;
}
.alert {
    margin: 10px 0;
}

/* - - - tab - - - */

.tab-content {
    background-color:#fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}
@media (min-width: 767px) {
    .nav-tabs
    {
        margin-bottom: 0;
    }
}
.nav-tabs li a {
    background-color:#f5f5f5;
    margin-right:3px;
    border-color:#ddd #ddd #ddd;
    text-align:center;
}
.nav-tabs li.active a {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.nav-tabs li {
    font-size:14px;
}
@media (max-width : 1200px) and (min-width : 993px) {
    .nav-tabs li {
        font-size:13px;
    }
}
@media (max-width : 992px) and (min-width : 768px) {
    .nav-tabs li {
        font-size:11px;
    }
}
@media (max-width : 767px) {
    .nav-tabs li {
        font-size:10px;
    }
    .nav-tabs li a {
        padding:10px 5px;
    }
}

/* - - - Search List - - - */
.table th {
    border-bottom:1px solid #eee!important;
}
.table th a.asc:after {
    content: ' ⇡';
}
.table th a.desc:after {
    content: ' ⇣';
}
.paging {
    color: #ccc;
}
.paging .current,
.paging .disabled,
.paging a {
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block
}
.paging > span {
    display: inline-block;
    border: 1px solid #ccc;
    border-left: 0;
    background-color:#fff;
}
.paging .prev {
    border-left: 1px solid #ccc;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.paging .next {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.paging .disabled {
    color: #ddd;
}
.paging .current {
    background: #efefef;
    color: #c73e14;
}
/* - - - .choice-services-header - - - */
.choice-services-header{
    background: linear-gradient(180deg, #6999b9, #3c596e);
    color:#fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
}
/* - - - .choice-button - - - */
.choice-button {
    background: linear-gradient(180deg, #fff, #bebebe);
    color: #777;
    padding: 1.4em 3.5em;
    font-size: 26px;
    font-weight: bold;
    border: solid 1px #a6a6a6;
    text-align: center;
    margin: 80px 20px;
}
.choice-button:hover,
.choice-button:focus {
    border-color: #4387E9;
    color: #1f6e72;
}
.boxChoiceServicesIndex .choice-button {
    width:400px
}
/* - - - img.news(View Edit) - - - */
img.news.img-responsive {
    margin: 10px 0;
}

/* - - - .doc36Calendar - - - */

.calculationArea {
    position: absolute;
    right: 10%;
    top: 76px;
    z-index: 10;
}

/* - - - .boxJumbotron - - - */

.boxJumbotron {
    background: #ffffff;
    background-image: url("/img/about/bg_zen1.png"), url("/img/about/bg_zen2.png");
    background-repeat: repeat-y, repeat;
    min-height:450px;
}
@media (max-width: 991px) {
    .boxJumbotron h2 {
        font-size:20px;
    }
}
.boxJumbotron .imgSS {
    width:auto;
    height:auto;
    max-height:370px;
    margin:0 auto;
}

/** - - - - - - - - - - - -
 * Firefox
 - - - - - - - - - - - - */

@-moz-document url-prefix() {
    .wrapperMain .container select {
        padding:0 5px;
    }
}

/** ================================
 * PAGES ABOUT
 ================================*/

.pageAbout .boxPanelsWrapper .panel {
    min-height:230px;
}

/** ================================
 * PAGES REALDOCS
 ================================*/

.pageRealDocsIndex .header {
    border-bottom:5px solid #ddd;
    padding-bottom:10px;
}
.pageRealDocsIndex .header h3 {
    padding-top:10px;
}
.pageRealDocsIndex .splitter {
    clear:both;
    margin:30px 0;
    border-bottom:1px dashed #ccc;
}

/** ================================
 * PAGES TASKS
 ================================*/

.pageTasksSearch .boxTasksSearch .wrapperSelectables {
    margin-top:10px;
}

/** ================================
 * PAGES DOCS
 ================================*/

.pageDocsEditParams .wrapperMain .container {
    padding-top:10px;
    padding-bottom:50px;
}
.pageDocsEditParams .wrapperMain .container a:first-child {
    margin-left:25px;
}
.pageDocsEditParams .wrapperMain .container .boxDocsEditParams .docEdit .wrapper,
.pageDocsEditParams .wrapperMain .container .boxDocsEditParams .docEdit .wrapper .tblForm {
    margin-top:0;
}