@charset "UTF-8";

/* ==================================================
	=リンク
================================================== */
a {
  color: #028add;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ==================================================
	=フォーム関連
================================================== */
input.moveToLeft,
input.moveToRight,
input.blank {
    width: 34px;
    height: 34px;
    border: #b4b4b4 1px solid;
    border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 5px;
    cursor: pointer;
    color: #787878;
}

input.blank {
  width: 7em;
}

input.moveTop,
input.moveUp,
input.moveDown,
input.moveBottom {
width: 34px;
    height: 34px;
    border: #b4b4b4 1px solid;
    border-radius: 6px;
    background-color: #ffffff;
    margin-bottom: 5px;
    cursor: pointer;
  color: #787878;
}

/* 子画面用colored */
body#subWindow input.colored {
  background-color: #427bd7;
  color: #ffffff;
  border: none;
}

body#subWindow input.colored:hover {
  border: 1px solid #3969bb;
  background-color: #3969bb;
}

div#contents input.backToIdx {
  margin: 10px 0 150px 10px;
}

div#contents input.backToIdx2 {
  margin: 10px 0 20px 10px;
}

/* ==================================================
	=共通部品
================================================== */
p.pagetopBox {
  width: 962px;
  text-align: right;
  margin-top: 30px;
}

p.normal {
  margin: 0 0 20px 0;
}

p.normal2 {
  margin: 20px 4px 10px 10px;
}

div#contents p.backbtn {
  padding: 10px 20px;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 20px;
  text-align: center;
}

p.navigation_top {
  margin: 0 0 0 10px;
}

p.navigation_bottom {
  margin-top: 10px;
}

div#contents p.notice {
  margin-top: 10px;
}

p.notice strong {
  color: #cc0000;
}

div#contents p.navigation_bottom strong {
  font-weight: bold;
}

div#contents p.normal {
  font-weight: bold;
  font-size: 14px;
}

div#contents p.warning {
  color: #ff0000;
  margin: 0 0 20px 10px;
}

div#contents p.title {
  margin: 20px 0px 5px;
  font-size: 16px;
}

/* ==================================================
	=構造
================================================== */
div#wrapper {
  width: 964px;
  margin: 0 auto;
}

div#header {
  height: 76px;
  margin-bottom: 8px;
  background: url(../../img/header_bg.gif) 0 0 no-repeat;
  padding-top: 10px;
  position: relative;
}

div#contents {
  width: 754px;
  float: right;
  padding-top: 3px;
  line-height: 1.5;
}

div#footer {
  width: 960px;
  margin: 20px 2px;
  border-top: 1px solid #cccccc;
  padding-top: 4px;
  padding-bottom: 20px;
}

div#footer p {
  text-align: right;
  font-size: 75%;
  color: #666666;
  float: right;
  width: 500px;
}

div#footer a {
  font-size: 92%;
}

/* ==================================================
	=ヘッダー
================================================== */
div#header h1 {
  padding: 19px 52px 12px 38px;
  float: left;
}

div#header div {
  float: left;
  padding: 6px 0 0 8px;
  width: 305px;
  height: 69px;
  border-left: 1px solid #dddddd;
}

div#header div p {
  font-weight: bold;
  line-height: 1.3;
}

div#header div p#lastaccess {
  font-weight: normal;
  font-size: 84%;
  margin-top: 2px;
}

div#header ul li {
  height: 69px;
  border-left: 1px solid #dddddd;
  float: left;
}

div#header ul li a {
  display: block;
  text-align: center;
  height: 17px;
  font-size: 92%;
  padding-top: 45px;
  line-height: 1.1;
}

div#header ul li a#headRpo {
  width: 137px;
  background: url(../../img/manager/header/icn_rpo.gif) 50% 13px no-repeat;
  margin-top: 2px;
}

div#header ul li a#headSup {
  width: 127px;
  background: url(../../img/manager/header/icn_support.gif) 50% 13px no-repeat;
  margin-top: 2px;
}

div#header ul li a#headPre {
  width: 95px;
  background: url(../../img/manager/header/icn_prefarence.gif) 50% 13px no-repeat;
  margin-top: 2px;
}

div#header ul li a#headOut {
  width: 89px;
  background: url(../../img/manager/header/icn_logout.gif) 50% 13px no-repeat;
  margin-top: 2px;
}

div#header ul li a#headRpo:hover,
div#header ul li a#headSup:hover,
div#header ul li a#headPre:hover,
div#header ul li a#headOut:hover {
  background-position: 50% -87px;
}

div#header ul li#nonRpo {
  width: 138px;
  border-left: 0px;
}

div#header ul li#nonSup {
  width: 128px;
  border-left: 0px;
}

div#header ul li#nonDbl {
  width: 266px;
  border-left: 0px;
}

div#header ul li#nonTri {
  width: 362px;
  border-left: 0px;
}

div#header div span#lastaccess {
  font-weight: normal;
  font-size: 84%;
  margin-top: 2px;
}

/* ==================================================
	=トリガー
================================================== */
.triggerWrapper {
  height: 50px;
}

.triggerWrapper h2 {
  line-height: 1.1;
  height: 45px;
  margin-top: 5px;
  float: left;
}

.triggerWrapper h2 a {
  display: block;
  height: 37px;
  padding: 8px 0 0 37px;
  float: left;
}

.triggerWrapper h2 a:hover {
  background-position: 0 -45px;
}

.triggerWrapper img.trigger {
  float: right;
  cursor: pointer;
}

.triggerWrapper h2.menutrigger {
  display: block;
  height: 37px;
  padding: 8px 0 0 37px;
  float: left;
  background-position: 0 -45px;
}

/* ==================================================
	=サイドバー
================================================== */
div#sidebar {
  width: 192px;
  float: left;
  background: url(../../img/manager/sidebar/sidebar_bg_t.gif) 0 0 no-repeat;
  padding-top: 10px;
}

div#sidebar div.outside {
  background: url(../../img/manager/sidebar/sidebar_div_bg.gif) 0 0 repeat-y;
}

div#sidebar div.inside {
  padding: 0 14px 10px 17px;
}

div#sidebar div.inside.normal {
  background: url(../../img/manager/sidebar/sidebar_div_bg_b.gif) 0 100% no-repeat;
}

div#sidebar div.inside.last {
  /* background: url(../../img/manager/sidebar/sidebar_lastdiv_bg_b.gif) 0 100% no-repeat; */
}

div#sidebar ul {
  padding: 3px 0 7px 0;
}

div#sidebar ul li a {
  padding: 3px 3px 3px 19px;
  display: block;
  line-height: 1.2;
  background: url(../../img/manager/sidebar/menu_blt.gif) 10px 0.6em no-repeat;
  zoom: 1;
}

div#sidebar ul li a:hover {
  color: #0033cc;
  background-position: -240px 0.6em;
}

div#sidebar div h2.menuIcon a {
  width: 9em;
}

div#sidebar div.event h2.menuIcon a {
  background-image: url(../../img/manager/event/icn.gif);
  background-repeat: no-repeat;
  color: #244eb2;
  background-position: 0 -45px;
  padding: 8px 0 0 37px;
  height: 37px;
}

div#sidebar div.data h2.menuIcon a {
  background-image: url(../../img/manager/data/icn.gif);
  background-repeat: no-repeat;
  color: #ff6600;
}

div#sidebar div.manage h2.menuIcon a {
  background-image: url(../../img/manager/manage/icn.gif);
  background-repeat: no-repeat;
  color: #339933;
}

div#sidebar div.rep h2.menuIcon a {
  background-image: url(../../img/manager/rep/icn.gif);
  background-repeat: no-repeat;
  color: #cc0066;
}

/* // ADD 2018/11/29 Web面接レポートメニュー[アイコン] start*/
div#sidebar div.replive h2.menuIcon a {
  background-image: url(../../img/manager/rep/icn.gif);
  background-repeat: no-repeat;
  color: #cc0066;
}

/* // ADD 2018/11/29 Web面接レポートメニュー[アイコン] end*/
div#sidebar div.service h2.menuIcon a {
  background-image: url(../../img/manager/service/icn.gif);
  background-repeat: no-repeat;
  color: #666666;
}

div#sidebar div.setting h2.menuIcon {
  background-image: url(../../img/manager/setting/icn.gif);
  background-repeat: no-repeat;
  color: #666666;
  display: block;
  height: 37px;
  padding: 8px 0 0 37px;
  float: left;
  margin-left: 25px;
}

div#sidebar div.eventcalendar h2.menuIcon a {
  background-image: url(../../img/manager/eventcalendar/icn.gif);
  background-repeat: no-repeat;
  color: #666666;
}

/* エントリー数 */
div#sidebar div#repDiv3 {
  padding-top: 1px;
  /* background: url(../../img/manager/sidebar/dotline.gif) 0 0 repeat-x; */
}

div#sidebar div#repDiv3 dl {
  color: #cc0066;
  font-weight: bold;
  padding: 0.3em 0;
  /* background: url(../../img/manager/sidebar/dotline.gif) left bottom repeat-x; */
}

div#sidebar div#repDiv3 dl dt {
  float: left;
}

div#sidebar div#repDiv3 dl dd {
  float: right;
  text-align: right;
}

div#sidebar div#repDiv3 dl dd a {
  color: #cc0066;
}

/* イベント・選考管理 */
div#sidebar div.event h4 {
  /*
  clear: left;
  background: url(../../img/manager/sidebar/dotline.gif) repeat-x scroll 0 0 transparent;
  color: #666666;
  font-size: 91.7%;
  padding-top: 7px;
  */
}

/* 応募者データ管理 */
div#sidebar div.data form {
  background: url(../../img/manager/sidebar/dotline.gif) repeat-x scroll left bottom transparent;
  display: block;
  padding-bottom: 11px;
  width: 160px;
}

div#sidebar div.data form input#seachKey {
  margin-bottom: 5px;
  width: 154px;
}

/* ==================================================
	=共通　第2階層メニュー
================================================== */
div#contents div.groupMenu,
div#contents div.groupMenu2 {
  margin: 0 4px 0 10px;
}

