/*

	legalmap career CSS

*/
/* headline5は右上のリンクスタイル！*/
/*
壁紙の修正は下記の４つを変更する
innerWrapper
 　border-color（細い各枠線）

wrapper
　background-color（左右のバー）

default_table（テーブル）
　th　background-color（タイトル）

form_table（横向きのテーブル）
*/

.button_link {
    background: #fffafa;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;
    padding: 5px 20px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
}
.heading02 {
    font-weight:bold;
    position: relative;
    padding: 5px;
    background: #b8b8b8;
    margin-right:20px;
}
.heading02:before {
    content: " ";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent;
    border-right-color: #a6a6a6;
}
.heading02:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 18px 4.5px;
    border-style: solid;
    border-color: #b8b8b8;
    border-right-color: transparent;
}
.headline5 {
	width:auto;
	font-size: 10pt;
	padding:3px 0 3px 10px;
	font-weight: bold;
	border-top:1px solid #1D2088;
	border-bottom:1px solid #1D2088;
	background-color:#0068B7;
	clear:right;
	margin:7px;
	float:right;
}
.headline5 a{
	color: #dcdcdc;
	text-decoration:none;
}
.headline5 a:hover{
	background-color:#bc8f8f;
}

body {
	overflow-y: scroll;
	margin:0;
	padding:0;
}

.wrapper {

	background-color:#D4ECEA;
	padding:0 40px;
}

.loginWrapper {
  min-height: 100vh;
  background-image: url('../images/login_bg.svg');
  background-size: cover;
  background-position: center center;
  background-color: #1c2d47;
}

.innerWrapper {

	background-color:#FFFFFF;
	border-style:none solid;
	border-width:1px;
	border-color:#006D56;
}

.loginWrapper .innerWrapper {
	background-color: transparent;
  padding-top: 60px;
  border-style: none;
}

.loginWrapper .innerWrapper .logo {
	width: 100%;
  text-align: center;
  margin: 0 auto;
}

.firm-name {
  font-size: 26px;
  color: #ffffff;
  font-family: "Yu Mincho", "YuMincho", "游明朝", "Hiragino Mincho ProN", serif;
  letter-spacing: 0.25em;
  margin: 0;
  padding: 0;
  text-shadow: 0 2px 12px rgba(0,0,0,0.6);
}

h1 {

	font-size:14px;
	margin:0px 0 0 15px;
	padding:15px 0 10px 0;
	float:left;
	display:inline;

}

h1 img {

	vertical-align:middle;
	border:0;
}

h1 a {

	color:#000000;
	text-decoration:none;
}
.left_login {

	padding:0 0 0 0;
	float:left;
	display: inline;
}

.left_login img {

	vertical-align:baseline;
	width:20px;

}

.left_login span {

	margin:0 5px;
}

.right_login {

	padding:0 0 0 0;
	float:right;
	display: inline;
}

.right_login img {

	vertical-align:baseline;
	width:20px;

}

.right_login span {

	margin:0 5px;
}

.body_wrapper {

	padding : 5px 30px 30px 30px;
}

.loginWrapper .body_wrapper {
  padding: 0;
}


.loginform_circle {

  margin: 32px auto;
  padding: 32px 40px 36px;
  width: 380px;
  text-align: center;

  background-color: rgba(255,255,255,0.97);
  border: none;
  border-top: 3px solid #c9a850;
  border-radius: 3px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.45);

}

.iecenter {

	text-align:center;
	}

.center {

	text-align:center;
	}

.center_table {

	margin:0 auto;
	width:600px;
}

img.iconize {

	vertical-align:middle;
	margin:2px;
	border-style:none;
}

.loginform_ttl {
  margin: 4px;
	/* width: 20px; */
  padding-left: 25px;
  position: relative;
  display: inline-block;
}

.loginform_ttl::before {
  content: '';
  width: 16px;
  height: 22px;
  background-image: url('../images/ico_lock.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: -2px;
  left: 0;
}

/* =================== Menu Tabs 6 ========================== */

#tabs6 {

      clear:both;
      font: bold 12px/1.5em Verdana;
      float:left;
      width:100%;
      background:change-background;
      line-height:normal;
}
#tabs6 ul {
      margin:0;
      padding:10px 0 0 0;
      list-style:none;
}
#tabs6 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs6 a {
      float:left;
      background:url("../images/tableft6.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs6 a span {
      float:left;
      display:block;
      background:url("../images/tabright6.jpg") no-repeat right top;
      padding:10px 20px 10px 15px;
      color:#000;
}
#tabs6 a span {
      float:none;
}
#tabs6 a:hover span {
      color:#fff;
}
#tabs6 a:hover {
      background-position:0% -42px;
}
#tabs6 a:hover span {
      background-position:100% -42px;
}

