@charset "UTF-8"
/*------------------------------------------------------------*/
/* @ 請求書ペーパレス化システム（管理画面）                   */
/*------------------------------------------------------------*/
* {
  margin  : 0;
  padding : 0;
 }

body {
  background : url("../img/bg.gif");
  text-align : center              ;
}

img {
  border : 0;
}

A:link,
A:visited {
  color                   : #0000ff;
  background-color        : transparent;
  text-decoration         : underline;
}

A:hover {
  color                   : #CC3333;
  background-color        : transparent;
  text-decoration         : underline;
}

A:active,
A:focus {
  color                   : #3399FF;
  background-color        : transparent;
  text-decoration         : underline;
}

#container {
  position     : relative                        ;
  width        : 1000px                          ;
  font         : normal 12px "fantasy,sans-serif";
  margin-left  : auto                            ;
  margin-right : auto                            ;
 /* text-align   : left                            ; */
}

#header {
  position          : relative                ;
  height            : 85px                    ;
  background        : url("../img/header.jpg");
  background-repeat : no-repeat               ;
}

#header h1 {
  position    : absolute ;
  top         :  0px     ;
  left        : 20px     ;
  font-size   : 12px     ;
  font-weight : normal   ;
}

#header .logo {
  width    : 240px   ;
  height   :  83px   ;
  position : absolute;
  top      :   0px   ;
  left     :   6px   ;
}

#main {
  width           :  1000px; /* = container(1000) */
  float           : left   ;
  background-color: #888888;
}

#wrapper {
  width       : 990px; /* = main(1000) - right(0) - margin-right(10) */
  float       : left ;
  margin-right: 10px ;
}

#left_side {
  width         : 170px;
  float         : right;
  margin-top    : 5px  ;
  padding-bottom: 5px  ;
}

#left_side .login {
  width            : 156px            ;
#  background-color : #e3c8ff          ;
  background-color : #fefefe          ;
#  border           : 2px solid #cc99ff;
  border           : 1px solid #444444;
  margin-left      : 5px              ;
  text-align       : left             ;
  font-size        : 14px             ;
  line-height      : 1.2em            ;
  margin-bottom    : 10px             ;
  padding          : 10px 1px 10px 5px;
}

#left_side .login .code {
  width            : 144px;
}

#left_side .login .pass {
  width            : 144px;
}

#left_side .menu_header {
  background        : url("../img/menu_header.gif");
  background-repeat : no-repeat               ;
  margin            : 0px 0px 0px 5px ;
  padding           : 2px 2px 0px 5px ;
  text-align        : left            ;
  font-size         : 12px            ;
  line-height       : 2.0em           ;
}

#left_side .menu {
  width            : 156px            ;
#  background-color : #e3c8ff          ;
  background-color : #fefefe          ;
  border           : 1px solid #444444;
  margin           : 0px 0px 10px 5px ;
  text-align       : left             ;
  font-size        : 14px             ;
  line-height      : 2.0em;           ;
  padding          : 10px 1px 10px 5px;
}

#contents {
  position      : relative   ;
  width         : 810px      ; /* wrapper(990) - left(170) - margin-left(10) */
  float         : right      ;
  margin-left   : 10px       ;
  padding-bottom:  5px       ;
}

#contents .adtext1 {
  width       : 100%    ;
  height      : 15px    ;
  margin-top  :  2px    ;
  font-size   : 12px    ;
  text-align  : center  ;
  color       : #ed2525 ;
}

#contents .title {
#  border           : 2px solid #cc99ff;
  border           : 2px solid #444444;
  color            : #000000          ;
  background-color : #bbbbbb          ;
  font-weight      : bolder           ;
  font-size        : 18px             ;
  text-align       : center           ;
  margin-top       : 5px              ;
  padding          : 5px 0px 5px 0px  ;
}

#contents .tbform {
  padding          : 5px                   ;
  background-color : #444444               ;
  border-style     : none solid solid solid;
  border-width     : 2px                   ;
#  border-color     : #cc99ff               ;
  border-color     : #444444               ;
  font             : 12px normal           ;
}