div#contents div.groupMenu dl,
div#contents div.groupMenu2 dl {
  width: 100%;
  padding: 15px 0;
  border: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

div#contents div.groupMenu dl.last {
  border-bottom: none;
}

div#contents div.groupMenu dl dt,
div#contents div.groupMenu2 dl dt {
  padding-left: 18px;
  position: relative;
  font-size: 14px;
  width: 215px;
  float: none;
  box-sizing: border-box;
}

div#contents div.groupMenu dl dt::before,
div#contents div.groupMenu2 dl dt::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  background: url(../../img/manager/manage/blt.gif) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 5px;
  left: 0;
}



div#contents div.groupMenu dl dd,
div#contents div.groupMenu2 dl dd {
  float: right;
  width: 547px;
  color: #333333;
}

div#contents div.groupMenu dl dt a,
div#contents div.groupMenu2 dl dt a {
  font-size: 14px;
  font-weight: bold;
  color: #028add;
  padding: 0;
  background: none;
}

div#contents div.groupMenu dl dt a:hover,
div#contents div.groupMenu2 dl dt a:hover {
  text-decoration: underline;
}

div#contents div.groupMenu dl dd img {
  margin-left: 10px;
}

/* メニュー2 */
div#contents div.groupMenu2 {
  margin: 0 4px 0 10px;
  padding-left: 20px;
}


div#contents div.groupMenu2 dl.last {
  border-bottom: none;
}

div#contents div.groupMenu2 dl dt {
  float: left;
}

div#contents div.groupMenu2 dl dd {
  float: right;
  color: #333333;
  width: 513px;
}


div#contents div.groupMenu2 dl dd img {
  margin-left: 10px;
}

/* メニュー3 */
div#contents div.groupMenu3 {
  margin: 0 4px 0 10px;
  padding-left: 20px;
}

div#contents div.groupMenu3 dl {
  /*border-bottom: 1px solid #cccccc;*/
  padding: 18px 0;
}

div#contents div.groupMenu3 dl.last {
  border-bottom: none;
}

div#contents div.groupMenu3 dl dt {
  float: left;
  width: 173px;
}

div#contents div.groupMenu3 dl dd {
  float: right;
  width: 513px;
  color: #333333;
}

div#contents div.groupMenu3 dl dt a {
  padding-left: 10px;
  color: #000000;
}

div#contents div.groupMenu3 dl dt a:hover {
  color: #000000;
}

div#contents div.groupMenu3 dl dd img {
  margin-left: 10px;
}

/* ==================================================
	=共通　テーブル
================================================== */
div#contents table.eventTable {
  width: 100% !important;
  margin-top: 20px;
  font-size: 14px;
  margin: 0 auto;
}

div#contents table.eventTable th,
div#contents table.eventTable td {
  padding: 10px;
}

div#contents table.eventTable tbody th {
  padding: 15px 10px;
  vertical-align: top;
  border: 2px solid #fff;
}

div#contents table.eventTable thead th {
  text-align: left;
  font-weight: normal;
}

div#contents table.eventTable tbody th.short {
  width: 13%;
}

div#contents table.eventTable tbody td.short {
  width: 10%;
}

div#contents table.eventTable.horizontalityTable,
div#contents table.eventTable.horizontalityTable thead tr {
  border-bottom: 1px solid #d3d3d3;
}

div#contents table.eventTable.horizontalityTable tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

table.eventTable th.firstLine {
  padding-top: 7px;
}

table.eventTable th.secondLine {
  padding-bottom: 7px;
}

table.eventTable tbody th {
  width: 23%;
}

table.eventTable a {
  color: #028add;
  text-decoration: none;
}

table.eventTable a:hover {
  text-decoration: underline;
}

table.eventTable td img {
  vertical-align: middle;
  cursor: pointer;
}

table.eventTable td input[type=text] {
  margin-right: 0.2em;
  height: 34px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  padding: 10px 11px;
  margin: 10px 6px 6px 0;
  font-size: 12px;
  min-width: auto;
}

table.eventTable td textarea {
  border-radius: 6px;
  border: 1px solid #d3d3d3;
  padding: 10px 11px;
  margin-bottom: 20px;
}

input.preentryTimer {
  height: 34px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  padding: 10px 11px;
  margin: 10px 0 6px 6px;
  font-size: 12px;
}

table.eventTable td span {
  /* margin-left: 1em; span を入れるとWYSIWYG入力等が崩れるため、マージンを入れない */
  margin-left: 0em;
}

table.eventTable label.familynamebox {
  width: 36px;
  display: inline-block;
}

/* ==================================================
    =POPUP
================================================== */
div#subContents p.dataBtns {
  margin: 13px 10px;
}

div#subContents p.dataBtns input {
  margin-right: 1px;
}

div#subContents p.normal {
  font-weight: bold;
}

div#subContents p.warning {
  color: #ff0000;
  margin: 0 0 20px 10px;
}

/* 基本情報テーブル */
div#subContents table.basicData {
  width: 100%;
  line-height: 1.5;
  border-top: none !important;
  margin-top: 20px;
}

div#subContents table.basicData th,
div#subContents table.basicData td {
  padding: 5px 7px;
  /*border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;*/
  vertical-align: top;
}

div#subContents table.basicData th {
  text-align: left;
  background-color: #f1f1f1;
  width: 137px;
  border-bottom: 2px solid #fff;
}

div#subContents table.basicData td img {
  margin-left: 10px;
}

.kihoninfo {
  /* background: url(../../img/manager/sw_h3_bg.gif) repeat scroll 0 0 #f1f1f1; */
  background-position: 0px -50px;
  /* border-bottom: 1px solid #999999; */
  /* border-right: 1px solid #999999; */
  height: 40px;
  margin-bottom: 1px;
  padding: 5px 5px 4px 9px;
  font-weight: bold;
  background: #f3a265;
}

.kihoninfo span {
  margin-top: 10px !important;
  color: #fff;
  font-size: 16px;
}

div#subContents div#showallBox {
  margin: 5px 0 1px 0;
  height: 25px;
}

div#subContents div#showallBox p {
  float: right;
  /*border-right: 1px solid #999999;*/
  font-weight: bold;
  /* background: url(../../img/manager/showall_bg.gif) 0 0 no-repeat; */
  padding: 5px 8px 5px 7px;
  line-height: 1.1;
  cursor: pointer;
}

div#subContents div#showallBox p img {
  margin-right: 4px;
}

div#subContents h3 {
  /* border-bottom: 1px solid #999999; */
  /* background: #f1f1f1 url(../../img/manager/sw_h3_bg.gif) 0 0 repeat; */
  padding: 5px 5px 4px 9px;
  line-height: 1.1;
  height: 40px;
  margin-bottom: 1px;
  cursor: pointer;
  background: #fff7f2;
}

div#subContents h3 img.trigger {
  float: left;
  margin: 10px 5px 0 0;
}

div#subContents h3 span {
  float: left;
  margin-top: 10px;
  display: block;
}

div#subContents h3 input {
  float: right;
  cursor: auto;
}

div#subContents div.subBox {
  /*margin: 0 0 1px 30px;*/
}

div#subContents div.subBox table {
  width: 100%;
  line-height: 1.5;
}

div#subContents div.subBox div {
  /*border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;*/
  overflow: hidden;
}

div#subContents div.subBox div table {
  margin-top: -1px;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: none;
}

div#subContents div.subBox table th,
div#subContents div.subBox table td {
  padding: 5px 7px;
  vertical-align: top;
  border-bottom: 2px solid #fff;
}

div#subContents div.subBox table th {
  text-align: left;
  background-color: #f1f1f1;
  width: 18%;
}

div#subContents div.subBox table td {
  background-color: #ffffff;
}

div#subContents div.subBox table th.mediaCd,
div#subContents div.subBox table th.cmtCd {
  width: 5%;
}

div#subContents div.subBox table th.addDate {
  width: 8%;
}

div#subContents h4 {
  border-bottom: 1px solid #cccccc;
  /* background: #f1f1f1 url(../../img/manager/sw_h4_bg.gif) 0 0 repeat; */
  padding: 5px 5px 4px 9px;
  line-height: 1.1;
  height: 40px;
  cursor: pointer;
}

div#subContents h4 span {
  float: left;
  margin-top: 12px;
  display: block;
}

div#subContents h4 img.trigger {
  float: left;
  margin: 10px 5px 0 0;
}

/* ==================================================
    =個人修正、エントリーシート修正用
================================================== */
div#subContents table.basicDataForRevision {
  width: 100%;
  line-height: 1.5;
}

div#subContents table.basicDataForRevision thead th {
  text-align: center;
  border: none;
  background-color: #ffe0cc;
  padding: 10px;
  border-bottom: 1px solid #fff;
}

div#subContents table.basicDataForRevision tr:nth-child(even) {
  background-color: #f7f7f7 !important;
}

div#subContents table.basicDataForRevision td {
  padding: 5px 7px;
  border: none;
  vertical-align: top;
  padding: 10px;
}

div#subContents table.basicDataForRevision tbody th {
  text-align: left;
  border: none;
  background-color: #f1f1f1;
  padding: 10px;
  border-bottom: 2px solid #fff;
  /*background-color: #ffe0cc;*/
}

body#subWindow div#subContents table.basicDataForRevision td a {
  color: #028add;
  text-decoration: none;
}

body#subWindow div#subContents table.basicDataForRevision td a:hover {
  text-decoration: underline;
}

div#subContents table.basicDataForRevision td img {
  margin-left: 10px;
}

div#subContents p.deleteRecord {
  background-color: #ffffdd;
  margin-top: 10px;
  padding: 10px;
  text-align: right;
  margin-bottom: 10px;
}

div#subContents p.deleteRecord input {
  margin-left: 10px;
}

div#pagetopBox {
  width: 704px;
  margin: 0 -2px;
  height: 53px;
  position: relative;
}

div#pagetopBox a {
  position: absolute;
  top: 17px;
  left: 613px;
}


div#subContents table.basicData font.familynamebox {
  width: 36px;
  display: inline-block;
}

/* ==================================================
    =子ウィンドウ用
================================================== */
/* 子ウィンドウ用一覧表示 */
body#subWindow div#subContents table#selectTable {
  width: 100%;
  line-height: 1.25;
  border: none;
}

