@CHARSET "UTF-8";

.wid100 { width: 100%; }

.blc_list, .blc_detail, .blc_regist {
  padding: 10px 20px;
}

.blc_list {
  /*width: 100%;*/
}

.block1 {

}

.block2 {

}

.blc_regist h3 {
  margin: 0 0 3px 0;
}

.msg_box {
  background-color: #D1EED1;
  border: 1px solid #BFE7BF;
  padding: 10px 20px;
  border-radius: 3px;
  letter-spacing: 1px;
}
.msg_header, .msg_body, .msg_footer { margin: 5px 0; }
.msg_body {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  letter-spacing: 1px;
}
.msg_subject { margin: 3px 1px 3px 1px; }

.blc_tree .tree_title {
  /*padding-left: 10px;
  padding-right: 40px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/

  font-weight: bold;
  padding: 10px 0 5px 10px;
  color: #919bac;
}


/*****************************************************************************/
/* 設定画面
/*****************************************************************************/
.blc_regist, .blc_detail {
  /*display: inline-block;*/
  min-width: 400px;
  max-width: 900px;
}

.tablet .blc_regist, .tablet .blc_detail {
  width: 100%;
}

.blc_regist form {
  display: table-cell;
}

.default table.layout {
  border-color: #cccccc #d4d6e2 #d4d6e2;
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
  background: #fff;
}

.default table.layout,
.tablet table.layout {
  width: 100%;
}

.default table.layout th, .default table.layout td {
  border-style: solid;
  border-width: 1px;
  padding: 3px 5px 3px 5px;
}

.default table.layout th  {
  background: #eff2f7;
  border: 1px solid #bcc7cd;
  text-align: left;
  /*width: 1px;*/
}

.default table.layout th.align_c {
  text-align: center;
}

.default table.layout th div {
  min-width: 100px;
  max-width: 150px;
  min-height: 26px;
  line-height: 26px;
}

/* Tablet */
.tablet table.layout {
  border-style: none;
  border-width: 0px;
  border-collapse: collapse;
  background: #fff;
}

.tablet table.layout th, .tablet table.layout td {
  border-style: dotted;
  border-width: 0 0 1px 0;
  border-color: #bcc7cd;
  padding: 10px 5px 10px 5px;
}

/*.tablet table.layout tr:first-child th, .tablet table.layout tr:first-child td {
  border-top: 0 none;
}*/

.tablet table.layout th  {
  text-align: left;
}

.tablet table.layout th div {
  min-width: 100px;
  max-width: 150px;
  min-height: 42px;
  line-height: 42px;
}

.blc_submit {
  padding: 10px;
  text-align: center;
}

/* TODO: とりあえず */
.no_border,
.no_border th, .no_border td,
.noborder,
.noborder th, .noborder td {
  border: 0 none !important;
}

.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }

/*****************************************************************************/
/* 詳細画面
/*****************************************************************************/

/*****************************************************************************/
/* Desktop
/*****************************************************************************/
/*#desktop a { color: inherit; }*/
#desktop { width: 100%; }

#desktop:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#desktop .block_l {
  margin: 15px;
  clear: both;
}

#desktop .fl, #desktop .fr { width: 50%; }

#desktop .fl .block_s  {
  margin: 15px 7px 15px 15px;
}

#desktop .fr  .block_s {
  margin: 15px 15px 15px 7px;
}

#desktop .block_l, #desktop .block_s {
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-sizing: border-box
}

#desktop .read_more {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  padding: 5px 0;
  width: 100%;
  display: block;
}

#desktop .last_update {
  display:block;
  text-align:right;
  margin: 5px 10px 0 10px;
}

#desktop .btn_read_more {
  display: block;
  width: 100%;
  text-align: center;
  margin: 4px 0;
  background: #f3f5f8;
  padding: 5px;
}

/* common */
.block_s, .block_l {
  margin: -1px 0 0 -1px;
  border: solid 1px #fff;
}

.block_s .st, .block_l .st {
  padding: 0 15px 0 5px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  width: 100%;
}