.content_body {

	clear:both;
	padding:5px 0;
	margin:0 auto;
}


.caution{

	font-weight:bold;
	color:red;

}


.footer {

	clear:both;
	border-style:solid none none none;
	border-width:1px;
	border-color:#1A548A;
	margin:10px 20px;

}


.footer {

	clear:both;
	border-style:solid none none none;
	border-width:1px;
	border-color:#1A548A;
	margin:10px 20px;

}

.loginFooter {
  background-color: #1A1A1A;
  height: 20%;
}

.credit {

	text-align:center;
	font-size:10px;
	color:gray;


	}

.credit img {

	width:20px;
	vertical-align:middle;
	margin:5px;

	}


.page_title {

	color:#787878;
	font-size:16px;
	font-weight:bold;

	border-style:none none solid none;
	border-color:#7DCEF4;
	border-width:2px;
	padding:0 0 5px 0;
	margin:2px 0 5px 0;
}

.page_title img{

	vertical-align:bottom;
	margin-right:6px;
	width:32px;

}


.update_circle {

	border-style:solid;
	border-width:1px;
	border-color:gray;
	padding:20px;
	height:290px;
	overflow:auto;
}

.update_date {

	font-weight:bold;
	/*color:#DE342A;*/
	margin:5px 0 5px 0;
	font-size:12px;
}

.update_cont {

	/*margin:5px 0 15px 0;*/
	color:#1A548A;
	font-size:12px;
}


.index_company {


}

.index_company table {
	border-collapse: collapse;
	width: 100%;
	margin: 15px 0;
	font-size: var(--tbl-font-size);
}

.index_company th {
	width: 10%;
	background-color: var(--tbl-th-bg);
	border: var(--tbl-border);
	padding: var(--tbl-padding-th);
	font-size: var(--tbl-font-size);
	font-weight: bold;
	white-space: nowrap;
}

.index_company td {
	width: 40%;
	border: var(--tbl-border);
	padding: var(--tbl-padding-td);
	font-size: var(--tbl-font-size);
}

.index_company td.button_table form{

	float:left;
	padding:5px;

}

.index_company td.button_table input{

	float:left;
	padding:5px;

}



.example {

	font-size:12px;
	color:#1378D7;
	padding:0 0 0 10px;

}


.addition {

	color:#7F8A05;
	font-size:12px;
	padding:0 0 0 10px;

}

.add_company_form {

	margin:20px auto;
	width:450px;

}


.add_company_form p {

	margin:3px 0 15px 1em;

}

.add_company_conf {

	text-align:center;

}

.add_company_conf table {

	border-collapse:collapse;
	width:550px;
	margin:20px auto;

}


.add_company_conf th {

	border-style:solid;
	border-width:1px;
	border-color:gray;
	padding:5px;

}

.add_company_conf td {

	border-style:solid;
	border-width:1px;
	border-color:gray;
	padding:5px;

}


.usr_info {

	margin:0 auto;
	border-style:solid;
	border-width:1px;
	border-color:gray;
	padding:5px;
	width:400px;
	font-size:11px;
	font-weight:bold;
}

.usr_info table {

}

.usr_info th {

	font-weight:normal;
	padding:5px;
	text-align:center;
	font-size:10px;
}

.usr_info td {

	padding:5px;
	text-align:center;
	font-size:10px;
}


.caution_circle {

	border-style:solid;
	border-width:1px;
	border-color:#DE342A;
	padding:10px;

	color:#DE342A;
	width:600px;
	margin:5px auto;

	}


.add_recuruits_form {

	margin:10px

}

.add_recuruits_form table {

	margin:15px auto;
}

.add_recuruits_form th {

	padding:7px;
	vertical-align:top;
	text-align:left;

}

.add_recuruits_form td {

	padding:7px;

}

.add_recuruits_form p {

	margin-top:3px;
}

/* ======================================================== */
.view_select_column_log {

	zoom:1;
	margin:0 auto;
	width:800px;
	padding:10px 15px;


	border-style:solid none;
	border-width:1px;
	border-color:gray;

	background-color:#F6F6F6;

}
.view_select_column_log table {

	width:750px;
}

