@charset "UTF-8";
/* line 17, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 5, ../sass/common.scss */
body {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
}

.last-month, .next-month{
  color: silver;
}
.event{
  background-color: #99FFCC !important;
}
.rest{
  background-color: silver !important;
}
.today{
  background-color: #99ccff !important;
}


/* line 10, ../sass/common.scss */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* line 18, ../sass/common.scss */
.clearfix {
  min-height: 1px;
}

/* line 22, ../sass/common.scss */
* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

/* line 30, ../sass/common.scss */
.wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 auto;
}
/* line 35, ../sass/common.scss */
.wrapper img {
  vertical-align: bottom;
}
/* line 38, ../sass/common.scss */
.wrapper a {
  text-decoration: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
/* line 43, ../sass/common.scss */
.wrapper a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 47, ../sass/common.scss */
.wrapper .header {
  background-image: url(../img/header-bg.jpg);
  background-repeat: repeat-x;
  height: 107px;
}
/* line 51, ../sass/common.scss */
.wrapper .header .header-area {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
/* line 55, ../sass/common.scss */
.wrapper .header .header-area h1 {
  float: left;
  margin-top: 30px;
}
/* line 59, ../sass/common.scss */
.wrapper .header .header-area .nav {
  float: left;
  position: absolute;
  height: 107px;
  right: 0;
}
/* line 65, ../sass/common.scss */
.wrapper .header .header-area .nav ul li {
  margin-left: 20px;
  float: left;
  margin-top: 25px;
}

.wrapper .header .header-area .nav ul li.menu {
  margin-top: 42px;
  margin-right: 8px;
}

.wrapper .header .header-area .nav1 {
  float: left;
  position: absolute;
  height: 20px;
  right: 0;
}
/* line 65, ../sass/common.scss */
.wrapper .header .header-area .nav1 ul li {
  margin-left: 20px;
  float: left;
  margin-top: 25px;
}
/* line 70, ../sass/common.scss */
.wrapper .header .header-area .nav1 ul li.menu {
  margin-top: 25px;
  margin-right: 8px;
}

.wrapper .header .header-area .nav1 ul li.menu {
  margin-top: 25px;
  margin-right: 8px;
}

.wrapper .header .header-area .nav2 {
  float: left;
  position: absolute;
  height: 20px;
  right: 150px;
}

.wrapper .header .header-area .nav2 ul li {
  margin-left: 20px;
  float: left;
  margin-top: 25px;
}

.wrapper .header .header-area .nav2 ul li.menu {
  margin-top: 62px;
  margin-right: 8px;
}

.text-center{
  overflow: hidden;
  position: relative;
}
ul.pagination{
  position: relative;
  left: 50%;
  float: left;
  margin-bottom: 30px;
}
.pagination li{
  position: relative;
  left: -50%;
  float: left;
  width: 47px;
}
li.active{
  background-color: #363b42;
  height: 40px;
  width: 100px;
  text-align: center;
  line-height: 42px;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  border: solid 1px #000000;
}
li.active-counting{
  background-color: #363b42;
  height: 40px;
  width: 250px;
  text-align: center;
  line-height: 42px;
  color: #fff;
  font-weight: normal;
  font-size: 13px;
  border: solid 1px #000000;
}
.calendar th,td{
  border: solid 1px #666666;
  width: 120px;
  height: 70px;
}
td.report{
  width: 150px;
  height: 50px;
}
table.cal2{
  box-shadow: 1px 1px 2px #7f7f7f;
  margin: 0 auto;
  width: 100%;
}
table.cal2 thead{
  width: 1100px;
  color: #fff;
  background-color: #1061a1;
  border: solid 1px #666666;
}
table.cal2 td{
  background-color: #fff;
  padding: 10px 0 0 10px;
  vertical-align: top;
}
table.cal2 th{
  vertical-align: middle;
  text-align: center;
  width: 120px;
  height: 42px;
  line-height: 42px;
}
.wrapper .contents.master-top .contents-area #cal table td {
  border: solid 1px #cbcbcb;
  background-color: #ffffff;
  vertical-align: top;
  padding: 10px 0 0 10px;
}
.wrapper .contents.master-top .contents-area #cal table .section2 {
  background-color: #f5f5f5;
}
/* line 264, ../sass/common.scss */
.wrapper .contents.master-top .contents-area .report {
  width: 1100px;
  margin: 0 auto;
  margin-top: 30px;
}
.report-list{
  color: #fff;
  width: 1100px;
  height: 42px;
  text-align: center;
  background-color: #1061a1;
  border: solid 1px #666666;
}
/* line 268, ../sass/common.scss */
tbody.report-box {
  background-color: #ffffff;
  text-align: center;
}
.table{
  margin: 0 auto;
  margin-top: 50px;
}