.block_s .st:after, .block_l .st:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.block_s h1, .block_l h1 {
  font-size: 120%;
  font-weight: bold;
  line-height: 35px;
  vertical-align: middle;
  float: left;
}
.block_s h1 a, .block_l h1 a {
  color: inherit;
}

.block_s h1 img, .block_l h1 img {
  margin: 1px 5px 5px 10px;
  width: 26px;
  height: 26px;
}

.block_s .st ul, .block_l .st ul {
  float: right;
  line-height: 36px;
}

.block_s .st li, .block_l .st li {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

/* 本文領域 */
.block_content {
  padding: 5px 15px;
  word-wrap : break-word;
  overflow-wrap: break-word;
}

.block_content h3 {
  padding: 3px;
}

.block_content dl { margin-bottom: 5px; }
.block_content dl dt { font-weight: bold; padding: 3px; }

.block_content li {
  list-style-type: none;
  text-align: left;
  padding: 6px 0px 6px 30px;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.block_content li a { display: block }
.block_content li a span.notice { color: #e35959; font-weight: bold; }
.block_content li a span.normal { color: #444444; }

.block_content li:last-child {
  border: 0 none;
}

/*.block_content dl { position: relative; }

.block_content dt {
  font-weight: bold;
  padding: 0 0 0 10px;
  position: absolute;
}*/

/*.block_content dd li { padding: 0 0 10px 20px; }*/
.block_content table { width: 100%; }

.block_content table th {
  font-weight: normal;
  text-align: left;
  padding: 5px 0 5px 20px;
  /*white-space: nowrap;*/
  word-wrap : break-word;
  overflow-wrap: break-word;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.block_content table td {
  padding: 5px 10px 5px 0;
  white-space: nowrap;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.block_content table tr:last-child th,
.block_content table tr:last-child td { border-bottom: 0 none; }

.block_footer {
  display: block;
  padding: 5px 0;

}

.block_footer .last_update {
  text-align: right;
}

/* Login(個別対応)
-----------------------------------------------------------------------------*/
#login .content {
  background: #ebf5f8;
}
#login {
  margin-left: auto;
  margin-right: auto;
  background: url(./img/login/login_bg.gif) top left no-repeat;
  width: 424px;
  min-width: 424px;
  height: 406px;
  margin-top: 40px;
  font-size: 12px;
}
#login .login_form {
  margin: 40px 0px 0px 63px;
}
#login .input_user_id input, #login .input_password input , #login .input_corp_id input{
  margin: 0px 0px 10px 0px;
  width: 270px;
  font-size: 12px;
}
#login .input_user_id label, #login .input_password label , #login .input_corp_id label{
  color: #fff;
  display: block;
  font-size: 86%;
  font-size: 12px;
}
#login .mail_check {
  color: #fff;
}
#login  .loguin_btn {
  margin: -20px 0px 0px 213px;
  padding: 0;
  float: left;
  border: 0 none;
}
#login .message {
  color: red;
}

/* Desktop(個別対応)
-----------------------------------------------------------------------------*/
/* goto */
#desktop_goto th, #desktop_goto td {
  padding-bottom: 10px;
  padding-left: 5px;
  padding-top: 10px;
}

/*#desktop_goto tr:last-child th, #desktop_goto tr:last-child td { border-bottom: none; }*/
#desktop_goto td:nth-child(2) { padding-right: 10px; }

#desktop_goto td:nth-child(2) a {
  margin: 0 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

#desktop_goto td:nth-child(3) {
  text-align: left;
  padding-right: 5px;
}

#desktop_goto td span:last-child {
  font-weight: normal;
  margin: 0 0 0 12px;
  padding: 0 0 0 40px;
}

#desktop_goto td span { font-weight: bold; }

#desktop_goto th, #desktop_goto td { border-bottom-color: #626669; }
#desktop_goto td:nth-child(2) a { background: #1f60b1; }
#desktop_goto td:nth-child(3) { color: #444; }
#desktop_goto td span:last-child { background: url(img/desktop_map_arr.gif) no-repeat 0 5px; }

/* 設定メニュー(個別対応)
-----------------------------------------------------------------------------*/
/* メニュー一覧 */
#PrefMenuBase table td {
  padding: 3px 5px;
}