body#subWindow div#subContents table#selectTable thead th {
  background: #edf5fa;
  font-weight: bold;
  color: #687277;
  text-align: left;
  padding: 12px 15px;
}

body#subWindow div#subContents table#selectTable tbody td {
  padding: 12px 15px;
}

body#subWindow div#subContents table#selectTable td a img {
  width: 86px;
}

/* 子ウィンドウ用(学生データ管理用)eventTable */
body#subWindow div#subContents table.eventTableData,
body#subWindow div#subContents table.eventTableDataStu {
  width: 100%;
  border: none;
  margin-top: 20px;
}

body#subWindow div#subContents table.eventTableData tr:nth-child(even) {
  background-color: #f7f7f7 !important;
}

body#subWindow div#subContents table.eventTableData td,
body#subWindow div#subContents table.eventTableDataStu td {
  padding: 10px;
  vertical-align: top;
  border: none;
}

body#subWindow div#subContents table.eventTableData th,
body#subWindow div#subContents table.eventTableDataStu th {
  padding: 10px;
  vertical-align: top;
  border: none;
  background-color: #ffe0cc;
  text-align: left;
  font-weight: normal;
}

body#subWindow div#subContents table.eventTableData thead th {
  background-color: #b4c8ea;
}

body#subWindow div#subContents table.eventTableDataStu thead th {
  background-color: #ffe0cc;
  padding: 10px;
}

body#subWindow div#subContents table.eventTableData tbody th,
body#subWindow div#subContents table.eventTableDataStu tbody th {
  width: 23%;
}

body#subWindow div#subContents table.eventTableData td img,
body#subWindow div#subContents table.eventTableDataStu td img {
  vertical-align: middle;
  cursor: pointer;
}

body#subWindow div#subContents table.eventTableData td input,
body#subWindow div#subContents table.eventTableDataStu td input {
  margin-right: 0.2em;
}

body#subWindow div#subContents table.eventTableData td span {
  /* margin-left: 1em; span を入れるとWYSIWYG入力等が崩れるため、マージンを入れない */
  margin-left: 0em;
}

body#subWindow div#subContents table.eventTableDataStu td span {
  margin-left: 1em;
}

body#subWindow div#subContents table.eventTableDataFormat td {
  border: 0px;
}

div#subContents p.notice {
  /*background-color: #f1f1f1;
  padding: 10px;
  margin-right: 0px;*/
}

body#subWindow div#subContents table.eventTable,
body#subWindow div#subContents table.eventTableStu {
  width: 100%;
  border: none;
  margin-top: 20px !important;
}

body#subWindow div#subContents table.eventTable {
  /*border-bottom: 1px solid #d3d3d3;*/
}

body#subWindow div#subContents table.eventTable th,
body#subWindow div#subContents table.eventTableStu th,
body#subWindow div#subContents table.eventTable td,
body#subWindow div#subContents table.eventTableStu td {
  padding: 15px;
  vertical-align: top;
  font-size: 14px;
  /*border: none;*/
}

body#subWindow div#subContents table.eventTableStu thead th {
  border: 2px solid #fff;
}

body#subWindow div#subContents table.eventTable th {
  background-color: #e2f0f9;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: #787878;
  width: 240px;
  padding: 12px 0 12px 20px;
  border-collapse: collapse;
  vertical-align: middle;
  border-left: none;
}

body#subWindow div#subContents table.eventTableStu th {
  background-color: #ffe0cc;
  text-align: left;
  font-weight: normal;
}

body#subWindow div#subContents table.eventTableStu thead th {
  background-color: #ffe0cc;
}

body#subWindow div#subContents table.eventTableStu tbody th {
  width: 23%;
}

body#subWindow div#subContents table.eventTableStu td img {
  vertical-align: middle;
  cursor: pointer;
}

body#subWindow div#subContents table.eventTableStu td input {
  margin-right: 0.2em;
}

body#subWindow div#subContents table.eventTableStu td span {
  margin-left: 1em;
}

body#subWindow div#subContents table.eventTable.horizontalityTable,
body#subWindow div#subContents table.eventTable.horizontalityTable thead tr {
  border-bottom: 1px solid #d3d3d3;
}

body#subWindow div#subContents table.eventTable.horizontalityTable tr:nth-child(even) {
  background-color: #f7f7f7;
}

/* グループ子ウィンドウ ソートボタンなし用 */
body#subWindow div#subContents table.groupsub {
  border: none;
}

body#subWindow div#subContents table.groupsub th {
  background-color: #ffe0cc;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 14px;
}

body#subWindow div#subContents table.groupsub td {
  border: none;
}

/* ==================================================
    =トップページ
================================================== */
body#top div#event1 {
  background: url(../../img/manager/event_bg.gif) 0 0 no-repeat;
  padding-top: 0px;
  margin-top: 6px;
}

body#top div#event2 {
  background: url(../../img/manager/event_bg_b.gif) left bottom no-repeat;
  padding: 0px 11px 3px 12px;
}

body#top div#event2 h2 a {
  /* background-image: url(../../img/manager/icn_event.gif); */
  background-repeat: no-repeat;
  color: #244eb2;
}

body#top div#event2 div.triggerWrapper {
  padding-right: 1px;
  margin-bottom: 15px;
}

body#top div#event2 div.triggerWrapper img.trigger {
  margin-top: 15px;
}

body#top div#event2 h2 a:hover {
  color: #244eb2;
}

/* タブ */
body#top div#tabArea table {
  margin-left: 7px;
  margin-bottom: 1px;
}

body#top div#tabArea table#front {
  margin-left: 0px;
  margin-bottom: 0px;
}

body#top div#tabArea table td {
  padding-right: 1px;
}

body#top div#tabArea table td a {
  font-weight: bold;
  width: 172px;
  height: 19px;
  padding: 6px 0 0 8px;
  display: block;
  background: url(../../img/manager/tab.gif) 0 0 no-repeat;
  line-height: 1.1;
}

body#top div#tabArea table td a:hover {
  background-position: 0 -25px;
  color: #ffffff;
}

body#top div#tabArea table td#crnt a {
  background-position: 0 -25px;
  color: #ffffff;
}

/* 読み込みエリア */
body#top div#loadArea {
  border-bottom: 1px solid #1d45ac;
  margin-bottom: 13px;
  width: 730px;
  background: #ffffff url(../../img/manager/loadarea_bg.gif) 0 0 no-repeat;
  padding-top: 2px;
}

body#top div#loadArea p {
  padding: 2em;
}

/* フリーイベント、選考イベント共通 */
body#top div#loadArea h3 {
  margin: 0px 2px 1px 2px;
  background: #f1f1f1;
  padding: 6px 9px 6px 10px;
  line-height: 1.1;
  font-weight: bold;
}

body#top div#loadArea h3 img.trigger {
  float: right;
  cursor: pointer;
  margin-top: -2px;
}

/* フリーイベント */
/* 選考イベント */
body#top div#loadArea div#slctnBox div,
body#top div#loadArea div#freeBox div {
  float: left;
  margin: 0px 8px 21px 0px;
  width: 164px;
}

body#top div#loadArea div#slctnBox div div.clearfix,
body#top div#loadArea div#freeBox div div.clearfix {
  width: 150px;
  float: none;
  padding-left: 2px;
  padding-right: 12px;
  height: 41px;
  margin: 0;
  background: none;
}

body#top div#loadArea div#slctnBox div div.clearfix a,
body#top div#loadArea div#freeBox div div.clearfix a {
  color: #0033cc;
  width: 125px;
  display: block;
  float: right;
  line-height: 1.2;
  margin-top: 12px;
  overflow: hidden;
}

body#top div#loadArea div#slctnBox div div.clearfix img,
body#top div#loadArea div#freeBox div div.clearfix img {
  margin-top: 21px;
  cursor: pointer;
  float: left;
}

body#top div#loadArea div#slctnBox div ul,
body#top div#loadArea div#freeBox div ul {
  display: none;
  border-bottom: 1px solid #aaaaaa;
  width: 155px;
  z-index: 2;
  padding-top: 2px;
  padding-right: 1px;
  margin-top: -4px;
}

body#top div#loadArea div#slctnBox div ul li a,
body#top div#loadArea div#freeBox div ul li a {
  position: static;
  padding: 4px 3px 3px 30px;
  display: block;
  line-height: 1.2;
  color: #333333;
  background: url(../../img/manager/menu_blt.gif) 21px 0.6em no-repeat;
  width: 122px;
}

body#top div#loadArea div#slctnBox div ul li a:hover,
body#top div#loadArea div#freeBox div ul li a:hover {
  color: #0033cc;
  background-position: -229px 0.6em;
}

body#top div#loadArea div#slctnBox p.clear,
body#top div#loadArea div#freeBox p.clear {
  clear: both;
  margin: 0;
  width: 0;
  height: 0;
  padding: 0;
  font-size: 0px;
}

/* フリーイベント */
body#top div#loadArea div#freeBox {
  padding: 19px 0 0 31px;
}

body#top div#loadArea div#freeBox div {
  /* background: url(../../img/manager/free_bg.gif) 0 0 no-repeat; */
}

body#top div#loadArea div#freeBox div ul {
  background: url(../../img/manager/free_menu_bg.gif) 0 0 no-repeat;
}

body#top div#loadArea div#freeBox div ul li {
  border-bottom: 1px solid #ffcda4;
}

/* 選考イベント */
body#top div#loadArea div#slctnBox {
  padding: 19px 0 7px 31px;
}

body#top div#loadArea div#slctnBox div {
  /* background: url(../../img/manager/slctn_bg.gif) 0 0 no-repeat; */
}

body#top div#loadArea div#slctnBox div.offer {
  background-image: url(../../img/manager/offer.gif);
  width: 164px;
  height: 41px;
}

body#top div#loadArea div#slctnBox div.join {
  background-image: url(../../img/manager/join.gif);
  width: 164px;
  height: 41px;
}

body#top div#loadArea div#slctnBox div.offer a,
body#top div#loadArea div#slctnBox div.join a {
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
  display: block;
  padding: 12px 0 0 27px;
  line-height: 1.3;
  height: 29px;
}

