@charset "utf-8";

/*Intuitive Style Sheet*/

/*■Inisialize■*/

body {
    margin: 0;
    padding: 0;
    font-size: 10pt; /*browser default ≒13px*/
    font-family: Tahoma, Arial, "MS UI Gothic", Sans-Serif;
    color: #000000;
    background-color: #ffffff;
    line-height: 120%;
}

ul {
    list-style: none;
}

img {
    border: none;
}

input {
    font-family: "MS UI Gothic";
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
p,
form {
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    margin: 0;
    padding: 0;
}

hr {
    display: none;
}

select option,
select {
    background-color: #ffffff !important;
}

/*■General style■*/
.floatclear {
    clear: both;
    line-height: 0em;
    font-size: 0;
    background: transparent url("") left top no-repeat;
    height: 0;
}

.floatclear hr {
    display: none;
}

a {
    color: #0055aa;
}

a:hover {
    color: #0055aa;
}

a:active {
    color: #000000;
}

strong,
em {
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.container {
    margin: 10px 10px 0 10px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

.ctrl_groupe {
    border: 1px solid #c2e1f2;
    background-color: #ffffff;
    padding: 2px;
}

.btn {
    height: 21px;
    padding-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    border: 1px solid #999999;
    border-bottom: 1px solid #7a7a7a;
    background-color: #dbdbdb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.sbtn {
    border: 1px solid #808040;
    border-bottom: 1px solid #606020;
    background-color: #ecdea8;
    padding-left: 20px;
    padding-right: 20px;
}
.sbtn#left_btn {
    margin-left: 15px;
}

.btn_add {
    background: transparent url("../img/icon_add.gif") 0 center no-repeat;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 8px;
}

.float_left {
    float: left;
}

.error-message {
    color: #ff0000;
}

/*■System Common Elements■*/

#header {
    height: 36px;
    width: 100%;
    margin-bottom: 0px;
    background: #03689b url("../img/header_bg.gif") 0 0 repeat-x;
}

#project_count {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: -15px;
    margin-left: 8px;
}

#header_sysname {
    width: 150px;
    float: left;
}

#system_name {
    font-size: 28px;
    font-weight: bold;
    font-family: "Century Gothic";
    line-height: 36px;
    padding-left: 10px;
    color: #ffffff;
}

#user_profile {
    width: 630px;
    float: right;
    text-align: right;
}

#user_profile p {
    line-height: 36px;
    margin-right: 10px;
}

#user_profile span {
    color: #ffffff;
    padding: 2px;
}

#user_profile span a {
    color: white;
    font-weight: bold;
}

#search_header {
    height: 22px;
    margin-bottom: 0px;
    margin-right: 0px;
    background: #697074;
    text-align: center;
    float: right;
    width: 320px;
    border-color: #fdfdfd #93afba #93afba #fdfdfd;
    background-color: #697074;
}

search_box {
    text-align: right;
}

#search_box span {
    margin-right: 10px;
    color: #ffffff;
}

#research {
    margin: 10px;
}

#research_title h1 {
    font-size: 140%;
    font-weight: bold;
    line-height: 24px;
    margin-left: 10px;
    padding-left: 28px;
    min-height: 24px;
    color: #000000;
    /* white-space: nowrap; */
}

#copyright {
    font-size: 1em;
    height: 24px;
    width: 100%;
    line-height: 24px;
    color: #eeeeee;
    margin-top: 20px;
    text-align: center;
    background: #4c7f99;
    /*	background:#4c7f99 url('/static/images/header_bg.gif') 0 0 repeat-x;*/
}

.menu {
    width: 100%;
    height: 24px;
    border-left: 1px solid #428eb4;
    border-right: 1px solid #428eb4;
    margin-top: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 24px;
    font-size: 1.1em;
    font-weight: bold;
    color: #ffffff;
    background: #03689b url("../img/header_bg.gif") 0 0 repeat-x;
    text-indent: 1em;
}
.tabular {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    width: 100%;
}
.tabular table {
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border: 0;
}
.tabular table thead {
    overflow: hidden;
    height: 20px;
    background: #3c83d3;
}
.tabular table thead td {
    border: none;
    color: #ffffff;
    padding: 2px;
}

/*■Setting Box■*/

#grid_cntnr {
    border: #1f3d4d solid 1px;
    padding: 0;
    height: 212px;
    background-color: #fff;
}

.grid_cntnr_inner {
    margin: 8px 8px 0 8px;
}

div.optional_ctrl {
    margin-top: 6px;
    text-align: right;
}
div.conflate_ctrl {
    float: left;
}

div.header_inner_btn {
    display: inline;
    position: relative;
    text-align: right;
    float: right;
    right: 10px;
    top: 0px;
    margin-top: 3px;
}

#go_enq_top {
    height: 15px;
}

#go_enq {
    position: relative;
    text-align: right;
    float: right;
    right: 10px;
    top: 0px;
    margin-bottom: 3px;
}
.view_clear {
    margin-right: 10px;
}