.view_select_column_log th {

	font-size:12px;
	text-align:left;
}

.view_select_column_log td {

	font-size:12px;
	text-align:center;
}

div.view_select_column {

	margin:10px 0;
	border-style:none none solid;
	border-width:1px;
	border-color:gray;
	padding:10px;
}

/* ===== テーブル共通変数 ===== */
:root {
	--tbl-font-size: 13px;
	--tbl-padding-th: 7px 10px;
	--tbl-padding-td: 6px 8px;
	--tbl-border: 1px solid #bbb;
	--tbl-th-bg: #D6EEF8;
	--tbl-th-color: #333;
	--tbl-row-hover: #EEF7FC;
	--tbl-row-stripe: #F8FCFF;
}

/* ===== default_table（一覧表示用） ===== */
.default_table {
}

.default_table table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--tbl-font-size);
}

.default_table table th {
	text-align: center;
	background-color: var(--tbl-th-bg);
	color: var(--tbl-th-color);
	border: var(--tbl-border);
	padding: var(--tbl-padding-th);
	font-weight: bold;
	white-space: nowrap;
}

.default_table table td {
	text-align: center;
	border: var(--tbl-border);
	padding: var(--tbl-padding-td);
	font-size: var(--tbl-font-size);
	line-height: 1.5;
	vertical-align: middle;
}

.default_table table tbody tr:hover td {
	background-color: var(--tbl-row-hover);
}

.default_table table tbody tr:nth-child(even) {
	background-color: var(--tbl-row-stripe);
}

.default_table table tbody tr:nth-child(even):hover td {
	background-color: var(--tbl-row-hover);
}

.default_table table td a {
	text-decoration: none;
}

.default_table table td a img {
	border: 0;
}

/* ===== form_table（入力フォーム用） ===== */
.form_table {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 10px;
	background-color: #FAFCFF;
}

.form_table table {
	width: 100%;
	border-collapse: collapse;
}

.form_table table th {
	padding: var(--tbl-padding-th);
	width: 160px;
	text-align: center;
	font-weight: bold;
	background-color: var(--tbl-th-bg);
	color: var(--tbl-th-color);
	border: var(--tbl-border);
	font-size: var(--tbl-font-size);
	white-space: nowrap;
	vertical-align: middle;
}

.form_table table td {
	border: var(--tbl-border);
	padding: 6px 10px;
	font-size: var(--tbl-font-size);
	line-height: 1.5;
	vertical-align: middle;
}

.form_table form {
	display: inline;
}

.default_table form {
	margin: 0;
}

/* ===== creditor_table（債権者テーブル用） ===== */
.creditor_table {
}

.creditor_table table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--tbl-font-size);
}

.creditor_table table th {
	text-align: center;
	border: none;
	border-bottom: 1px solid #ddd;
	background-color: transparent;
	color: var(--tbl-th-color);
	padding: 3px 6px;
	font-size: var(--tbl-font-size);
	font-weight: bold;
	white-space: nowrap;
}

.creditor_table table td {
	text-align: center;
	border: none;
	border-bottom: 1px solid #e8e8e8;
	padding: 3px 6px;
	font-size: var(--tbl-font-size);
	vertical-align: middle;
}

.creditor_table table tbody tr:hover td {
	background-color: var(--tbl-row-hover);
}

.creditor_table form {
	margin: 0;
}




ul.pager_list {

	list-style: none;
	margin:15px auto;
	text-align:center;
}

ul.pager_list li.normal_list {

	display: inline;
}

ul.pager_list li.normal_list a {
	margin:3px;

	border-style:solid;
	border-color:gray;
	border-width:1px;
	padding:5px;

}


ul.pager_list li.normal_list a:hover {
	margin:3px;

	border-style:solid;
	border-color:gray;
	border-width:1px;
	padding:5px;

	background-color:#468966;
	color:white;

}

ul.pager_list li.none_list {

	display: inline;
	margin:3px;
	padding:5px;

}



.deleteddatarow {

	background-color:#B9BCC1;


}

.add_button {

	text-align:right;
	margin:5px 0;

}

.add_button input {

	padding:5px;

}


.button_column {

}

td.button_column form {

	float:left;
	padding:10px;

}

td.button_column input {

	padding:5px;
}


table .valid_1 {



}

table.valid_0 {

}