body#top div#loadArea div#slctnBox div ul {
  background: url(../../img/manager/slctn_menu_bg.gif) 0 0 no-repeat;
}

body#top div#loadArea div#slctnBox div ul li {
  border-bottom: 1px solid #c1d7ec;
}

/* モードチェンジ */
body#top div#loadArea ul#mode {
  height: 30px;
  background: #4477cc;
  padding-left: 150px;
}

body#top div#loadArea ul#mode li {
  height: 20px;
  float: left;
  margin-right: 5px;
}

body#top div#loadArea ul#mode li a {
  font-size: 92%;
  display: block;
  line-height: 1.1;
  padding-top: 3px;
  height: 17px;
  padding-left: 31px;
}

body#top div#loadArea ul#mode li#newstep {
  width: 149px;
}

body#top div#loadArea ul#mode li#place {
  width: 136px;
}

body#top div#loadArea ul#mode li#recital {
  width: 136px;
}

body#top div#loadArea ul#mode li#edit {
  width: 137px;
  margin-right: 0;
}

body#top div#loadArea ul#mode li#newstep a {
  background: url(../../img/manager/newstep_bg.gif) 0 0 no-repeat;
  padding-left: 42px;
}

body#top div#loadArea ul#mode li#place a {
  background: url(../../img/manager/place_bg.gif) 0 0 no-repeat;
}

body#top div#loadArea ul#mode li#recital a {
  background: url(../../img/manager/recital_bg.gif) 0 0 no-repeat;
}

body#top div#loadArea ul#mode li#edit a {
  background: url(../../img/manager/edit_bg.gif) 0 0 no-repeat;
}

/* ==================================================
	=トップページ（エディットモード）
================================================== */
body#top.edit div#wrapper {
  position: relative;
  background-color: #ffffff;
}

body#top.edit div#shadow {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #000000;
  width: 964px;
  /*div#wrapperと同じ*/
}

body#top.edit div#header {
  background-image: url(../../img/manager/edit_header_bg.gif);
  z-index: 1;
}

body#top.edit div#event1 {
  position: relative;
  z-index: 1;
  background-image: url(../../img/manager/edit_event_bg.png);
  padding-top: 0;
}

body#top.edit div#event2 {
  background-image: url(../../img/manager/edit_event_bg_b.gif);
}

body#top.edit div#event1 div.titleBar {
  margin: 0 -11px 0 -12px;
  background: url(../../img/manager/edit_title_bg.gif) 0 0 no-repeat;
  color: #ffff00;
  font-size: 117%;
  padding: 7px 7px 5px 47px;
  font-weight: bold;
}

body#top.edit div#event1 div.titleBar img {
  position: relative;
  /* for IE6 */
  float: right;
}

body#top.edit div#event1 h2 {
  margin-top: 0px;
  margin-bottom: 10px;
}

body#top.edit div#event1 h2 a {
  display: block;
  height: 37px;
  background: url(../../img/manager/edit_h2_bg.gif) 0 0 no-repeat;
  padding: 8px 0 0 37px;
  float: left;
  color: #ffffff;
  margin-bottom: 0px;
}

body#top.edit div#event1 h2 a:hover {
  background-position: 0 -45px;
  color: #ffffff;
}

/* タブ */
body#top.edit div#tabArea table td {
  vertical-align: top;
}

body#top.edit div#tabArea table td div.clearfix {
  background: url(../../img/manager/edit_tab.gif) 0 0 no-repeat;
  padding-left: 3px;
  width: 177px;
  height: 25px;
}

body#top.edit div#tabArea table td#crnt div.clearfix {
  background-position: 0 -25px;
}

body#top.edit div#tabArea table td a {
  float: right;
  width: 153px;
  padding-left: 0;
  padding-right: 0;
  background: none;
}

body#top.edit div#tabArea table td a:hover {
  color: #0033cc;
}

body#top.edit div#tabArea table td img {
  margin-top: 1px;
  cursor: pointer;
  float: left;
}

body#top.edit div#tabArea table td a.newtab {
  display: block;
  width: 102px;
  padding: 6px 0 0 8px;
  background: url(../../img/manager/edit_newtab.gif) 0 0 no-repeat;
  color: #ffffff;
  line-height: 1.1;
  font-weight: bold;
  height: 19px;
}

body#top.edit div#tabArea table td a.newtab:hover {
  color: #ffffff;
}

/* タブ内メニュー */
body#top.edit div#tabArea table td ul {
  display: none;
  margin-top: -1px;
  width: 178px;
  border-left: 1px solid #4678cc;
  border-right: 1px solid #4678cc;
  border-bottom: 1px solid #4678cc;
  background-color: #f1f1f1;
  margin-bottom: 1px;
}

body#top.edit div#tabArea table td ul li {
  width: 147px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-right: 0px;
  padding: 6px 0 5px 30px;
  line-height: 1.1;
  background: #f1f1f1 url(../../img/manager/menu_blt.gif) 21px 0.8em no-repeat;
  height: 14px;
}

body#top.edit div#tabArea table td ul li.jobsort {
  border-top: 1px solid #cccccc;
}

/* 読み込みエリア */
body#top.edit div#loadArea div#slctnBox div div.clearfix img,
body#top.edit div#loadArea div#freeBox div div.clearfix img {
  margin-top: 13px;
}

body#top.edit div#loadArea div#freeBox div ul {
  background-image: url(../../img/manager/edit_free_menu_bg.gif);
}

body#top.edit div#loadArea div#slctnBox div ul {
  background-image: url(../../img/manager/edit_slctn_menu_bg.gif);
}

body#top.edit div#loadArea div#freeBox div ul li a,
body#top.edit div#loadArea div#slctnBox div ul li a {
  background-image: url(../../img/manager/edit_menu_blt.gif);
}

body#top.edit div#loadArea div#freeBox div.nodisplay {
  background-image: url(../../img/manager/free_nodisplay_bg.gif);
}

body#top.edit div#loadArea div#slctnBox div.nodisplay {
  background-image: url(../../img/manager/slctn_nodisplay_bg.gif);
}

body#top.edit div#loadArea div#freeBox div.nodisplay ul,
body#top.edit div#loadArea div#slctnBox div.nodisplay ul {
  background-image: url(../../img/manager/edit_nodisplay_menu_bg.gif);
}

body#top.edit div#loadArea div#freeBox div.nodisplay ul li,
body#top.edit div#loadArea div#slctnBox div.nodisplay ul li {
  border-bottom: 1px solid #dddddd;
}

/* ==================================================
    =新規ウィンドウ
================================================== */
div.newWin {
  width: 300px;
  display: none;
  visibility: hidden;
  position: absolute;
  background-color: #ffffff;
  z-index: 3;
  border: 1px solid #ffffff;
  text-align: left;
  line-height: 1.5;
  top: 0;
  left: 0;
}

div.newWin h4 {
  background-color: #4477cc;
  color: #ffffff;
  padding: 6px 5px 6px 7px;
}

div.newWin h4 img {
  float: right;
  cursor: pointer;
}

div.newWin div.wincontent {
  padding: 20px;
}

div.newWin div.wincontent p.notice {
  margin: 20px 0;
  line-height: 1.5;
}

div.newWin div.wincontent p.notice img {
  margin-left: 5px;
}

div.newWin div.wincontent p.btn {
  text-align: center;
}

/* タブ並び順変更 */
div#jobsort.newWin {
  width: 310px;
}

div#jobsort.newWin table {
  border: none;
  width: 200px;
  float: right;
}

div#jobsort.newWin table td {
  border: none;
  padding: 10px;
  line-height: 1.1;
}

div#jobsort.newWin table tr#sortcrnt {
  background-color: #f1f1f1;
}

div#jobsort.newWin table th {
  width: 34px;
  border: none;
  text-align: center;
}

div#jobsort.newWin table th img {
  margin: 1px;
  cursor: pointer;
}

div#jobsort.newWin table colgroup.arw {
  width: 34px;
}

div#jobsort.newWin p.caption {
  float: left;
  width: 60px;
}

/* ショートカット作成 */
div#eventshortcut.newWin {
  width: 390px;
}

div#eventshortcut.newWin table td,
div#eventshortcut.newWin table th {
  padding-bottom: 0.7em;
}

div#eventshortcut.newWin table th {
  width: 80px;
  text-align: left;
}

div#eventshortcut.newWin table select.location {
  width: 268px;
}

div#eventshortcut.newWin table select.jobkind {
  width: 100px;
}

div#eventshortcut.newWin table select.eventtitle {
  width: 164px;
}

/* ==================================================
    =学生向け情報管理　別ウインドウ表示用
================================================== */
body#subWindow div#subContents div#manage input.colored {
  background-color: #339933;
  color: #ffffff;
}

body#subWindow div#subContents div#manage p.navigation_bottom strong {
  color: #339933;
  font-weight: bold;
}

body#subWindow div#subContents p.navigation_bottom strong,
body#subWindow div#subContents div#data p.navigation_bottom strong {
  color: #ff6600;
  font-weight: bold;
}

body#subWindow div#subContents table.manageTable {
  width: 754px;
  border: none;
  margin-top: 20px;
  font-size: 14px;
}

body#subWindow div#subContents table.manageTable th {
  padding: 15px;
  vertical-align: top;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #d7f1dd;
  text-align: left;
  font-weight: normal;
}

body#subWindow div#subContents table.manageTable th.firstLine {
  padding-top: 7px;
}

body#subWindow div#subContents table.manageTable th.secondLine {
  padding-bottom: 7px;
}

body#subWindow div#subContents table.manageTable tbody th {
  width: 23%;
}

body#subWindow div#subContents table.manageTable td {
  padding: 15px;
  vertical-align: top;
  border: none;
}

body#subWindow div#subContents table.manageTable td.groupName {
  text-align: left;
}

body#subWindow div#subContents table.manageTableFormat td {
  border: 0px;
}

/* ==================================================
    =メールテンプレート複写子ウィンドウ用
================================================== */
body#subWindow div#subContents table.mailtpl {
  border: none;
}

