@charset "utf-8";

body{
	font-family:"Arial", "メイリオ";
	background: url("../../kojin/img/back.jpg");
	background-size:contain;
}

p{
	margin:0 auto;
	width:65%;
	font-size:12px;
}

.hosoku_text{
	margin:20px auto 40px;
	padding:15px;
	width:80%;
	font-size:12px;
	background-color:#FFF;
	border-radius:15px;
	opacity: 0.75;
}

.detail_area{
	width:75%;
	margin:50px auto;
}

label{
	display:block;
	margin:5px;
}

.confirm_p{
	margin:10px 60px;
	font-size:18px;
}

.input_number{
	padding:20px 15px;
	font-size:18px;
	border-radius:5px;
	border:1px solid #ddd;
	box-sizing:border-box;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
} 

.input_text{
	width:100%;
	padding:10px 15px;
	font-size:13px;
	border-radius:5px;
	border:1px solid #d9d9d9;
	box-sizing:border-box;
}

.input_textarea{
	width:100%;
	padding:10px 15px;
	font-size:13px;
	border-radius:5px;
	border:1px solid #d9d9d9;
	box-sizing:border-box;
}

.input_date{
	padding:5px 15px;
	font-size:18px;
	border-radius:5px;
	border:1px solid #ddd;
	box-sizing:border-box;
}

::placeholder{
	color:#C6C6C6;
}

.input_checkbox{
	transform:scale(1.2);
	margin:0;
}

.input_radio{
	transform:scale(1.5);
	margin:0 7px;
}

.selectdiv{
	position:relative;
	width:75%;
}

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

.selectdiv:after{
	content:'<>';
	font:15px "Consolas", monospace;
	color:#333;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:5px;
	/*Adjust for position however you want*/
	
	top:11px;
	padding:0 0 2px;
	border-bottom:1px solid #999;
	/*left line */
	
	position:absolute;
	pointer-events:none;
}

.selectdiv select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	display:block;
	width:100%;
	height:40px;
	padding:0px 24px;
	font-size:16px;
	line-height:1.75;
	color:#333;
	background-color:#ffffff;
	background-image:none;
	border:1px solid #d9d9d9;
	-ms-word-break:normal;
	word-break:normal;
	border-radius:5px;
}

.midashi_title{
	font-weight:bold;
	font-size:20px;
	margin:5px 0 0 30px;
	color:#e18b37;
}

.midashi_title::before{
}

.setsumon_title{
	width:75%;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	margin:30px auto;
	color:#699b3b;
}

.setsumon_title::before{
}

.nokori_title{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	margin:30px;
	color:#000;
}

.nokori_title::before{
}

/*****HEADER*****/
.header{
	font-size:18px;
	font-weight:bold;
	padding:+9px 0 5px 30px;
	border-bottom:#e18b37 solid 2px
}


/*****DASHBOARD*****/
main{
	padding:10px 0;
	display:block;
}

main::after{
	display:block;
	clear:both;
	content:"";
}

section{
	margin:20px auto;
}

section .body{
	width:90%;
	margin:0 auto;
	background-color:#FFFFFF;
	border-radius:15px 15px 15px 15px;
	border:#e18b37 solid 2px;
	opacity:0.85;
	background: url("../kojin/img/back2.png");
}

.button{
	padding:5px;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	background-color:#FFF;
	border-radius:10px;
	width:75%;
	margin:15px auto;
	display:block;
	border:#e18b37 solid 2px;
	opacity:0.85;
}

.button:hover{
	background-color:#fff0e1;
	transition-duration:1s;
}

.button_1{
	padding:5px;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	background-color:#54c27b;
	border:2px solid #319936;
	border-radius:10px;
	color:#FFFFFF;
	width:75%;
	margin:15px auto;
	display:block;
	border:#319936 solid 2px;
	opacity:0.85;
}

.button_1:hover{
	background-color:#9dcdae;
	transition-duration:1s;
}

.button_2{
	border:0;
	padding:15px 10px;
	font-size:20px;
	font-weight:bold;
	line-height:normal;
	background-color:#54c27b;
	border-radius:10px;
	border:#319936 solid 2px;
	color:#FFFFFF;
	width:50%;
	margin:30px auto;
	display:block;
	opacity:0.85;
}

.button_2:hover{
	background-color:#9dcdae;
	transition-duration:1s;
}

.button_3{
	padding:2px;
	font-size:13px;
	font-weight:bold;
	line-height:normal;
	background-color:#FFF;
	border:2px solid #699b3b;
	border-radius:10px;
	color:#699b3b;
	width:130px;
	margin:10px auto;
	opacity:0.85;
}

.button_3:hover{
	background-color:#f5ffec;
	transition-duration:1s;
}

.hover:hover{
	display:block;
	background-color:#FFFFFF;
	color:#333333;
	opacity:0.30;
	filter:alpha(opacity=30);
	-ms-filter:"alpha(opacity=30)";
}

.hajimeni_text{
	width:90%;
	margin:30px;
	font-size:16px;
	line-height:1.7em;
}


section .list_table{
	width:100%;
	margin:0 auto;
}

section .list_table th{
	padding:5px;
	background-color:#fffef1;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	border:1px #C6C6C6 solid;
}

section .list_table td{
	padding:3px;
	border:1px #C6C6C6 solid;
	text-align:center;
}

section .list_table .text_left{
	text-align:left;
}

section .list_table .text_center{
	text-align:center;
}

section .list_table .text_right{
	text-align:right;
}

section .exp_table{
	width:100%;
	margin:0 auto;
}

section .exp_table td{
	padding:10px 20px;
}

section .summary_table .text_center{
	text-align:center;
	font-size:27px;
	font-weight:bold;
}

section .summary_table .text_right{
	text-align:right;
}

/*****FOOTER*****/

.footer_text{
	font-weight:bold;
	font-size:95%;
	padding-left:15px;
	color:#000;
}

.footer{
	width:95%;
	text-align:center;
}

.footer img{
	vertical-align:middle;
	margin-bottom:15px;
}

footer{
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#e18b37;
	font-size:13px;
}