/* --------------------------------------------
����
----------------------------------------------- */
th, td {
	font-size: 0.75em;
}

/* form, h1, h2, h3, h4, h5, p, ul, li {
	margin: 0;
	padding: 0;
} */

/* a {
	color: navy;
	text-decoration: none;
} */

a:hover {
	color: crimson;
	text-decoration: underline;
}

#body {
	text-align: center;
}

/* #Container {
	width: 928px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
} */

/* #Header {
} */

#Body {
	position: relative;
	padding: 0.4em;
}

#Body table, #Body th, #Body td {
	border: solid 1px #000000;
	border-collapse: collapse;
}

#Body th {
	background: #4682B4;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}

#Body td {
	background: #ffffff;
	text-align: center;
}

/* #Footer {
} */

#Footer hr {
	border-top: solid 1px #000000;
}

#Header h2 {
	background-color: #4682B4;
	border: 1px solid black;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	padding: 15px 5px 15px 25px;
	margin: 0;
	clear: both;
	text-align: left;
}

#Header h2 span {
	margin-left: 2em;
	font-size: 12px;
	font-weight: normal;
}

#navigator img {
	margin: 12px 3px 0px 3px;
}

#navigator button {
	padding: 0;
	background: none;
	border: 0;
	font-size: 0;
	cursor: pointer;
	width: 62px;
}

#Messages {
}

#Messages ul.actionMessage, #Messages ul.errorMessage {
	margin: 0.4em 0.4em 1em 0.4em;
	padding: 0 0.4em 0 0.4em;
	text-align: left;
}

#Messages ul.actionMessage li, #Messages ul.errorMessage li {
	margin: 1.0em 1.0em 1.0em 2.0em;
}

#Messages ul.actionMessage {
	border: solid 1px #4682B4;
	background: #f8f8ff;
}

#Messages ul.errorMessage {
	border: solid 1px #dc143c;
	background: #ffb6c1;
}

.pane {
	padding: 0.5em;
	border: solid 1px #000000;
	background: #e6e6fa;
	text-align: left;
	margin-bottom: 0.5em;
}

.pane h3 {
	background-color: #4682B4;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	border-bottom: solid 1px #000000;
	margin: 0 0 0.4em 0;
	padding: 0.4em;
}

.pane .labelAndControls {
	padding: 0.4em;
}

.pane .labelAndControls .label {
	width: 12em;
	float: left;
	text-align: right;
	padding: 0 1em 0 0;
}

/* .pane .labelAndControls .control {
} */

.pane .labelAndControls .control input,
.pane .labelAndControls .control select {
	position: relative;
	top: -0.3em;
	height: 1.4em;
}

.pane .controls {
	border-top: solid 1px #000000;
	padding: 0.5em;
	clear: both;
	text-align: center;
}

input.year {
	width: 4em;
	text-align: right;
}

input.month {
	width: 2em;
	text-align: right;
}

input.ymd {
	width: 10em;
}

input.monthAndDate {
	width: 5em;
}

input.time {
	width: 5em;
}

input.days {
	width: 5em;
	text-align: right;
}

input.note {
	width: 16em;
}

a.toActivity {
	font-weight: bold;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: lightgrey;
}
::-moz-placeholder { /* Firefox 19+ */
	color: lightgrey;
}
:-ms-input-placeholder { /* IE 10+ */
	color: lightgrey;
}
:-moz-placeholder { /* Firefox 18- */
	color: lightgrey;
}

/* --------------------------------------------
共通:全�?
----------------------------------------------- */
.max1000{
    max-width: 1000px;
    margin: 0 auto;
}

.contents_area{
    margin: 0 auto;
    padding: 5% 0;
}

/* .contents{
} */

.content_title{
	width: fit-content;
	padding: 5px 10px;
	font-weight: bold;
	margin: 10px;
}

.content_title span{
    vertical-align: -12px;
}
.content_title span i{
    margin: 0 15px;
}

.contents_area select{
    -webkit-appearance: auto;
    appearance: auto;
}

.message_wrap{
	margin: 20px auto;
}
.message_wrap p{
	color: red;
	text-align: center;
	margin: 5px;
}

/* --------------------------------------------
共通:ボタン
----------------------------------------------- */
.btn_area{
    text-align: center;
    margin: 30px 0px
}

.blue_btn{
    background: #2e93c9;
    color: #fff;
    border: 1px solid #2e93c9;
    transition: all 0.3s ease;
}

.blue_btn:hover{
    background: #fff;
    color: #2e93c9;
}

