@charset "utf-8";

/* =========================================================
◆Common Style
========================================================= */
input, select, label {
  font-size: 11px;
}

input[type="text"] {
  /*height: 16px;*/
  height: 14px;
  background-color: #FFFFFF;
  border: 1px solid #BDC7D8;
  border-radius: 4px 4px 4px 4px;
  padding: 2px 2px 1px 2px;
}
textarea {
  background-color: #FFFFFF;
  border: 1px solid #BDC7D8;
  border-radius: 4px 4px 4px 4px;
  padding: 2px !important;
}
select {
  height: 20px;
  padding: 0 2px 1px 2px;
}
textarea.not_exist, input[type="text"].not_exist {
  background-color: #FCF5EA;
}
input ,select {
  position:relative;
  top:-2px;
}
label input[type="checkbox"] {
  padding-right: 2px;
}
label {
  margin-right: 4px !important;
  _margin-right: 2px !important;
}

.must{
  color: #7d2b2b;
  font-weight: bold;
  font-size: 120%;
}
.must_sym{
  background: transparent url(../img/must_sym.png) right center no-repeat;
  padding-right: 16px;
}
.must_img{
  background: url(../img/must.png) right center no-repeat;
  padding-right: 28px;
}
.attention {
  color: #7d2b2b;
  display: block;
}
.TextLimit {
  color: #7d2b2b;
  font-size: 10px;
  line-height: 12px;
}
.TextLimit:before {
  content: '※';
}

div#leftbar input, div#leftbar div.searchboxMenu select {
  max-width: 140px !important;
}

div#leftbar input{
  height: 12px !important;
}

div#leftbar div.mailboxMenu, div#leftbar div.searchboxMenu {
  margin: 4px 8px 4px 8px;
  _margin: 4px 4px 4px 4px;
}
div#leftbar div.mailboxMenu a, div#leftbar div.mailboxMenu a:visited {
  padding-left: 16px;
  text-decoration: underline;
  color: #0000FF;
  line-height: 16px;
}
div#leftbar div.mailboxMenu a:hover {
  text-decoration: none;
  color: #54B6CE;
}
div#leftbar div.mailboxMenu a.inbox { background: url(../img/mailboxIcon/inbox.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.sent { background: url(../img/mailboxIcon/sent.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.trash { background: url(../img/mailboxIcon/trash.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.draft { background: url(../img/mailboxIcon/draft.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.folder:nth-child(5n+1) { background: url(../img/mailboxIcon/folder_1.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.folder:nth-child(5n+2) { background: url(../img/mailboxIcon/folder_2.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.folder:nth-child(5n+3) { background: url(../img/mailboxIcon/folder_3.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.folder:nth-child(5n+4) { background: url(../img/mailboxIcon/folder_4.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.folder:nth-child(5n) { background: url(../img/mailboxIcon/folder_5.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.temp { background: url(../img/mailboxIcon/temp.png) left center no-repeat; }
div#leftbar div.mailboxMenu a.folder_edit { background: url(../img/mailboxIcon/folder_edit.png) left center no-repeat; }

div#leftbar div.searchboxMenu h3 {
  border-top: 1px #666666 solid;
  border-bottom: 1px #666666 solid;
  padding: 2px;
  font-weight: bold;
  font-size: 12px;
  margin-top: 8px;
}
div#leftbar div.searchboxMenu table tr th {
  padding-left: 11px;
  font-weight: bold;
}
div#leftbar div.searchboxMenu table tr th.cols {
  padding-top: 8px;
}
div#leftbar div.searchboxMenu table tr th label {
  padding-left: 11px;
}


.field_with_errors, .formError {
  color: #7d2b2b;
}

.field_with_errors{
  display: inline;
}

div#container {
  width: 984px !important;
	display: block;
  ⁄zoom:1;
}
div#container:after {
	content:'';
	display:block;
	clear:both;
}

div#searchBox {
  margin: 0;
  padding: 0;
  width:958px;
}
div#container h2 {
  line-height: 20px;
  text-indent: 8px;
  font-size: 13px;
}

