@charset "utf-8";

* {
	margin:0;
	padding:0;
}

html {
	box-sizing: border-box;
}

*, ::before, ::after {
	box-sizing: inherit;
}

body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'MS PGothic', sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
}

.pfont,
.square {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'MS PGothic', Meiryo, メイリオ, sans-serif;
}

.show-on-print {
	display: none !important;
}
@media print {
	.show-on-print {
		display: block !important;
	}
	.hide-on-print {
		display: none !important;
	}
}
.page-break-before {
	page-break-before: always;
}
.page-break-after {
	page-break-after: always;
}

.clear-fix:after {
	content: "";
	display: block;
	clear: both;
}

html, body {
	height: 100%;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100% !important;
}
tr,
img {
	page-break-inside: avoid;
}

button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	cursor: pointer;
}

#container, #content {
	height: 100%;
}

/** Layout **/
#container-public {
	width: 980px;
	margin: 0 auto;
/*	background: #fafeff;*/
/*	background: #fffffd;*/
	background: #ffffff;
}

h3 {
	font-size: 24px;
	font-weight: normal;
}

input {
	font: inherit;
	line-height: inherit;
}

/** containers **/
div.form,
div.index,
div.view {
	float:left;
	width:82%;
	border-right:1px solid #666;
	padding:10px 2%;
}
div.index-public {
	width:100%;
	padding:10px 2%;
}
div.actions {
	float:right;
	width:18%;
	padding:10px 1.5%;
}
div.actions h3 {
	padding-top:0;
	color:#777;
}

/** Tables **/
table {
	/*border-right:0;*/
	/*clear: both;*/
	/*color: #333;*/
	margin-bottom: 10px;
	width: 100%;
}
/*th a.asc:after {
	content: ' ▼';
}
th a.desc:after {
	content: ' ▲';
}*/
table a {
	text-decoration: none;
}

/* SQL log */
.cake-sql-log {
	background: #fff;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}

/** Paging **/
.paging {
	background:#fff;
/*	color: #ccc;*/
	color: #000;
	margin-top: 1em;
	clear:both;
}
.paging {
	margin-top: 0;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block;
	color: #337ab7;
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
/*	border-left: 0;*/
	margin-left: -1px;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
/*	background: #efefef;
	color: #c73e14;*/
	background: navajowhite;
	color: #000000;
/*	background: #2a69b8;
	color: #ffffff;*/
}

/** Forms **/
form {
	font-weight: normal;
	color: #000000;
}
label {
	font-weight: normal;
	color: #000000;
}
input[type=radio], input[type=checkbox] {
	margin-left: 4px;
	margin-right: 2px;
	position: relative;
	top: -1px;
}
input[type=checkbox] + label {
	margin-right: 2px;
}

form ul li {
	list-style-type: none;
}
form ul li label:first-child {
	display: inline-block;
	width: 100px;
}

input, textarea, select, button {
 	line-height: 1.42857143;
}

input, select {
	vertical-align: middle;
}

select {
	height: 24px;
}

input[type=submit] {
	font-size: 14px;
	font-weight:normal;
	padding: 8px 8px 3px 8px;
	background: navajowhite;/*色*/
	border-radius: 4px;/*角の丸み*/
	/*box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);*/
	border: solid 1px rgba(254,208,133,1);/*線色*/
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
	min-width: 0;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);*/
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
input[type=submit]:active {
	/*transform: translateY(1px);*/
	/*border-bottom: none;*/
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
}


/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}


/** header **/
#header {
	width: 100%;
	height: 40px;
/*	background-color: #016193;*/
	background-color: #2a69b8;
	color: #ffffff;
	font-weight: bold;
	margin: 0 0 20px 0;
}
#logo {
	font-size: 14px;
	font-weight: bold;
	/*margin: 1px 0 0 8px;*/
	margin: 12px 0 0 12px;
	float: left;
}
#logo-link {
	text-decoration: none;
	color: inherit;
}
#gnavi {
	margin: 8px 3px 0 0;
	float: right;
}
#gnavi li {
	list-style: none;
	float: left;
}
#gnavi li a {
	width: 80px;
	padding: 3px 4px 0 4px;
	font-size: 12px;
	color: #ffffff;
/*	background-color: #016193;*/
/*	background-color: #2a69b8;*/
/*	background-color: #808080;*/
	text-align: center;
	text-decoration: none;
	border-left: solid 1px #ffffff;
	display: block;
}
#gnavi li:nth-child(2) a {
	width: 108px;
}
#gnavi li:nth-child(3) a {
	width: 96px;
}

/** footer **/
#footer {
	width: 100%;
	height: 30px;