#contents .tbform .message {
  margin           : 10px                  ;
  padding          : 15px 10px 15px 10px   ;
  background-color : #ffffee               ;
  border-style     : solid                 ;
  border-width     : 2px                   ;
#  border-color     : #cc99ff               ;
  border-color     : #444444               ;
  text-align       : center                ;
  font             : 16px normal           ;
}

#contents .tbform .error {
  border           : solid 1px #b22222;
  text-align       : left             ;
  margin           : 0px  0px 5px  0px;
  background-color : #F2F2F2          ;
  font-weight      : bold             ;
}

#contents .tbform .error .error_head {
  background-color : #b22222        ;
  color            : #ffffff        ;
  font-size        : 14px           ;
  padding          : 2px 5px 2px 5px;
}

#contents .tbform .error UL {
  margin          : 0px 0px 0px 10px;
  color           : #ff3333         ;
  padding         : 5px             ;
  list-style-type : disc            ;
  text-align      : left            ;
}

#contents .tbform .error LI {
  padding    : 0px    ;
  margin     : 0px 5px;
  text-align : left   ;
}

#contents .tbform TABLE.form_view {
  width           : 100%    ;
  border-collapse : collapse;
  border-spacing  : 0px     ;
  empty-cells     : hide    ;
}

#contents .tbform TABLE.form_view th.caption {
  padding          : 4px              ;
  color            : #333333          ;
  background-color : #6666cc          ;
  border           : solid 1px #666666;
  text-align       : left             ;
  font-weight      : bold             ;
  vertical-align   : middle           ;
  line-height      : 1.6em            ;
}

#contents .tbform TABLE.form_view th.label {
    padding : 4px;
    color : #333333;
    background-color : #CCCCCC;
    border : solid 1px #666666;
    text-align : left;
    vertical-align : middle;
    font-weight : normal;
    line-height : 1.6em;
}

#contents .tbform TABLE.form_view td.data {
    padding : 4px;
    color : #000000;
    background-color : #F2F2F2;
    border : solid 1px #666666;
    text-align : left;
    vertical-align : middle;
    line-height : 1.6em;
    font-weight : normal;
}

#contents .tbform TABLE span.notes {
    color : #dc143c;
    font-size : 80%;
}

#contents .tbform FORM TABLE.form_edit {
/*    width           : 100%    ; */
  border-collapse : collapse;
  border-spacing  : 0px     ;
  empty-cells     : hide    ;
}

#contents .tbform TABLE.form_edit th.caption {
  padding          : 4px              ;
  color            : #333333          ;
  background-color : #6666cc          ;
  border           : solid 1px #666666;
  text-align       : left             ;
  font-weight      : bold             ;
  vertical-align   : middle           ;
  line-height      : 1.6em            ;
}

#contents .tbform FORM TABLE.form_edit .required {
    color          : #ff3333;
    vertical-align : super  ;
    margin-left    : 1px    ;
    margin-right   : 1px    ;
}

#contents .tbform FORM TABLE.form_edit th.label {
    padding : 4px;
    color : #333333;
    background-color : #CCCCCC;
    border : solid 1px #666666;
    text-align : left;
    vertical-align : middle;
    font-weight : normal;
    line-height : 1.6em;
}

#contents .tbform FORM TABLE.form_edit td.data {
    padding : 4px;
    color : #000000;
    background-color : #F2F2F2;
    border : solid 1px #666666;
    text-align : left;
    vertical-align : top;
    line-height : 1.6em;
    font-weight : normal;
}

#contents .tbform FORM TABLE.form_edit .form_header {
    font-weight : normal;
    margin-top : 15px;
    margin-bottom : 2px;
    text-align : left;
    padding-left : 4px;
}

#contents .tbform FORM TABLE.form_edit td.separator {
    padding : 2px;
    border : none;
}

#contents .tbform FORM TABLE.form_edit input.super_long,
textarea.super_long {
    width : 64em;
}

#contents .tbform FORM TABLE.form_edit input.long,
textarea.long {
    width : 32em;
}

#contents .tbform FORM TABLE.form_edit input.medium,
textarea.medium {
    width : 16em;
}

#contents .tbform FORM TABLE.form_edit input.super_short,
textarea.super_short {
    width : 3em;
}

