/*--------------------------------------
  site main css
  2019, JVIS.
---------------------------------------*/

/*--------------------------------------
  site base
---------------------------------------*/
textarea{resize:none;}
div#container-wrap{width:100%; position:relative;}/* height:auto !important; min-height:100%;}*/
div#container{background-color: #FFF; min-height: 600px;}
/* div#main-contents{width:980px; margin:20px auto 40px; padding:0 10px 20px;} */
div#contents{width:100%; font-size:15px; line-height:15px;}
div.chapter{word-break: break-all; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph;}
.color-obi{border:0; width:100%;}
.color-obi .b{background-color:#005597; width:33%; height:22px;}
.color-obi .y{background-color:#EEA909; width:34%;}
.color-obi .r{background-color:#B90026; width:33%;}
#logo-obi{border:0; width:100%;}
#logo-obi td{height:38px; font-size:24px; font-weight:bold; color:#FFFFFF; padding-left:5px; width:67%;
  font-family: 'Trebuchet MS', Verdana, sans-serif; background-color:#556B2F}
#site-logo{padding:0; width:33%; text-align:right;}
/* input[type="submit"], input[type="button"]{padding:8px 5px; color:#FFF; height:35px; border:1px solid #FFBC1B; background-color:#EB8A07;} */
.btn-search{background-image:url("../img/search.gif");}
.footer{bottom:-2px; width:100%; margin:0;}
.fl{float:left;}
form.signup input[type="submit"], form.login input[type="submit"] {margin:0 0 0 -1px;font-size: 14px;padding:5px 4px; height:31px;}

/*--------------------------------------
  menu
---------------------------------------*/
div#no-menu{margin-top:30px;}
div#menu li a, span .bar {display:block; width:243px; color:#434343; line-height:35px;}
div#menu{margin:15px auto; height:35px; width:100%; font-size: 12.5px;}
#menu ul{background-color:#eaeaea; background-image:linear-gradient(#fafafa, #eaeaea); background-repeat:repeat-x; border:1px solid #eaeaea; border-bottom-color:#cacaca; border-radius:3px; padding:0;}
#menu li{list-style-type:none; margin:0; display: table-cell; width: 1%; text-align:center;}
#menu li a{border-right: 1px solid #eee; border-right-color: rgba(0,0,0,0.04); border-left: 1px solid #fcfcfc; border-left-color: rgba(255,255,255,0.7);border-bottom: 2px solid #DADADA;}
#menu li a:hover{border-bottom: 2px solid #CFDCE8; background-color: #dce6ef;background-image: linear-gradient(#fafbfd, #dce6ef);color: #151515;}
#menu li a.stay{border-bottom: 2px solid #D26911; background-color: transparent;background-image:none;}

/*--------------------------------------
  input
---------------------------------------*/
/* input[type="submit"], input[type="button"]{
   white-space: nowrap;
   -webkit-appearance: button;
   font-weight: normal;
   outline:none;
   padding: 4px 12px;
   font-size: 12px;
   height:31px;
   line-height: 20px;
   text-align: center;
   cursor: pointer;
   color: #333333;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   background-color: #f5f5f5;
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   display: inline-block;
   vertical-align: top;
   margin:0 0 0 -1px;
   border: 1px solid #cccccc;
   border-bottom-color: #b3b3b3;
   border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   }
 */
/*--------------------------------------
  form button
---------------------------------------*/
div.submit-area{text-align: center;}
div.submit-area div{width:136px; position: relative; margin: 0 auto;}
div.submit-area div button{float:left;}
/* input[type="submit"], input[type="button"], button{
   white-space: nowrap;
   -webkit-appearance: button;
   font-weight: normal;
   outline:none;
   padding: 4px 20px 4px 20px;
   font-size: 14px;
   height:40px;
   line-height: 20px;
   text-align: center;
   cursor: pointer;
   color: #333333;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   background-color: #f5f5f5;
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   display: inline-block;
   vertical-align: top;
   margin:0 0 0 -1px;
   border: 1px solid #cccccc;
   border-bottom-color: #b3b3b3;
   border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   }
   input[type="submit"]:focus, input[type="button"]:focus{border-color: #a6a6a6 #a6a6a6 #6f6f6f;}
   input[type="submit"]:hover, input[type="button"]:hover{
   color: #333333;
   background-color: #e6e6e6;
   text-decoration: none;
   background-position: 0 -15px;
   -webkit-transition: background-position 0.1s linear;
   -moz-transition: background-position 0.1s linear;
   -o-transition: background-position 0.1s linear;
   transition: background-position 0.1s linear;
   } */


/* input[type="text"], input[type="password"], textarea{
   height: 20px;
   padding: 4px 6px;
   margin: 0;
   font-size: 14px;
   line-height: 20px;
   color: #555555;
   background-color: #ffffff;
   border: 1px solid #cccccc;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border linear .2s, box-shadow linear .2s;
   -moz-transition: border linear .2s, box-shadow linear .2s;
   -o-transition: border linear .2s, box-shadow linear .2s;
   transition: border linear .2s, box-shadow linear .2s;
   float: none;
   position: relative;
   vertical-align: middle;
   display: inline-block;
   border-radius: 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
   -moz-border-radius: 3px 3px 3px 3px;
   background-image: none;
   outline:none;
   }
   input:disabled {
   color: #AAA;
   background-color: #F4F4F4;
   } */
/*--------------------------------------
  bootstrap buttons
---------------------------------------*/
/* input[type="submit"].btn-primary,
   .btn-primary {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #006dcc;
   background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
   background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
   background-image: -o-linear-gradient(top, #0088cc, #0044cc);
   background-image: linear-gradient(to bottom, #0088cc, #0044cc);
   background-repeat: repeat-x;
   border-color: #0044cc #0044cc #002a80;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   }

   input[type="submit"].btn-primary:hover,
   input[type="button"].btn-primary:hover,
   input[type="submit"].btn-primary:focus,
   input[type="button"].btn-primary:focus,
   input[type="submit"].btn-primary:active,
   input[type="button"].btn-primary:active,
   input[type="submit"].btn-primary.active,
   input[type="button"].btn-primary.active,
   input[type="submit"].btn-primary.disabled,
   input[type="button"].btn-primary.disabled,
   input[type="submit"].btn-primary[disabled],
   input[type="button"].btn-primary[disabled]{
   color: #ffffff;
   background-color: #0044cc;
   }

   .btn-primary:active,
   .btn-primary.active {
   background-color: #003399 \9;
   }
   input[type="submit"].btn-danger,
   .btn-danger {
   color: #ffffff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #da4f49;
 *background-color: #bd362f;
   background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
   background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
   background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
   background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
   background-repeat: repeat-x;
   border-color: #bd362f #bd362f #802420;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
   }

   input[type="submit"].btn-danger:hover,
   input[type="submit"].btn-danger:focus,
   input[type="submit"].btn-danger:active,
   input[type="submit"].btn-danger.active,
   input[type="submit"].btn-danger.disabled,
   input[type="submit"].btn-danger[disabled],
   .btn-danger:hover,
   .btn-danger:focus,
   .btn-danger:active,
   .btn-danger.active,
   .btn-danger.disabled,
   .btn-danger[disabled] {
   color: #ffffff;
   background-color: #bd362f !important;
 *background-color: #a9302a !important;
   }
   .btn-danger:active,
   .btn-danger.active {
   background-color: #942a25 \9;
   }
 */
/*--------------------------------------
  search
   ---------------------------------------*/
/* .form-search{
   -webkit-border-radius: 14px 0 0 14px;
   -moz-border-radius: 14px 0 0 14px;
   border-radius: 14px 0 0 14px;
   }
   .form-search{
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   }
   input.search-query {
   height: 20px;
   width: 200px;
   padding: 4px 6px;
   margin: 0;
   font-size: 14px;
   line-height: 20px;
   color: #555555;
   background-color: #ffffff;
   border: 1px solid #cccccc;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border linear .2s, box-shadow linear .2s;
   -moz-transition: border linear .2s, box-shadow linear .2s;
   -o-transition: border linear .2s, box-shadow linear .2s;
   transition: border linear .2s, box-shadow linear .2s;
   float: none;
   position: relative;
   vertical-align: middle;
   display: inline-block;
   border-radius: 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
   -moz-border-radius: 3px 3px 3px 3px;
   background-image: none;
   outline:none;
   }
   .form-search .input-group .btn:focus {border-color: #a6a6a6 #a6a6a6 #6f6f6f;}
   .form-search .input-group{position: relative;}
   .form-search .input-group .btn {
   height: 30px;
   white-space: nowrap;
   -webkit-appearance: button;
   font-weight: normal;
   outline:none;
   padding: 4px 12px;
   font-size: 14px;
   line-height: 20px;
   text-align: center;
   cursor: pointer;
   color: #333333;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   background-color: #f5f5f5;
   background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
   background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
   background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
   display: inline-block;
   vertical-align: top;
   margin:0 0 0 -1px;
   border: 1px solid #cccccc;
   border-bottom-color: #b3b3b3;
   border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   }
   .icon-search{
   display: inline-block;
   width: 14px;
   height: 14px;
   line-height: 14px;
   vertical-align: text-top;
   background-image: url("/static/img/glyphicons-halflings.png");
   background-position: 14px 14px;
   background-repeat: no-repeat;
   margin-top: 1px;
   background-position: -48px 0;
   }
   .search{width: 665px; margin:5px auto; overflow: visible;}
   #id_s, #id_b{margin:0 10px 0 0;}
   #id_s{width: 135px;}
   #id_b{width: 400px;} */
#suggest_building{
  border-right: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  background-color: #FFFFFF;
  flex: 1 1 auto;
}
#suggest_building ul{padding: 0;margin: 0;}
#suggest_building li{
  font-size: 13px;
  line-height: 25px;
  border-bottom: solid 1px #cccccc;
  margin: 0; padding: 3px 10px; list-style-type:none;}
#suggest_building li:hover{background-color: #fbd7dc; color:#005090;}
/*--------------------------------------
  ログインユーザーの情報
---------------------------------------*/
#userinfo{width:100%; font-size:14px;}
#userinfo div.userinfobox{width:260px; background-color:#DDD; float:right; margin:0 5px 3px 0; -moz-border-radius:5px; border-radius:5px;}
#userinfo div.user{margin:0 0 0 20px; text-align:left; float:left;}
#userinfo div.logout{margin:0 20px 0 0; text-align:right;}

.untouchable{padding:0 0 20px 70px; border-bottom:0; background-color:#EB8A07;}
/* .countnophoto{color:#FF0000;} */
.ui-button-icon-only{width:20px; height:20px; margin:3px 0 -3px 0; padding:0;}
/*button.ui-button-icon-only{width:23px; height:23px; margin:3px 0 -3px 0; padding:0;}*/
button.ui-button-icon-only{width:23px; height:23px; margin:-1px 0 -3px 0; padding:0;}
.odd{background-color:#D7D7E9;}
.even{background-color:#EDEDF5;}

/*--------------------------------------
  tables
---------------------------------------*/
div.chapter table{width:100%; font-size:13px; line-height:20px;}
div.chapter table th, div.chapter table td{border:1px #FFF solid; border-collapse:collapse; border-spacing:0; padding:0 10px; text-align:center;}
div.chapter table td{color:#333333;}
div.chapter table th.bgwhite, div.chapter table td.bgwhite{background-color:#FFF; padding:0 3px;}
table.login{width:800px;}
table.login td.header {width: 300px; padding: 5px 10px; margin: 5px 0; color: #595757;background-color: #eee;}
table.login td.val {width: 400px;padding: 5px 10px;margin: 5px 0;color: #595757;background-color: #ddd;}
table.login td.val input{width: 85%;}
table.office{clear:both; margin-top:30px; width:100%;}
table.office .odd{background-color:#D7D7E9;}
table.office .even{background-color:#EDEDF5;}
table.office th{background-color:#3F48BF; color:#FFF;}
table.office th.reverse{background-color:#E7A83F; color:#3F48BF;}
table.office th a{color:#FFF;}
table.office th a:hover{color:#FFF;}
table.office th a:visited{color:#FFF;}
table.office tr:hover{background-color:#fbd7dc;}
table.office tr:hover a{color:#005090;}
table.office tr:hover th a{color:#FFF;}
table.office tr:hover th a:hover{color:#FFF;}
table.office tr:hover th a:visited{color:#FFF;}

/* sortable table */
table.table thead.sortable th a{color:#212529;}
table.table thead.sortable th a:hover{color:#212529;}
table.table thead.sortable th a:visited{color:#212529;}
table.table thead.sortable th > * {display: block; margin: .75rem;}
table.table thead.sortable th {padding: 0;}
table.table thead.sortable th:hover {background-color: rgba(0,0,0,.075);}

/*--------------------------------------
  報告書一覧・編集・新規作成
  url: /report/select
---------------------------------------*/
#report-select .btn-area{width: 50px;}


/*--------------------------------------
  報告書一覧・編集・新規作成
  url: /report/lists
---------------------------------------*/
/* table#report-lists .fix4.datetime{font-size:11px; padding:0 3px;width:80px;}
   table#report-lists .total-check{width:28px;} */
/* table#report-lists td.total-check{font-size: 15px;} */
table#report-lists td.photo,
table#report-lists th.photo{width: 80px;}

table#report-lists .odd{background-color:rgba(0,0,0,.05);}
table#report-lists .even{background-color:#FFFFFF;}
table#report-lists tr.odd:hover,
table#report-lists tr.even:hover {background-color: rgba(0,0,0,.075);}
table#report-lists tr.inactive {background-color: #d6d8d9;}
table#report-lists tr.alert-red{color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
table#report-lists tr.alert-red:hover{background-color: #f8d7da;}
table#report-lists tr.alert-red a, table#report-lists tr.alert-red .total-check{color: #491217; font-weight: 700;}
table#report-lists tr.alert-magenta{color: #721c24; background-color: #ff90d2; border-color: #f5c6cb;}
table#report-lists tr.alert-magenta:hover{background-color: #ff90d2;}
table#report-lists tr.alert-magenta a, table#report-lists tr.alert-magenta .total-check{color: #491217; font-weight: 700;}
table#report-lists tr.alert-yellow{color: #856404; background-color: #fff3cd; border-color: #ffeeba;}
table#report-lists tr.alert-yellow:hover{background-color: #fff3cd;}
table#report-lists tr.alert-yellow a, table#report-lists tr.alert-yellow .total-check{color: #533f03; font-weight: 700;}

/* table .fix1 {width: 80px;}
   table .fix2 {width: 230px;}
   table .fix3 {width: 180px;} */
table tr.related-reports-wrap > td{padding: 0;}
table.office.related-reports{margin:0; width:630px;}
table.office.related-reports .fix1 {width: 145px;}
table.office.related-reports td{padding:0 10px;}
table.office.related-reports .photo-l{width:30px; padding-right:0; border-right:none;}
table.office.related-reports .photo-r{width:26px; padding-left:2px; border-left:none;}
/* div.related-reports{position:relative; background-color: #EFEFEF; margin:0px 0px 20px; padding:10px;} */
div.signboard-detail{width: 318px; margin: 0 5px 0 0;}
/*div.signboard-detail div.signid{background-color: #ff6387; #ef5588}*/
div.signboard-detail div.signid{background-color: #fd6897; line-height: 20px; margin-top: 1px; font-size: 14px; color:#FEFEFE;}
div.signboard-detail div.photo{margin:5px 0 0 0; /*max-width: 240px;*/ max-height: 110px; overflow: hidden;}
table.office.lists tr.related-reports-wrap{background-color: #FFF;}
table.office.lists tr.related-reports-wrap:hover{background-color: #FFF;}

/*--------------------------------------
  管理画面全般
---------------------------------------*/
div .manage-table-wrap{margin:0 auto;}
table.manage-table{font-size:12px; margin:0 0 0 5px; line-height:13px;
	border: 1px solid #dddddd; border-collapse: separate; border-left: 0;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	margin:0 auto;}
table.manage-table th, table.manage-table td{
	padding: 8px;
	border-left: 1px solid #dddddd;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}
table.manage-table th.first-child, table.manage-table td.first-child{border-top: 0;}
table.manage-table.row-break td{border-left: none;}
table.manage-table textarea#id_address{height:100px;}
/*--------------------------------------
  ユーザ管理
  url: /manage/user
---------------------------------------*/
/* list */
div.user .search {width:100%;}
div.user #id_q {width:300px;margin: 0 10px 0 0;}
table.user .fix1{width:80px;}
table.user .fix2{width:240px;}
table.user .fix3{width:40px;}
table.user .fix4{width:150px;}
table.user .fix5{width:145px;}
table.user .fix6{width:145px;}
/* edit */
div.manage.user form.form-a table {width: 650px;font-size: 14px;margin: 0 auto;}
div.manage.user form.form-a th {width: 220px;}
div.manage.user #reporter-only td{padding: 0 23px 0 0;}
div.manage.user #reporter-only td.check{padding: 0; width: 20px;}
div.manage.user #reporter-only td.license{padding: 0 10px 0 0; width: 80px;}

/*--------------------------------------
  ドメイン管理
  url: /manage/domain
---------------------------------------*/
div.domain .search {width:100%;}
div.domain #id_q {width:300px;margin: 0 10px 0 0;}
table.domain .fix1{width:900px;}
table.signboard .fix1{width:100px;}
table.signboard .fix2{width:300px;}
table.signboard .fix3{width:250px;}
table.signboard .fix4{width:80px;}
table.lists .fix1{width:100px;}
table.lists .fix2{width:230px;}
table.lists .fix3{width:185px;}
table.lists .fix4{width:80px;}
table.lists .fix5{width:70px;}
/*table.lists .fix5{width:45px;}*/
table.building .fix1{width:250px;}
table.building .fix2{width:170px;}
table.building .fix3{width:150px;}
table.building .address{color:#222; font-size:12px;}
table.building .fix4{width:80px;}
table.track td{font-size:12px;}
table.track .access-browser{color:#222; font-size:10px;}
table.track .fix1{width:80px;}
table.track .fix2{width:200px;}
table.track .fix3{width:100px;}
table.track .fix4{width:250px;}
table.track .fix5{width:80px;}

/*--------------------------------------
  最新の報告書
  url: /report/latest
---------------------------------------*/
div.chapter table th.column-check, div.chapter table td.column-check{width:20px; padding:0;}
div.chapter table th.column-check input, div.chapter table td.column-check input{margin: auto 7px;}
table#batch-print-list{margin-top: 15px;}
table#batch-print-list .photo{width: 80px;}
form#form_batch_print_export hr{margin-top: 4px;}
div#notification{font-size: 13px; height:38px; border-radius: 3px; border: 1px solid #ddd; box-shadow: none;}
div#notification div{margin:12px 0 0 30px;}
table.latest .fix1{width:150px;}
table.latest .fix2{width:420px;}
table.latest .fix3{width:170px;}
table.latest .photo-l{width:30px; padding-right:0; border-right:none;}
table.latest .photo-r{width:26px; padding-left:2px; border-left:none;}
table.latest .signname{color:#222; font-size:13px;}
/*table.latest tr:hover{background-color: #fba7b0; #ff6387;}*/
table.select td a{display:block; width:100%; color:#004E7c;}
table.select td a:hover{color:#24678F;}
table.select .fix1{width:90px;}
table.select .fix2{width:265px;}
table.select .fix3{width:200px;}
table.select .fix4{width:78px;}
table.select .fix5{width:70px;}
table.office.manage th{background-color:#FFF; color:#000;}
table.office.manage .label{font-size:14px; background-color:#9595AF; height:30px;}
table.office.manage td.before div, table.office.check td.after div{width:300px; word-break:break-all;}
table.userinfo{clear:both; margin-top:30px; width:100%;}
table.userinfo tr{height:20px;}
table.userinfo .odd{background-color:#D7D7E9;}
table.userinfo .even{background-color:#EDEDF5;}
div.ipcontrol input[type="text"]{width:35px; border:solid 1px #BCCDF0;}
.floatright{float:right;}
.center{margin-left:300px;}
#pubmain div{margin-bottom:30px;}
#pubmain table{margin-bottom:30px;}
#pubmain table td{padding-right:50px;}
a.nocolor, a.nocolor:hover{color:#FFF}

.l0{-moz-transform:rotate(0deg);  /* FireFox */
     -o-transform:rotate(0deg);  /* Opera */
     -webkit-transform:rotate(0deg);translate(50,50);  /* webkit */
     -ms-transform:rotate(0deg);  /* IE9 */
     /* transform:rotate(0deg);
      * -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0)";
      * filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /\* IE5.5+ *\/ */
     }


.l90{-moz-transform:rotate(270deg);  /* FireFox */
     -o-transform:rotate(270deg);  /* Opera */
     -webkit-transform:rotate(270deg);translate(50,50);  /* webkit */
     -ms-transform:rotate(270deg);  /* IE9 */
     /* transform:rotate(270deg);
      * -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
      * filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /\* IE5.5+ *\/ */
     }

.l180{-moz-transform:rotate(180deg);  /* FireFox */
     -o-transform:rotate(180deg);  /* Opera */
     -webkit-transform:rotate(180deg);translate(50,50);  /* webkit */
     -ms-transform:rotate(180deg);  /* IE9 */
     /* transform:rotate(180deg);
      * -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
      * filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /\* IE5.5+ *\/ */
     }

.l270{-moz-transform:rotate(90deg);  /* FireFox */
     -o-transform:rotate(90deg);  /* Opera */
     -webkit-transform:rotate(90deg);translate(50,50);  /* webkit */
     -ms-transform:rotate(90deg);  /* IE9 */
     /* transform:rotate(90deg);
      * -ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
      * filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /\* IE5.5+ *\/ */
     }

div#photoTemporary{margin-top:5px;}
div#bindPhotoArea {margin-top:5px;}
div.cache-photobox{float:left; margin:0 2px 2px 0; height:244px; text-align:center; padding:2px; width:235px; overflow:hidden;}
div.scaffold div.cache-photobox{width:230px;}
div.cache-photobox div{margin:0; padding:0; width:230px; height:117px; overflow:hidden;}
div.cache-photobox div img{margin:0; padding:0; width:150px; height:111px; border:3px #FFF solid; border-collapse:collapse; border-spacing:0;}
div.cache-photobox p{color:#333; font-size:12px; line-height:14px; margin-top:4px;}
div.cache-photobox div {border:3px #FFF solid; border-collapse:collapse; border-spacing:0;}
div.cache-photobox div img.photoselected{border:3px #F00 solid; border-collapse:collapse; border-spacing:0;}
div.cache-photobox input[type="submit"], input[type="button"]{padding:5px 4px; height:31px;}
div.inner-photo-err { padding: 10px; color: #666; font-size: 10pt; }
div.cache-photobox div.nophoto{width:148px; height:109px; border:1px solid #666; font-size:12px;}

/*--------------------------------------
  写真の関連付け
  url: /photo/bind/
---------------------------------------*/
#bind-container{background-color: #FAFAFA;}
#bind-controler{float:right;}
/* div#contents #bind-controler button{margin-top:10px;height:30px; padding:0 20px;} */
div#contents #bind-info{width:550px; float:left;}
div#contents #bind-info table.table-bind td{height:25px; padding:0;}
div#contents #bind-info table.table-bind td.label{padding-right: 30px;}
#timeline div.canvas-wrap {max-height: 100px;display: flex;}
div.bind-photo-ctl {height: 38px; margin-left:10px;}
#timeline canvas {padding:3px;}
#timeline .card-body {font-size:18px;line-height:20px;}
#timeline .disabled {background-color: inherit; border-color: #FFF;}
div.timeline table{margin:10px 0; width:980px;}
div.timeline table div.cache-photobox{height:150px; margin:0; padding: 1px;}
div.timeline table td.label{width:58px; border-left:2px solid #7A87AC; border-top:3px solid #7A87AC;}
div.timeline table td.photo{padding:5px; width:820px;}

div.delete{background-color:#000; background:rgba(0, 0, 0, 0.6); z-index:1200; width:100%; height:100%; position:absolute; top:0; left:0;}
div.delete div.confirm-wrap{z-index:1300; position:fixed; top:200px; width:100%;}
div.delete div.confirm{width:650px; background:rgba(255, 255, 255, 1); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;margin:0 auto;}
div.delete div.confirm div{padding:20px;}
div.delete div.confirm div.clearfix{padding:20px 0 0 0;}
div.delete div.confirm div p{font-size:15px; line-height:25px; margin:0}
div.delete div.confirm input[type="button"]{margin-left:100px; padding:4px 20px 4px 20px;height: 40px;}
div.delete div.confirm .btn-danger{margin-left:155px; padding:4px 20px 4px 20px; height:40px;}

div.check-true{background-image:url("../img/check-true.gif"); background-repeat:no-repeat; width:15px; height:15px; float:left; margin:0;}
div.check-float{float:left;}
div.check-false{background-image:url("../img/check-false.gif"); background-repeat:no-repeat; width:15px; height:15px; float:left; margin:0;}

div.report-a4{background-color:FFF; width:987px; border:1px solid #000; margin-bottom:40px; position:relative;}
div.report-a4 .rel{min-height:1396px;}
div.report-a4 .fix{height:1396px;}
div.report-a4 div.reportcontent{margin:40px 55px;}
div.report-a4 div.information{float:right; text-align:right; font-size:14px; line-height:22px; position:absolute; top:40px; left:600px;}
div.report-a4 h1{margin-bottom:50px; text-align:center; font-size:25px;}
div.report-a4 div.summaryphoto{border:1px solid #888888; width:331px; height:247px; margin:10px 0 20px; text-align:center;}
div.report-a4 div.summaryphoto p{margin-top:105px; }
div.report-a4 div.summaryphoto input{width:24px;}
div.report-a4 table.rep1{width:100%; border:1px solid #000; border-collapse:collapse; margin:0; font-size:13px; clear:both;}
div.report-a4 table.rep1 th{border:1px solid #000; text-align:center;}
div.report-a4 table.rep1 td{border:1px solid #000; padding:0 5px;}
div.report-a4 table.rep1 .fix1{text-align:center; width:60px;}
div.report-a4 table.rep1 th .fix2{text-align:center; width:85px;}
div.report-a4 table.rep1 .fix3{text-align:center; width:34px;}
div.report-a4 table.rep1 .fix4{width:515px;}
div.report-a4 table.rep1 .fix6{width:550px;}
div.report-a4 table.rep1 .fix5{width:192px;}
div.report-a4 table.rep2{width:100%; border-collapse:collapse; margin:0; font-size:13px; clear:both;}
div.report-a4 table.rep2 td{width:438px; height:320px; text-align:center;}
div.report-a4 table.rep2 td div.detailphoto-wrap{height:267px; padding:10px 5px; margin:5px;}
div.report-a4 table.rep2 td div.detailphoto{border:1px solid #888888; width:330px; height:247px; margin:0 auto; position:relative;}
div.report-a4 div.checkitems{float:left; width:510px;}
div.report-a4 div.row{border-bottom:1px solid #888888; margin:0 0 5px; font-size:14px; line-height:22px;}
div.report-a4 div.input-small{width:120px; margin-right:20px;}
div.report-a4 ul{margin:0; padding:0;}
div.report-a4 li{font-size:11px; color:#333; text-align:center; list-style-type:none; float:left; border-right:1px #FFF solid; border-collapse:collapse; border-spacing:0; margin:0;}
div.report-a4 div.rowend{margin-bottom:20px;}
div.report-a4 span.heading{margin:0 25px 0 0;}
div.report-a4 table.rep2 div.row{border-bottom:1px solid #888888; margin:0 15px 5px 0; font-size:14px; line-height:22px; text-align:left;}
div.report-a4 table.rep2 input.position{width:24px;}
div.report-a4 table.rep2 input.caption{margin-left:3px; width:340px;}
div.report-a4 table.rep1{width:100%; border:1px solid #000; border-collapse:collapse; margin:0; font-size:13px; clear:both;}
/* drawup2 */
div.report-a4 table.rep3 th{border:1px solid #000; text-align:center;}
div.report-a4 table.rep3 td{border:1px solid #000; padding:2px 11px;}
div.report-a4 table.rep3 .fix1{text-align:center; width:60px;}
div.report-a4 table.rep3 th .fix2{text-align:center; width:85px;}
div.report-a4 table.rep3 .fix3{text-align:center; width:34px;}
div.report-a4 table.rep3 .fix4{width:650px;}
div.report-a4 table.rep3 .fix4{width:550px;}
div.report-a4 table.rep3{width:100%; border:1px solid #000; border-collapse:collapse; margin:0; font-size:13px; clear:both;}
/* drawup3 */
div.report-a4 table.rep5 th{border:1px solid #000; text-align:center;}
div.report-a4 table.rep5 td{border:1px solid #000; padding:2px 8px;}
div.report-a4 table.rep5 .fix1{text-align:center; width:60px;}
div.report-a4 table.rep5 th .fix2{text-align:center; width:85px;}
div.report-a4 table.rep5 .fix3{text-align:center; width:34px;}
div.report-a4 table.rep5 .fix4{width:550px;}
div.report-a4 table.rep5{width:100%; border:1px solid #000; border-collapse:collapse; margin:0; font-size:13px; clear:both;}
div.report-a4 table.rep5 .spanb{width:130px;}
div.report-a4 table.rep5 .spanc{width:300px;}
div.report-a4 table.rep5 .spand{width:220px;}
div.report-a4 table.rep5 .spane{width:360px;}
div.report-a4 table.rep5 .spang{width:420px;}
div.report-a4 table.rep5 div.choice li{border:none; margin:0 0 0 4px;}

div.report-a4 table.rep5 .boolean{width:35px;}

/*--------------------------------------
  報告書編集(事務員) v0
  url: /report/edit
---------------------------------------*/
div.report-a4 table.rep4{margin: 8px 0 0 0;}
div.report-a4 table.rep4 th{border:1px solid #000; text-align:center;}
div.report-a4 table.rep4 td{border:1px solid #000; padding:4px 11px;}
div.report-a4 table.rep4 td.odd{background-color:#EDEDF5;}
div.report-a4 table.rep4 .fix1{text-align:center; width:60px;}
div.report-a4 table.rep4 .fix3{text-align:center; width:34px;}
div.report-a4 table.rep4 .fix4{width:600px;}
div.report-a4 table.rep4{width:100%; border:1px solid #000; border-collapse:collapse; margin:0; font-size:13px; clear:both;}
div.report-a4 td.check-comment div{height:150px; overflow:hidden;word-wrap: break-word; word-break:break-all;}
div.report-a4 td.check-comment textarea{line-height:16px; margin:5px 0; overflow:hidden;height:128px;}

#id_check_comment{width:98%;}
p.indexlinks a{margin-left:3px;}

form.form-a table{width:600px; font-size:14px; margin:0 auto;}
form.form-a th{width:170px;}
form.form-a td a{font-size:12px;}

input[type="submit"].danger, input[type="button"].danger{border:1px solid #FFBC1B; background-color:#BD362F;}

form.report_select.a input[type="text"]{width:150px;}

div#manage-menu{margin:0 auto 10px; background-color: #EFEFEF; width: 980px;}
div#manage-menu div#manage-menu-inner{margin:10px;}
div#manage-menu .stay{background-color:#fbd7dc;}/*#fd6897;*/
div#manage-menu .stay a{color:#330033;}
div#manage-menu table div{padding:0 0 0 15px; width:110px; -moz-border-radius:2px; border-radius:2px;}
div#manage-menu table th{text-align:left; width:25%; font-size:15px; font-weight:normal; padding:0 0 0 28px;}
div#manage-menu table td{font-size:13px; line-height:20px; padding:0 0 0 15px;}
div.report-a4 table.rep2 td div.detailphoto span.closebtn{float:right; position:absolute; top:10px left:30px; width:20px; height:20px; padding:0;}
.bindcancel{background-color:#AAA;}
.bindcancel input[type="button"]{color:#AAA; border:1px solid #333; background-color:#666;}
:disabled{background-color:#CCC;}
div.danger{background-color:#DE6761; padding:1px 2px;}
div.disable{color:#CCC; background:#888 url("");}
div.disable2{color:#555; background:#A5A5A5;}
div.disable2 h1{color:#555;}
div.disable input{color:#CCC; border:2px solid #333; background:#666; url("")}

div.advanced-search{display:none;}
div.advanced-search div{display:none;}
div.contractor_logo{height:73px; width:150px; overflow: hidden;}

/*--------------------------------------
  看板情報の新規登録・編集
  url: /manage/signboard/{add|edit}/
---------------------------------------*/
table.signboard .error{color: #b94a48; background-color: #f2dede; border-color: #b94a48;}
table.signboard .disabled{background-color: #F4F4F4; color: #9A9A9A;}
/* table.signboard input[type="text"]:active,
   table.signboard input[type="text"]:focus
   {border-color: #1abc9c; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline:none;} */
#signadd{width:989px; margin:0 auto;}
#signadd div.tableform{margin-top:15px;}
#signadd .fl{float:left;}
table.signboard{font-size:12px; width:480px; margin:0 0 0 5px; line-height:13px;
	border: 1px solid #dddddd; border-collapse: separate; border-left: 0;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
table.signboard th, table.signboard td{
	padding: 8px;
	border-left: 1px solid #dddddd;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}
table.signboard th.first-child, table.signboard td.first-child{border-top: 0;}
table.signboard div.choice li{border:none; margin:0 0 0 4px;float: left;}
table.signboard td, table.signboard th{padding:4px;}
table.signboard th{width:120px; font-weight: normal;}
table.signboard td input{clear:both;}
#signadd #id_signboard_id,
#signadd #id_setting_point,
#signadd #id_content,
#signadd #id_material_otherwise,
#signadd #id_basematerial_otherwise,
#signadd #id_surface_otherwise,
#signadd #id_lighting_otherwise,
#signadd #id_kakou_otherwise,
#signadd #id_attach_parts_otherwise,
#signadd #id_area,
#signadd #id_regulations_areaname,
#signadd #id_setting_date,
#signadd #id_modified_date,
#signadd #id_designer,
#signadd #id_cooperate{width: 325px;}
table.signboard #id_alert_start_year{width:20px;margin-right: 4px;}
table.signboard h3{line-height:13px; margin:15px 0;}
table.signboard h4{line-height:13px; margin:10px 0 5px;}
table.signboard li{list-style-type:none;}
table.signboard div.label{float:left; color:inherit;}
table.signboard .adframe_mngtype div.label{width: 50px;}
div#sizes{margin:0 0 5px; font-size:12px; line-height:22px;}
div#sizes .item{float: left;width: 300px; margin: 3px 0;}
div#sizes .height,
div#sizes .width,
div#sizes .depth,
div#sizes .count,
div#sizes .gl_height{float: left;}
div#sizes  div.label{float: left; padding:0; margin: 3px 3px 2px 6px;}
div#sizes .height div.label,
div#sizes .width div.label,
div#sizes .depth div.label,
div#sizes .count div.label,
div#sizes .gl_height div.label{width:36px; float:left; padding:0;text-align:center;}
div#sizes .gl_height div.label{width:128px; font-size:9px; margin: 3px 3px 2px 10px;}
div#sizes .height input,
div#sizes .width input,
div#sizes .depth input,
div#sizes .count input,
div#sizes .gl_height input{width:80px; font-size:12px; line-height:13px; padding: 2px 1px;}
td.license{width:100px; text-align:right; padding:0 10px 0 0; fong-size:13px;}
table.signboard .line13 .value{width:280px;margin-left:20px;}

.error .help-inline {color:#b94a48;}
.error input, .error select,.error textarea {color:#b94a48;  border-color:#b94a48;}
.error select:focus, .error textarea:focus{border-color:#953b39; webkit-box-shadow:0 0 6px #d59392; moz-box-shadow:0 0 6px #d59392; box-shadow:0 0 6px #d59392;}
.error{color:#b94a48; background-color:#f2dede; border-color:#b94a48;}
div.report-a4 input[type="text"]{width:90px; margin:2px 0 0 5px; float:left; line-height:9px; height:9px; border:2px solid #8EC31F; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:10px;}
div.report-a4 .error input[type="text"]{border:2px solid #B94A48;}
div.report-a4 input[type="text"]:disabled{border:2px solid #666; color:#AAA;}
div.report-a4 .fl{float:left;}
div.report-a4 .fr{float:right;}
div.report-a4 .mar{margin:0 10px;}
div.report-a4 .pad{padding:0 5px;}
div.report-a4 .group{margin:3px 5px; font-size:11px; color:#333; border:1px solid #BBB; background-color:#D7D7D7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
div.report-a4 .grouperror{border:1px solid #B94A48; background-color:#F2CACA;}
div.report-a4 .span-mini{width:30px;}
div.report-a4 .spana{width:70px;}
div.report-a4 .spanb{width:230px;}
div.report-a4 .spanc{width:320px;}
div.report-a4 .spand{width:440px;}
div.report-a4 .spane{width:500px;}
div.report-a4 .spanf{width:600px;}
div.report-a4 .spang{width:90px;}
div.report-a4 .spanh{width:33px;}
div.report-a4 .spani{width:55px;}
div.report-a4 .spanj{width:100px;}
div.report-a4 .spank{width:120px;}
div.report-a4 table.rep3 .spank{width:425px;}
.report-otherwise{float:right; margin-right:20px;}
.spanl{width:40px;}
.spanm{width:20px;}
.spann{width:90px;}
.spano{width:60px;}
.spanp{width:45px;}
.spanq{width:110px;}
.spanr{width:160px;}
.spank{width:120px;}
.spans{width:435px;}
.report-form1{float:right; text-align:right;}
div.hfixa{height:19px;}
div.choice li{border:none;}
div.choice ul{float:left;}
div.report-a4 table.rep3 div.choice li{border:none; margin:0 5px;}
div.report-a4 .info{width:875px;}
div.report-a4{margin:0 auto;}
#info-photo-wrap{height:300px;}
div.checkitems{margin-top:20px;}
.space-v{margin:30px 0;}
.space-a{margin:10px 0;}
.space-b{margin:20px 0;}
.space-c{margin:30px 0;}
.lm-min{margin-left:4px;}
.lm-a{margin-left:10px;}
.lm-b{margin-left:20px;}
.lm-c{margin-left:30px;}
.lm-d{margin-left:40px;}
.tm-a{margin-top:10px;}
.tm-b{margin-top:20px;}
.tm-c{margin-top:30px;}
.tm-d{margin-top:40px;}
.tm-e{margin-top:50px;}
/*--------------------------------------
  control
---------------------------------------*/
div.ctrl.edit,
div.ctrl.su_edit{margin: 10px;}


/*--------------------------------------
  photo
---------------------------------------*/
div#photo_management h1{
	display: block;
	font-size: 30px;
	color: #5a5a5a;
	line-height: 32px;
}
div#photo_management .page-header {
	padding-bottom: 9px;
	margin: 20px 0 30px;
	border-bottom: 1px solid #eeeeee;
}
/*--------------------------------------
  swf upload controler
---------------------------------------*/
#upload-controller .fl{float:left;}
#upload-controller{float:left;}
#upload-controller{background-color:#EFEFEF; overflow:hidden; width:980px; margin:0 auto 10px; height:150px;}
#upload-controller-main{margin:10px 20px; width: 420px;}
#upload-controller .label{font-size: 14px;}
#upload-controller .metainfo{margin:30px 0 10px;}
div#contents form#photoactivate{margin:0; float:left;}
div#contents #upload-controller-main input[type="submit"][disabled]{
    color: #AAAAAA;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
	}
div#contents #upload-controller-main input[type="submit"][disabled]:hover{color:#AAAAAA; background-color: #e6e6e6; cursor:not-allowed;}
div#contents #upload-controller-main input[type="submit"]{
    white-space: nowrap;
    -webkit-appearance: button;
    font-weight: normal;
    outline:none;
    padding: 4px 20px 4px 20px;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    display: inline-block;
    vertical-align: top;
    margin:0 0 0 -1px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}
div#contents #upload-controller-main input[type="submit"]:focus{border-color: #a6a6a6 #a6a6a6 #6f6f6f;}
div#contents #upload-controller-main input[type="submit"]:hover,
div#contents #upload-controller-main input[type="submit"]:active{
    color: #ffffff;
    background-color: #0044cc;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}
#photoupload{float:left;}
#photouploadform{margin-bottom:10px;}
#photouploadform td{padding-right:50px;}
div#contents div#photoupload-wrap{margin:10px 0 20px;}
.photodontupload{background-color:#AAA;}
.photodontupload input[type="button"]{color:#AAA; border:1px solid #333; background-color:#666;}
#photouploadarea input[type="button"]{color:#AAA; border:1px solid #333; background-color:#666; cursor:default;}
#photouploadarea{padding:5px; width:100px;}
#photouploadarea.enable{background-color:#FFF;}
#photouploadarea.enable input[type="button"]{color:#FFF; border:1px solid #FFBC1B; background-color:#EB8A07; cursor:pointer;}
#btnCancel{display:none;}
.swfupload {position:absolute; z-index:1;}
.progress-area{width:500px; height:150px; overflow:hidden;}
.progressWrapper{width:500px; overflow:hidden; clear:both;}
.progressContainer {margin:5px; padding:4px; border:solid 1px #E8E8E8; background-color:#F7F7F7; overflow:hidden;}
.red {border:solid 1px #B50000; background-color:#FFEBEB;} /* Error */
.green {border:solid 1px #DDF0DD; background-color:#EBFFEB;} /* Current */
.blue {border:solid 1px #CEE2F2; background-color:#F0F5FF;} /* Complete */
.progressName {font-size:8pt; color:#555; width:323px; font-size:12px; line-height:14px; height:14px; text-align:left; white-space:nowrap; overflow:hidden;float:left;}
.progressBarInProgress{font-size:0; width:0%; height:2px; background-color:#EB5407; margin-top:2px;}
.progressBarComplete,
.progressBarError{font-size:0; width:0%; height:2px; background-color:blue; margin-top:2px;}
.progressBarComplete {width:100%; background-color:green; visibility:hidden;}
.progressBarError {width:100%; background-color:red; visibility:hidden;}
.progressBarStatus{margin-top:2px; width:337px; font-size:7pt; font-family:Arial; text-align:left; white-space:nowrap; float:left; margin-left:30px;}
.progressBarStatus,
.temporary-weak{color:#666; font-size:12px; line-height:14px}
a.progressCancel {font-size:0; display:block; height:14px; width:14px; background-image:url(../img/cancelbutton.gif); background-repeat:no-repeat; background-position:-14px 0px; float:right;}
a.progressCancel:hover {background-position:0px 0px;}
.invincible{display:none;}
input[type="submit"][disabled]:hover, input[type="button"][disabled]:hover{background: #666;}
div#flash-install { background-color: #fffacd; border: 1px solid #f0e68c; padding: 10px; line-height: 20px; }
#scaffold-main{font-size:13px;}
#scaffold-loading{width:162px; height:123px; display:block; background-image:url("../img/loading2.gif");}
.scaffold-table-invisible{background-color:#AAA;}
.scaffold-table-invisible input[type="button"]{color:#AAA; border:1px solid #333; background-color:#666;}
div.scaffold-table-invisible.cache-photobox div{border:3px #AAA solid;}

/*--------------------------------------
  messages
---------------------------------------*/
.border-box{border:solid 1px #888888; border-bottom:0px; padding:1px 3px;}
.warning{padding: 8px 5px; background-color:#FCF8E3; border:1px solid #E0CEB5;}
.info{background: #EFD; border: 1px solid #BC9; padding-left:90px;}
.success{padding:8px 5px; background-color:#dff0d8; border:1px solid #468847;}
div#messages-box{margin: 0 auto; width: 100%;}
ul#messages { list-style: none; margin: 0 auto; padding:0;}
ul#messages li{filter:alpha(opacity=95); opacity: 0.95;z-index:1200; padding:4px 10px 4px 20px; margin:0 0 5px 0; font-size:17px;line-height: 20px; border: 1px solid #ccc; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;}
ul#messages li a{ float: right; color: #693;}
ul#messages li.debug,
ul#messages li.info{color: #3a87ad;background-color: #d9edf7;border-color: #bce8f1;}
ul#messages li.success{color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}
ul#messages li.warning,
ul#messages li.error{color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}

/*--------------------------------------
  icons
---------------------------------------*/
.icon16.btn{
  display: inline-block;
  cursor: pointer;
  background-color: #FFF;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  margin: 2px 0 0 0;
  padding: 3px 0 0 0;
  height:17px;
  width:20px;
}

.icon16.add:before{content: url('/static/img/glyphicons/add.png');}
.icon16.arrow-7-left:before{content: url('/static/img/glyphicons/arrow-7-left.png');}
.icon16.arrow-7-right:before{content: url('/static/img/glyphicons/arrow-7-right.png');}
.icon16.cancel:before{content: url('/static/img/glyphicons/cancel.png');position:relative;top:-1px;}
.icon16.edit:before{content: url('/static/img/glyphicons/edit.png');}
.icon16.edit-document:before{content: url('/static/img/glyphicons/edit-document.png');}
.icon16.folder:before{content: url('/static/img/glyphicons/folder.png');}
.icon16.link:before{content: url('/static/img/glyphicons/link.png');}
.icon16.link-broken:before{content: url('/static/img/glyphicons/link-broken.png');}
.icon16.MD-photo:before{content: url('/static/img/glyphicons/MD-photo.png');}
.icon16.MD-photos-alt:before{content: url('/static/img/glyphicons/MD-photos-alt.png');}
.icon16.print-alt:before{content: url('/static/img/glyphicons/print-alt.png');}
.icon16.padlock-closed:before{content: url('/static/img/glyphicons/padlock-closed.png');}
#scaffold-main .icon16.btn{height: 26px;width: 26px;}
#scaffold-main div.cache-photobox div.nophoto {height: 107px; border:1px solid #999;}

@font-face {
  font-family: 'Flat-UI-Icons';
  src: url('/static/fonts/Flat-UI-Icons.eot');
  src: url('/static/fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Flat-UI-Icons.woff') format('woff'), url('/static/fonts/Flat-UI-Icons.ttf') format('truetype'), url('/static/fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: 'Flat-UI-Icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.fui-arrow-right, .fui-arrow-left, .fui-cmd,
.fui-check-inverted, .fui-heart, .fui-location,
.fui-plus, .fui-check, .fui-cross, .fui-list,
.fui-new, .fui-video, .fui-photo, .fui-volume,
.fui-time, .fui-eye, .fui-chat, .fui-search,
.fui-user, .fui-mail, .fui-lock, .fui-gear,
.fui-radio-unchecked, .fui-radio-checked, .fui-checkbox-unchecked,
.fui-checkbox-checked, .fui-calendar-solid, .fui-pause,
.fui-play, .fui-check-inverted-2 {
  display: inline-block;
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.fui-arrow-right:before {content: "\e02c";}
.fui-arrow-left:before {content: "\e02d";}
.fui-cmd:before {content: "\e02f";}
.fui-check-inverted:before {content: "\e006";}
.fui-heart:before {content: "\e007";}
.fui-location:before {content: "\e008";}
.fui-plus:before {content: "\e009";}
.fui-check:before {content: "\e00a";}
.fui-cross:before {content: "\e00b";}
.fui-list:before {content: "\e00c";}
.fui-new:before {content: "\e00d";}
.fui-video:before {content: "\e00e";}
.fui-photo:before {content: "\e00f";}
.fui-volume:before {content: "\e010";}
.fui-time:before {content: "\e011";}
.fui-eye:before {content: "\e012";}
.fui-chat:before {content: "\e013";}
.fui-search:before {content: "\e01c";}
.fui-user:before {content: "\e01d";}
.fui-mail:before {content: "\e01e";}
.fui-lock:before {content: "\e01f";}
.fui-gear:before {content: "\e024";}
.fui-radio-unchecked:before {content: "\e02b";}
.fui-radio-checked:before {content: "\e032";}
.fui-checkbox-unchecked:before {content: "\e033";}
.fui-checkbox-checked:before {content: "\e034";}
.fui-calendar-solid:before {content: "\e022";}
.fui-pause:before {content: "\e03b";}
.fui-play:before {content: "\e03c";}
.fui-check-inverted-2:before {content: "\e000";}

/*--------------------------------------
  clear fix
---------------------------------------*/
.clearfix:after{height:0;content:".";visibility:hidden;display:block;clear:both;}
.clearfix{zoom: 1;/*for IE 5.5-7*/} /*--IE用--*/
* html .clearfix{zoom:1;height: 1%;overflow: visible;} /* Hides from IE-mac \*/

/*--------------------------------------
  debug
---------------------------------------*/
#loading2{width:32px; height:32px; display:block; background-image:url("../img/loading2.gif"); border:none;}
.debug{font-size:9px; background-color:#BCC; width:100%; color:#333;}
#loading{width:15px; height:15px; display:block; background-image:url("../img/loading.gif");}
.debug{border:1px solid #888; background-color:#7A87AC; width:70px;}


/*--------------------------------------
  V3
---------------------------------------*/
button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
}

.search #id_opt1, .search #id_opt2 {
  font-size: 20px !important;
  line-height: 14px; color: black; display: inline-block; box-sizing: border-box;
}

div.related-reports {
  line-height: 1.5em;
  overflow: scroll;
  max-height: 223px;
}

.bd-sidebar {
  border-right: 1px solid rgba(0,0,0,.1);
}

.bd-sidebar .list-group-item {
  border:none;
}
.filepond--root,
.filepond--root .filepond--drop-label {
  min-height: 300px !important;
}
.filepond--list-scroller{
  top: -100px !important;
}
.filepond--root small{
  font-size: 80% !important;
}

/* #report-lists-search-form */
#report-lists-search-form .input-group .form-group{
  margin-bottom: 0.5rem;
}
#report-lists-search-form .input-group small{
  margin-top: 4px;
  display: block;
}

@media (max-width: 767.98px) {
  #report-lists-search-form .input-group .col-md-5,
  #report-lists-search-form .input-group .col-md-7{
    padding:0;
  }
  #report-lists-search-form .input-group .form-group{
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  #report-lists-search-form .container-fluid{
    padding: 0px;
  }
  #report-lists-search-form .col-md-2,
  #report-lists-search-form .col-md-3,
  #report-lists-search-form .col-md-5,
  #report-lists-search-form .col-md-7{
    padding-right: 0px;
  }
  #report-lists-search-form .input-group-text,
  #report-lists-search-form .custom-select{
    font-size: 12px;
  }
  #report-lists-search-form .custom-select{
    height: calc(1.5em + .75rem + 8px);
  }
  #report-lists-search-form .input-group-text{
    padding: .375rem .60rem;
  }
}

@media (min-width: 960px) {
  #report-lists-search-form .input-group-text,
  #report-lists-search-form .custom-select{
    font-size: 1rem;
  }
  #report-lists-search-form .custom-select{
    height: calc(1.5em + .75rem + 2px);
  }
}

/* #admin-signboard-search-form */
#admin-signboard-search-form .input-group{
  padding-right: 15px;
}
#admin-signboard-search-form .input-group small {
  margin-top: 4px;
  display: block;
}
@media (min-width: 768px) {
  #admin-signboard-search-form .input-group{
    padding-right: 0px;
  }
  #admin-signboard-search-form .input-group.col-md-2{
    padding-right: 15px;
    padding-left: 0px;
  }
}
#export .btn-outline-secondary.btn-block {
  font-size: 14px;
}