body#subWindow div#subContents table.mailtpl th {
  background-color: #99cc99;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}

body#subWindow div#subContents table.mailtpl th.firstLine {
  padding-top: 7px;
}

body#subWindow div#subContents table.mailtpl th.secondLine {
  padding-bottom: 7px;
}

body#subWindow div#subContents table.mailtpl td {
  border: none;
}

body#subWindow div#subContents table.mailtpl td.mailtplName {
  text-align: left;
}

/* ==================================================
    =basicInfo ※履歴付加デフォルト子画面で使用
================================================== */
body#subWindow div#subContents table#basicInfo {
  width: 100%;
  border: none;
}

div#contents table#basicInfo {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 10px;
  border: none;
  overflow: auto;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

table#basicInfo th,
table#basicInfo td {
  padding: 5px 7px;
  vertical-align: top;
  border: none;
}

table#basicInfo th {
  background-color: #b4c8ea;
  font-size: 14px;
  font-weight: bold;
  color: #676c76;
  text-align: left;
  padding: 15px 0 15px 15px;
  border: none;
  box-sizing: border-box;
  background-color: #e2f0f9;
  padding: 15px;
}

table#basicInfo td {
  padding: 15px;
  border: none;
  font-size: 14px;
}

table#basicInfo tr:nth-child(even) {
  background-color: #f7f7f7 !important;
}

div#contents table.eventTableFormat th,
div#contents table.eventTableFormat td {
  padding: 0px 0px;
  border: 1px solid #ffffff;
}

body#subWindow div#subContents table.eventTableFormat th,
body#subWindow div#subContents table.eventTableFormat td {
  padding: 0px 0px;
  /*border: 1px solid #ffffff;*/
}

/* ==================================================
    =返信フォーム
================================================== */
div#contents table.resform {
  border: none;
  margin: 10px 0 1px 0;
  width: 750px;
}

div#contents table.resform th,
div#contents table.resform td {
  border: none;
  padding: 7px 10px;
  line-height: 1.5;
}

div#contents table.resform th {
  font-weight: normal;
  color: #000000;
  background-color: #99cc99;
  white-space: nowrap;
  width: 155px;
  text-align: left;
  vertical-align: top;
}

div#contents table.resform td.title input {
  width: 523px;
}

div#contents table.resform td textarea {
  width: 550px;
  height: 200px;
  margin-bottom: 7px;
}

/* ==================================================
    =submitBox
================================================== */
/* サブミットボタン */
div.bottomBtnBox {
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 10px 20px;
  border-radius: 8px;
  box-sizing: border-box;
  background-color: #f7f7f7;
  text-align: center;
}

div.bottomBtnBox input,
button {
  margin: 0 5px;
}

div.submitBox {
  overflow: auto;
}

div.submitBox + div.submitBox {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

div#contents div.submitBox input,
button {
  margin: 0 5px;
}

div#contents div.submitBox input.l.colored {
  float: left;
}

div#contents div.submitBox div.groupNameSearch {
  float: right;
}

div#contents div.submitBox div.groupNameSearch input[type="text"] {
  width: 217px !important;
}

/* ==================================================
    =updateBox
================================================== */
div#contents p#updateBox {
  padding: 10px 0;
  box-sizing: border-box;
  background-color: #f7f7f7;
  position: relative;
  text-align: center;
}

div#contents p#updateBox input {
  margin-left: 10px;
}

/* ==================================================
    =selectBox
================================================== */
p#selectBox,
p.selectBox {
  font-size: 12px;
  color: #444;
  background: #fff;
  padding: 10px 0 15px 0;
}

p#selectBox a,
p.selectBox a {
  color: #028add;

}

p#selectBox a:nth-child(1),
p.selectBox a:nth-child(1) {
  margin-left: 15px;
  position: relative;
}

p#selectBox a:nth-child(1)::after,
p.selectBox a:nth-child(1)::after {
  content: "／";
  font-size: 12px;
  color: #444;
  display: inline-block;
  margin-left: 3px;
}

p#selectBox a:hover,
p.selectBox a:hover {
  text-decoration: underline;
}

/* ==================================================
    =セレクトテーブル selectTable
================================================== */
div#contents table#selectTable {
  /* width: 750px; */
  line-height: 1.25;
}

div#contents table#selectTable thead {
  /* border-bottom: 1px solid #d3d3d3; */
}

table#selectTable th {
  font-weight: normal;
}

table#selectTable th ul {
  margin: 1px auto 0;
  width: 41px;
  height: 15px;
}

table#selectTable th ul li {
  width: 20px;
  height: 15px;
}

table#selectTable th ul img {
  vertical-align: top;
  cursor: pointer;
}

table#selectTable th ul li.sortdown {
  float: left;
  border-right: 1px solid #aaaaaa;
}

table#selectTable th ul li.sortup {
  float: right;
}

table#selectTable td {
  text-align: left;
  padding: 15px;
  font-size: 14px;
}

table#selectTable tr:nth-child(even) {
  background-color: #f7f7f7;
}

table#selectTable tr:nth-child(odd) {
  background-color: #fff;
}

table#selectTable td input {
  margin-right: 0;
}

table#selectTable tdName {
  text-align: left;
}

table#selectTable td a {
  color: #028add;
  text-decoration: none;
}

/* ==================================================
    =エラー内容テーブル
================================================== */
div#contents table.errorTable {
  width: 100%;
  border: none;
  margin-top: 10px;
}

div#contents table.errorTable th,
div#contents table.errorTable td {
  padding: 5px 7px;
  vertical-align: top;
  border: none;
  background: #fff;
}

div#contents table.errorTable th {
  text-align: left;
  font-weight: normal;
}

div#contents table.errorTable td ul {
  list-style: disc;
  margin-left: 2em;
  margin-top: 0.5em;
}

div#contents table.errorTable + br {
  display: none;
}

div#contents table.errorTable + br + center {
  background: #fff;
}

/* ==================================================
    =エントリーフォーム設定一覧表示用
================================================== */
table.entrylist {
  border: none;
}

table.entrylist th {
  padding: 15px;
  font-size: 14px;
}

table.entrylist th.firstLine {
  padding-top: 7px;
}

table.entrylist th.secondLine {
  padding-bottom: 7px;
}

table.entrylist td {
  border: none;
}

/************************************************************************************************/
div#subContents table.borderNone td {
  padding: 5px 7px;
  border: none;
  vertical-align: top;
}

div#contents table.borderNone td {
  padding: 5px 7px;
  border: none;
  vertical-align: top;
}


/* ==================================================
    =エントリーフォーム設定画面用
================================================== */
.formbox01 {
  word-break: break-word;
}

/* ==================================================
    =エントリーフォーム設定画面用
================================================== */
body#setting form#formConfirm div#fieldChooser div#sourceFields ul.hosoku input.jqTransformHidden {
  display: none;
}

body#setting form#formConfirm div#fieldChooser div#sourceFields ul.hosoku a.jqTransformCheckbox {
  margin-right: 8px;
}

/* ==================================================
    =エントリーフォーム設定
================================================== */


.enofloat.error{
    color:#FF0000;

}

/* ==================================================
    =管理者ID登録子画面用
================================================== */
body#subWindow div#subContents div#setting input.colored {
  background-color: #427bd7;
  color: #ffffff;
}

body#subWindow div#subContents div#setting p.navigation_bottom strong {
  color: #244eb2;
  font-weight: bold;
}

div#subContents div#setting p.warning {
  font-weight: bold;
  color: #ff0000;
  margin: 10px 0 0px 10px;
}

/* 子ウィンドウ用eventTableの幅指定をしないバージョン */
body#subWindow div#subContents table.eventTableFormatSmallMail th,
body#subWindow div#subContents table.eventTableFormatSmallMail td {
  padding: 5px 7px;
  vertical-align: top;
  border: none;
}

body#subWindow div#subContents table.eventTableFormatSmall th {
  background-color: #e1e9f7; 
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
}

body#subWindow div#subContents table.eventTableFormatSmallMail th {
  /* background-color: #99cc99; */
  background-color: #d7f1dd;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;

}

/* ==================================================
    =言語切替プルダウン
================================================== */
div.localeSelect {
  /*float: right;*/
}

/* ==================================================
    =一括インポート名寄せ画面
================================================== */
body#data div#contents table.eventTableWidth700 {
  width: 700px;
  border: none;
  margin-top: 20px;
}

body#data div#contents table.eventTableWidth700 th,
body#data div#contents table.eventTableWidth700 td {
  padding: 5px 7px;
  vertical-align: top;
  border: none;
}

body#data div#contents table.eventTableWidth700 th {
  /*	background-color: #e1e9f7;	*/
  background-color: #ffe0cc;
  text-align: left;
  font-weight: normal;
}

body#data div#contents table.eventTableWidth700 thead th {
  background-color: #b4c8ea;
}

body#data div#contents table.eventTableWidth700 th.firstLine {
  padding-top: 7px;
}

body#data div#contents table.eventTableWidth700 th.secondLine {
  padding-bottom: 7px;
}

body#data div#contents table.eventTableWidth700 td img {
  vertical-align: middle;
  cursor: pointer;
}

body#data div#contents table.eventTableWidth700 td input {
  margin-right: 0.2em;
}

body#data div#contents table.eventTableWidth700 td span {
  margin-left: 1em;
}

.newregi {
  font-weight: bold;
  background-color: #e1e9f7;
}

/* ADD 2019/06/06 PDF-003-01 [PDFテンプレート] start */
/* ==================================================
    =PDFテンプレート印字設定子画面用
================================================== */
body#subWindow div#pdftemplate input.colored {
  background-color: #427bd7;
  color: #ffffff;
}

body#subWindow div#pdftemplate p.navigation_bottom strong {
  color: #244eb2;
  font-weight: bold;
}

/* ADD 2019/06/06 PDF-003-01 [PDFテンプレート] end */
body {
  color: #444;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Yu Gothic UI Medium", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif !important;
  background-color: #f3f3f3;
  position: relative;
  text-spacing-trim: space-all;
}

body::before {
  content: "";
  width: 100%;
  height: 67px;
  display: block;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

body#subWindow::before {
  content: none;
}