/* line 469, ../sass/common.scss */
.wrapper .contents {
  width: 100%;
  margin: 0 auto;
  padding: 0 auto;
  background-image: url(../img/log-bg.jpg);
}
/* line 471, ../sass/common.scss */
.wrapper .contents .contents-area {
  font-size: 15px;
  width: 1200px;
  min-height: 800px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
.wrapper .contents .contents-area .form-container {
  margin: 0 auto;
}
.form-container {
  border: 1px solid #f2e3d2;
  background: #c9b7a2;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2e3d2), to(#c9b7a2));
  background: -webkit-linear-gradient(top, #f2e3d2, #c9b7a2);
  background: -moz-linear-gradient(top, #f2e3d2, #c9b7a2);
  background: -ms-linear-gradient(top, #f2e3d2, #c9b7a2);
  background: -o-linear-gradient(top, #f2e3d2, #c9b7a2);
  background-image: -ms-linear-gradient(top, #f2e3d2 0%, #c9b7a2 100%);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.9) 0 1px 2px, inset rgba(255, 255, 255, 0.4) 0 0px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.9) 0 1px 2px, inset rgba(255, 255, 255, 0.4) 0 0px 0;
  box-shadow: rgba(0, 0, 0, 0.9) 0 1px 2px, inset rgba(255, 255, 255, 0.4) 0 0px 0;
  font-family: 'Helvetica Neue',Helvetica,sans-serif;
  text-decoration: none;
  vertical-align: middle;
  min-width: 300px;
  padding: 20px;
  width: 300px;
}

/* line 506, ../sass/common.scss */
.form-field {
  border: 1px solid #c9b7a2;
  background: #e4d5c3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c9b7a2;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0px 0px;
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0px 0px;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(0, 0, 0, 0.7) 0 0px 0px;
  padding: 8px;
  margin-bottom: 20px;
  width: 280px;
}

/* line 520, ../sass/common.scss */
.form-field:focus {
  background: #fff;
  color: #725129;
}

/* line 524, ../sass/common.scss */
.form-container h2 {
  text-shadow: #fdf2e4 0 1px 0;
  font-size: 18px;
  margin: 0 0 10px 0;
  font-weight: bold;
  text-align: center;
}

/* line 531, ../sass/common.scss */
.form-title {
  margin-bottom: 10px;
  color: #725129;
  text-shadow: #fdf2e4 0 1px 0;
}

/* line 536, ../sass/common.scss */
.submit-container {
  margin: 8px 0;
  text-align: right;
}

/* line 540, ../sass/common.scss */
.submit-button {
  border: 1px solid #447314;
  background: #6aa436;
  background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
  background: -webkit-linear-gradient(top, #8dc059, #6aa436);
  background: -moz-linear-gradient(top, #8dc059, #6aa436);
  background: -ms-linear-gradient(top, #8dc059, #6aa436);
  background: -o-linear-gradient(top, #8dc059, #6aa436);
  background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  text-shadow: #addc7e 0 1px 0;
  color: #31540c;
  font-family: helvetica, serif;
  padding: 8.5px 18px;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
}

/* line 563, ../sass/common.scss */
.submit-button:hover {
  border: 1px solid #447314;
  text-shadow: #31540c 0 1px 0;
  background: #6aa436;
  background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
  background: -webkit-linear-gradient(top, #8dc059, #6aa436);
  background: -moz-linear-gradient(top, #8dc059, #6aa436);
  background: -ms-linear-gradient(top, #8dc059, #6aa436);
  background: -o-linear-gradient(top, #8dc059, #6aa436);
  background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
  color: #fff;
}

/* line 575, ../sass/common.scss */
.submit-button:active {
  text-shadow: #31540c 0 1px 0;
  border: 1px solid #447314;
  background: #8dc059;
  background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
  background: -webkit-linear-gradient(top, #6aa436, #8dc059);
  background: -moz-linear-gradient(top, #6aa436, #8dc059);
  background: -ms-linear-gradient(top, #6aa436, #8dc059);
  background: -o-linear-gradient(top, #6aa436, #8dc059);
  background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
  color: #fff;
}
.master-payment table{
  width: 1103px;
  box-shadow: 1px 1px 2px #7f7f7f;
}
.master-payment th{
  color: #fff;
  background-color: #1061a1;
  width: 1100px;
  height: 43px;
  text-align: center;
}
.master-payment td{
  border: solid 1px #cbcbcb;
  background-color: #ffffff;
  text-align: center;
}
.master-mgt table{
  box-shadow: 1px 1px 2px #656565;
  width: 700px;
  margin: 0 auto;
  text-align: center;
}
.master-mgt th{
  color: #fff;
  width: 400px;
}
.master-mgt td{
  border: solid 1px #cbcbcb;
  background-color: #ffffff;
}
.master-mgt .btn{
  width: 500px;
}
.master-mgt .table{
  margin-top: 40px;
}
.master-mgt thead{
  background-color: #1061a1;
  height: 43px;
  line-height: 43px;
}
.master-mgt p{
  color: #fff;
  background-size: 700px 43px;
  width: 670px;
  height: 43px;
  line-height: 43px;
  padding-left: 30px;
  margin: 0 auto;
  background-color: #1061a1;
  border: solid 1px #acacac;
}
.user-mypage{
  width: 600px;
  margin: 0 auto;
}
.user-mypage h3{
  height: 43px;
  width: 570px;
  color: #fff;
  line-height: 43px;
  padding-left: 30px;
  background-color: #1061a1;
}
.user-mypage table{
  background-color: #fff;
  width: 600px;
  box-shadow: 1px 1px 2px #5a5a5a;
  margin-bottom: 30px;
  text-align: center;
}
.user-mypage td{
  border: solid 1px #acacac;
  height: 50px;
}
.user-mypage td.btn{
  height: 70px;
}
.user-top table{
  margin: 0 auto;
  background-color: #fff;
  width: 1000px;
  margin-bottom: 50px;
  box-shadow: 1px 1px 2px #5a5a5a;
}
.user-top th{
  background-color: #1061a1;
  height: 40px;
  color: #fff;
}
.user-top td{
  height: 40px;
  border: solid 1px #acacac;
}
.user-top td.btn{
  height: 70px;
}
.user-top table.time{
  width: 500px;
  text-align: center;
}
.user-top h1{
  width: 470px;
  height: 40px;
  line-height: 40px;
  padding-left: 30px;
  margin: 0 auto;
  background-color: #1061a1;
  color: #fff;
}
.master-edit p{
  background-color: #1061a1;
  width: 470px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  color: #fff;
  padding-left: 30px;
}
.master-edit table{
  width: 500px;
  text-align: center;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 1px 1px 2px #5a5a5a;
}
.modal-counting-wrapper,
.modal-jobedit-wrapper,
.modal-rest-payment-wrapper,
.modal-rest-wrapper{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  text-align: center;
  display: none;
}
.modal-counting{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 750px;
  height: 450px;
  border-radius: 10px;
  background-color: #FFF;
}
.modal-jobedit,
.modal-rest{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 500px;
  height: 170px;
  border-radius: 10px;
  background-color: #FFF;
}
.modal-rest-payment{
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 700px;
  height: 80%;
  border-radius: 10px;
  background-color: #FFF;
}
.modal-contents p{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 15px auto auto auto;
}
.modal-contents table{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 700px;
  margin: 40px auto 50px auto;
  overflow: scroll;
}
.modal-contents th{
  height: 30px;
}
.modal-contents td{
  height: 30px;
}
.modal-jobedit table,
.modal-rest-payment table
.modal-rest table{
  width: 540px;
  box-shadow: 1px 1px 2px #7f7f7f;
  overflow: visible;
  margin: 10px auto 10px auto;
}
.modal-jobedit th,
.modal-rest-payment th,
.modal-rest th{
  color: #fff;
  background-color: #1061a1;
  width: 540px;
  height: 30px;
  text-align: center;
}
.modal-jobedit td,
.modal-rest-payment td,
.modal-rest td{
  border: solid 1px #cbcbcb;
  background-color: #ffffff;
  text-align: center;
  height: 80px;
}
.modal-counting-close,
.modal-jobedit-close,
.modal-newjob-close,
.modal-rest-close{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto auto 10px auto;
  width: 65px;
  height: 30px;
  font-size: 12px;
  color: #FFF;
  background-color: #1c9beb;
  border: outset 3px #1c9beb;
  border-radius: 5px;
}
.modal-rest-payment-close{
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 65px;
  height: 30px;
  font-size: 12px;
  color: #FFF;
  background-color: #1c9beb;
  border: outset 3px #1c9beb;
  border-radius: 5px;
}
#estimated-time{
  font-size: 75%;
}
.form-useredit td{
  height: 50px;
}
.master-attendance{
  text-align: center;
}
.master-attendance p{
  margin: auto auto 20px auto;
  font-size: 150%;
}
.master-attendance select{
  height: 30px;
}
.master-attendance table{
  width: 1103px;
  box-shadow: 1px 1px 2px #7f7f7f;
  margin-top: 0;
}
.master-attendance th{
  color: #fff;
  background-color: #1061a1;
  height: 40px;
  text-align: center;
}
.master-attendance td{
  border: solid 1px #cbcbcb;
  background-color: #ffffff;
  text-align: center;
}
.master-attendance .pagination{
  margin-bottom: 0px;
}
.restrule,.overtime{
  display: inline-block;
  vertical-align: top;
  margin: 0px 30px 30px 30px;
}
.restrule table,.overtime table{
  width: 500px;
}
.restrule th,.overtime th{
  width: 500px;
  height: 40px;
}
.restrule td,.overtime td{
  height: 50px;
}
.table-zone .table{
  margin-top: 0px;
}
.master-attendance #setting{
  margin-top: 15px;
}
.master-top #modal-overlay{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  text-align: center;
  display: none;
}
.master-top .modal-content{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 570px;
  height: 175px;
  border-radius: 10px;
  background-color: #FFF;
}
.master-top #modal-table{
  width: 550px;
  box-shadow: 1px 1px 2px #7f7f7f;
  overflow: visible;
  margin: 10px auto 10px auto;
}
.master-top input#modal-submit{
  width:80%;
}
input[name="new_start_time_hour"],input[name="new_start_time_minute"]{
  width: 20px;
}
.master-top table#works{
  width: 100%;
}
.master-attendance #summary,#alldl{
  margin-top: 15px;
  width: 150px;
  height: 30px;
}
.master-attendance #attendance{
  margin-top: 15px;
  width: 70px;
  height: 30px;
}
.table-scroll{
  overflow-x: scroll;
}
.summary table{
  margin: auto;
  width: 100%;
}
.summary th{
  width: 80px;
  min-width: 80px;
  height: 50px;
}
.summary td{
  width: 80px;
  min-width: 80px;
  height: 50px;
}
.master-attendance .worktable td,tr{
  height: 40px;
}
.master-mgt table{
  width: 100%;
}
#title-create-user{
  width: 1170px;
}
.master-attendance #hidden-zone table{
  margin: 0 auto;
}
.master-attendance #hidden-zone{
  display: none;
}
.master-attendance .maintable{
  display: table;
  table-layout: fixed;
  width: 95%;
}
.master-attendance .maintable th{
  width: 80px;
}
.master-attendance .maintable .big{
  width: 200px;
}
.master-attendance .maintable .semi-big{
  width: 130px;
}
.master-attendance .maintable .small{
  width: 50px;
  font-size: 10px;
}
.master-settings .settings-title{
  margin-bottom: 10px;
  font-size: 20px;
}
.master-settings .bot-settings{
  width: 90%;
  box-shadow: 1px 1px 2px #7f7f7f;
  margin-top: 0;
}
.bot-settings th{
  color: #fff;
  background-color: #1061a1;
  height: 40px;
  border: solid 1px #000;
  padding-left: 5px;
}
.bot-settings td{
  width: 70%;
  background-color: #fff;
  height: 40px;
  padding-left: 10px;
}
.bot-settings input.bot{
  width: 95%;
}
.bot-settings span.small{
  font-size: 10px;
}
.master-settings .text-center{
  text-align: center;
}

.my-restpayment-table{
  float: right;
  margin-bottom: 10px;
  box-shadow: 1px 1px 2px #7f7f7f;
}

.my-restpayment-table tbody{
	background-color: #fff;
}

.my-restpayment-table thead{
  width: 1100px;
  color: #fff;
  background-color: #1061a1;
  border: solid 1px #666666;
}

.my-restpayment-table td{
  padding: 10px 0 0 10px;
}