table.valid_0 th {

	background-color:#F0F0F0;
}

table.valid_0 td {

	background-color:#F0F0F0;
}



.in_valid {

	color:gray;

}


.on_valid {

	font-weight: bold;
	color:red;
}


.out_valid {

	font-weight:bold;
	color:green;
}


.out_date {

	font-weight:bold;
	color:gray;
}


/* =============================================== */
#navi ul {
	clear:both;
	margin:0;
	padding:0;
	list-style-type:none;
        behavior: url("http://www.hiramatsu-go-law.com/saimu/admin/csshover.htc");/* IE6 */
}

#navi ul li {
        width: 120px;
        font-weight: bold;
        line-height: 1.6em;
        float: left;
	border-right:1px solid #000;
}

#navi ul li.line {
        border-left:1px solid #000;
}

#navi ul li a {
        display: block;
        height: 100%;
        font-size:80%;
        text-align: center;
        border:solid #000;
        border-width:1px 0 1px 0;
}

#navi ul li ul li a {
        font-size:80%;
	border-bottom:1px solid #000;
	border-top:none;
	background:#6699cc;
}

#navi ul li ul li a:hover {
	background:#336699;
}

#navi ul li ul li {
        margin: 0;
        font-weight: normal;
        border-left:1px solid #000;
        position:relative;
        left:-1px;
        float: none;
}

/* OFF */
#navi ul li ul {
        display: none;
}

/* ON */
#navi ul li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}
#navi_task ul {
	clear:both;
	margin:0;
	padding:0;
	list-style-type:none;
}

#navi_task ul li {
        width: 80px;
        float: left;
	border-right:0px solid #303030;
}

#navi_task ul li.line {
        border-left:0px solid #303030;
}

#navi_task ul li a {
        display: block;
        height: 100%;
        text-align: center;
        border:solid #303030;
        border-width:1px 0 1px 0;
}

#navi_task ul li ul li a {
	font-size:16px;
	padding:5px;
    width: 100px;
    text-align: left;
	border-bottom:0px solid #303030;
	border-top:none;
	background:#696969;
}

#navi_task ul li ul li a:hover {
	background:#555555;
}

#navi_task ul li ul li {
        margin: 0;
        font-weight: normal;
        border-left:0px solid #000;
        position:relative;
        left:-1px;
        float: none;
}

/* OFF */
#navi_task ul li ul {
        display: none;
}

/* ON */
#navi_task ul li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

.total_demand_and_interest {

	border: dotted 1px gray;
	padding:7px;
	line-height:1.5;
	font-weight:bold;
	width:350px;
	margin:10px 0 10px 20px;
}

.creditor_list {

	border-style:solid none solid none ;
	border-width:1px;
	border-color:gray;

	background-color:#F6F6F6;
	padding:7px;

	line-height:1.5;
	font-size:10px;
}



.seal_table {

	text-align:center;
	margin:10px auto;

}


.seal_table table {

	width:700px;
	border-collapse:collapse;
	margin:0 auto;
}


.seal_table td {

	text-align:left;
	padding:15px 15px 15px 2em;
	border:solid 1px gray;
}


.caution_memo {

	overflow:hidden;
	width:AUTO;
	border: dotted 1px gray;
	color:red;

}

.title_line_button {

	border : solid 1px gray;
	padding:0;
	font-weight:normal;
	font-size:10px;
	padding:3px;
	margin:3px;
	background-color:#FFF;
}


.title_line_button:hover {

	background-color:#a8edc8;
}

.title_line_button a {

	text-decoration:none;
}

.title_line_button img {

	border:0;
}


td.each_special_info {

	background-color:#eae8e8;
}

td.each_special_info textarea{

	border:solid 1px #eae8e8;
	background-color:#eae8e8;
}

td.each_special_info textarea:hover{
	border:solid 1px gray;
	background-color:#FFF;
}


.invoice_circle {

	border : solid 1px gray;
	padding:5px;
	background-color:#FAFAFA;

}

.refund_button {

	float:left;
	width:220px;
	height:60px;

	background-image:url("../images/refund_off.gif");
	background-repeat:no-repeat;

	text-indent:-9999px;

	margin-left:10px;
}

.refund_button:hover {

	background-image:url("../images/refund_on.gif");
}


.subtitle {

	border-style: none none solid solid;
	border-width: 0 0 1px 7px;
	border-color: gray;

	padding: 7px;

	margin-bottom:10px;

}