span#show_notice,span.show_notice {
  display: inline;
  margin-top: 20px;
  margin-left: 8px;
  _margin-left: 4px;
  color: #660000;
  border: 1px #660000 solid;
  padding: 2px;
  background: #FFFFCC;
  text-align: center;
}
div#show_notice,div.formError, .error_message {
  margin-top: 20px;
  margin-left: 8px;
  _margin-left: 4px;
  color: #660000;
}
.info {
  color: #660000;
  border: 1px #660000 solid;
  padding: 2px;
  background: #FFFFCC;
}
ul.info li, ul.at_info li {
  list-style: circle;
  margin-left: 20px;
  _margin-left: 10px;
}

div.at_info, ul.at_info {
  color: #333333;
  border: 1px #cccccc solid;
  padding: 4px;
  background: #FEFEFE;
}
div.at_info h3 {
  color: #6AB3F7;
  font-weight: bold;
}
div.at_info p {
  font-size: 10px;
  text-indent: 8px;
}
div.s_info p { font-size: 10px; text-align: right; padding-right: 16px; }

div.s_info p.attention { color: #7d2b2b; }

/*
div.both {
  margin: 0;
	padding: 0;
	width:988px;
	display: block;
  ⁄zoom:1;
}
div.both:after {
	content:'';
	display:block;
	clear:both;
}
div.both div {
	width:494px;
  margin: 2px;
  _margin: 2px 1px 2px 1px;
	padding: 0;
  float: left;
}
*/

div.form table {
  margin: 4px;
  _margin: 4px 2px 4px 2px;
}

div.list div, div.list table {
  margin: 8px 0;
}

div.list table thead tr.detail th {
  background: #666666;
}
div.list table tbody tr.unread {
  background: #FCE3E3;
}
div.list table tbody tr.unread td {
  *background: #FCE3E3;
}
div.list table tbody tr td {
  padding-left: 2px;
  padding-right: 2px;
}

div.list div.scroll_bar {
  background: none repeat scroll 0 0 #FFFFFF;
  overflow-x: hidden;
  overflow-y: scroll;
}

/* 中央揃え */
div.list div.scroll_bar table tbody tr td, div.list div.scroll_bar table tbody tr td div {
  vertical-align: middle;
  white-space: normal !important;
  word-break: break-all;
  word-wrap: break-word;
}
div.list div.scroll_bar table tbody tr td {
  display: table-cell;
}
div.list div.scroll_bar table tbody tr td div {
  overflow-y: hidden;
  overflow-x: visible;
}

span#customer_password_ce a,
span#customer_password_confirmation_ce a,
span#customer_password_ce a:visited,
span#customer_password_confirmation_ce a:visited,
div.list table td a, div.list table td a:visited,
div.form table td a, div.form table td a:visited {
  color: #0000FF;
}
span#customer_password_ce a,
span#customer_password_confirmation_ce a{
  text-decoration: underline;
}
span#customer_password_ce a:hover,
span#customer_password_confirmation_ce a:hover,
div.list table td a:hover,
div.form table td a:hover {
  color: #54B6CE;
}
div.form table td a, div.form table td a:visited { text-decoration: underline; }
div.form table td a:hover { text-decoration: none; }

div.list div.scroll_bar table td input[type="button"] {
  padding: 2px 0 2px 0;
  margin: 0;
  font-size: 8.5px;
  line-height: 8.5px;
  cursor: pointer;
}

span.td_date { font-size: 8.5px; }/* 日付表示 */

.set_tooltip {
  cursor: pointer;
}

.hidden_tooltip {
  display: none !important;
}
.tooltipOn {
  background: #DFF796 !important;
  /* background: #8C84F9 !important; color: #FFF !important; */
}

#tooltip {
  background-color: #FFFFFF;
  padding: 3px 5px;
  border: 1px solid #696969;
  font-size: 0.8em;
  position: absolute;
  z-index: 100;
  display: none;
}