div#wrapper {
  min-width: 1175px;
  width: 100%;
  margin: 0;
  position: relative;
  /* z-index: 1; */
}

body#setting.modal div#wrapper {
  background-color: transparent;
}

#event #wrapper {
  background-color: #f4f6fa;
}

#data #wrapper {
  background-color: #faf6f4;
}

#manage #wrapper {
  background-color: #f4faf6;
}

.fixed #pagebody {
  padding-top: 66px;
}

#pagebody {
  width: 100%;
  padding-right: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
}

div#contents {
  line-height: normal;
  width: calc(100% - 265px);
  margin-bottom: 74px;
  padding-top: 31px;
  float: none;
  order: 2;
  min-height: 700px;
}

div#contents h2 {
  font-size: 20px;
  margin-bottom: 10px;
  /* padding-top: 20px; */
  padding-left: 16px;
  box-sizing: border-box;
  position: relative;
}

div#contents h2::before {
  content: "";
  width: 4px;
  height: 100%;
  border-radius: 5px;
  display: block;
  background-color: #3f75d0;
  position: absolute;
  top: 0;
  left: 0;
}

div#contents h2 span {
  margin: 0;
}

div#contents h2 span.title {
  float: none;
  margin: 0;
}

div#contents h2 span.category {
  font-size: 12px;
  font-weight: normal;
  color: #028add;
  margin-top: 0;
  float: none;
  position: absolute;
  top: 0;
  left: 15px;
}

div#contents .navigation_top {
  font-size: 12px;
  color: #787878;
  margin: 0 0 30px 0;
  box-sizing: border-box;
}

div#contents .navigation_top a {
  /*display: none;*/
}

#event div#contents h2::before {
  background-color: #3f75d0;
}

#event div#contents h2 span.category {
  color: #3f75d0;
}

#data div#contents h2::before {
  background-color: #f08b3f;
}

#data div#contents h2 span.category {
  color: #f08b3f;
}

#manage div#contents h2 {
  height: 42px;
}

#manage div#contents h2::before {
  background-color: #3ab755;
}

#manage div#contents h2 span.title {
  font-size: 20px;
}

#manage div#contents h2 span.category {
  color: #3ab755;
  margin-bottom: 10px;
}

p.pagetopBox {
  width: 100%;
  text-align: left;
  margin: 0;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative;
}

p.pagetopBox a {
  width: 86px;
  display: block;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

p.pagetopBox a:hover {
  opacity: 0.6;
}

p.pagetopBox a img {
  width: 100%;
}

.l {
  width: 160px !important;
  height: 36px;
  color: #028add;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  /* display: block; */
  background-color: #fff;
  border: 1px solid #028add;
  border-radius: 6px;
  box-sizing: border-box;
}

.l:hover {
  background-color: #f2f9fe;
  cursor: pointer;
}

.m {
  width: 80px;
  height: 36px;
 /*color: primary;*/
  color:#028add;
  font-size: 12px;
  font-weight: bold;
  background-color: #fff;
  border: 1px solid #028add;
  border-radius: 6px;
}

.m:hover {
  background-color: #f2f9fe;
  cursor: pointer;
}

.m.colored {
  background-color: #028add;
  color: #fff;
}

.m.colored:hover {
  background-color: #027cc7;
  border: 1px solid #027cc7;
  cursor: pointer;
}

.s {
  width: 80px;
  height: 34px;
  color: #028add;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: 1px solid #028add;
  border-radius: 6px;
  box-sizing: border-box;
}

.s:hover {
  background-color: #e2f0f9;
  cursor: pointer;
}

/*.modal .s:hover {
	border: 1px solid #3969bb;
    background-color: #3969bb;
}*/

#parts_form {
  color: gray;
  background-color: white;
  /* radio button */
  /* checkbox */
  /* selectbox */
  /* textbox */
}

#parts_form h1 {
  margin-bottom: 50px;
}

#parts_form h2 {
  margin-bottom: 20px;
}

#parts_form div {
  margin-left: 30px;
  margin-bottom: 30px;
  position: relative;
}

#parts_form div input[type="radio"] + label {
  margin-left: 26px;
}

#parts_form div input[type="radio"] {
  appearance: none;
  position: absolute;
  width: 18px;
  height: 18px;
  padding-right: 8px;
  box-sizing: border-box;
}

#parts_form div input[type="radio"]::before {
  content: "";
  display: block;
  border-radius: 50%;
  border: 1px solid #adafb3;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  box-sizing: border-box;
}

#parts_form div input[type="radio"]:checked::after {
  position: absolute;
  content: "";
  top: 0;
  display: block;
  border-radius: 50%;
  border: 5px solid #028add;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
}

#parts_form div input[type="radio"]:disabled {
  border-color: #c9cbd0;
}

#parts_form h1 + div label {
  position: relative;
  padding-left: 26px;
}

#parts_form h1 + div label input[type="radio"] {
  appearance: none;
  position: absolute;
  left: 0;
}

#parts_form div {
  margin-left: 30px;
  margin-bottom: 30px;
}

#parts_form div input[type="checkbox"]:first-of-type {
  margin-left: 0;
}

#parts_form div input[type="checkbox"] {
  appearance: none;
  position: relative;
  top: 6px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 14px;
}

#parts_form div input[type="checkbox"]::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border: 1px solid #adafb3;
  border-radius: 4px;
  content: "";
  width: 18px;
  height: 18px;
}

#parts_form div input[type="checkbox"]:checked::before {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  border: 9px solid #028add;
  border-radius: 4px;
  content: "";
  width: 18px;
  height: 18px;
}

#parts_form div input[type="checkbox"]:checked::after {
  position: absolute;
  top: 3px;
  left: 6px;
  display: block;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  width: 5px;
  height: 11px;
  transform: rotate(35deg);
}

#parts_form div input[type="checkbox"]:disabled {
  border-color: #c9cbd0;
}

input[type="checkbox"]:checked:disabled{
  border: 1px solid #c9cbd0;
  box-sizing: border-box;
  background: url(../../img/manager/checkbox_checked_disable.png) no-repeat center center;
  background-size: 18px 18px;
  padding: 8px 8px;
}

#parts_form select::-ms-expand {
  display: none;
}

#parts_form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  color: #444;
  font-weight: 300;
  padding: 5px 95px 11px 5px;
  line-height: 20px;
  border-radius: 6px;
  border: 1px solid #adafb3;
  background-image: url(../../../img/down_triangle.png);
  background-repeat: no-repeat;
  background-size: 10px 8px;
  background-position: right 10px center;
  background-color: #fff;
}

#parts_form select:disabled {
  border: 1px solid #c9cbd0;
  color: #ccc;
}

#parts_form select:focus,
#parts_form input[type="text"]:focus {
  outline: none;
  border: 1px solid #028add;
}

#parts_form input[type="text"] {
  color: #444;
  border: 1px solid #adafb3;
  border-radius: 6px;
  padding: 11px 85px 11px 10px;
  background-color: #fff;
}

#parts_form input[type="text"]::placeholder {
  color: #adafb3;
}

#parts_form input[type="text"]:disabled {
  border: 1px solid #adafb3;
}

label > input[type="radio"] {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.8;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #d3d3d3;
}

label > input[type="radio"]:checked {
  border: 5px solid #028add;
}

input[type="radio"] {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.8;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #d3d3d3;
}

input[type="radio"]:checked {
  border: 5px solid #028add;
}

input[type="checkbox"] {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.8;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  position: relative;
  top: -2px;
  display: inline-block;
  /*margin-left: 297px;*/
  background-color: #fff;
}

input[type="checkbox"]:checked {
  border: 1px solid #028add;
  box-sizing: border-box;
  background: url(../../img/manager/checkbox_checked.png) no-repeat center center;
  background-size: 18px 18px;
  padding: 8px 8px;
}

select::-ms-expand {
  display: none;
}

select {
  padding: 7px 20px 7px;
  margin: 10px 0 6px;
  border-color: #d3d3d3;
  border-radius: 6px;
  font-size: 12px;
  color: #444444;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
}

select:not([multiple]) {
  background: transparent url(../../img/down_triangle.png) no-repeat 90% center;
  padding-right: 30px;
  background-color: #fff;
}

#manage table input[type="text"],
#manage table textarea {
  padding: 7px 20px 7px;
  margin: 10px 0 6px;
  border: 1px solid #d3d3d3;
  border-radius: 6px;
}

select:disabled {
  border: 1px solid #c9cbd0;
}

select:focus,
input[type="text"]:focus {
  outline: none;
  border: 1px solid #028add;
}

input,
select,
textarea {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Yu Gothic UI Medium", "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif !important;
}

div#sidebar div h2.menuIcon a {
  font-size: 14px;
  color: #444;
  width: 100%;
  float: none;
  box-sizing: border-box;
  padding: 10px 20px 11px 52px;
  border-left: 4px solid #fff;
  box-sizing: border-box;
  display: block;
  position: relative;
}

div#sidebar div h2.menuIcon a::before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

div#sidebar div h2.menuIcon a:hover {
  text-decoration: none;
  border-left: 4px solid #f1f9ff;
  background-color: #f1f9ff;
}

div#sidebar div.event h2.menuIcon a {
  color: #444;
  height: auto;
  padding: 10px 20px 11px 52px;
  background: none;
}

div#sidebar div.event h2.menuIcon a::before {
  background-image: url(../../img/manager/event/side_event.png);
}

div#sidebar div.data h2.menuIcon a {
  color: #444;
  height: auto;
  padding: 10px 20px 11px 52px;
  background: none;
}

div#sidebar div.data h2.menuIcon a::before {
  background-image: url(../../img/manager/data/side_data.png);
}

div#sidebar div.manage h2.menuIcon a {
  color: #444;
  height: auto;
  padding: 10px 20px 11px 52px;
  background: none;
}

div#sidebar div.manage h2.menuIcon a::before {
  background-image: url(../../img/manager/manage/side_manage.png);
}

div#sidebar div.rep h2.menuIcon a {
  color: #444;
  height: auto;
  padding: 10px 20px 11px 52px;
  background: none;
}