.split_info_circle {

	border : dotted 1px gray;
	padding:7px;
	margin-left:1em;
	width:500px;
}

.split_info_circle div.left {

	float:left;
	width:240px;
}

.split_info_circle div.right {

	float:right;
	width:240px;
}
.del_button{
	height:20px;
	padding:0;
}
div#taskbar  {
    width: 100%;
    padding: 0px;
    background: #303030;
    color: #FFF;
    position: fixed;
    top:0;
    left:0;
    display: inline;
}
div#taskbar a:link{
	color:#FFF;
}
div#taskbar a:visited{
	color:#FFF;
}

div#taskbar a:hover{
	color:#b0c4de;
}
div#taskbar a:active{
	color:#FFF;
}
* html div#taskbar    {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+0));
}
/* アコーディオンめにゅー*/
input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: AUTO;
}

.btn_maru {
    width: 30px;
    height: 19px;
    background: lavender;
	color : gray;
    border: 1px solid #DDD;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    padding: 5px 5px 5px;
}

.tab_btn {
    background: -moz-linear-gradient(top,#B1D2E0 0%,#B1D2E0 3%,#0099CC 3%,#069);
    background: -webkit-gradient(linear, left top, left bottom, from(#B1D2E0), color-stop(0.03,#B1D2E0), color-stop(0.03,#0099CC), to(#069));
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border: 1px solid #09C;
    border-bottom: 3px solid #09C;
    padding: 10px 7px;
    display: inline-block;
}
.tab_btn2 {
    background: -moz-linear-gradient(top,#333 0%,#333 3%,#f5f5f5 3%,#f5f5f5);
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), color-stop(0.03,#dcdcdc), color-stop(0.03,#808080), to(#333));
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border: 1px solid #2f4f4f;
    border-bottom: 3px solid #2f4f4f;
    padding: 10px 7px;
    display: inline-block;
}
.tab_btn_font{
    color: #FFF;
    font-family: "メイリオ", sans-serif;
    text-decoration: none;
    font-weight: bolder;
    font-size: 80%;
}
.tab2_btn_font{
    color: #dcdcdc;
    font-family: "メイリオ", sans-serif;
    text-decoration: none;
    font-weight: bolder;
    font-size: 80%;
}
.tab_btn:hover{
    background: -moz-linear-gradient(top,#B1D2E0 0%,#B1D2E0 3%,#0099CC 3%,#069);
    background: -webkit-gradient(linear, left top, left bottom, from(#B1D2E0), color-stop(0.03,#B1D2E0), color-stop(0.03,#0099CC), to(#000000));
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border: 1px solid #09C;
    border-bottom: 3px solid #09C;
    padding: 10px 7px;
 display: inline-block;
 }
.tab_btn2:hover{
    background: -moz-linear-gradient(top,#B1D2E0 0%,#B1D2E0 3%,#0099CC 3%,#069);
    background: -webkit-gradient(linear, left top, left bottom, from(#B1D2E0), color-stop(0.03,#B1D2E0), color-stop(0.03,#0099CC), to(#000000));
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border: 1px solid #09C;
    border-bottom: 3px solid #09C;
    padding: 10px 7px;
 display: inline-block;
 }
.tab_btn2:hover{
    background: -moz-linear-gradient(top,#333 0%,#333 3%,#f5f5f5 3%,#f5f5f5);
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), color-stop(0.03,#dcdcdc), color-stop(0.03,#808080), to(#000000));
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border: 1px solid #2f4f4f;
    border-bottom: 3px solid #2f4f4f;
    padding: 10px 7px;
 display: inline-block;
}

.bd-callout {
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 3px solid #ddd;
	border-left-width: .25rem;
	border-radius: .25rem
}

.bd-callout h4 {
	margin-top: 0;
	margin-bottom: .25rem
}

.bd-callout p:last-child {
	margin-bottom: 0
}

.bd-callout code {
	border-radius: .25rem
}

.bd-callout+.bd-callout {
	margin-top: -.25rem
}

.bd-callout-info {
	border-left-color: #5bc0de
}

.bd-callout-info h4 {
	color: #5bc0de
}

.bd-callout-warning {
	border-left-color: #f0ad4e
}

.bd-callout-warning h4 {
	color: #f0ad4e
}

.bd-callout-danger {
	border-left-color: #d9534f
}

.bd-callout-danger h4 {
	color: #d9534f
}