#contents .tbform FORM TABLE.form_edit input.short,
textarea.short {
    width : 8em;
}

#contents .tbform FORM TABLE.form_edit input.number {
    padding-right : 1px;
    font-family : monospace;
    text-align : right;
}

#contents .tbform FORM TABLE.form_edit span.notes {
    color : #dc143c;
    font-size : 80%;
}

#contents .tbform FORM TABLE.form_edit .form_action {
    width            : auto             ;
    background-color : #CCCCCC          ;
    border           : solid 1px #666666;
    text-align       : center           ;
    padding          : 5px 10px 5px 10px;
    margin           : 5px  0px 0px  0px;
}

#contents .tbform FORM TABLE.form_edit .form_action a {
    margin-left : 5px;
    margin-right : 5px;
}

#contents .tbform FORM TABLE.form_edit .form_action input {
    padding : 5px 5px;
    width : 8em;
    margin-left : 10px;
    margin-right : 10px;
}

#contents .tbform FORM TABLE.form_edit .form_action input.imagebtn {
    width : auto;
}

#contents .tbform .page_navi {
	width            : auto             ;
	text-align       : center           ;
	padding          : 5px 10px 5px 10px;
	margin           : 5px  0px 0px  0px;
}

#contents .add {
  margin-top       : 5px                   ;
  margin-bottom    : 5px                   ;
  padding          : 5px                   ;
  background-color : #88cccc               ;
  border-style     : solid solid solid solid;
  border-width     : 2px                   ;
#  border-color     : #cc99ff               ;
  border-color     : #444444               ;
  font             : 16px normal           ;
  text-align       : center                ;
}

#contents .list{
  line-height      : 20px               ;
#  background-color : #ffcccc            ;
  background-color : #fefefe            ;
  padding          : 5px                   ;
}

#contents .list table.pager {
	border-collapse : collapse;
	border-spacing : 0px;
	margin : 0px auto;
}

#contents .list table.pager td {
	padding : 2px 4px;
}

#contents .list table.pager td.counter {
	text-align : left;
}

#contents .list table.pager td.prev,
#contents .list table.pager td.first {
	text-align : left;
	color : #999999;
}

#contents .list table.pager td.next,
#contents .list table.pager td.last {
	text-align : right;
	color : #999999;
}

#contents .list table.pager td.pages {
	text-align : center;
}

#contents .list table.pager td.pages a {
	margin : 2px;
}

#contents .list table.pager td.pages .selected {
	font-weight : bold;
	color : #000000;
}

#contents .list table.pager td.new {
	text-align : right;
	color : #999999;
}

#contents .list .list_view {
	width : 100%;
	margin : 0px auto 20px auto;
	border-collapse : collapse;
	border-spacing : 0px;
}


#contents .list .list_view td.footer {
	background-color : #ffffff;
}

#contents .list .list_view caption {
	margin : 0px;
	padding : 4px;
	text-align : left;
	font-size : 110%;
	border-top : solid 1px #666666;
	border-right : solid 1px #666666;
	border-left : solid 1px #666666;
}

#contents .list .list_view caption div.list_button {
	text-align : right;
	padding-top : 4px;
}

#contents .list .list_view tr.data1 {
	background-color : #f2f2f2;
}

#contents .list .list_view tr.data2 {
	background-color : #ffffff;
}

#contents .list .list_view td {
	padding : 4px 2px;
	border : solid 1px #666666;
	font-weight : normal;
}

#contents .list .list_view th {
	padding : 4px;
	color : #000000;
	background-color : #CCCCCC;
	border : solid 1px #666666;
	font-weight : normal;
}

#contents .list .list_view td.empty {
	border : none;
}

#right_side {
  width         :   0px;
  float         : left ;
  padding-bottom: 5px  ;
}

#footer {
  width             : 100%                    ;
  clear             : left                    ;
  height            : 32px                    ;
  background        : url("../img/footer.gif");
  background-repeat : no-repeat               ;
  text-align        : center                  ;
}

#footer .copyright {
  padding-top       : 10px                    ;
  font              : normal 12px "serif"     ;
}