.red_btn{
    background: #ff6e81;
    color: #fff;
    border: 1px solid #ff6e81;
    transition: all 0.3s ease;
}

.red_btn:hover{
    background: #fff;
    color: #ff6e81;
}

.green_btn{
    background: #51db96;
    color: #fff;
    border: 1px solid #51db96;
    transition: all 0.3s ease;
}

.green_btn:hover{
    background: #fff;
    color: #51db96;
}

.orange_btn{
    background: #fa9446;
    color: #fff;
    border: 1px solid #fa9446;
    transition: all 0.3s ease;
}

.orange_btn:hover{
    background: #fff;
    color: #fa9446;
}

.gray_btn{
    background: #707070;
    color: #fff;
    border: 1px solid #707070;
    transition: all 0.3s ease;
}

.gray_btn:hover{
    background: #fff;
    color: #707070;
}


/* --------------------------------------------
 購入実績
----------------------------------------------- */
.purchase_record_wrap{
	border: 1px solid #ffc28a;
	width: 95%;
	padding: 20px;
	height: fit-content;
	border-radius: 5px;
}

.purchase_record_table table{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
}

.purchase_record_table table th,
.purchase_record_table table td{
	vertical-align: middle !important;
	text-align: center !important;
	padding: 5px;
}

.simulation_table table th{
	font-weight: bold !important;
	min-width: 16%;
}

.simulation_table table td{
	border: 1px solid #000;
	min-width: 16%;
}

.purchase_record_chart{
	width: 45%;
	display: flex;
	margin: 2%;
}


.bonds_sale_record_table{
	margin: 2%;
	padding: 0% 9%;
}

.bonds_sale_schedule_table{
	width: 47%;
	display: inline-block;
	margin: 30px 1%;
	border: 2px solid #BADFDA;
	padding:1%;

	min-width: 376px;
	min-height: auto;
}

/* .trainee_hire_record_select_wrap{
	width: 100%;
	margin: 20px;
	text-align:left;
} */

/* .trainee_hire_record_select{
	border: 1px solid #707070;
	height: 30px;
	width: 100px;
	border-radius: 5px;
	padding-left: 10px;
} */

canvas#secondYearPie {
	width: 373px;
	height: 186px;
}

canvas#lastYearPie {
	width: 373px;
	height: 186px;
}
/* --------------------------------------------
 シミュレーション
----------------------------------------------- */
.simulation_table_setting{
	border: 1px solid #00d0ff;
	width: 60%;
	height: fit-content;
	padding: 20px;
	margin: 30px auto 50px auto;
	border-radius: 10px;
}

.simulation_table_setting table,
.simulation_table_setting table tr,
.simulation_table_setting table td {
    border: none !important;
}

.simulation_table_setting table td {
    padding:10px;
}

.simulation_table_setting_input{
	margin: 20px auto;
	width: 70%;
	height: fit-content;
}

.simulation_table_setting_input td:first-child{
	font-weight: bold;
	margin-right: 20px;
	width: 30%;
	vertical-align: middle !important;
	font-size: 12px;
}

.simulation_table_setting_input input{
	border: 1px solid #707070;
	height:30px;
	width:150px;
	border-radius:5px;
	padding-right: 10px;
	margin-right: 10px;
	text-align:right;
	-moz-appearance:textfield;
}

.simulation_table_setting_input input::-webkit-outer-spin-button,
.simulation_table_setting_input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.simulation_table_setting button{
	padding: 10px 15px;
	font-size: 12px;
	border-radius: 5px;
}

.simulation_table_title{
	border-bottom: 1px solid #000;
	width: fit-content;
	padding: 5px 10px;
	font-weight: bold;
	margin: 20px 10px;
}

.simulation_table {
    overflow: auto;
}

