@charset "UTF-8";

/*■■■基本■■■*/


*{ box-sizing:border-box; }
body { background:none; }
/*■ぱんくずリスト*/
.breadcrumbs {
	margin:1em auto;
	padding:0;
	text-align:center;
}
.breadcrumbs li{
	list-style: one;
	display: inline-block;
	margin:0 0.5em;
	padding:0;
	line-height:1;
}
.breadcrumbs li:after { content:" >"; }
.breadcrumbs li:last-child:after { display:none; }
#HeaderArea {
	width:100%;
	padding:0 5%;
	background-repeat:repeat-x;
}
#HeaderRight { width:auto; }
#GlobalNavi { width:auto; }
@media screen and (max-width: 959px)  {
	/*#HeaderArea h2 img {}*/
}
@media screen and (max-width: 767px)  {
	#HeaderArea {
		background-position:50% 100%;
		background-size:cover;
	}
	#HeaderArea h2 { width:60%; }
	#HeaderArea h2 img { width:100%; }
	#HeaderRight { display:none; }
}



/*---------------*/
/* main contents */
/*---------------*/
h1#CatchArea {
	display:none;
	width:auto;
}
#ContentsMother {
	width:90%;
	max-width:960px;
	margin:1em auto 2em;
	box-sizing:border-box;
}
#MainContents {
	margin:1em auto;
	padding-bottom:2em;
}
#MainContents h2 {
	width:90%;
	margin:1em auto;
	box-sizing:border-box;
}
#MainContents h3 {
	width:90%;
	margin:1em auto;
	box-sizing:border-box;
}
#MainContents ul {
	width:90%;
	margin:0 auto 1em;
	padding:0;
}

#MainContents div.explain {
	width:90%;
	margin:1em auto;
}

/*----------*/
/* 地域選択 */
/*----------*/

.AreaSearch {
	margin:0;
	padding:0;
	list-style:none;
	letter-spacing:-.40em;
}

.AreaSearch li {
	width:18%;
	display:inline-block;
	margin:0 2% 10px 0;
	padding:0;
	vertical-align:top;
	letter-spacing:normal;
}
.AreaSearch li a {
	display:block;
	width:100%;
	margin:0;
	padding:0.5em;
	color:#fff;
	text-align:center;
	font-size:1.25em;
	font-weight:bold;
	border:#3296d4 3px solid;
	border-radius:2px;
	background:#3296d4;
	-webkit-transition:0.25s ease;
	-moz-transition:0.25s ease;
	-ms-transition:0.25s ease;
	transition:0.25s ease;
}
.AreaSearch li a:hover {
	color:#3296d4;
	text-decoration:none;
	background:#fff;
	-webkit-transition:0.25s ease;
	-moz-transition:0.25s ease;
	-ms-transition:0.25s ease;
	transition:0.25s ease;
}
a.back_btn {
	display:block;
	margin:1em auto;
	padding:0.5em 1em;
	color:#000;
	font-size:1.2em;
	text-align:center;
	border:#ccc 2px solid;
	background:#ccc;
	width: 50%;
}
a.back_btn:hover {
	color:#c00;
	text-decoration:none;
	background:#fff;
}
@media screen and (min-width: 960px)  {
	.AreaSearch li:nth-child(5n) { margin-right:0; }
	a.back_btn { width:20%; }
}
@media screen and (max-width: 959px)  {
	.AreaSearch li { width:23%; }
	.AreaSearch li:nth-child(4n) { margin-right:0; }
	a.back_btn { width:30%; }
}
@media screen and (max-width: 767px)  {
	.AreaSearch li { width:48%; }
	.AreaSearch li:nth-child(even) { margin-right:0; }
	a.back_btn { width:50%; }
}

/*----------*/
/* 作業状況 */
/*----------*/

#MainContents p.nodata_msg {
	width:90%;
	margin:2em auto;
	padding:0;
}

.ResultArea {
	width:90%;
	height:360px;
	margin:1em auto;
	padding:1em;
	overflow-y:scroll;
	border:#ccc 2px solid;
	background:#eee;
}
#MainContents .ResultArea table {
	width:90%;
	margin:1em auto;
	border:#8c7462 2px solid;
	border-collapse:collapse;
	background:#fff;
}
#MainContents .ResultArea table th,
#MainContents .ResultArea table td {
	margin:0;
	padding:0.5em 1em;
	line-height:1;
	text-align:center;
	border:#8c7462 1px solid;
	border-collapse:collapse;
	box-sizing:border-box;
}
#MainContents .ResultArea table th { font-size:1.25em; }
#MainContents .ResultArea table th[ colspan="3" ] { background:#cff; }
#MainContents .ResultArea table tr td:first-child,
#MainContents .ResultArea table tr td:last-child { width:20%; }
#MainContents .ResultArea table th { background:#ffc; }
@media screen and (min-width: 960px)  {
	.ResultArea { height:500px; }
}
@media screen and (max-width: 959px)  {
	.ResultArea { height:500px; }
}
@media screen and (max-width: 767px)  {
	.ResultArea { height:360px; }
	#MainContents .ResultArea table { width:95%; }
	#MainContents .ResultArea table tr td:last-child { width:30%; }
}