@charset "utf-8";

body{
	font-family:"Arial", "メイリオ";
}

p{
	margin-left:60px;
	font-size:14px;
}

img {
	width:100px;
	height:100px;
	border-radius:50%;
	border:solid #ededed 1px;
}

.detail_img{
	float:left;
	margin:30px;
}

.detail_area{
	float:left;
	width:82%;
	font-size:1.2em;
	margin:40px 0 30px 0;
}

.detail{
	clear:both;
}

.p_text{
	margin:0 auto;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.q{
	color:#00A05A;
	font-size:30px;
}

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

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

.input_number{
	padding:10px 10px;
	font-size:18px;
	border-radius:5px;
	border:1px solid #ddd;
	box-sizing:border-box;
	background-color:#f0fff0;
	text-align:center;
}

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

.input_text{
	padding:10px 10px;
	font-size:18px;
	border-radius:5px;
	border:1px solid #ddd;
	box-sizing:border-box;
	background-color:#f0fff0;
}

.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.5);
	margin:0 7px;
}

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

.selectdiv{
	position:relative;
	width:260px;
	float:left;
	min-width:200px;
}

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

.selectdiv:after{
	content:'<>';
	font:18px "Consolas", monospace;
	color:#333;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:11px;
	/*Adjust for position however you want*/
	
	top:18px;
	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:45px;
	float:right;
	padding:0px 24px;
	font-size:16px;
	line-height:1.75;
	color:#333;
	background-color:#ffffff;
	background-image:none;
	border:1px solid #ddd;
	-ms-word-break:normal;
	word-break:normal;
	border-radius:5px;
}

.category{
	width:1500px;
	margin:0 auto;
}

.category_left{
	width:250px;
	float:left;
}

.category_title{
	height:20px;
	background-color:#E4E4E4;
	border-radius:8px 8px 0 0;
	padding:5px 15px 15px 15px;
	font-size:22px;
	font-weight:bold;
	border-bottom:#C6C6C6 solid 3px;
}

.category_title::before{
	margin-right:5px;
}

.category_right{
	width:930px;
	float:right;
}

.category_body{
	padding:20px 15px 20px 15px;
	background-color:#FFFFFF;
	border-radius:0 0 8px 8px;
	display:block;
}

.category_ul li a{
	text-decoration:none;
	color:#000000;
	font-size:20px;
}



.detail_title{
	height:20px;
	background-color:#E4E4E4;
	border-radius:8px 8px 0 0;
	padding:5px 15px 15px 15px;
	font-size:22px;
	font-weight:bold;
	border-bottom:#C6C6C6 solid 3px;
}

.detail_title::before{
	margin-right:5px;
}

.detail_body{
	padding:20px 15px 20px 15px;
	background-color:#FFFFFF;
	border-radius:0 0 8px 8px;
	display:block;
}

.detail_area .text_center{
	text-align:center;
}

.detail_area .text_right{
	text-align:right;
}

.detail_area th{
	width:10%;
	padding:5px;
	background-color:#f1f1f1;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
	border:1px #C6C6C6 solid;
}

.detail_area td{
	padding:5px;
	font-size:0.8em;
	border:none;
}

.detail_th01{
	background-color:#3DCFB9;
	color:#FFF;
	font-weight:bold;
	border-bottom:#28A492 solid 3px;
	border-right:#FFF solid 2px;
	text-align:center;
}

.detail_th02{
	background-color:#c3c3c3;
	color:#FFF;
	font-weight:bold;
	border-bottom:#838383 solid 3px;
	text-align:center;
}

.detail_td01{
	border-bottom:#ccc solid 1px;
}


.midashi_title{
	font-weight:bold;
	font-size:20px;
	margin:50px 45px 20px;
	border-bottom: solid 5px #9cedb2;
	position: relative;
}

.midashi_title::after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 5px #00a05a;
	bottom: -5px;
	width: 10%;
}

.midashi_subtitle{
	margin:0 auto;
	width:1500px;
	border-bottom:#00A05A solid 3px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.midashi_mtitle {
	position: relative;
	padding:5px 25px;
	font-weight:bold;
	font-size:18px;
	margin-left:45px;
}

.midashi_mtitle::after {
	position: absolute;
	content:'';
	bottom:.8em;
	left:.4em;
	width:12px;
	height:12px;
	background-color:#000;
	transform:rotate(45deg);
}

.category_ul li a::before{
	margin-right:5px;
}


.expense_peger{
	margin-top:10px;
	text-align:center;
}

.expense_peger li{
	display:inline-block;
	height:40px;
	line-height:40px;
	width:40px;
	text-align:center;
	border:1px #ccc solid;
	color:#000000;
	border-radius:5px;
}

.expense_peger .pre{
	color:#333333;
}

.expense_peger .this{
	background-color:#3dcfb9;
	color:#FFFFFF;
}

.expense_peger li a{
	display:block;
	text-decoration:none;
	color:#000000;
}


/*****HEADER*****/
header{
	font-size:18px;
}

header img{
	margin:10px 0 5px 10px;
}

header h1{
	display:inline-block;
}

header .session_name{
	position:absolute;
	top:60px;
	right:10px;
}

.session_btn a{
	margin:0 0 0 10px;
	padding:2px 12px;
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	background-color:#949494;
	border-radius:50vh;
}

.session_btn a:hover{
	text-decoration:none;
	background-color:#afafaf;
}


/*****DASHBOARD*****/
main{
	background-color:#f3f3f3;
	padding:10px 0;
	display:block;
}

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

section{
	margin:20px auto;
}

section .title{
	width:1190px;
	margin:0 auto;
	height:30px;
	background-color:#E4E4E4;
	border-radius:8px 8px 0 0;
	padding:10px 15px 15px 25px;
	font-size:25px;
	font-weight:bold;
	border-bottom:#C6C6C6 solid 3px;
	text-align:left;
}

section .title::before{
	margin-right:5px;
}

section .body{
	width:1200px;
	padding:20px 15px 20px 15px;
	margin:0 auto;
	background-color:#FFFFFF;
	border-radius:0 0 8px 8px;
}

.button{
	border:0;
	padding:20px 18px;
	font-size:20px;
	font-weight:bold;
	line-height:normal;
	background-color:#00A05A;
	border-radius:10px;
	color:#FFFFFF;
	width:450px;
	margin:30px auto;
	display:block;
	clear:both;
}

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


.button1{
	border:0;
	padding:10px 9px;
	font-size:20px;
	font-weight:bold;
	line-height:normal;
	background-color:#009aa0;
	border-radius:10px;
	color:#FFFFFF;
	width:300px;
	margin:30px auto;
	display:block;
}

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

/*****NAV*****/

.nav{
	width:100%;
	height:50px;
	background:#00A05A;
	border-bottom:4px solid ##fe4110;
	overflow:hidden;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
}

nav ul{
	width:100%;
}

nav li{
	padding:5px 15px;
	text-align:center;
	float:left;
	color:#FFFFFF;
}

nav ul li a{
	font-size:20px;
	position:relative;
	text-decoration:none;
	color:#FFFFFF;
}

nav ul li a::after{
	content:"";
	display:inline-block;
	width:3px;
	height:18px;
	background-color:#FFFFFF;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:-18px;
}

nav a{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
}

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

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

.btn_group img{
	margin:7px;
}

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

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

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

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{
	width:100%;
	height:23px;
	background:#00A05A;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}