.simulation_table table{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.simulation_table table th,
.simulation_table table td{
	vertical-align: middle !important;
	text-align: center !important;
}

.simulation_table table th{
	font-weight: bold !important;
	min-width: 60px;
    font-size: 11px;
    padding: 5px;
}

.simulation_table table td{
	border: 1px solid #000;
	width: 7.5%;
	height: 25px;
	font-size: 11px;
}


.simulation_table table td div{
	padding: 5px;
	margin: -1px;
}

.simulation_table table button{
	width: 95%;
    height: 20px;
    border-radius: 3px;
    padding: 0;
    font-size: 10px;
}

.dividend_back{
	background: #b7d6ed
}

.simulation_total_table{
	text-align: center;
}

.simulation_total_table table{
	width: 50%;
	text-align: center;
	margin: 30px auto 30px 30px;
}

.simulation_total_table table th,
.simulation_total_table table td{
	border: 1px solid #000;
	vertical-align: middle !important;
	text-align: center !important;
	padding: 5px;
}

.simulation_total_table table th{
	background: #b7d6ed;
	font-weight: bold;
	width:40%;
}

.simulation_total_table table td{
	width:60%;
	height: 30px;
}

.orange_back{
	background: #ffdfc7 !important
}

.background_ptn1{
	background-color: #e1c7ff !important;
}

.background_ptn2{
	background-color: #ffc7ea !important;
}

.background_ptn3{
	background-color: #ffdfc7 !important;
}

.background_ptn4{
	background-color: #fffec7 !important;
}

.background_ptn5{
	background-color: #ceffc7 !important;
}

.background_ptn6{
	background-color: #c7eeff !important;
}

/* --------------------------------------------
共通:モーダル
----------------------------------------------- */
.modal_overlay{
    display: none;
	background: rgba(43,46,56,0.9);
	position: fixed;
	z-index: 9999;
	width:100vw;
	height:100vh;
    overflow: auto;
}

.modal_wrap{
    display: none;
	position: relative;
}

.modal_title{
	background: #1b429c;
	color: #fff;
	width: fit-content;
	padding: 5px 25px;
	border-radius: 25px;
	margin: 5px auto 20px auto;
	font-size: 14px;
}


.modal_text{
	margin: 30px auto;
	font-size: 15px;
}

.modal_content {
	display: none;
	position: absolute;
	z-index: 10000;
	top: 30vh;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	background: #fff;
	width: fit-content !important;
	border-radius: 10px !important;
	padding: 20px;
	font-size: 16px;
}

.modal_content select {
	border: 1px solid #707070;
	height:30px;
	width:100px;
	border-radius:5px;
	padding-left: 10px;
	margin-right: 20px;
}

.modal_cancel,
.modal_submit {
	width: 100px;
	height: 40px;
	margin: 10px 30px;
	border-radius: 5px;
}

.bonds_application_upload_modal_file_name {
	font-size: 15px;
	color: #505050;
	margin: auto;
	max-width: 450px;
	word-break: break-all;
}

/* --------------------------------------------
共通:画�?
----------------------------------------------- */
.picture_outline{
	width: 95%;
	height: 95%;
}

/* --------------------------------------------
�?募債詳細：蛇腹
----------------------------------------------- */
label {
	color: #ffffff;
    font-size: 16px;
	background: #fa9446;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 10px;
    display: block;
    margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

.see_detail 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;
    font-size: 14px;
}

.see_detail li {
	text-align: left;
    padding: 5px;
}

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

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

/* --------------------------------------------
�?募債書類DL�?ーブル
----------------------------------------------- */
.private_bonds_document_download_wrap{
	width: 75%;
	margin: 10px auto 30px auto;
	padding: 20px;
	border-radius: 10px;
}

.private_bonds_document_download_title{
	font-size: 16px;
	text-align: left;
	border: 1px solid #00d0ff;
	border-radius: 5px;
	padding: 10px;
}

.private_bonds_document_download_table table {
	margin: 0px auto 30px auto;
	width: 100%;
}

.private_bonds_document_download_table table td p {
	text-align: left;
	margin-left: 10px;
	display: inline-block;
	width: 100%;
	font-size: 13px;
}

.private_bonds_document_upload_file_name{
	text-align: center !important;
	margin-left: 20px !important;
	display: inline !important;
	width: 60% !important;
}

.private_bonds_document_download_table table td span {
	background-color: #eaeaea;
	padding: 3px 9px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	font-size: 13px;
}

.private_bonds_document_download_table table,
.private_bonds_document_download_table table tr,
.private_bonds_document_download_table table td {
	border: none !important;
}

.private_bonds_document_download_table table td {
	padding: 10px;
	vertical-align: middle;
	height: 50px;
	border-bottom: 1px solid #d0d0d0 !important;
	font-size: 13px !important;
}

.private_bonds_document_download_table .no_border td{
	border: none !important;
}


.private_bonds_document_col {
	width: 25%;
}

.private_bonds_document_download_btn{
	width: 100%;
	height: 100%;
	border-radius:5px;
	font-size: 13px;
}

.private_bonds_document_upload_file {
	display: none !important;
}

.private_bonds_document_upload_file_name{
	margin-left: 20px;
}

.private_bonds_document_upload_file_btn{
	display: inline-block;
	padding: 5px;
	padding-top: 7px;
	width: 100%;
	height: 100%;
	font-size: 13px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}