@charset "UTF-8";
html {
        font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre,
strong,em,span,input{
    padding:0;
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    /*line-height:1.6;*/
    font-size:12px;
    margin: 0;
}

strong{font-weight:bold;color:#f00f7a;}
em{font-weight:bold;color:#00c0e9;}
img{border:none;}

body, html{
        width: 100%;
        height: 100%;
        background:#ffffff;
        color:#000000;
}
#container {
    width: 100%;
    position: relative;
    height: auto !important;
    min-height: 100%;
}
#contents {
    padding-bottom: 100px;
}
h1{
        position: relative;
        font-size:18px;
        padding:7px 0 0 20px;
        margin:0 0 17px 0 ;
        height:36px;
        color:#005920;
        font-weight:600;
        /* internet explorer 8 */
        -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#e0eeee',endcolorstr='#f0ffff',gradienttype='0')";
        /* internet explorer 9 */
        filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#e0eeee',endcolorstr='#f0ffff',gradienttype='0');
         /* internet explorer 10 */
        background:linear-gradient(to bottom, #e0eeee, #f0ffff);
       /* khtml, old safari */
        -khtml-opacity: 0.5;
        /* mozilla, netscape */
        -moz-opacity: 0.5;
        opacity: background:linear-gradient(#e0eeee, #f0ffff);
        /* -moz- fx  */
        background:-moz-linear-gradient( top, #e0eeee, #f0ffff);
        /* -webkit- safari, chrom */
        background:-webkit-gradient( linear, center top, center bottom, from(#e0eeee), to(#f0ffff));
}
h2{
        position: relative;
        padding:7px 0 0 20px;
        width:90%;
        margin:0 0 17px 20px ;
        height:36px;
        color:#005920;
        font-weight:600;
        font-size:16px;
        /* internet explorer 8 */
        -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#e0eeee',endcolorstr='#f0ffff',gradienttype='0')";
        /* internet explorer 9 */
        filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#e0eeee',endcolorstr='#f0ffff',gradienttype='0');
        opacity: background:linear-gradient(#e0eeee, #f0ffff);
         /* internet explorer 10 */
        background:linear-gradient(to bottom, #e0eeee, #f0ffff);
        /* -moz- fx  */
        background:-moz-linear-gradient( top, #e0eeee, #f0ffff);
        /* -webkit- safari, chrom */
        background:-webkit-gradient(linear, center top, center bottom, from(#e0eeee) , to(#f0ffff) );
}
thead{ background: #f0ffff; }
tfoot{ background: #f0ffff; }

th{
    background: #f0ffff;
    /*width: 150px;*/
    padding:1px 15px 1px 1px ;
    text-align: right;
    color:#2f2f2f;
    border-right:solid 2px #ffffff;
    border-bottom:solid 2px #ffffff;
    vertical-align: middle;
    font-size:12px;
}
td{
    border-bottom:solid 2px #ffffff;
    vertical-align: middle;
    padding:1px 10px 1px 1px ;
    font-size:12px;
}

input{
       margin:0px 0px 0px 3px;
}
input[type=text]{
       vertical-align: middle;
       padding:1px;
}
input[type=file]{
       margin :20px 0px 3px 0px;
       padding:2px;
}
input[type=checkbox]{
       vertical-align:middle;
}
input.number { ime-mode: disabled; }
/*
input[type=button],input[type=submit],input[type=reset]{
        cursor: pointer;
        border:outset 1px #1faad8;
        color:#005920;
        background: #e5e5e5;
        background: -moz-linear-gradient(top, #f0f0f0, #d5d5d5);
        background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d5d5d5));
        filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#FFa0a0a0',endcolorstr='#FFe5e5e5',gradienttype='0');
}
*/
/*
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{
        background: #f5f5f5;
        background: -moz-linear-gradient(top, #f5f5f5, #e2e2e2);
        background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e2e2e2));
        filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#f5f5f5',endcolorstr='#e2e2e2',gradienttype='0');
}
*/
select{
       margin:0px 0px 0px 3px;
}

textarea {
       resize: none;
}

/**************************************************************************/
/*　ヘッダー
*/
/**************************************************************************/
/* header */
#header{
     width:100%;
     height:39px;
     padding:8px 0 0 0;
     font-size:20px;
     /* internet explorer 8 */
     -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#fffaf0',endcolorstr='#ffdab9',gradienttype='0')";
     /* internet explorer 9 */
     filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#fffaf0',endcolorstr='#ffdab9',gradienttype='0');
     opacity: background:linear-gradient(#fffaf0, #78c800);
     /* internet explorer 10 */
     background:linear-gradient(to bottom, #fffaf0, #ffdab9);
     /* -moz- fx  */
     background:-moz-linear-gradient( top, #fffaf0, #ffdab9);
     /* -webkit- safari, chrom */
     background:-webkit-gradient(linear, center top, center bottom, from(#fffaf0) , to(#ffdab9) );
}

#header a{
     color: #005920;
     text-decoration: none;
     font-size:14px;
}
#header #logo{
     position:absolute;
     top:5px;
     left:14px;
     padding:5px 0 0 170px;
     background:url(../images/logo.gif) no-repeat 0;
     background-size:160px 40px;
     color:#005920;
}
#header #logo a{ font-size:20px; }

#header #help{
    float:right;
    width:80px;
    background:url(../images/sep.png) no-repeat 0;
    padding:0 0 0 20px;
}
#header #help a{
    display: block;
    background:url(../images/iconHelp.png) no-repeat 0;
    padding:5px 0 0 15px;
}
#header #idName{
    float:right;
    width:350px;
    background:url(../images/sep.png) no-repeat 0;
    padding:0 0 0 0;
}

#header #idName a{
    display: block;
    padding:5px 0 0 20px;
}


/**************************************************************************/
/* フッター
*/
/**************************************************************************/
#footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100xp;
    font-size:12px;
    padding:0px;
    margin:17px 0px;

    /* internet explorer 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#fffaf0',endcolorstr='#ffdab9',gradienttype='0')";
    /* internet explorer 9 */
    filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#fffaf0',endcolorstr='#ffdab9',gradienttype='0');
    opacity: background:linear-gradient(#fffaf0, #78c800);
    /* internet explorer 10 */
    background:linear-gradient(to bottom, #fffaf0, #ffdab9);
    /* -moz- fx  */
    background:-moz-linear-gradient( top, #fffaf0, #ffdab9);
    /* -webkit- safari, chrom */
    background:-webkit-gradient(linear, center top, center bottom, from(#fffaf0) , to(#ffdab9) );
}
#copyright {
    width: 98%;
    text-align: right;
    font-size: 12px;
}
/**************************************************************************/
/* メニュー
*/
/**************************************************************************/
.menuFrame {
    width:250px;
    border:outset 1px #1faad8;
    padding:8px;
}
.menuFrameOrder {
    width:250px;
    border:solid 3px #4169e1;
    padding:8px;
}
.menuFrameOther {
    width:250px;
    border:solid 3px #ffd700;
    padding:8px;
}
.menuFramePayment {
    width:250px;
    border:solid 3px #b44c97;
    padding:8px;
}
.menuFrameKeiri {
    width:250px;
    border:solid 3px #009944;
    padding:8px;
}
.menuFrameMaster {
    width:534px;
    border:solid 3px #a0d8ef;
    padding:8px;
}
.menuFrameMasterOut {
    width:250px;
    border:solid 3px #a0d8ef;
    padding:8px;
}
.menuButton {
    width:240px;
    height:30px;
    margin:4px;
}
.menuInfoFrame {
    width:536px;
    border:outset 1px #1faad8;
    padding:8px;
}

/**************************************************************************/
/* ボタン
*/
/**************************************************************************/
.enterButton{
    height:38px;
    width:140px;
    display:block;
    padding:6px 10px;
}

.subButton{
    width:105px;
    height:26px;
}
.subButton.chgMonth {
    width:130px;
    height:26px;
}
.orderMenuButton{
    width:94px;
    height:26px;
}
.orderSmallButton{
    width:78px;
    height:20px;
    font-size:11px;
    vertical-align:middle;
}
.cancelButton{
    height:26px;
    padding:2px 10px;
    font-size:11px;
    width:80px;
}
.clearButton{
    width:120px;
    height:26px;
    font-size:11px;
}
.refButton{
    width:50px;
    height:20px;
    font-size:11px;
    vertical-align:middle;
}
.refItemInfoButton{
    width:70px;
    height:26px;
    font-size:11px;
}
.copyRowButton{
    width:54px;
    height:26px;
    font-size:11px;
}
.orderRowButton{
    width:42px;
    height:26px;
    font-size:11px;
}
.payChkButton{
    width:58px;
    height:26px;
    font-size:11px;
}
/* button box */
.buttonBox{
    position: relative;
    height:75px;
}

/* ボタンの位置 */
.buttonBox div{
    position: absolute;
    bottom:0px;
}

.buttonBox div.reset{
    left:600px;
}

.buttonBox div.insert{
    left:450px;
}

.buttonBox div.update{
    left:450px;
}
.buttonBox div.delete{
    left:600px;
}
.buttonBox div.back{
    left:340px;
/*    left:0px;*/
}
.buttonBox div.edit{
    left:320px;
}
.buttonBox div.search{
    left:450px;
}
.buttonBox div.subButton1{
    right:7px;
}
.buttonBox div.subButton2{
    right:123px;
}
.buttonBox div.subButton3{
    right:246px;
}
.buttonBox div.subconfirm{
    left:200px;
}
.buttonBox div.close{
    left:100px;
}
.buttonBox div.subback{
    left:90px;
/*    left:0px;*/
}
.buttonBox div.listDownload{
    left:0;
    top:30px;
}
.buttonBox div.upload{
    left:0;
    top:90px;
}
.buttonBox div.upload .wide{
    margin:10px 0 0 0;
}
.buttonBox div.orderlist{
    left:750px;
}


/**************************************************************************/
/* エラー
*/
/**************************************************************************/
.sectionH1 .inputTable input.error,
.sectionH1 .inputTable select.error,
.sectionH1 .inputTable textarea.error,
.sectionH1 .inputTable2 input.error,
.sectionH1 .inputTable2 select.error,
.sectionH1 .inputTable2 textarea.error,
.sectionH1 .rslt input.error,
.sectionH1 .rslt select.error,
.sectionH1 .rslt2 input.error,
.sectionH1 .rslt2 select.error,
.sectionH1 .rslt2 textarea.error{
    background: #ffac91;
    border:inset 1px #CCC;
}
span.error{
    color:#fc0a26;
}

/**************************************************************************/
/* 必須項目の文字色
*/
/**************************************************************************/
.required{
    color:#cd0000;
}

.readonly{
    background-color: #D3D3D3;
}
/**************************************************************************/
/* 強調項目の文字色
*/
/**************************************************************************/
th.highlight{
    color:#ffffff;
    background: #0000ff;
}
input[type=text].highlight{
    background: #fffacd;
    border:inset 1px #CCC;
}

/**************************************************************************/
/* メッセージ
*/
/**************************************************************************/
span.info{
    color:#000080;
}
/**************************************************************************/
/* 画面表示領域
*/
/**************************************************************************/
/* notebox */
.sectionH1 .noteBox{
    height:24px;
    width:100%;
    text-align:center;
    padding:5px 0 0 0 ;
    margin:0px 0 10px;

    /* internet explorer 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#e0eeee',endcolorstr='#f0ffff',gradienttype='0')";
    /* internet explorer 9 */
    filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr='#e0eeee',endcolorstr='#f0ffff',gradienttype='0');
    opacity: background:linear-gradient(#e0eeee, #f0ffff);
    /* internet explorer 10 */
    background:linear-gradient(to bottom, #e0eeee, #f0ffff);
    /* -moz- fx  */
    background:-moz-linear-gradient( top, #e0eeee, #f0ffff);
    /* -webkit- safari, chrom */
    background:-webkit-gradient(linear, center top, center bottom, from(#e0eeee) , to(#f0ffff) );
}
.sectionH1 .noteBox span{
    color:#ff3144;
}

.Middle { vertical-align:middle; }

/**************************************************************************/
/* 入力用テーブル
*/
/**************************************************************************/
table.inputTable{
    width:100%;
    border-collapse: collapse;
}

 table.inputTable th{
    padding:3px 20px 3px 3px ;
    color:#2f2f2f;
    border-right:solid 7px #FFF;
    border-bottom:solid 7px #FFF;
}
table.inputTable th.bold{
    padding:3px 20px 3px 3px ;
    color:#ff00ff;
    border-right:solid 7px #FFF;
    border-bottom:solid 7px #FFF;
    background: #ffe1ff;
    font-size:14px;
    font-weight: bold;
}
table.inputTable td{
    border-bottom:solid 7px #FFF;
    padding:0 0 2px 0;
}
table.inputTable td.bold{
    border-bottom:solid 7px #FFF;
    padding:0 0 2px 0;
    color:#ff00ff;
    font-size:14px;
    font-weight: bold;
}

/**************************************************************************/
/* 検索結果表示用テーブル
*/
/**************************************************************************/
.rsltTBL   {               overflow:auto;} /* 通常 */
.rsltTBLscr{               overflow:auto;} /* 横幅指定 */
.rsltTBL10 { height:350px; overflow:auto;} /* 10行程度 */
.rsltTBL20 { height:470px; overflow:auto;} /* 20行程度 */
.rsltTBL25 { height:550px; overflow:auto;} /* 調整中 */

tbody tr.even{
    background: #ffefd5;
    padding:1px 1px 1px 2px ;
}
tbody tr.delete{
    background: #dcdcdc;
    padding:1px 1px 1px 2px ;
}
#headerTable {border-collapse: collapse; border:solid 1px #c3c3c3; padding:5px;}
#headerTable th {border:solid 1px #c3c3c3; padding: 5px; border-bottom: none; text-align: left;}
/* rslt */
table.rslt{
    border-collapse: collapse;
    border:solid 1px #c3c3c3;
    width:100%;
}
 table.rslt th,
 table.rslt td{
    border:solid 1px #c3c3c3;
    padding:5px;
}
 table.rslt th{
}
 table.rslt thead th{
    border-bottom:none;
    text-align: left;
}
table.rslt tbody tr:hover {
    background: #d0ffd0;
}
/**************************************************************************/
/* ページ操作
*/
/**************************************************************************/
/* tableCtrl */
.sectionH1 .tableCtrl{
    text-align: center;
    position: relative;
    margin:10px 0;
    width:100%;
}
.sectionH1 .tableCtrl a{
    color:#0082af;
    font-size:12px;
    text-decoration: none;
}
.sectionH1 .tableCtrl a:hover{
    text-decoration:underline;
}
.sectionH1 .tableCtrl a.current{
    color:#0082af;
    font-weight: bold;
    text-decoration: none;
}
.sectionH1 .tableCtrl img{
    vertical-align: bottom;
}
.sectionH1 .tableCtrl .displayBox{
    position: absolute;
    top:2px;
    left:7px;
}
.sectionH1 .tableCtrl .pager a{
    margin:0 5px 0 0 ;
}
/**************************************************************************/
/* 検索結果列名ソート
*/
/**************************************************************************/
a.sort_none,
a.sort_down,
a.sort_up{
    font-weight:bold;
    color:#777;
    padding-left:15px;
/*    display:compact; */
    text-decoration:none;
}

a.sort_none:link,
a.sort_none:visited{
    background:url(../images/icon_sort_none.gif) no-repeat;
}
a.sort_none:hover{
    background:url(../images/icon_sort_none_f2.gif) no-repeat;
}

a.sort_down:link,
a.sort_down:visited{
    background:url(../images/icon_sort_down.gif) no-repeat;
}
a.sort_down:hover{
    background:url(../images/icon_sort_down_f2.gif) no-repeat;
}

a.sort_up:link,
a.sort_up:visited{
    background:url(../images/icon_sort_up.gif) no-repeat;
}
a.sort_up:hover{
    background:url(../images/icon_sort_up_f2.gif) no-repeat;
}

/**************************************************************************/
/*
*/
/**************************************************************************/
.rslt2TBL { height:600px; overflow:auto;}
table.rslt2{
    /*width:100%;*/
    /*max-width:1500px;*/
    /*min-width:1500px;*/
    /*360pxで3行程度*/
    width:1600px;
    border-collapse: collapse;
    /* border:solid 1px #c3c3c3; */
    border:solid 1px #9d9d9d;
}

table.rslt2 th{
    /* border:solid 1px #c3c3c3; */
    border:solid 1px #0353F3;
    text-align: center;
    padding:2px 2px 2px 4px ;
    background: #E3E3F3;
}
table.rslt2 td{
    /* border:solid 1px #c3c3c3; */
    /* border:solid 1px #0353F3; */
    text-align: left;
    padding:2px 2px 2px 4px ;
}
.notItem{
    border:solid 1px #0353F3;
}
.itemGrade{
    background: #daeef3;
    border-bottom:solid 1px #0353F3;
}
.itemGradeL{
    background: #daeef3;
    border-bottom:solid 1px #daeef3;
}
.itemGradeR{
    background: #daeef3;
    border-bottom:solid 1px #daeef3;
    border-right:solid 1px #0353F3;
}
.w10           { width:10px;}
.w15           { width:15px;}
.w20           { width:20px;}
.w25           { width:25px;}
.w30           { width:30px;}
.w35           { width:35px;}
.w40           { width:40px;}
.w45           { width:45px;}
.w50           { width:50px;}
.w60           { width:60px;}
.w70           { width:70px;}
.w80           { width:80px;}
.w90           { width:90px;}
.w100          { width:100px;}
.w110          { width:110px;}
.w120          { width:120px;}
.w130          { width:130px;}
.w150          { width:150px;}
.w200          { width:200px;}
.w250          { width:250px;}
.w400          { width:400px;}
.w500          { width:500px;}
.w600          { width:600px;}
.wFree         { width:auto;}

/**************************************************************************/
/* 検索条件折りたたみ
*/
/**************************************************************************/
.buttonArea {
    width: 100%;
    text-align: center;
    position: relative;
}
.arrow {
    content: "　";
    position: absolute;
    right: 30px;
    height: 30px;
    width: 60px;
}
.arrow:after {
    content: "";
    position: absolute;
    margin-top: 10px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 0;
    border-bottom: 0;
    width: 10px;
    height: 10px;
    right: 20px;
    transform: rotate(45deg);
}
.arrow.ac:after {
    content: "";
    position: absolute;
    margin-top: 10px;
    border-left: 0;
    border-top: 0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 10px;
    height: 10px;
    right: 20px;
    transform: rotate(45deg);
}