div.form table th {
	color: #000;
	font-size: 11px;
  font-weight:bold;
	border: 1px solid #CCC;
	background-color: #F6F6F6;
  text-align: right;
  padding: 2px 4px 2px 4px;
  min-width: 80px;
  vertical-align: middle;
}
div.form table td {
  padding: 4px;
}
div.form table td input[type="text"], div.form table td textarea {
  font-size: 12px !important;
}

.textCenterBtn {
  border-top: #CCC solid 1px;
  text-align: center;
}
.textCenterBtn button, .textCenterBtn input, .textRightBtn select {
  margin-top: 16px;
  min-width: 80px;
}

.textRightBtn {
  border-top: #CCC solid 1px;
  text-align: right;
}
.textRightBtn button, .textRightBtn input, .textRightBtn select {
  margin-top: 16px;
  min-width: 120px;
}

.textLeftBtn {
  border-top: #CCC solid 1px;
  text-align: left;
}
.textLeftBtn button, .textLeftBtn input, .textLeftBtn select {
  margin-top: 16px;
  min-width: 80px;
}

.large_no {
  font-size: 16px;
  font-weight: bold;
}

div.col3 {
	display: block;
  ⁄zoom:1;
}
div.col3:after {
	content:'';
	display:block;
	clear:both;
}

div.col3 div.vbox {
  width: 32%;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
  float: left;
}
div.col3 div.vbox div.item {
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px dotted #cccccc;
}
div.col3 div.vbox div.item h4 {
  font-weight: bold;
  font-size: 14px;
  margin-left: 4px;
}
div.col3 div.vbox div.item table{
  margin-left: 4px;
  _margin-left: 2px;
}
div.col3 div.vbox div.item table th:nth-child(2) {
  min-width: 20px;
  background: none;
  border: none;
}
div.col3 div.vbox div.item table td {
  padding: 3px;
  height:auto;
  vertical-align: middle;
  white-space: normal !important;
  word-break: break-all;
  word-wrap: break-word;
}
.wordbreak {
  word-break: break-all;
}
div.col3 div.vbox div.item label,
div.col3 div.vbox div.item input[type="text"],
div.col3 div.vbox div.item textarea {
  display: block;
}

div.col3 div.vbox div.item textarea {
  font-size: 10pt;
  height: 10px;
  width: 270px;
}

div.col3 div.vbox div.item label span{
  display: inline;
}
/* =========================================================
◆Search / input Style
========================================================= */
div#searchBase {
  width: 988px;
  padding: 8px;
}
div#searchBase div.toggleBlock div {
  margin: 0 4px 4px 0;
  _margin: 0 2px 4px 0;
	padding: 0;
}
div#searchBase div.toggleBlock table {
  margin: 0;
	padding: 0;
}
div#searchBase div.toggleBlock table th {
	padding-right: 2px;
}
div#searchBase div.toggleBlock table td {
	padding: 4px 2px 2px 0 !important;
}
/*
div#searchBase table th,  div#searchBase table td{
  border: #cccccc 1px solid;
}
*/
div#searchBase table th {
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
}
div#searchBase table td {
  padding: 2px;
  vertical-align: middle;
}
div#searchBase table td label {
  display: block;
  float: left;
}
div#searchBase table td label.clear {
  display: inline;
  clear: left !important;
}
table td.nowrap, table th.nowrap {
  white-space: nowrap;
}
table.th_nowrap th {
  white-space: nowrap;
}

table.th_top tr th {
  vertical-align: top !important;
  padding-top: 4px !important;
}

table.checklist {
  width: auto !important;
}
table.checklist tr th {
  background: none !important;
  border: none !important;
  padding-right: 0;
  min-width: 80px !important;
}
table.checklist tr th:after {
  content: " : ";
}


h2.toggleCtrl {
  margin: 0;
	padding: 0;
  width: 988px;
}

div.toggleBlock {
  margin: 0;
	padding: 0;
  width: 978px;
}
div.toggleBlock {
	border: 1px solid #CCC;
	border-top:none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .45);
	-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
	-ms-box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
	display: block;
  ⁄zoom:1;
}
div.toggleBlock:after {
	content:'';
	display:block;
	clear:both;
}

