@charset "UTF-8"
/*------------------------------------------------------------*/
/* @ マネジメント                                             */
/*------------------------------------------------------------*/
* {
  margin  : 0;
  padding : 0;
 }

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;
}

_:-ms-lang(x)::-ms-backdrop, #wrapper {
  display        : flex  ;
  flex-direction : column;
}

#container{
  min-height     : 200vh ;
  height         : 100%;
  display        : flex  ;
  flex-direction : column;
  font           : normal 12px "fantasy,sans-serif";
  margin-left    : auto                            ;
  margin-right   : auto                            ;
}

#header {
  height            : 85px                    ;
  background        : url("../img/header.jpg");
  background-repeat : repeat-x                ;
  display        : flex  ;
  flex-direction : row;
}

#header .logo {
  width        :  83px;
  height       :  83px;
}

#header .login_school {
  font-weight      : bolder           ;
  font-size        : 20px             ;
  color            : #129893          ;
  margin-top       : 27px ;
/*  margin-top       : auto ; */
  margin-bottom    : auto ;
  margin-left      : 10px ;
}

#header .login_oper {
  font-size        : 12px             ;
  color            : grey          ;
  margin-top       : auto ;
  margin-bottom    : auto ;
  margin-left     : auto ;
}

#main {
  flex    : 1   ;
  display : flex;
/*  background-color: #ffffee; */
}

#left_side {
  width         : 170px;
  margin-top    : 5px  ;
  padding-bottom: 5px  ;
  background-color: #ffffee;
}

#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 {
  flex          : 1   ;
  margin-left   : 10px;
  padding-bottom:  5px;
}

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

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

#contents .top_tbform {
  padding          : 5px                   ;
  background-color : #eeeeee               ;
  border-style     : none solid solid solid;
  border-width     : 1px                   ;
  border-color     : #444444               ;
  font             : 12px normal           ;
}

#contents .top_tbform .message {
  padding          : 15px 10px 15px 10px   ;
  background-color : #eeeeee               ;
/*  border-style     : solid                 ; */
/*  border-width     : 2px                   ; */
/*  border-color     : #444444               ; */
  text-align       : center                ;
  font             : 16px normal           ;
}

#contents .top_tbform .message A.top_button {
    width:70px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:4px 0 4px;
    color:#fff;
    background-color:#129792;
    border-radius:5px;
    box-shadow:2px 2px #1a6ea0;
}

#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 : #F2F2F2;
/*    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 : #FFFFFE;
/*    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 0px;
	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;
}

.tooltips {
  display: none;
  position: absolute;
  bottom: -2.8em;
  left: 0.3em;
  z-index: 9999;
  padding: 0.3em 0.5em;
  color: #FFFFFF;
  background: #c72439;
  border-radius: 0.5em;
  text-align        : left                  ;
}
/*
#contents .list .list_view th:hover .tooltips {
  display: block;
}

.tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #c72439;
}
*/
#right_side {
}

#footer {
  height            : 32px                    ;
  background        : url("../img/footer.gif");
  background-repeat : repeat-x                ;
  text-align        : center                  ;
}

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