﻿.width870 {width:870px;}
.width850 {width:850px;}
.width500 {width:500px;}
.width310 {width:310px;}
.width300 {width:300px;}
.width230 {width:230px;}
.width134 {width:134px;}

.height720{height:720px;}
.height370{height:370px;}
.height315{height:315px;}
.height310{height:310px;}
.height280{height:280px;}
.height40{height:40px;}
.height30{height:30px;}
.height15{height:15px;}

.colorwhite{background-color:white;}
.colore6{background-color:#e7e6e6;}
.color33{background-color:#b7c633;}

.margin_left25{margin-left:25px;}
.margin_left30{margin-left:30px;}
.margin_left75{margin-left:75px;}
.margin_right20{margin-right:20px;}
.margin_left2 {
    margin-left: 2px;
}

.border15{border:1px;border-radius:5px;}
.border13{border:1px;border-radius:3px;}

.box_shadow{box-shadow:inset;}

.posution{position:relative;top:12px;}


.background_image {
    background-image: url('../../Images/login_title.png');
}
.background{
				background-repeat:repeat;
				margin: 0px auto auto auto;
}
.float_left{
				float: left;
}
.float_right{
				float: right;
}
.text{
				text-align: left;

}
body {
    font-family: Meiryo UI,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ Ｐゴシック,Osaka,sans-serif;
}

.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.hiddenX {
    overflow-x: hidden;
}

.btnEd {
    margin-right: 30px;
}

.projHead {
    padding-right: 0px;
    padding-left: 0px;
}

.projInput {
    padding-right: 0px;
    padding-left: 0px;
}

.row_part_head {
    margin-top: 0px;
}

.row_part {
    margin-top: 15px;
}

.btn {
    margin-top: 0px;
}

.databox_srcollbar tr td input[type="text"] {
    border: 1px solid black;
}

.databox_srcollbar tr td a {
    text-decoration: underline;
}

.footBtn {
    margin-top: 20px;
}

#tblH tr th span {
    display: inline-block;
    border: 0;
}

p {
    padding-top: 4px;
    margin-bottom: 0px;
}

.whiite {
    color: white;
}

.auto-style9 {
    width: 3113px;
}

.bor1 {
    border: 1px;
}

.bor1s {
    border: 1px solid black;
}

.txtcenter {
    text-align: center;
}

.padtop {
    padding-top: 2px;
}

.font14 {
    font-size: 14px;
}

.height18 {
    height: 18px;
}
.height24 {
    height: 24px;
}

.height25 {
    height: 25px;
}

.height16 {
    height: 16px;
}

.fontwei100 {
    font-weight: 100;
}

.tblHstyle {
    width: 1183px;
    background-color: #D9D9D9;
    border-color: black;
    border-width: 1px;
    border: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
}

.areadiv {
    border-collapse: collapse;
    border-spacing: 0px;
    height: 481.5px;
    position: relative;
    overflow-y: auto;
    width: 1200px;
    margin: 0px 15px;
}

    .areadiv table tr td span {
        display: inline-block;
        overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
    }

.over-flow-x {
    overflow-x: hidden;
}

.footerstyle {
    width: 100%;
    margin-left: 0px;
    position: fixed;
    bottom: 0;
}

.footertab {
    width: 1183px;
    border: 0;
    cellpadding: 0;
    cellspacing: 0;
}

.bgcyou {
    background-color: rgb(255,102,0);
}

.bgcy {
    background-color: rgb(32,55,100);
}

.bgcgoukei {
    background-color: rgb(199,199,199);
    border: 1px solid black;
}

.dtoutmei {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px;
    font-size: 10pt;
}

.dtmei {
    border-collapse: collapse;
    border-spacing: 0
}

#area table tbody tr:first-child td {
    border-top: 0;
}

.inline-blockspan {
    display: inline-block;
}

.search {
    width: 1183px;
    text-align: left;
    display: table;
}

#list_header {
    height: auto;
    margin: 0px 15px;
}

.color {
    background-color: rgb(217,217,217);
}

.overbackgroundcolor {
    background-color: rgb(248,203,173);
}
.img{
    width:100%;
}


    body {
        overflow: hidden;
    }
.k-banner {
    width: 850px;
    margin: 0 auto;
}
.k-banner img {
    width: 100%;
}
.k-content {
    width: 850px;
    margin: 0 auto;
    padding-top: 15px;
}
.k-content > div {
    display: flex;
}
.k-content > div > div:nth-child(1) {
    width: 36%;
}
    .k-content > div > div:nth-child(2) {
        width: 64%;
        padding-left: 15px;
    }
.k-content > div > div .bor {
    width: 100%;
    min-height: 290px;
    box-shadow: 1px 1px 3px #dddddd;
}


@media (max-width: 1000px) {
    .k-banner {
        width: 100%;
    }

    .k-content {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .k-content > div {
        display: block;
    }
    .k-content > div > div:nth-child(1) {
        width: 300px;
    }
    .k-content > div > div:nth-child(2) {
        flex: 1;
        padding-left: 0px;
        padding-top: 15px;
    }
}
.font16 {
    font-size: 16px;
}
.font_weight{font-weight:bold;}

.word {
    word-break: normal;
    width: auto;
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}
.wid100 {
    width: 100%
}
.divNaiyouCss {
    overflow:hidden;
    overflow-y: hidden;
    white-space: normal;
    height: auto;
    padding-left: 30px;
}
.areadivstyle {
    height: 260px;
    overflow-y: auto;
    overflow-x: hidden
}
.colorred {
    color: red;
}
.borstyle {
    margin-right: 25px;
    height: 275px
}
.cardstyle {
    margin-left: 10px;
    margin-right: 10px
}
.wordstyle {
    cursor: pointer;
}
.hrstyle {
    margin: 0
}
.margin_left28 {
    margin-left: 28px;
}
html, body {
    background-color: #f8f8f8;
}
.padding5 {
    padding-top:5px;
}


