div#searchBase table caption,
div.toggleBlock table th.caption {
  caption-side: top;
  text-align: left !important;
  text-indent: 4px;
	color: #FFF !important;
	line-height: 12px;
	font-size: 11px;
	text-shadow: 0 1px 1px black;
	padding: 2px 0 2px 0;
	border-right: 1px #666 solid;
	border-top: 1px #000 solid;
	border-bottom: 2px #000 solid;
	background: #616161;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	background-image: -moz-linear-gradient(top,#616161 0,#3C3C3C 100%);
	background-image: -ms-linear-gradient(top,#616161 0,#3C3C3C 100%);
	background-image: -o-linear-gradient(top,#616161 0,#3C3C3C 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#616161),color-stop(100%,#3C3C3C));
	background-image: -webkit-linear-gradient(top,#616161 0,#3C3C3C 100%);
	background-image: linear-gradient(to bottom,#616161 0,#3C3C3C 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161',endColorstr='#3C3C3C',GradientType=0);


	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
div.toggleBlock table {
  margin: 2px 2px 0 2px;
  _margin: 2px 1px 0 1px;
	padding: 0;
  width: 980px;
}

div.toggleBlock div {
  display: block;
  float: left;
}
div.toggleBlock div:after {
	content: '';
	display: block;
	clear: both;
}
div.search_button {
  margin: 0;
	padding: 0;
	width: 988px;
}
div.search_button button {
  margin-right: 6px;
  _margin-right: 3px;
}

div.button_wide {
  margin: 0;
  margin-left: 8px;
  _margin-left: 4px;
	padding: 0;
	width: 988px;
	display: block;
  ⁄zoom:1;
}
div.button_wide:after {
	content:'';
	display:block;
	clear:both;
}
div.button_wide div.left {
  float: left;
}
div.button_wide div.right {
  float: right;
}
div.button_wide button {
  margin-left: 4px;
  _margin-left: 2px;
  margin-right: 4px;
  _margin-right: 2px;
}




/* =========================================================
◆Form / Check Control
========================================================= */
.divert {
  padding: 8px 4px 2px 0;
  text-align: right;
  border-bottom: #cccccc 1px solid;
}


div#select_search_info_work_locations,
div#select_search_info_jobs,
div#select_search_info_permanent_jobs,
div#select_search_info_employ_types,
div#select_search_info_advances { display:none; }

div#select_search_info_work_locations div,
div#select_search_info_jobs div,
div#select_search_info_permanent_jobs div,
div#select_search_info_employ_types div,
div#select_search_info_advances div {
	display: block;
  ⁄zoom:1;
}
div#select_search_info_work_locations div:after,
div#select_search_info_jobs div:after,
div#select_search_info_permanent_jobs div:after,
div#select_search_info_employ_types div:after,
div#select_search_info_advances div:after {
	content:'';
	display:block;
	clear:both;
}
div#select_search_info_work_locations label,
div#select_search_info_jobs label,
div#select_search_info_permanent_jobs label,
div#select_search_info_employ_types label,
div#select_search_info_advances label {
  display:block;
  float:left;
}

.hidden {
  display: none;
}

/* 必須項目 */
textarea.required,input.required {
  background-color: #FCC;
}
textarea.required.valued,input.required.valued {
  background-color: #FFFFFF;
}


/* Google Map */
.googlemaps{
  border:1px solid #000000;
  height:210px;
  margin-right:10px;
  text-align:center;
  width:280px;
}


/* paginate */
div.paginate_list {
	display: block;
  margin-bottom: 2px;
  ⁄zoom:1;
}
div.paginate_list:after {
	content:'';
	display:block;
	clear:both;
}
div.paginate_list span.range {
  float:left;
  margin-left: 8px;
  _margin-left: 4px;
}
div.paginate_list span.total_count {
  float:left;
  margin-left: 8px;
  _margin-left: 4px;
}
div.paginate_list nav.pagination {
  float:right;
  margin-right: 8px;
  _margin-right: 4px;
}
div.paginate_list nav.pagination span {
  display: inline;
}
div.paginate_list span.page {
  font-size: 16px;
  font-weight: bold;
  min-width: 14px;
  padding: 0;
  margin: 0 2px 2px 2px;
  _margin: 0 1px 1px 1px;
}
div.paginate_list span a, div.paginate_list span a:visited {
  font-size: 12px;
  padding: 2px;
  color: #0000FF;
  text-decoration: underline;
}
div.paginate_list span a:hover {
  color: #54B6CE;
  text-decoration: none;
}

/* カレンダーweekly */
div.weekly table, div.weekly table th, div.weekly table td {
  border-collapse: collapse;
  border: 1px #cccccc solid;
}

div.weekly table td {
  background: #FFFFFF;
  min-height: 100px;
}
div.weekly table th {
  padding: 4px;
  text-align:center;
  vertical-align: middle;
  background: #EAEAEA;
}
div.weekly table th.week1,
div.weekly table th.week2,
div.weekly table th.week3,
div.weekly table th.week4,
div.weekly table th.week5,
div.monthly table th.week1,
div.monthly table th.week2,
div.monthly table th.week3,
div.monthly table th.week4,
div.monthly table th.week5 {
	color: #FFF;
	text-align:center;
	text-shadow: 0 1px 1px black;
	background: #3C3C3C;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	background-image: -moz-linear-gradient(top,#616161 0,#3C3C3C 100%);
	background-image: -ms-linear-gradient(top,#616161 0,#3C3C3C 100%);
	background-image: -o-linear-gradient(top,#616161 0,#3C3C3C 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#616161),color-stop(100%,#3C3C3C));
	background-image: -webkit-linear-gradient(top,#616161 0,#3C3C3C 100%);
	background-image: linear-gradient(to bottom,#616161 0,#3C3C3C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161',endColorstr='#3C3C3C',GradientType=0);

	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

div.weekly table th.week6,
div.monthly table th.week6 {
	color: #FFF;
	text-align:center;
	text-shadow: 0 1px 1px black;
	background: #2A3582;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	background-image: -moz-linear-gradient(top,#3845A5 0,#2A3582 100%);
	background-image: -ms-linear-gradient(top,#3845A5 0,#2A3582 100%);
	background-image: -o-linear-gradient(top,#3845A5 0,#2A3582 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3845A5),color-stop(100%,#2A3582));
	background-image: -webkit-linear-gradient(top,#3845A5 0,#2A3582 100%);
	background-image: linear-gradient(to bottom,#3845A5 0,#2A3582 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3845A5',endColorstr='#2A3582',GradientType=0);

	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
div.weekly table th.week0,
div.monthly table th.week0 {
	color: #FFF;
	text-align:center;
	text-shadow: 0 1px 1px black;
	background: #A53838;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	box-shadow: 0 1px 1px rgba(0,0,0,.15),inset 0 2px 2px rgba(0,0,0,.10);
	background-image: -moz-linear-gradient(top,#A53838 0,#601010 100%);
	background-image: -ms-linear-gradient(top,#A53838 0,#601010 100%);
	background-image: -o-linear-gradient(top,#A53838 0,#601010 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#A53838),color-stop(100%,#601010));
	background-image: -webkit-linear-gradient(top,#A53838 0,#601010 100%);
	background-image: linear-gradient(to bottom,#A53838 0,#601010 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A53838',endColorstr='#601010',GradientType=0);

	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}


.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  color: #333333;
}

#container a.button-blue {
  background-color: #2a92ee;
  border-radius: 25px;
  border: 1px solid #2a92ee;
  color: #fff;
  display: inline-block;
  font-family: Hiragino Sans, Hiragino Kaku Gothic ProN, Meiryo, Osaka, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 10px;
  padding: 15px 40px;
  text-align: center;
  text-decoration: none;
  -webkit-text-size-adjust: none;
}