/*	background-color: #016193;*/
	background-color: #2a69b8;
	margin: 20px 0 0 0;
}
#footer h1 {
	color: #ffffff;
	font-weight: 500;
}
#copyright {
	font-size: 12px;
	text-align: center;
	padding-top: 7px;
} 

/** misc **/
.a-gray-button {
	display: inline-block;
	font-size: 14px;
	font-weight:normal;
	width: 100px;
	height: 33px;
	padding: 7px 0 4px 0;
	color: #000000;
	text-shadow: #ffffff 0 1px 0;
	text-align: center;
	text-decoration: none;
	background: #ededed;/*色*/
	border-radius: 4px;/*角の丸み*/
	/*box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);*/
	border: solid 1px #d0d0d0;/*線色*/
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.a-gray-button:link,
.a-gray-button:visited,
.a-gray-button:hover,
.a-gray-button:active {
	text-decoration: none;
}
.a-gray-button:active {
	/*transform: translateY(1px);*/
	/*border-bottom: none;*/
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.30);
}

.a-gray-button.bg-red {
	color: #ffffff;
	background: red;
	text-shadow: none;
}

.a-gray-button.bg-green {
	color: #ffffff;
	background: green;
	text-shadow: none;
}

.survey-link-button {
	width: 400px;
}
.survey-sent-button {
	width: 400px;
	color: #a0a0a0;
}

.survey-check-button {
	width: auto;
	padding-left: 24px;
	padding-right: 24px;
}

.plain-link {
	text-decoration: underline;
	color: inherit;
}
.plain-link:hover {
	color: #0000ee;
}

/** table **/
.table {
	color: #000000;
	margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
/*	padding: 2px;*/
	padding: 3px 2px 1px 2px;
}
.table > thead > tr > th {
/*	background-color: #2a69b8;*/
	background-color: #74a7e7;
	font-weight: normal;
	text-align: center;
	border-bottom-style: none;
}
.table > thead > tr > th,
.table > thead > tr > th a {
	color: #ffffff;
}
.table > tbody > tr > td {
	border-top-style: none;
	border-bottom: solid 1px rgb(221, 221, 221);  
}
.table > tbody > tr:nth-child(2n+2) {
	background-color: #f6faff;
}
.table > tbody > tr:hover {
	background-color: #fafacd;
}
.table .actions ul li a,
.table .actions a {
	padding: 2px 8px 1px 8px;
}

.table-gaplist {
	table-layout: fixed;
	width: 940px;
}
.table-gaplist tbody tr {
	cursor: pointer;
}
.table-gaplist > thead > tr > th:nth-child(1) { width: 36px; }
.table-gaplist > thead > tr > th:nth-child(2) { width: 72px; }
.table-gaplist > thead > tr > th:nth-child(3) { width: 240px; }
.table-gaplist > thead > tr > th:nth-child(5) { width: 100px; }
.table-gaplist > thead > tr > th:nth-child(6) { width: 156px; }
.table-gaplist > thead > tr > th:nth-child(7) { width: 60px; }
.table-gaplist > tbody > tr > td:nth-child(6) { text-align: right; }
.table-gaplist > tbody > tr > td:nth-child(7) { text-align: right; }
.table-gaplist > tbody > tr > td:nth-child(8) { text-align: right; }
.table-gaplist a {
	color: #000000;
}
/*.table-gaplist a:hover {
	color: #0000ee;
	text-decoration: underline;
}*/
.current {
    background-color: navajowhite;
}
.gaplist-checkbox {
	cursor: pointer;
}

/** login-box **/
div.login-box {
	width: 380px;
	margin: 100px auto;
	padding: 10px 30px 24px;
	border: solid 1px #dddddd;
	border-radius: 5px;
}
div.login-box ul {
	list-style-type: none;
}
div.login-box form ul li label {
	width: 318px;
	margin-top: 8px;
	margin-bottom: 0px;
}
div.login-box form ul li input[type=checkbox] {
	position: relative;
	top: 4px;
}
div.login-box form ul li input[type=checkbox] + label {
	width: 292px;
}
div.login-box input[type=text],
div.login-box input[type=password] {
	width: 318px;
/*	margin-bottom: 12px;*/
}
div.login-box form a {
	margin-top: 2px;
	text-decoration: underline;
	display: block;
}
div.login-box form ul li .last {
	margin-bottom: 12px;
}
div.login-box input[type=submit] {
	width: 318px;
	margin-top: 12px;
	/*font-weight: bold;
	background: -moz-linear-gradient(top, #fff8e0 0%, #ffdec0 50%, #ffd0c0 51%, #f0a000 100%);
	background: -webkit-linear-gradient(top, fff8e0 0%, #ffdec0 50%, #ffd0c0 51%, #f0a000 100%);
	background: linear-gradient(to bottom, #fff8e0 0%, #ffdec0 50%, #ffd0c0 51%, #f0a000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8e0', endColorstr='#f0a000', GradientType=0);*/
}
div.login-box span {
	margin-bottom: 12px;
	color: red;
	display: inline-block;
}
div.login-box .error-message {
	margin-top: -10px;
	margin-bottom: 8px;
	color: red;
}
div.login-box form #manual-link {
	text-decoration: none;
	display: block;
	text-align: center;
	margin-top: 24px;
	color: #ffffff;
	background-color: #2a69b8;
	padding: 6px 5px 3px 0;
}
div.login-box #login-box-info {
	margin-top: 8px;
	margin-bottom: 0;
	color: black;
}