.client_approve {
    background-color: #fcc;
}

/*□Grid on Edit-Category Dialog□*/

td.center#right_end_cel {
    padding-right: 10px;
}

td.center {
    text-align: center;
}

/*□Set Refine□--------------------*/

.file_header {
    background-color: #cedfe7;
    height: 28px;
}

.grid_list {
    padding-top: 5px;
    padding-bottom: 10px;
}

.s_space {
    padding: 3px;
}

/* dhtmlXGridのサイズ */
#informationGridContainer {
    height: 50px;
}
#projectGridContainer {
    height: 280px;
}
#projectGridResultContainer {
    height: 180px;
}
#projectGridListContainer {
    height: 380px;
}
#clientGridContainer {
    height: 150px;
}
#surveyGridContainer {
    height: 150px;
}
#fileGridContainer {
    height: 150px;
}
#guestGridContainer {
    height: 150px;
}
#guestListGridContainer {
    height: 390px;
}
#contactGridContainer {
    width: 263px;
    height: 80px;
}
#backOfficeGridContainer {
    width: 263px;
    height: 80px;
}
#allEmployeesGridContainer {
    width: 263px;
    height: 200px;
}
#jobNoGridContainer {
    height: 80px;
}
#clientGroupGridContainer {
    width: 400px;
    height: 200px;
}
#IndividualAccountGridContainer {
    height: 390px;
}
#clientsOwnsRightsGridContainer {
    height: 390px;
}
.crossLabDetailGridContaner {
    height: 300px;
}
#surveyGridResultContainer {
    height: 200px;
}

/* プロジェクト編集フォーム個別の設定 */
#MProjectProjectUser {
    padding: 4px 4px 4px 4px;
}
#MProjectProjectUser div.gridContainerContainer {
    float: left;
}
#MProjectProjectUser #contactGridContainer {
    float: left;
}
#MProjectProjectUser #backOfficeGridContainer {
    float: left;
}
#MProjectProjectUser div.controls {
    margin-left: 293px;
}
#MProjectProjectUser #allEmployeesGridContainer {
    margin-left: 373px;
}
.MProjectFormProjectFromTo div.input {
    float: left;
}

/* 見た目ボタンのリンク */
a.button {
    font-family: "MS UI Gothic";
    vertical-align: middle;
    padding: 2px 2px 2px 2px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    background-color: #ecdea8;
    color: #333333;
    font-weight: normal;
    border: 1px solid transparent;
}
a.button:hover,
a.button:active {
    border-color: #808040;
}
a.gray {
    background-color: #cccccc;
    border-color: #808080;
}
a.gray:hover,
a.gray:active {
    border-top-color: #ddd;
    border-left-color: #ddd;
    border-right-color: #222;
    border-bottom-color: #222;
}
a.disabled-button {
    color: #c0c0c0;
}
a.disabled-button:hover,
a.disabled-button:active {
    border-color: inherit;
}

/* メニュー内ボタン */
div.menu a.button {
    padding: 0px 25px 0px 25px;
}

/* グリッド内ボタン */
input.gridbutton {
    font-family: "MS UI Gothic";
    vertical-align: middle;
    padding: 0px 2px 0px 2px;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-decoration: none;
    background-color: #ecdea8;
    font-weight: normal;
    border: 1px solid transparent;
    border-color: #999999;
}
input.gray {
    background-color: #cccccc;
}

/* プロジェクト概要 */
.even {
    background-color: #dfeff7;
    border-right: 1px solid #d6d6d6;
    border-bottom: solid 2px #fff;
}
.odd {
    border-right: 1px solid #d6d6d6;
    background-color: #ececec;
    border-bottom: solid 2px #fff;
}

th.style {
    border: 1px solid;
    border: none;
    text-align: left;
    color: #ffffff;
    padding: 2px;
    background: #697074;
    background: #3c83d3;
}

div.grid_nkr {
    border: 1px solid #666666;
}

td {
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #e5f2f8;
    padding: 2px;
}
.file_header {
    background-color: #cedfe7;
    height: 28px;
    border-bottom: solid 2px #fff;
}
.file_header_client {
    background-color: #e8e4ce;
    height: 28px;
    border-bottom: solid 2px #fff;
}