div#sidebar div.rep h2.menuIcon a::before {
  background-image: url(../../img/manager/rep/side_rep.png);
}

div#sidebar div.rep #repDiv3 dl {
  margin-bottom: 10px;
  padding: 0 20px 0;
}

div#sidebar div.rep #repDiv3 dl dt {
  font-size: 12px;
  color: #787878;
  font-weight: 600;
}

div#sidebar div.rep #repDiv3 dl dd {
  font-size: 12px;
  color: #444444;
  font-weight: 600;
}

div#sidebar div.rep #repDiv3 dl dd a {
  margin-right: 5px;
}

div#sidebar div.rep #repDiv3 dl dd a:link,
div#sidebar div.rep #repDiv3 dl dd a:visited,
div#sidebar div.rep #repDiv3 dl dd a:hover,
div#sidebar div.rep #repDiv3 dl dd a:active {
  color: #028add;
}

div#sidebar div.rep #repDiv3 dl dd a:link:hover,
div#sidebar div.rep #repDiv3 dl dd a:visited:hover,
div#sidebar div.rep #repDiv3 dl dd a:hover:hover,
div#sidebar div.rep #repDiv3 dl dd a:active:hover {
  text-decoration: underline;
}

div#sidebar div.rep #repDiv3 dl:nth-of-type(3) {
  padding: 0 0 0;
  margin: 0 20px 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d3d3d3;
  box-sizing: border-box;
}

div#sidebar div.service h2.menuIcon a {
  color: #444;
  height: auto;
  padding: 10px 20px 11px 52px;
  background: none;
}

div#sidebar div.service h2.menuIcon a::before {
  background-image: url(../../img/manager/service/side_service.png);
}

div#sidebar div.replive h2.menuIcon a {
  color: #444;
  height: auto;
  padding: 10px 20px 11px 52px;
  background: none;
}

div#sidebar div.replive h2.menuIcon a::before {
  background-image: url(../../img/manager/replive/side_replive.png);
}

div#sidebar .menuIcon.current a {
  border-left: 4px solid #028add;
  background-color: #d4effc;
}

div#sidebar .menuIcon.current a::before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}

div#footer {
  font-size: 0;
  width: calc(100% - 240px);
  margin: 0 0 0 auto;
  padding: 15px 25px 35px 25px;
  border-top: none;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
}

div#footer > .copyright {
  font-size: 10px;
  color: #adafb3;
  text-align: left;
  width: auto;
  float: none;
  position: absolute;
  bottom: 18px;
  left: 25px;
}

div#footer a {
  font-size: 11px;
  color: #444;
  margin-right: 25px;
  display: inline-block;
}

div#footer a:last-child {
  margin-right: 0;
}

div#footer a:hover {
  text-decoration: underline;
  color: #028add;
}

div#footer br {
  display: none;
}

div#footer::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: -100%;
}

div#header {
  width: 100%;
  height: 66px !important;
  margin: 0;
  padding: 15px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: none;
  background-color: #fff;
  position: relative;
  z-index: 5;
  box-shadow: 0px 2px 6px 0px rgba(68, 68, 68, 0.15);
}

div#header > .logoBlk {
  display: flex;
  justify-content: space-between;
  max-width: 240px;
  min-width: 240px;
  width: 100%;
  height: 66px !important;
  padding: 0;
  float: none;
  border-left: none;
  align-items: center;
}

div#header > .logoBlk > h1 {
  padding-left: 25px;
  float: none;
  box-sizing: border-box;
}

div#header > .logoBlk > h1 a {
  width: 89px;
  display: block;
}

div#header > .logoBlk > h1 a img {
  width: 100%;
  height: auto;
  display: block;
}

div#header > .logoBlk > h1 a:hover {
  opacity: 0.6;
}

div#header > .logoBlk > h1 + div.toggleIcon {
  border-left: none;
  float: none;
  width: 28px;
  height: 18px;
  position: absolute;
  top: 21px;
  right: 20px;
}

div#header > .logoBlk + div {
  width: calc(100% - 469px);
  height: auto;
  float: none;
  padding: 0 5px 0 25px;
  border-left: 1px solid #c9cbd0;
  box-sizing: border-box;
}

div#header > .logoBlk + div p:nth-child(1) {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  color: #777b81;
  margin-bottom: 4px;
  position: relative;
}

div#header > .logoBlk + div p:nth-child(2) {
  font-size: 10px !important;
  color: #777b81;
  padding-left: 170px;
  box-sizing: border-box;
}

div#header > .logoBlk + div p:nth-child(2) span:nth-child(1) {
  padding-right: 20px;
}

div#header > .logoBlk + div p #lastaccess {
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
}

div#header > .logoBlk + div p br {
  display: none;
}

div#header > .logoBlk + div + ul {
  width: 373px;
  min-width:373px;
  padding-left: 10px;
  border-left: 1px solid #c9cbd0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

div#header > .logoBlk + div + ul li {
  height: auto;
  float: none;
  border-left: none;
  box-sizing: border-box;
  position: relative;
}

div#header > .logoBlk + div + ul li a,
div#header > .logoBlk + div + ul li p {
  font-size: 10px;
  font-weight: bold;
  line-height: normal;
  color: #777b81;
  width: 100%;
  height: 36px;
  margin: 0 auto;
  padding: 25px 10px 0;
  box-sizing: border-box;
  display: block;
}

div#header > .logoBlk + div + ul li a:hover,
div#header > .logoBlk + div + ul li p:hover {
  color: #028add;
}

div#header > .logoBlk + div + ul li a#headRpo,
div#header > .logoBlk + div + ul li a#headSup,
div#header > .logoBlk + div + ul li a#headPre,
div#header > .logoBlk + div + ul li a#headOut,
div#header > .logoBlk + div + ul li p#headRpo,
div#header > .logoBlk + div + ul li p#headSup,
div#header > .logoBlk + div + ul li p#headPre,
div#header > .logoBlk + div + ul li p#headOut {
  width: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 20px auto;
}

div#header > .logoBlk + div + ul li a#headRpo:hover,
div#header > .logoBlk + div + ul li a#headSup:hover,
div#header > .logoBlk + div + ul li a#headPre:hover,
div#header > .logoBlk + div + ul li a#headOut:hover,
div#header > .logoBlk + div + ul li p#headRpo:hover,
div#header > .logoBlk + div + ul li p#headSup:hover,
div#header > .logoBlk + div + ul li p#headPre:hover,
div#header > .logoBlk + div + ul li p#headOut:hover {
  background-position: center top;
}

div#header > .logoBlk + div + ul li a#headRpo,
div#header > .logoBlk + div + ul li p#headRpo {
  background-image: url(../../img/manager/header/nav_order.png);
}

div#header > .logoBlk + div + ul li a#headRpo:hover,
div#header > .logoBlk + div + ul li p#headRpo:hover {
  background-image: url(../../img/manager/header/nav_hover_order.png);
}

div#header > .logoBlk + div + ul li a#headSup,
div#header > .logoBlk + div + ul li p#headSup {
  background-image: url(../../img/manager/header/nav_help.png);
}

div#header > .logoBlk + div + ul li a#headSup:hover,
div#header > .logoBlk + div + ul li p#headSup:hover {
  background-image: url(../../img/manager/header/nav_hover_help.png);
}

div#header > .logoBlk + div + ul li a#headPre,
div#header > .logoBlk + div + ul li p#headPre {
  background-image: url(../../img/manager/header/nav_setting.png);
}

div#header > .logoBlk + div + ul li a#headPre:hover,
div#header > .logoBlk + div + ul li p#headPre:hover {
  background-image: url(../../img/manager/header/nav_hover_setting.png);
}

div#header > .logoBlk + div + ul li a#headOut,
div#header > .logoBlk + div + ul li p#headOut {
  background-image: url(../../img/manager/header/nav_account.png);
  position: relative;
}

div#header > .logoBlk + div + ul li a#headOut:hover,
div#header > .logoBlk + div + ul li p#headOut:hover {
  background-image: url(../../img/manager/header/nav_hover_account.png);
}

div#header > .logoBlk + div + ul li .accountMenuList {
  display: none;
  position: absolute;
  width: 250px;
  height: auto;
  top: 50px;
  right: 0;
  box-shadow: 0 0 8px gray;
}

div#header > .logoBlk + div + ul li .accountMenuList li {
  font-size: 13px;
  text-align: left;
  color: #444444;
  background-color: #fff;
  /* text-align: right; */
  display: block;
  z-index: 10;
}

div#header > .logoBlk + div + ul li .accountMenuList li a {
  display: block;
  cursor: pointer;
}

div#header > .logoBlk + div + ul li .accountMenuList li p {
  font-size: 13px;
  color: #444444;
  font-weight: 600;
  text-align: left;
  height: initial;
  margin-bottom: 12px;
  padding: 0;
  padding: 20px 20px 0;
}

div#header > .logoBlk + div + ul li .accountMenuList li .loginInfo {
  float: none;
  text-align: left;
  padding: 0;
  /* padding: 0 20px 0; */
  width: initial;
  height: initial;
  border-left: none;
  border-bottom: 1px solid #d3d3d3;
  /* padding-bottom: 15px; */
}

div#header > .logoBlk + div + ul li .accountMenuList li .loginInfo img {
  vertical-align: middle;
  margin-right: 6px;
}

div#header > .logoBlk + div + ul li .accountMenuList li .loginInfo span {
  font-size: 12px;
  color: #777b81;
}

div#header > .logoBlk + div + ul li .accountMenuList li a {
  font-size: 13px;
  color: #444444;
  font-weight: normal;
  text-align: left;
  padding: 0;
  padding: 0 20px 10px 20px;
}

div#header > .logoBlk + div + ul li .accountMenuList .loginInfo  li a {
  height: auto;
}

.fixed div#header {
  position: fixed;
  z-index: 100;
}

div {
  position: relative;
}

div#sidebar {
  width: 240px;
  height: 100%;
  float: none;
  padding: 10px 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  order: 1;
  background: none;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

div#sidebar div.outside {
  background: none;
}

div#sidebar .setting div {
  display: block !important;
}

div#sidebar div.inside {
  padding: 0;
}

div#sidebar div.inside.normal {
  background: none;
}