/** login-error-box **/
div.login-error-box {
	width: 380px;
	margin: 100px auto;
	padding: 10px 30px 24px;
	border: solid 1px #dddddd;
	border-radius: 5px;
	text-align: center;
}
div.login-error-box span {
	margin-top: 14px;
	color: red;
	display: inline-block;
}

/** register-box **/
div.register-box {
	width: 380px;
	margin: 100px auto 20px auto;
	padding: 10px 30px 24px;
	border: solid 1px #dddddd;
	border-radius: 5px;
}
div.register-box h3 {
	margin-bottom: 16px;
}
div.register-box ul {
	list-style-type: none;
}
div.register-box input[type=email] {
	width: 318px;
}
div.register-box input[type=submit] {
	width: 318px;
	margin-top: 24px;
}
div.register-box-info {
	width: 420px;
	margin: 0 auto 100px auto;
	padding-left: 10px;
	line-height: 1.6;
}

/** register-error-box **/
div.register-error-box {
	width: 380px;
	margin: 100px auto;
	padding: 10px 30px 24px;
	border: solid 1px #dddddd;
	border-radius: 5px;
	text-align: center;
}
div.register-error-box span {
	margin-top: 14px;
	color: red;
	display: inline-block;
}

/** register-message-box **/
div.register-message-box {
	width: 380px;
	margin: 100px auto;
	padding: 10px 30px 24px;
	border: solid 1px #dddddd;
	border-radius: 5px;
	text-align: center;
}
div.register-message-box span {
	margin-top: 14px;
	/*color: red;*/
	display: inline-block;
}

/** register-info-box **/
div.register-info-box {
	width: 380px;
	margin: 100px auto;
	padding: 10px 30px 24px;
	border: solid 1px #dddddd;
	border-radius: 5px;
}
div.register-info-box h3 {
	margin-bottom: 16px;
}
div.register-info-box ul {
	list-style-type: none;
}
div.register-info-box span {
	background-color: green;
	color: white;
}


/** Facilities **/
#facilities-buttons {
	width: 206px;
	margin: 0 0 20px auto;
}

/** Sewage Pump **/
#only-close-button {
	width: 100px;
	margin: 0 0 8px auto;
}

#map-and-close-buttons {
	width: 206px;
	margin: 0 0 8px auto;
}

#top-info {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}

.inv-highlight {
	background-color: #ffc0c0; 
}

/** inquiry-form-box **/
#inquiry-form-box {
	width: 600px;
	margin: 80px auto;
	padding: 10px 30px 24px;
	border: solid 1px #dddddd;
	border-radius: 5px;
}
#inquiry-form-box ul {
	list-style-type: none;
}
#inquiry-form-box h3 {
	margin-bottom: 8px;
}
#inquiry-form-box ul li label {
	width: 120px;
	margin-top: 8px;
	margin-bottom: 0px;
}
#inquiry-form-box ul li:nth-child(6) label {
	vertical-align: top;
}
#inquiry-form-box ul li:nth-last-child(2) {
	margin-top: 8px;
}
#inquiry-form-box input[type=submit] {
	width: 300px;
	margin-top: 12px;
	margin-left: 120px;
}

/** information-box **/
#information-box {
	width: 600px;
	margin: 80px auto;
	padding: 10px 30px 24px;
	border: solid 1px #dddddd;
	border-radius: 5px;
}
#information-box ul {
	list-style-type: none;
}
#information-box h3 {
	margin-bottom: 8px;
}
#information-box ul li label {
	width: 154px;
	margin-top: 8px;
	margin-bottom: 0px;
}
#information-box ul li:nth-child(7) label {
	vertical-align: top;
}
#information-box ul li:nth-last-child(2) {
	margin-top: 8px;
}
#information-box input[type=submit] {
	width: 230px;
	margin-top: 12px;
	margin-left: 154px;
}

/** facilities **/
#facilities-header {
	display: flex;
	justify-content: space-between;
}
#facilities-header .a-gray-button {
	width: 180px;
	margin-top: 8px;
}