/* flash message */
div.flashMessageContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    z-index: 10;
}
div.flashMessageContainer div {
    width: 90%;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-left: 60px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #ffc url(../img/info.png) no-repeat 15px 8px;
    border: 1px solid #880;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
}
div.overflowStyle {
    overflow-y: auto;
    overflow-x: hidden;
}
.closedColor {
    color: #ff0000;
}
/* ログイン画面用 */
.MClientsLogin .grid_cntnr_inner,
.MClientsPrepareResetPassword .grid_cntnr_inner,
.MClientsResetPassword .grid_cntnr_inner {
    text-align: center;
}
.MClientsLogin .grid_cntnr_inner form,
.MClientsPrepareResetPassword .grid_cntnr_inner form,
.MClientsResetPassword .grid_cntnr_inner form {
    margin: 150px auto 150px auto;
    width: 400px;
}
.MClientsLogin .menu,
.MClientsPrepareResetPassword .menu,
.MClientsResetPassword .menu {
    text-align: left;
}
.MClientsLogin td input,
.MClientsPrepareResetPassword td input,
.MClientsResetPassword td input,
.MClientsAdd td input,
.MClientsEdit td input,
.MProjectsMClientsAdd td input:not(.datepicker) {
    width: 240px;
}
.MClientsLogin div.submit,
.MClientsPrepareResetPassword div.submit,
.MClientsResetPassword div.submit {
    padding-top: 10px;
}

#uploadFile {
    width: 152px;
    height: 28px;
    overflow: hidden;
    text-indent: -3000px;
    background: url(../img/upload_file.png) no-repeat 0px 0px;
}
#uploadFile.hover {
    background: url(../img/upload_file.png) no-repeat 0px -28px;
}
#uploadFile.active {
    background: url(../img/upload_file.png) no-repeat 0px -56px;
}
p.error {
    background-color: #e32;
    color: #fff;
    font-family: Courier, monospace;
    font-size: 120%;
    line-height: 140%;
    padding: 0.8em;
    margin: 1em 0;
}
div.message {
    clear: both;
    color: #900;
    font-size: 140%;
    font-weight: bold;
    margin: 1em 0;
}
h2 {
    font-family: "Gill Sans", "lucida grande", helvetica, arial, sans-serif;
    font-size: 190%;
}
.accent {
    color: #f00;
}

/* Cross-Lab検索結果詳細 強調表示 */
.crossLabDetailDialog td em {
    font-weight: bold;
    background: #ff0;
}

.navi_menu {
    display: inline-block;
    height: 40px;
    margin: 0;
    padding: 0;
    border: none;
    color: transparent !important;
}
.menu_home {
    width: 124px;
    background-image: url(../img/custmer/menu_home.gif);
}
.menu_home:hover {
    background-image: url(../img/custmer/menu_home_over.gif);
}
.menu_account {
    width: 134px;
    background-image: url(../img/custmer/menu_account.gif);
}
.menu_account:hover {
    background-image: url(../img/custmer/menu_account_over.gif);
}
.menu_pass {
    width: 146px;
    background-image: url(../img/custmer/menu_pass.gif);
}
.menu_pass:hover {
    background-image: url(../img/custmer/menu_pass_over.gif);
}
.menu_help {
    width: 154px;
    background-image: url(../img/custmer/menu_help.gif);
}
.menu_help:hover {
    background-image: url(../img/custmer/menu_help_over.gif);
}
.menu_logout {
    width: 99px;
    background-image: url(../img/custmer/menu_logout.gif);
}
.menu_logout:hover {
    background-image: url(../img/custmer/menu_logout_over.gif);
}

/* dhtmlxgridとは関係なく、従来定義されていたスタイル */
div.gridbox_nkr {
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
div.gridbox_nkr .xhdr {
    overflow: hidden;
    height: 20px;
    width: 100%;
    background: #697074;
}
div.gridbox_nkr .xhdr_last {
    border-right: none !important;
}
div.gridbox_nkr table.hdr {
    background: #697074;
    width: 100%;
    table-layout: fixed;
}
div.gridbox_nkr table.hdr td {
    border: 1px solid;
    border: none;
    text-align: left;
    color: #ffffff;
    padding: 5px 5px 5px 1px;
    background: #697074;
    background-color: #7e8285;
    background-color: #3c83d3;
}
div.gridbox_nkr table.hdr td div.hdrcell {
    width: auto;
    padding-left: 10px;
}
div.gridbox_nkr table.hdr .filter {
    padding-left: 0px !important;
    text-align: center;
    user-select: text;
}
div.gridbox_nkr table.obj td {
    padding: 2px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #e5f2f8;
    border-left: none;
    font-size: 12px;
}
div.gridbox_nkr table.obj {
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    table-layout: fixed;
}
div.gridbox_nkr table.row20px tr td {
    padding-right: 4px;
    padding-left: 4px;
}
div.gridbox_nkr .dhx_combo_edit {
    font-family: Tahoma;
    font-size: 11px;
}
div.gridbox_nkr table.obj tr.rowselected td {
    background-color: #4499bb;
    color: #fff;
}
div.gridbox_nkr table.obj tr.rowselected td.cellselected,
div.gridbox table.obj td.cellselected {
    background-color: #4499bb;
    color: #fff;
}
div.gridbox_nkr .odd_nkr {
    background-color: #e5f2f8;
}
div.gridbox_nkr div.ftr td {
    empty-cells: show;
}

div.gridbox_nkr table.obj tr.rowselected a {
    color: #fff;
}
/* error404 ページ用 */
.error-404 {
    margin: 1em 3em;

    li {
        list-style: url("../img/redled.png");
    }
}