div#sidebar .triggerWrapper {
  height: auto;
  position: relative;
}

div#sidebar .triggerWrapper .trigger {
  width: 16px;
  height: auto;
  float: none;
  display: block;
  position: absolute;
  top: 35%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 5;
  padding:10px;
}

div#sidebar .triggerWrapper h2 {
  line-height: normal;
  height: auto;
  float: none;
  margin: 0;
}

div#sidebar .triggerWrapper h2::after {
  content: "";
  display: block;
  border-bottom: 1px solid #d3d3d3;
  margin: 0 20px 10px;
  padding-bottom: 10px;
}

div#sidebar .setting .triggerWrapper h2::after {
  border-bottom: none;
}

div#sidebar .triggerWrapper + div,
div#sidebar #eventListOpen {
  display: none;
}

div#sidebar .triggerWrapper + div h4,
div#sidebar #eventListOpen h4 {
  font-size: 13px;
  color: #b4b4b4;
  font-weight: 600;
  padding-left: 30px;
}

div#sidebar .triggerWrapper + div ul,
div#sidebar #eventListOpen ul {
  padding: 0;
}

div#sidebar .triggerWrapper + div ul li a,
div#sidebar #eventListOpen ul li a {
  font-size: 13px;
  font-weight: bold;
  line-height: normal;
  color: #444;
  padding: 12px 20px 8px 52px;
  box-sizing: border-box;
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 26px auto;
  background-image: url(../../img/manager/sidebar/side_arrow_bl.png);
}

div#sidebar .triggerWrapper + div ul li a:hover,
div#sidebar #eventListOpen ul li a:hover {
  text-decoration: none;
  background-color: #f1f9ff;
}

div#sidebar .triggerWrapper + div ul li a.current,
div#sidebar #eventListOpen ul li a.current {
  background-color: #d4effc;
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 26px auto;
  background-image: url(../../img/manager/sidebar/side_arrow_current_bl.png);
}

div#sidebar .triggerWrapper + div ul::after,
div#sidebar #eventListOpen ul::after {
  content: "";
  display: block;
  border-bottom: 1px solid #d3d3d3;
  margin: 0 20px 5px;
  padding-bottom: 10px;
}

div#sidebar.outside .menuIcon a:hover {
  background-color: #e8eef7;
}

div#sidebar .data.outside form {
  max-width: 200px;
  width: 100%;
  margin: 0 auto 10px;
  padding: 10px 0 12px;
  border-bottom: 1px solid #c9cbd0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  background: none;
}

div#sidebar .data.outside form #seachKey {
  width: calc(100% - 64px);
  height: 26px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid #c9cbd0;
  border-radius: 6px;
  box-sizing: border-box;
  min-width: 130px;
}

div#sidebar .data.outside form #seachKey + .rollover {
  width: 60px;
  height: 26px;
  border: none;
  border-radius: 6px;
  display: block;
 /* background: #f08b3f url(../../img/manager/search_btn.png) no-repeat center center;*/
  background-size: cover;
}

div#sidebar .data.outside form #seachKey + .rollover:hover {
  background: #d87d39;
}

div#sidebar .data.outside .menuIcon a:hover {
  background-color: #fdf0e7;
}

div#sidebar .data.outside ul li a {
  background-image: url(../../img/manager/sidebar/side_arrow_or.png);
}

div#sidebar .data.outside ul li a:hover {
  background-color: #fdf0e7;
}

div#sidebar .data.outside ul li a.current {
  background-color: #fedfc9;
  background-image: url(../../img/manager/sidebar/side_arrow_current_or.png);
}

div#sidebar .manage .menuIcon a:hover {
  background-color: #e5f6e9;
}

div#sidebar .manage.outside ul li a {
  background-image: url(../../img/manager/sidebar/side_arrow_gr.png);
}

div#sidebar .manage.outside ul li a:hover {
  background-color: #e5f6e9;
}

div#sidebar .manage.outside ul li a.current {
  background-color: #c3edd0;
  background-image: url(../../img/manager/sidebar/side_arrow_current_gr.png);
}

div#sidebar .rep.outside .menuIcon a:hover {
  background-color: #fcebf3;
}

div#sidebar .rep.outside ul li a {
  background-image: url(../../img/manager/sidebar/side_arrow_pi.png);
}

div#sidebar .rep.outside ul li a:hover {
  background-color: #fcebf3;
}

div#sidebar .rep.outside ul li a.current {
  background-color: #fcd4e7;
  background-image: url(../../img/manager/sidebar/side_arrow_current_pi.png);
}

div#sidebar .service.outside .menuIcon a:hover {
  background-color: #eeeeee;
}

div#sidebar .service.outside ul li a {
  background-image: url(../../img/manager/sidebar/side_arrow_ash.png);
}

div#sidebar .service.outside ul li a:hover {
  background-color: #eeeeee;
}

div#sidebar .service.outside ul li a.current {
  background-color: #dbdbdb;
  background-image: url(../../img/manager/sidebar/side_arrow_current_ash.png);
}

div#sidebar .replive.outside #repDiv3 dl {
  font-weight: normal;
  color: #444;
  padding: 5px 0 0 28px;
  box-sizing: border-box;
  background: none;
}

div#sidebar .replive.outside #repDiv3 dl::after {
  content: none;
}

div#sidebar .replive.outside #repDiv3 dl dt,
div#sidebar .replive.outside #repDiv3 dl dd {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  float: none;
  margin: 0;
  padding: 0;
}

div#sidebar .replive.outside .menuIcon a:hover {
  background-color: #fcebf3;
}

div#sidebar .replive.outside ul li a {
  background-image: url(../../img/manager/sidebar/side_arrow_pi.png);
}

div#sidebar .replive.outside ul li a:hover {
  background-color: #fcebf3;
}

div#sidebar .replive.outside ul li a.current {
  background-color: #fcd4e7;
  background-image: url(../../img/manager/sidebar/side_arrow_current_pi.png);
}

div#sidebarIconOnly {
  width: 66px;
  height: 100%;
  margin-right: auto;
  background-color: #fff;
  z-index: -1;
  box-sizing: border-box;
  position: absolute;
  left: 0;
}

div#sidebarIconOnly > .outside > .inside > .triggerWrapper {
  height: 0;
}

div#sidebarIconOnly > .outside > .inside > .triggerWrapper > h2.menuIcon {
  height: 26px;
  padding: 18px 20px;
  border-bottom: 2px solid #f3f3f3;
}

div#sidebarIconOnly > .outside > .inside > .triggerWrapper > h2.menuIcon > img {
  width: 26px;
  height: 26px;
}

div #sidebar::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

.fixed div#sidebar {
  top: 66px;
}


.ll {
  width: 160px !important;
  height: 36px;
  color: #028add;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  /* display: block; */
  background-color: #fff;
  border: 1px solid #028add;
  border-radius: 6px;
  box-sizing: border-box;
}

.ll:hover {
  background-color: #f2f9fe;
  cursor: pointer;
}


.ss {
  width: 60px;
  height: 34px;
  color: #028add;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: 1px solid #028add;
  border-radius: 6px;
  box-sizing: border-box;
}

.ss:hover {
  background-color: #e2f0f9;
  cursor: pointer;
}

body#subWindow div#pagebody {
  display: initial;
}

body#subWindow div#subContents {
  margin-left: 20px;
}


.lll {
  width: 210px !important;
  height: 36px;
  color: #028add;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  /* display: block; */
  background-color: #fff;
  border: 1px solid #028add;
  border-radius: 6px;
  box-sizing: border-box;
}

.lll:hover {
  background-color: #f2f9fe;
  cursor: pointer;
}

/* 20210901 追加*/
div#header ul li a#headRpo {
  width: 137px;
  background: url(../../img/manager/header/icn_rpo.gif) 50% 13px no-repeat;
  margin-top: 2px;
  white-space: nowrap;
}

div#header ul li a#headSup {
  width: 127px;
  background: url(../../img/manager/header/icn_support.gif) 50% 13px no-repeat;
  margin-top: 2px;
  white-space: nowrap;
}

div#header ul li a#headPre {
  width: 95px;
  background: url(../../img/manager/header/icn_prefarence.gif) 50% 13px no-repeat;
  margin-top: 2px;
  white-space: nowrap;
}

div#header ul li a#headOut {
  width: 89px;
  background: url(../../img/manager/header/icn_logout.gif) 50% 13px no-repeat;
  margin-top: 2px;
  white-space: nowrap;
}

iv#header ul li a#headRpo:hover,
div#header ul li a#headSup:hover,
div#header ul li a#headPre:hover,
div#header ul li a#headOut:hover {
  background-position: 50% -87px;
}

div#contents table.eventTable.otherTable{
  border-bottom: none;
}
div#contents table.eventTable.otherTable tbody tr:nth-child(even) {
  background-color: #fff;
}

.contentsWrapper {
  background: #fff;
  padding: 20px 25px;
  border-radius: 10px;
}

#formMail .contentsWrapper.mb20,
div.msgContents .contentsWrapper.mb20 {
  padding: 0px;
}

div#contents #btnMake {
  color: #028add !important;
  width: 160px;
  margin: 0 20px 0 0;
  padding: 6px 0 7px 20px;
  order: 1;
  background-color: transparent;
  background-image: url(../../img/icpn_plus.png);
  background-repeat: no-repeat;
  background-position: 12% center;
  background-size: 12px auto;
  position: relative;
  border: 1px solid #028add;
  font-size: 14px;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body#subWindow div#pagebody {
  display: block;
}
}

.moveTop{
  text-decoration: overline;
}

.moveBottom{
  text-decoration: underline;
}

div#contents p#updateBox.left-btn {
  text-align:left;
  padding-left:10px;
}
.cke_dialog .ImagePreviewBox {
  width:250px !important;
}

input[type="checkbox"]:disabled{
  background: #f3f3f3;
}

div#contents input[type='text'] {
  max-width: 500px;
}
div#contents input[type='file'] {
  max-width: 500px;
}

div#contents .datagrid thead .secondLine th[class^="column"] {
  padding-right: 35px!important;
}
/*# sourceMappingURL=style.css.map */