/*----- clearfix -----*/
/* IE以外のモダンブラウザ向け */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* IE7および、Mac：IE5向け */
.clearfix {
    display: inline-block;
}

/* IE6以前向け */
/* Hides from IE-mac \*/
* html.clearfix {
    height: 1%;
}

/* iphone css */
@media only screen and (max-device-width: 480px) {
    input, select, textarea {
        font-size: 16px;
    }
}

.err {
    border: 1px red solid
}

.clearfix {
    display: block;
}

a.ib, div.ib {
    display: inline-block;
    *display: inline; /*for IE*/
    *zoom: 1; /*for IE*/
}

a.ib, div.ibt {
    vertical-align: top;
    display: inline-block;
    *display: inline; /*for IE*/
    *zoom: 1; /*for IE*/
}

div.hdn {
    display: none;
}

div#iBar {
    position: absolute;
    width: 330px;
    height: 50px;
    padding: 2px;
    border: 1px solid #000;
    z-index: 10;
    display: none;
}

/*----- サイト全体の設定 -----*/
html {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    margin: 33px auto 0;
    line-height: 1.3em; /*行ボックスの最小の高さ（=行の高さ）(行送り)*/
    font-size: 12px;
    color: #333;
    /* text-align: center; */
    background: #F0F0F0;
    font-family: 'Lucida Grande','Lucida Sans', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

.monospace {
    font-family: monospace, serif;
}

/* tagTbl */
.tagTbl {
    max-width: 100%
}

/* header */
.navbar {
    min-height: 32px !important
}

.navbar-brand {
    font-size: 12px;
    height: 32px;
    padding: 0px;
}

.navbar-nav > li > a {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

h2, h3 {
    margin: 3px 0;
    font-size: 12px;
    white-space: nowrap;
}

.a {
    text-decoration: underline;
    color: #03C;
}

    .a:hover {
        cursor: pointer;
    }

.m_Btn {
    cursor: pointer;
}

input.j_lnk {
    border: none;
    color: #03C;
    font-weight: bold;
    text-decoration: underline;
}

#main_container {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    background: #FFF;
    /* background: #FFF url(./importCssImages/bg_main_container.gif) repeat-y; */
    text-align: left;
    /* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
    /* width: 968px; /
    
    /* ボックスモデルハック */
    voice-family: "\"}\"";
    voice-family: inherit;
    /* モダンブラウザ用のコンテンツ幅 */
    /* width: 960px; */
}

ul, ol {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
    font-size: 12px;
}

/*----- リンクカラーの設定 -----*/
a:link,
a:visited {
    color: #03C;
    text-decoration: none;
}

a:hover,
a:active {
    color: #06F;
    text-decoration: underline;
}

/*---- table -----*/
table {
    border-spacing: 0; /*隣接するセルのボーダーとボーダーの間隔*/
    border-collapse: collapse; /*隣接するセルのボーダー重ねる：collapse、間隔：separate*/
}

th {
    padding: 0 5px;
    border: #6c7682 1px solid;
    font-weight: bold;
    text-align: left;
    background-color: #dce4ed;
    min-height: 24px;
}

.clr_r {
    background-color: red;
}

.clr_p {
    background-color: #F9C;
}

.clr_gy {
    background-color: #CCC;
}

.clr_y {
    background-color: #FF9;
}

.clr_gn {
    background-color: #9F9;
}

.ch {
    background-color: #FF3;
}

.new {
    background-color: #FF7;
}

.j_help {
    width: 16px;
    height: 16px;
}

.j_help:hover {
        cursor: pointer;
    }

font.j_help {
    border-bottom: dashed 1px #03C;
}

.ft {
    white-space: normal;
    line-height: 1.4em;
    font-size: 1.05em;
}

.c {
    text-align: center;
}

.cnt {
    position: absolute;
    z-index: 200;
    font-weight: bolder;
    font-size: large;
    font-family: 'Arial Black';
    cursor: pointer;
}

.s_d_th {
    border: none;
    font-size: 12px;
    padding: 2px;
    white-space: nowrap;
}

td {
    padding: 1px 2px;
    border: #6c7682 1px solid;
    text-align: left;
    white-space: nowrap;
}

textarea {
    /* normal: 連続する複数の半角スペースやタブといったものは、1つの半角スペースに変換されます。*/
    /* また改行文字も半角スペースに変換されます。*/
    white-space: pre-wrap;
    vertical-align: bottom;
}

/* wrap */
.w {
    white-space: normal;
}

/* nowrap */
.nw {
    white-space: nowrap;
}

.s_d_td {
    border: none;
    font-size: 12px;
    padding: 2px;
}

img {
    vertical-align: bottom
}

.cpt {
    color: maroon;
}

.tagCpt, .tagCptN {
    cursor: pointer;
    color: #FFC;
    font-weight: bolder;
    text-align: left;
    margin-bottom: 2px;
    vertical-align: bottom;
    padding: 2px 11px 0 11px; /* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
    height: 24px;
    width: 330px; /* ボックスモデルハック */
}

.tagCpt {
    background-image: url('s/tb.png');
    background-repeat: no-repeat;
    background-position: center;
}

.tagCptN {
    background-color: purple;
}

.tagCptStp {
    padding: 1px 2px;
    color: #FFC;
    font-weight: bolder;
    display: inline-block;
    border: 1px solid #FFC;
    background-color: #009;
}

.cssBtn {
    margin: 0;
    color: #fff;
    border-top: 1px solid #9cf;
    border-left: 1px solid #9cf;
    border-right: 1px solid #4080BF;
    border-bottom: 1px solid #4080BF;
    text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
    background-size: contain;
}

.cssBtn:hover {
        color: #fff;
        border-top: 1px solid #254A70;
        border-left: 1px solid #254A70;
        border-right: 1px solid #508AC5;
        border-bottom: 1px solid #508AC5;
        position: relative;
        top: 1px;
        left: 1px;
    }

.m24 {
    width: 24px;
    height: 24px;
}

.i_btn24 {
    width: 24px;
    height: 24px;
}

.i_btn16 {
    width: 16px;
    height: 16px;
}

.bt_hd_n {
    display: inline-block;
}

.bt_hd_b {
    display: block;
}

.bt_hd_n,
.bt_hd_b {
    white-space: nowrap;
    font-weight: bolder;
    padding: 2px 10px;
    background-image: url("s/bt_hd.png");
    border: solid 1px #b7c5d3;
    border-right-color: #86a0b6;
    border-bottom-color: #86a0b6;
    vertical-align: top;
}

    .bt_hd_n:hover,
    .bt_hd_b:hover {
        cursor: pointer;
        color: #000;
        text-decoration: none;
        border: solid 1px #43505b;
        border-right-color: #5c636a;
        border-bottom-color: #5c636a;
        background-position: 0 -60px;
    }

    .bt_hd_n:active,
    .bt_hd_b:active {
        background-position: 0 -120px;
    }

.m_Btn {
    color: #111111;
    border-top: 1px solid #9cf;
    border-left: 1px solid #9cf;
    border-right: 1px solid #4080BF;
    border-bottom: 1px solid #4080BF;
    background: #ffffff;
    text-align: center;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.m_Btn:hover {
        color: #111100;
        border-top: 1px solid #254A70;
        border-left: 1px solid #254A70;
        border-right: 1px solid #508AC5;
        border-bottom: 1px solid #508AC5;
        background: #00eeee;
    }

.m_ttl {
    height: 26px;
    line-height: 26px;
}

.t_Btn {
    background-image: url("/C/s/by.png");
    color: #FFFFFF;
    border-top: 1px solid #9cf;
    border-left: 1px solid #9cf;
    border-right: 1px solid #4080BF;
    border-bottom: 1px solid #4080BF;
    height: 16px;
    line-height: 16px;
    padding: 0 10px;
}

    .t_Btn:hover {
        position: relative;
        top: 1px;
        left: 1px;
        border-top: 1px solid #254A70;
        border-left: 1px solid #254A70;
        border-right: 1px solid #508AC5;
        border-bottom: 1px solid #508AC5;
    }

.prt {
    display: none;
}

@media print {
    body {
        margin: 0px auto 0;
        background: #FFF;
    }

    .cssBtn {
        display: none;
    }

    .i_btn24 {
        display: none;
    }

    .i_btn16 {
        display: none;
    }

    .m_Btn {
        display: none;
    }

    .t_Btn {
        display: none;
    }

    .nprt {
        display: none;
    }

    img.j_help {
        display: none;
    }

    #menubar {
        display: none;
    }

    .prt {
        display: block;
    }
}

.m_ttl:hover {
    position: relative;
    top: 1px;
    left: 1px;
}

.s_ttl {
    height: 20px;
    line-height: 20px;
}

    .s_ttl:hover {
        position: relative;
        top: 1px;
        left: 1px;
    }

.tag-box li {
    padding: 2px 1px 2px 1px;
    min-height: 18px;
}

.j_dt {
    ime-mode: disabled;
}

.j_ym {
    ime-mode: disabled;
}

.j_tm {
    ime-mode: disabled;
}

.j_num {
    text-align: right;
    ime-mode: disabled;
}

.j_dlg {
    display: none;
    text-align: left;
}

.infoDlg {
    font-size: 12px;
    line-height: 13px;
    color: #0A0A0A;
    overflow: scroll;
}

.exp {
    background: #99F;
}

.numberExpress {
    text-align: right;
}

.rdo {
    background: #eff0f1;
}

.m_num {
    color: red;
    font-weight: bold
}

.sum {
    text-align: right;
    font-weight: bold;
}

.itemTDiv {
    border: thin solid #508AC5;
    font-weight: bold;
    background-color: #e8eef4;
}

.itmL {
    border-bottom: thin dotted #508AC5;
    background-color: #e8eef4;
}

    .itmL:hover {
        border-bottom: thin inset #508AC5;
    }

    .itmL div {
        font-weight: bold;
    }

.itmL2 {
    border-bottom: thin solid #508AC5;
    white-space: nowrap;
    border-bottom-style: dotted;
}

.itmT {
    font-size: 12px;
    font-weight: bold;
    border-style: none none solid solid;
    border-width: 0 0 1px 5px;
    border-bottom-color: #90C;
    border-left-color: #90C;
    padding-left: 7px;
    margin-top: 4px;
    margin-bottom: 2px;
}

.refRank {
    background-color: orange;
}

.j_m_dlg {
    border: 1px solid #508AC5;
    display: none;
    position: absolute;
    z-index: 5;
}

/* tablesorter */
table.tablesorter tbody tr.odd {
    background-color: #FFFFF6;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(./importCssImages/desc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 6px;
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(./importCssImages/asc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 6px;
}

td.filter {
    background-image: url(./importCssImages/filter1.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 16px;
    font-size: .8em;
}

div.sdlg {
    border: #6c7682 1px solid;
    padding: 1px 5px 5px;
}

table.sdlg {
    border-collapse: separate;
    border-spacing: 2px;
}

/* 四角囲む文字（Paging) */
.r {
    color: #03C;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #699;
    margin: 0 5px;
    padding: 3px 5px;
}
/* 四角囲む文字（Paging)現在 */
.rc {
    color: #FFF;
    text-decoration: none;
    border: 1px solid #699;
    background-color: #03C;
    margin: 0 5px;
    padding: 3px 5px;
}
/* 対象ブロック（データコピー、移動の対象） */
.targetBlk {
    border: 1px dotted #990;
}
/* マウスが乗った行の色 */
table.tablesorter tbody tr.over {
    background-color: #69f;
}
/* 選択した行の色 */
table.tablesorter tbody tr.selected {
    background-color: #69f;
}
/* 吹き出し */
.fk {
    z-index: 300;
    padding: 2px 2px 2px 0px; /* 内側の余白 */
    min-width: 160px;
    font-size: 12px;
    background-color: #dd0; /*背景色 */
    border-bottom: white solid 5px; /* 上ボーダー */
    border-left: #dd0 solid 5px; /* 左ボーダー */
}

.mg1 {
    margin: 1px;
}

input[type="text"] {
    border: 1px solid #CCC;
}

    input[type="text"].j_acp {
        border-bottom: 1px solid #930;
    }

input[readonly="readonly"] {
    border-color: gray;
}


input[type="password"] {
    border: 1px solid #CCC;
}

.em {
    font-weight: bolder;
}