@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div,p,ul,li{
	display:block;
	box-sizing:border-box;
	border-collapse:collapse;
}
html{margin:0; padding:0;}
body{margin:0; padding:0; background-color:#f8f4e6; text-align:center; font-size:16px; line-height:22px; font-family:Noto Sans JP, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, Verdana, Arial, Helvetica;}
img {border:none;}

a{
	color:#212121;
	text-decoration:underline;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a:hover{
	color:#cccccc;
	text-decoration:none;
}



div.header{
	display:block;
	width:100%;
	height:60px;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:4;
	overflow:visible;
	text-align:left;
	background-color:#ddbb99;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header h1{
	display:block;
	width:54px;
	height:54px;
	margin:3px;
	padding:0 0;
	overflow:visible;
	background-image:url(../img/logo_s.png);
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:540px){
	h1 br{ display:none; }	
}
div.header h1 span{
	display:block;
	width:54px;
	height:54px;
	margin:0 0;
	padding:0 0;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
}

div.header ul.hdlink{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 20px;
	text-align:left;
	background-color:#0080C0;
	border:none;
}
div.header ul.hdlink:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
div.header ul.hdlink li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	float:left;
	font-size:12px;
	line-height:32px;
	text-align:left;
	background-color:#0080C0;
}
div.header ul.hdlink li a{
	font-size:12px;
	line-height:32px;
	text-decoration:none;
}

div.header a.btn_menu{
	display:block;
	width:60px;
	height:60px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:0;
	right:0px;
	z-index:1;
	background-position:50% 10%;
	background-repeat:no-repeat;
	background-size:36px 36px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.header a.btn_menu:before{
	content:"";
	width:60%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:20%;
	left:20%;
	border-top:solid 8px #333333;
	transition:0.3s transform ease;
}
div.header a.btn_menu:after{
	content:"";
	width:60%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	bottom:20%;
	left:20%;
	border-bottom:solid 8px #333333;
	transition:0.3s transform ease;
}
div.header a.btn_menu b {
	width:60%;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:calc(50% - 4px);
	left:20%;
	text-indent:-9999px;
	border-top:solid 8px #333333;
	transition:0.3s opacity ease;
}

div.header a.btn_menu.clicked:before{
	transform:rotate(45deg);
	width:60%;
	top:calc(50% - 4px);
	left:20%;
}
div.header a.btn_menu.clicked:after{
	transform:rotate(-45deg);
	width:60%;
	bottom:calc(50% - 4px);
	left:20%;
}
div.header a.btn_menu.clicked b {
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}



div.footer{
	display:block;
	width:100%;
	height:22px;
	margin:0;
	padding:0 0;
	position:fixed;
	bottom:0;
	left:0;
	z-index:4;
	overflow:visible;
	font-size:12px;
	line-height:22px;
	color:#333333;
	text-align:center;
	background-color:#ddbb99;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.footer a{
	font-size:12px;
	line-height:22px;
	color:#454545;
	text-decoration:underline;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.footer a:hover{
	text-decoration:none;
}



div.message{
	display:block;
	width:calc(100% - 30px);
	height:auto;
	margin:0 auto;
	padding:0 0;
	position:relative;
	z-index:1;
	overflow:visible;
	font-size:14px;
	line-height:22px;
	color:#333333;
	text-align:left;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}



div.menubox{
	display:none;
	width:100%;
	min-height:calc(100% - 60px);
	margin:0 0;
	padding:2px 0 0;
	position:fixed;
	top:60px;
	left:0px;
	z-index:10;
	overflow:auto;
	text-align:left;
	background-color:#ddbb99;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.menubox ul.ulmenu{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	position:relative;
	z-index:1;
}
div.menubox ul.ulmenu li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	border-top:solid 1px #333333;
}
div.menubox ul.ulmenu li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	color:#333333;
	font-size:22px;
	line-height:40px;
	font-weight:700;
	text-indent:9px;
	text-align:left;
	text-decoration:none;
	background-color:#ddbb99;
}
div.menubox ul.ulmenu li a:hover{
	color:#ffffff;
	background-color:#856859;
}





div.content{
	display:block;
	width:100%;
	min-height:100%;
	margin:0;
	padding:70px 0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
}

ul.topmenu{
	display:block;
	width:320px;
	margin:30px auto;
	padding:0 0;
	position:relative;
	z-index:1;
}
ul.topmenu li{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	list-style-type:none;
	border-bottom:solid 1px #333333;
}
ul.topmenu li:last-child{
	border-bottom:none;
}
ul.topmenu li a{
	display:block;
	width:100%;
	margin:0 0;
	padding:0 0;
	color:#333333;
	font-size:24px;
	line-height:50px;
	font-weight:900;
	text-align:left;
	text-decoration:none;
}
ul.topmenu li a:hover{
	text-decoration:underline;
}

div.content h2{
	display:block;
	width:calc(100% - 30px);
	margin:15px;
	padding:0 0;
	overflow:visible;
	font-size:24px;
	line-height:36px;
	font-weight:900;
	text-align:left;
	color:#333333;
	border-bottom:solid 1px #333333;
}






table.tbl01 {
	width:94%;
	margin:0 auto 20px;
	padding:0;
	color:#454545;
	border-spacing:0px;
	border-top:solid 1px #ffffff;
	border-left:solid 1px #ffffff;
	clear:both;
}

table.tbl01 th{
	margin:0;
	padding:15px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	line-height:25px;
	font-weight:900;
	vertical-align:middle;
	border-bottom:solid 1px #454545;
	border-right:solid 1px #ffffff;
	background-color:#ffffff;
}

table.tbl01 th.hdtl{
	border-bottom:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	background-color:#454545;
	text-align:center;
	font-size:18px;
	line-height:30px;
	color:#ffffff;
}

table.tbl01 td{
	margin:0;
	padding:15px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	line-height:25px;
	vertical-align:top;
	border-bottom:solid 1px #454545;
	border-right:solid 1px #ffffff;
	background-color:#ffffff;
}



table.tbl02 {
	width:94%;
	margin:0 auto 20px;
	padding:0;
	color:#454545;
	border-spacing:0px;
	clear:both;
}

table.tbl02 th{
	margin:0;
	padding:15px;
	text-align:right;
	font-weight:normal;
	font-size:14px;
	line-height:25px;
	font-weight:900;
	vertical-align:middle;
	border-bottom:solid 1px #454545;
}

table.tbl02 td{
	margin:0;
	padding:15px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	line-height:25px;
	vertical-align:top;
	border-bottom:solid 1px #454545;
}

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

table.tbl02narrow {
	width:94%;
	margin:0 auto 20px;
	padding:0;
	color:#454545;
	border-spacing:0px;
	clear:both;
}

table.tbl02narrow th{
	margin:0;
	padding:0 10px;
	text-align:right;
	font-weight:normal;
	font-size:12px;
	line-height:24px;
	font-weight:900;
	vertical-align:top;
	border-bottom:solid 1px #454545;
}

table.tbl02narrow td{
	margin:0;
	padding:0 10px;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	line-height:24px;
	vertical-align:top;
	border-bottom:solid 1px #454545;
}

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



.button-container{
	display: flex;
}

td a.blockbtn{
	margin:0 auto !important;
}

table.pctbl{
	display:table;
}
table.sptbl{
	display:none;
}
@media(max-width:768px){
	table.pctbl{
		display:none;
	}
	table.sptbl{
		display:table;
	}
}

.smaller {
	font-size:75%;
}
.h2alert {
	color: #dd4b39;
}


a.blockbtn{
	display:inline-block;
	width:auto;
	height:32px;
	margin:0 auto;
	padding:0 8px;
	color:#ffffff;
	background-color:#454545;
	border-radius:5px;
	font-size:14px;
	line-height:32px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.blockbtn:hover{
	background-color:#999999;
}
a.blockbtn.btnl{
	width:auto;
	height:36px;
	margin:0 0 0 12px;
	padding:0 10px;
	color:#ffffff;
	background-color:#454545;
	border-radius:5px;
	font-size:16px;
	line-height:36px;

}
a.blockbtn_center:hover{
	background-color:#666666;
}
a.blockbtn.cancelbtn{
	background-color:#CC0000;
}
a.blockbtn.cancelbtn:hover{
	background-color:#990000;
}
a.blockbtn.editdonebtn{
	display:none;
	background-color:#0000CC;
}
a.blockbtn.editdonebtn:hover{
	background-color:#000099;
}
a.blockbtn.btngray{
	color:#333333;
	background-color:#cccccc;
}
a.blockbtn.btngray:hover{
	color:#ffffff;
	background-color:#aaaaaa;
}
div.notice{
	display:none;
	width:100%;
	margin:0 auto;
	padding:30px 0;
	color:#ff0000;
	font-size:14px;
	text-align:center;
}

span.viewvalue{
	display:inline;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
input.editvalue{
	display:block;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}





div.modalscr{
	display:none;
	width:600px;
	height:300px;
	margin:0 auto;
	padding:0 0;
	position:fixed;
	top:calc(50% - 150px);
	left:calc(50% - 300px);
	z-index:2030;
	border-radius:20px;
	background-color:rgba(255,255,255,1);
	text-align:center;
	font-size:14px;
	line-height:22px;
	overflow:hidden;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.6);
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
@media(max-width:768px){
	div.modalscr{
		display:none;
		width:400px;
		height:200px;
		top:calc(50% - 100px);
		left:calc(50% - 200px);
	}
}
@media(max-width:480px){
	div.modalscr{
		display:none;
		width:300px;
		height:150px;
		top:calc(50% - 75px);
		left:calc(50% - 150px);
	}
}
div.modalcontentbox{
	display:table;
	width:calc(100% - 20px);
	height:calc(100% - 30px);
	margin:10px 10px;
	padding:0 0;
	position:relative;
	z-index:1;
	text-align:center;
	vertical-align:middle;
}
div.modalcontent{
	display:table-cell;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	line-height:22px;
	font-weight:700;
	color:#333333;
}
a.btnmodalclose{
	display:block;
	width:30px;
	height:30px;
	margin:0 0;
	padding:0 0;
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
	background-color:#000000;
	border-radius:15px;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
a.btnmodalclose:hover{
	background-color:#999999;
}
a.btnmodalclose:before{
	display:block;
	width:60%;
	margin: 0 0;
	padding: 0 0;
	position: absolute;
	top:calc(50% - 2px);
	left:20%;
	border-top: solid 4px #ffffff;
	transform: rotate(45deg);
	content: "";
}
a.btnmodalclose:after{
	display:block;
	width:60%;
	margin: 0 0;
	padding: 0 0;
	position: absolute;
	bottom:calc(50% - 2px);
	left:20%;
	border-top: solid 4px #ffffff;
	transform: rotate(-45deg);
	content: "";
}
div.modalbg{
	display:none;
	width:100%;
	height:100%;
	margin:0 0;
	padding:0 0;
	position:fixed;
	top:0;
	left:0;
	z-index:2000;
	background-color:rgba(36,36,36,0.4);
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}
div.modalbg img{
	width:180px;
	height:180px;
	margin:0 0;
	position:absolute;
	top:calc(50% - 90px);
	left:calc(50% - 90px);
}

.wd-10{ width:10% !important; }
.wd-15{ width:15% !important; }
.wd-19{ width:19.99% !important; }
.wd-20{ width:20% !important; }
.wd-30{ width:30% !important; }
.wd-33{ width:33.33% !important; }
.wd-39{ width:39.99% !important; }
.wd-40{ width:40% !important; }
.wd-45{ width:45% !important; }
.wd-49{ width:49.99% !important; }
.wd-50{ width:50% !important; }
.wd-60{ width:60% !important; }
.wd-70{ width:70% !important; }
.wd-80{ width:80% !important; }
.wd-84{ width:84.99% !important; }
.wd-89{ width:89% !important; }
.wd-90{ width:90% !important; }
.wd-94{ width:94% !important; }
.wd-100{ width:100% !important; }
.wdp-300{ width:300px !important; }
.wdp-240{ width:240px !important; }
.wdp-220{ width:220px !important; }
.wdp-200{ width:200px !important; }
.wdp-180{ width:180px !important; }
.wdp-170{ width:170px !important; }
.wdp-160{ width:160px !important; }
.wdp-150{ width:150px !important; }
.wdp-140{ width:140px !important; }
.wdp-130{ width:130px !important; }
.wdp-120{ width:120px !important; }
.wdp-110{ width:110px !important; }
.wdp-100{ width:100px !important; }
.wdp-90{ width:90px !important; }
.wdp-80{ width:80px !important; }
.wdp-70{ width:70px !important; }
.wdp-60{ width:60px !important; }
.wdp-50{ width:50px !important; }
.wdp-40{ width:40px !important; }
@media(max-width:860px){
	.wd-10{ width:100% !important; }
	.wd-20{ width:100% !important; }
	.wd-30{ width:100% !important; }
	.wd-40{ width:100% !important; }
	.wd-49{ width:100% !important; }
	.wd-50{ width:100% !important; }
	.wdp-240{ width:240px !important; }
	.wdp-220{ width:220px !important; }
	.wdp-200{ width:200px !important; }
	.wdp-180{ width:180px !important; }
	.wdp-160{ width:160px !important; }
	.wdp-140{ width:140px !important; }
	.wdp-120{ width:120px !important; }
	.wdp-100{ width:100px !important; }
	.wdp-90{ width:90px !important; }
	.wdp-80{ width:80px !important; }
	.wdp-60{ width:60px !important; }
	.wdp-40{ width:40px !important; }
}
.pl-0{ padding-left:0px !important; }
.pl-5{ padding-left:5px !important; }
.pl-10{ padding-left:10px !important; }
.pl-20{ padding-left:20px !important; }
.pl-30{ padding-left:30px !important; }
.pl-40{ padding-left:40px !important; }
.pl-50{ padding-left:50px !important; }
.pl-60{ padding-left:60px !important; }
.pr-0{ padding-right:0px !important; }
.pr-5{ padding-right:5px !important; }
.pr-10{ padding-right:10px !important; }
.pr-20{ padding-right:20px !important; }
.pr-30{ padding-right:30px !important; }
.pr-40{ padding-right:40px !important; }
.pr-50{ padding-right:50px !important; }
.pr-60{ padding-right:60px !important; }
.pt-0{ padding-top:0px !important; }
.pt-5{ padding-top:5px !important; }
.pt-10{ padding-top:10px !important; }
.pt-15{ padding-top:15px !important; }
.pt-20{ padding-top:20px !important; }
.pt-30{ padding-top:30px !important; }
.pt-40{ padding-top:40px !important; }
.pt-50{ padding-top:50px !important; }
.pt-60{ padding-top:60px !important; }
.pb-0{ padding-bottom:0px !important; }
.pb-5{ padding-bottom:5px !important; }
.pb-10{ padding-bottom:10px !important; }
.pb-15{ padding-bottom:15px !important; }
.pb-20{ padding-bottom:20px !important; }
.pb-30{ padding-bottom:30px !important; }
.pb-40{ padding-bottom:40px !important; }
.pb-50{ padding-bottom:50px !important; }
.pb-60{ padding-bottom:60px !important; }
.ml-5{ margin-left:5px !important; }
.ml-10{ margin-left:10px !important; }
.ml-15{ margin-left:15px !important; }
.ml-20{ margin-left:20px !important; }
.ml-30{ margin-left:30px !important; }
.ml-40{ margin-left:40px !important; }
.mr-5{ margin-right:5px !important; }
.mr-10{ margin-right:10px !important; }
.mr-15{ margin-right:15px !important; }
.mr-20{ margin-right:20px !important; }
.mr-30{ margin-right:30px !important; }
.mr-40{ margin-right:40px !important; }
.mt-0{ margin-top:0px !important; }
.mt-5{ margin-top:5px !important; }
.mt-10{ margin-top:10px !important; }
.mt-15{ margin-top:15px !important; }
.mt-20{ margin-top:20px !important; }
.mt-30{ margin-top:30px !important; }
.mt-40{ margin-top:40px !important; }
.mt-50{ margin-top:50px !important; }
.mb-0{ margin-bottom:0px !important; }
.mb-5{ margin-bottom:5px !important; }
.mb-10{ margin-bottom:10px !important; }
.mb-15{ margin-bottom:15px !important; }
.mb-20{ margin-bottom:20px !important; }
.mb-30{ margin-bottom:30px !important; }
.mb-40{ margin-bottom:40px !important; }
.mb-50{ margin-bottom:50px !important; }
.mb-60{ margin-bottom:60px !important; }
.mc-0{ margin:0 auto !important; }
.mc-10{ margin:0 auto 10px !important; }

.centered{
	text-align:center !important;
}

.lefted{
	text-align:left !important;
}

.righted{
	text-align:right !important;
}

.color_ff0000{
	color:#ff0000 !important;
}
.bolder{
	font-weight:bolder !important;
}
.smaller{
	font-size:13px !important;
	line-height:21px;
}

.aftered:after{
	display:table;
	content:"";
	visibility:visible;
	box-sizing:border-box;
	border-collapse:collapse;
	clear:both;
}
.forceleft{
	float:left !important;
}
.forceright{
	float:right !important;
}
.forceleftc{
	float:left !important;
}
.forcerightc{
	float:right !important;
}
.forceleft_mg{
	margin:0 15px 15px 0 !important;
	float:left !important;
}
.forceright_mg{
	margin:0 0 15px 15px !important;
	float:right !important;
}
@media(max-width:860px){
	.forceleftc{
		float:none !important;
	}
	.forcerightc{
		float:none !important;
	}
	.forceleft_mg{
		margin:0 0 10px !important;
		float:none !important;
	}
	.forceright_mg{
		margin:0 0 10px !important;
		float:none !important;
	}
}
.flclr{
	clear:both;
}
.clr{
	clear:both;
}

.indented{
	text-indent:1em;
}
.noindent{
	text-indent:0 !important;
}

.septline{
	width:100%;
	height:1px;
	margin:15px auto;
	padding:0 0;
	border-bottom:solid 1px #dddddd;
}