@charset "utf-8";

@import "reset.css";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



/* Base Style

================================================== */

body {

	background-color: #f7f7de;

	color: #666;

	font-size: 100%;

	font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;

	line-height: 1.5;

	position: relative;

	-webkit-text-size-adjust: 100%;

}

a:link {

	color: #069;

}

a:visited {

	color: #339;

}

a:hover, a:focus {

	color: #36c;

}

#content a:hover img,

#content a:focus img {

	opacity: 0.85;

	filter: alpha(opacity=85);

}

img {

	max-width: 100%;

	height: auto;

	vertical-align: bottom;

}

img.new_win {

	margin-left: 3px;

	vertical-align: middle;

}

input, select, textarea {

	color: #000;

	font-family: inherit;

	font-size: 100%;

}

.new {

	margin-top: .25em;

	padding: 1px 5px;

	border-radius: 2px;

	background-color: #d00;

	color: #fff;

	font-size: 75%;

	font-weight: normal;

	text-transform: uppercase;

}

.hide,

.scrText,

img + img.new_win {

	position: absolute;

	width: 0;

	height: 0;

	overflow: hidden;

}

::-webkit-input-placeholder {

  color: #767676;

}

::-moz-placeholder {

  color: #767676; opacity: 1;

}

:-ms-input-placeholder {

  color: #767676;

}





/* Layout

================================================== */

.inner,

#content {

	max-width: 1000px;

	margin: 0 auto;

}

#home #content {

	margin-top: 40px;

}

#main {

	float: right;

	width: 100%;

	margin-left: -255px;

	margin-bottom: 100px;

}

#mainInner {

	margin-left: 255px;

}

#full #main,

#full #main #mainInner {

	float: none;

	margin-left: 0;

}

#sidemenu {

	float: left;

	width: 235px;

}



#home #main {

	margin-left: -240px;

}

#home #mainInner {

	margin-left: 240px;

}

#home #sidemenu {

	float: left;

	width: 220px;

}

#mainCol {

	float: left;

	width: 100%;

	margin-right: -240px;

}

#mainColInner {

	margin-right: 240px;

}

#subCol {

	float: right;

	width: 220px;

}



@media screen and (max-width: 1040px) {

	.inner,

	#content {

		margin: 0 20px;

	}

}

@media screen and (max-width: 960px) {

	#home #main {

		margin-left: -220px;

	}

	#home #mainInner {

		margin-left: 220px;

	}

	#home #sidemenu {

		width: 200px;

	}

	#mainCol {

		margin-right: -220px;

	}

	#mainColInner {

		margin-right: 220px;

	}

	#subCol {

		width: 200px;

	}

}

@media screen and (max-width: 800px) {

	#home #content {

		margin-top: 30px;

	}

	#main,

	#home #main {

		float: none;

		margin-left: 0;

		margin-bottom: 30px;

	}

	#mainInner,

	#home #mainInner {

		margin-left: 0;

	}

	#sidemenu {

		float: none;

		width: 100%;

		margin-bottom: 100px;

	}

	#mainCol {

		float: none;

		margin-right: 0;

		margin-bottom: 30px;

	}

	#mainColInner {

		margin-right: 0;

	}

	#home #sidemenu,

	#subCol {

		width: 48.5%;

	}

	#subCol {

		margin-bottom: 100px;

	}

}

@media screen and (max-width: 480px) {

	.inner,

	#content {

		margin: 0 10px;

	}

	#home #sidemenu,

	#subCol {

		float: none;

		width: 100%;

	}

	#subCol {

		margin-bottom: 0;

	}

}





/* Block Skip

================================================== */

.skip {

	background-color: #217098;

	text-align: center;

}

.skip a {

	display: block;

	height: 0;

	overflow: hidden;

	color: #fff;

}

.skip a:focus {

	height: auto;

}





/* Tools

================================================== */

#toolsHeader {

	background-color: #217098;

	color: #fff;

}

#toolsHeader .copy {

	float: left;

	padding: .375em 15px 0;

	font-size: 81.25%;

}

#tools {

	float: right;

	line-height: 1;

}

#tools div {

	display: inline-block;

	margin: 6px 0 3px;

}

#tools span,

#tools ul,

#tools li {

	float: left;

}

#tools .fontsize {

	margin-right: 20px;

}

#tools li {

	margin-left: 6px;

}

#tools li a {

	display: block;

	margin-top: -2px;

	padding: 2px 0;

	border-radius: 3px;

	text-decoration: none;

	text-align: center;

}

#tools .fontsize li a {

	width: 3.5em;

	border: 1px solid #79c3e9;

	background-color: #effaff;

	color: #217098;

}

#tools .fontsize li a:hover,

#tools .fontsize li a:focus {

	background-color: #307ea5 !important;

	color: #fff !important;

}



#tools .color li a {

	width: 2.5em;

}

#tools .color li.default a {

	border: 1px solid #fff;

	background-color: #fff;

	color: #333;

}

#tools .color li.default a:hover,

#tools .color li.default a:focus {

	background-color: #fafafa;

}

#tools .color li.black a {

	border: 1px solid #000;

	background-color: #000;

	color: #fff;

}

#tools .color li.black a:hover,

#tools .color li.black a:focus {

	background-color: #333;

}

#tools .color li.blue a {

	border: 1px solid #039;

	background-color: #039;

	color: #fff;

}

#tools .color li.blue a:hover,

#tools .color li.blue a:focus {

	background-color: #03c;

}



/* add 2016/05/17 by yoshioka */

#tools div#google_translate_element{

	margin: 0 0 0 15px;

	padding: 0;

	position: relative;

	top: -10px;

}

#tools #google_translate_element div{

	margin: 0;

	padding: 0;

	display: block;

}

/************************************************/



@media screen and (max-width: 1040px) {

	#toolsHeader .copy {

		padding: .365em 0;

	}

}

@media screen and (max-width: 800px) {

	#toolsHeader .copy {

		float: none;

	}

	#tools {

		display: none;

	}

}

@media screen and (max-width: 580px) {

	#toolsHeader .copy {

		padding-top: 0;

		display: inline-block;

		font-size: 75%;

	}

}





/* Header

================================================== */

#commonHeader {

	padding: 12px 0;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	background-color: #fff;

}

#commonHeader img {

	vertical-align: top;

}

#siteId {

	float: left;

	max-width: 100%;

	padding: 0 12px;

	box-sizing: border-box;

}

#siteSearch {

	float: right;

}

#guideNav {

	clear: right;

	float: right;

	margin-top: 5px;

}



#siteSearch {

	font-size: 93.75%;

	line-height: 1;

}

#siteSearch input[type='text'] {

	width: 225px;

	height: 1.15em;

	padding: .25em .5em;

	border: 1px solid #999;

}

#siteSearch input[type='submit'] {

	height: 1.75em;

	padding: 0 .75em;

	border: 1px solid #387da2;

	border-bottom: 2px solid #115478;

	border-radius: 4px;

	background-color: #387da2;

	color: #fff;

	line-height: 1;

  -webkit-appearance: none;

}

#siteSearch input[type='submit']:hover,

#siteSearch input[type='submit']:focus {

	background-color: #4574ac;

}



#guideNav li {

	line-height: 1.25;

}

#guideNav li:nth-child(-n+2) {

	clear: left;

	float: left;

}

#guideNav li:nth-child(-n+2) a {

	padding-left: 12px;

	background: url(../images/icon_arrow1.png) no-repeat 0 50%;

	color: #217098;

	font-size: 87.4%;

}

#guideNav li:nth-child(-n+2) a:hover,

#guideNav li:nth-child(-n+2) a:focus {

	color: #36c;

}

#guideNav li:last-child {

	float: right;

	margin-top: -1.125em;

	margin-left: 8px;

}

#guideNav li:last-child a {

	display: block;

	padding: .625em 25px;

	border: 1px solid #387da2;

	border-bottom: 2px solid #115478;

	border-radius: 4px;

	background-color: #387da2;

	color: #fff;

	font-size: 93.75%;

	text-decoration: none;	

}

#guideNav li:last-child a:hover,

#guideNav li:last-child a:focus {

	background-color: #4574ac;

}

#mobileBtn {

	display: none;

}



@media screen and (max-width: 1040px) {

	#siteId {

		padding: 0;

	}

}

@media screen and (max-width: 960px) {

	#siteSearch input[type='text'] {

		width: 195px;

	}

	#guideNav li:last-child a {

		padding: .625em 10px;

	}

}

@media screen and (max-width: 800px) {

	#siteId {

		width: 60%;

	}

	#siteSearch {

		width: 25%;

		position: relative;

		padding-right: 5.5em;

	}

	#siteSearch input[type='text'] {

		width: 100%;

	}

	#siteSearch input[type='submit'] {

		position: absolute;

		top: 0;

		right: 0;

	}

	#guideNav {

		display: none;

	}

}

@media screen and (max-width: 640px) {

	#commonHeader {

		position: relative;

	}

	#siteId {

		float: none;

		width: auto;

		max-width: 84%;

	}

	#siteSearch {

		float: none;

		width: auto;

		margin-top: 12px;

	}

	#mobileBtn {

		display: block;

		position: absolute;

		top: 10px;

		right: 20px;

		max-width: 14%;

		line-height: 1;

	}

	#mobileBtn a {

		display: block;

		padding: 3px 6px;

		border: 1px solid #217098;

		border-bottom: 2px solid #115478;

		border-radius: 4px;

		background-color: #217098;

		color: #fff;

		font-size: 75%;

		text-decoration: none;

		text-align: center;

		position: relative;

		z-index: 100;

	}

	#mobileBtn a:before {

		content: "\2261";

		display: block;

		font-size: 400%;

		margin: -0.375em 0 -0.125em;

	}

	body.open #mobileBtn a:before {

		content: "\2715";

		font-size: 300%;

		margin-top: -0.21em;

	}

	body.open #mobileNavLayer {

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		z-index: 99;

		background-color: rgba(0,0,0,0.5);

	}

}

@media screen and (max-width: 480px) {

	#mobileBtn {

		right: 10px;

	}

}





/* GlobalNav

================================================== */

#globalNav {

	background-color: #f0f0f0;

}

#globalNav ul {

	margin: 0 -1px;

	border-right: 1px solid #d4d4d4;

	border-left: 1px solid #fff;

}

#globalNav li {

	float: left;

	width: 14%;

	box-sizing: border-box;

	border-right: 1px solid #fff;

	border-left: 1px solid #d4d4d4;

}

#globalNav li.kenkou {

	width: 16%;

}

#globalNav li a {

	display: table-cell;

	width: 190px;

	height: 3em;

	padding: 6px 0;

	color: #333;

	text-decoration: none;

	text-align: center;	

	vertical-align: middle;

	line-height: 1.25;

}

#globalNav li.current a,

#globalNav li a:hover,

#globalNav li a:focus {

	padding-bottom: 1px;

	border-bottom: 5px solid #5181c0;

	background-color: #dedede;

}



@media screen and (max-width: 800px) {

	#globalNav li,

	#globalNav li.kenkou {

		width: 25%;

	}

	#globalNav li:nth-child(-n+4) {

		border-bottom: 1px solid #d4d4d4;

	}

	#globalNav li:nth-child(n+5) {

		border-top: 1px solid #fff;

	}

	#globalNav li:last-child {

		position: relative;

	}

	#globalNav li:last-child:after {

		content: "";

		position: absolute;

		top: 0;

		left: 100%;

		width: 100%;

		height: 100%;

		margin-top: -1px;

		margin-left: 1px;

		border-top: 1px solid #fff;

		border-right: 1px solid #fff;

		border-left: 1px solid #d4d4d4;

	}

	#globalNav li a {

		height: 2em;

	}

}

@media screen and (max-width: 640px) {

	#globalNav {

		position: fixed;

		top: 0;

		right: -190px;

		width: 190px;

		height: 100%;

		overflow: auto;

		z-index: 100;

	}

	#globalNav .inner {

		border-top: 1.58em solid #217098;

		margin: 0;

	}

	#globalNav li,

	#globalNav li.kenkou {

		float: none;

		width: auto;

		border-right: 0;

		border-left: 0;

		border-top: 1px solid #fff;

		border-bottom: 1px solid #d4d4d4;

	}

	#globalNav li:last-child:after {

		content: none;

	}

}





/* Bread Crumb

================================================== */

#breadCrumb {

	border-top: 1px solid #f7f7de;

}

#breadCrumb .inner{

	position: relative;

}

#breadCrumb p {

	margin: 15px 100px 15px 25px;

	font-size: 87.5%;

}

#breadCrumb .separator {

	margin: 0 .25em;

	font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS P Gothic', sans-serif;

}

#breadCrumb p.print_wrp{

	position: absolute;

	top: 0;

	right: 0px;

	margin-top: 0px;

	margin-right: 20px;

}

@media screen and (max-width: 580px) {

	#breadCrumb p {

		margin: 10px 0;

	}

	#breadCrumb p.print_wrp{

		display: none;

	}

}





/* Slider

================================================== */

#keyVisual {

	width: 100%;

	overflow-x: hidden;

	margin-top: -1px;

	border-bottom: 1px solid #f7f7de;

}

#keyVisual .slideWrap {

	width: 3000px;

	height: 330px;

	position: relative;

	left: 50%;

	margin-left: -1500px;

}

#keyVisual .slideBody {

	width: 100%;

}

#keyVisual .slideBody	img {

	width: 100%;

	vertical-align: bottom;

}

#keyVisual .catch {

	position: absolute;

	top: 5%;

	left: 33.33%;

	margin-left: 1.5%;

	z-index: 10;

}

.bx-prev,

.bx-next {

	position: absolute;

	top: 0;

	z-index: 10;

	width: 40px;

	height: 100%;

	background-color: rgba(255,255,255,0.5);

}

.bx-prev {

	left: 33.33%;

	margin-left: -40px;

}

.bx-next {

	right: 33.33%;

	margin-right: -40px;

}

.bx-prev img,

.bx-next img {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -19px;

	margin-left: -11px;

}

.bx-controls-auto-item {

	position: absolute;

	bottom: 10px;

	right: 33.33%;

	margin-right: 15px;

	line-height: 1;

}

.bx-controls-auto-item a {

	display: block;

	padding: 5px 8px;

	border-radius: 3px;

	background-color: rgba(0,0,0,0.5);

	color: #fff;

	text-decoration: none;

}

.slidePrevFilter,

.slideNextFilter {

	position: absolute;

	top: 0;

	width: 33.33%;

	height: 100%;

	background-color: rgba(0,0,0,0.5);

}

.slidePrevFilter {

	left: 0;

}

.slideNextFilter {

	right: 0;

}



@media screen and (max-width: 1040px) {

	#keyVisual .slideWrap {

		width: 300%;

		height: 33%;

		position: relative;

		left: 50%;

		margin-left: -150%;

	}

	#keyVisual .catch {

		width: 14%;

	}

}





/* Home

================================================== */



/* Emergency

-------------------------------------------------- */



#emergencyList{

	border: 3px solid #bd3942;

	padding: 10px;

	margin-bottom: 30px;

	background-color: #fff;

}

#emergencyList .emergencyHeader{

	position: relative;

	margin-bottom: 10px;

}

#emergencyList h2 {

	color: #bd3942;

	font-size: 1.3em;

}

#emergencyList p.emergency a {

	display: block;

	padding: 4px 10px 4px 45px;

	background: #fff url(../images/icon_more3.png) no-repeat 15px 50%;

	border-radius: 3px;

	color: #666;

	text-decoration: none;

	position: absolute;

	right: 0;

	top: 0;

}

#emergencyList p.emergency a:hover,

#emergencyList p.emergency a:focus {

	background-color: #f9f9f9;

}

#emergencyList .emergencyBody {

	padding: 14px 0px;

	position: relative;

	z-index: 10;

}

#emergencyList .emergencyBody li {

	padding: .5em 10px .5em 30px;

	border-bottom: 1px solid #cecece;

	background: url(../images/icon_arrow9.png) no-repeat 10px .85em;

}

#emergencyList .emergencyBody li .date {

	clear: left;

	float: left;

	width: 8em;

}

#emergencyList .emergencyBody li .new {

	float: left;

	margin-right: .5em;

}

#emergencyList .emergencyBody li .title {

	display: block;

	margin-left: 8em;

}



@media screen and (max-width: 1040px) and (min-width: 801px), screen and (max-width: 580px) {

	#emergencyList .emergencyBody li .date {

		float: none;

		width: auto;

		display: block;

	}

	#emergencyList .emergencyBody li .title {

		display: block;

		margin-left: 0;

	}

}

@media screen and (max-width: 920px) and (min-width: 801px), screen and (max-width: 480px) {

	#emergencyList p.emergency a {

		padding-right: 10px;

		padding-left: 35px;

		background-position: 7px 50%;

	}

}

@media screen and (max-width: 580px) {

	#emergencyList .emergencyBody li a {

		display: block;

		margin: -0.25em -10px -0.25em -30px;

		padding: .25em 10px .25em 30px;

		text-decoration: none;

	}

}

/* bousai */

.bousai_block{
	border: 3px solid #bd3942;
	padding: 10px;
	margin-bottom: 30px;
	background-color: #fff;
}

@media screen and (min-width: 801px) {
	.bousai_block{
		display: none;
	}
}

.bousai_block_header{
	position: relative;
	margin-bottom: 10px;
}

.bousai_block_header_h{
	color: #bd3942;
	font-size: 1.3em;
}

.bousai_block_header_index_link{
	display: block;
	padding: 4px 10px 4px 45px;
	background: #fff url(../images/icon_more3.png) no-repeat 15px 50%;
	border-radius: 3px;
	color: #666;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
}


.bousai_block_header_index_link:hover,
.bousai_block_header_index_link:focus{
	background-color: #f9f9f9;
}

.bousai_block_body{
	padding: 14px 0px;
	position: relative;
	z-index: 10;
}

.bousai_block_body_list_item{
	padding: .5em 10px .5em 30px;
	border-bottom: 1px solid #cecece;
	background: url(../images/icon_arrow9.png) no-repeat 10px .85em;
}

.bousai_block img.new_win{
	display: none;
}

/* Tab

-------------------------------------------------- */

#newsList {
	margin-bottom: 30px;
}
#newsList #tabsList {
	float: left;
}
#newsList #tabsList li {
	float: left;
	margin-right: 3px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	background-color: #fff;
}
#newsList #tabsList li.news {
	border-top: 5px solid #b6d1e0;
}
#newsList #tabsList li.recruitment {
	border-top: 5px solid #c3d3b1;
}
#newsList #tabsList li.news:hover,
#newsList #tabsList li.news.current {
	border-top-color: #418db5;
}
#newsList #tabsList li.recruitment:hover,
#newsList #tabsList li.recruitment.current {
	border-top-color: #6f8e4e;
}
#newsList #tabsList li a {
	display: block;
	padding: 5px 45px 7px;
	color: #666;
	text-decoration: none;
}
#newsList #tabsList li.news a {
	border-right: 1px solid #e6f1f7;
	border-left: 1px solid #e6f1f7;
	background-color: #e6f1f7;
}
#newsList #tabsList li.recruitment a {
	border-right: 1px solid #e9ede6;
	border-left: 1px solid #e9ede6;
	background-color: #e9ede6;
}
#newsList #tabsList li.current a {
	position: relative;
	z-index: 20;
}
#newsList #tabsList li.news.current a {
	border-right: 1px solid #d8e8f0;
	border-left: 1px solid #d8e8f0;
	background-color: #d8e8f0;
}
#newsList #tabsList li.recruitment.current a {
	border-right: 1px solid #dfe6d9;
	border-left: 1px solid #dfe6d9;
	background-color: #dfe6d9;
}
#newsList .moreInfo {
	float: right;
}
#newsList .moreInfo a {
	display: block;
	padding: 4px 20px 4px 45px;
	border: 1px solid #ddd;
	background: #fff url(../images/icon_more.png) no-repeat 15px 50%;
	border-radius: 3px;
	color: #666;
	text-decoration: none;
}
#newsList .moreInfo.recruitment a {
	background-image: url(../images/icon_more2.png);
}

#newsList .moreInfo a:hover,

#newsList .moreInfo a:focus {

	background-color: #f9f9f9;

}

#newsList .tabBody {

	padding: 14px 9px;

	box-shadow: 0 0 3px rgba(0,0,0,0.1);

	border: 1px solid #fff;

	background-color: #fff;

	position: relative;

	z-index: 10;

}

#newsList h2 {

	display: none;

}

#newsList .tabBody li {

	padding: .5em 10px .5em 30px;

	border-bottom: 1px solid #cecece;

	background: url(../images/icon_arrow2.png) no-repeat 10px .85em;

}

#newsList #recruitment + .tabBody li {

	background-image: url(../images/icon_arrow8.png);

}

#newsList .tabBody li .date {

	clear: left;

	float: left;

	width: 8em;

}

#newsList .tabBody li .new {

	float: left;

	margin-right: .5em;

}

#newsList .tabBody li .title {

	display: block;

	margin-left: 8em;

}

.backToTab a {

	position: absolute;

	height: 0;

	overflow: hidden;

}

.backToTab a:focus {

	position: static;

	height: auto;

	display: block;

	padding: 3px;

	background-color: #fff;

	text-align: center;

}



@media screen and (max-width: 1040px) and (min-width: 801px), screen and (max-width: 580px) {

	#newsList .tabBody li .date {

		float: none;

		width: auto;

		display: block;

	}

	#newsList .tabBody li .title {

		display: block;

		margin-left: 0;

	}

}

@media screen and (max-width: 960px) and (min-width: 921px), screen and (max-width: 580px) {

	#newsList #tabsList li a {

		padding-right: 30px;

		padding-left: 30px;

	}

}

@media screen and (max-width: 920px) and (min-width: 801px), screen and (max-width: 480px) {

	#newsList .moreInfo a {

		padding-right: 10px;

		padding-left: 35px;

		background-position: 7px 50%;

	}

	#newsList #tabsList li a {

		padding-right: 15px;

		padding-left: 15px;

	}

}

@media screen and (max-width: 580px) {

	#newsList .tabBody li a {

		display: block;

		margin: -0.25em -10px -0.25em -30px;

		padding: .25em 10px .25em 30px;

		text-decoration: none;

	}

}



/* Life Guide

-------------------------------------------------- */

#lifeGuide {

	margin-bottom: 30px;

	padding: 0 9px 19px;

	box-shadow: 0 0 3px rgba(0,0,0,0.1);

	border: 1px solid #fff;

	background-color: #fff;

}

#lifeGuide h2,

#lifeGuide .category h3 {

	margin-bottom: 15px;

	padding: 10px 0 10px 50px;

	border-bottom: 3px solid #ffa902;

	font-size: 112.5%;

}

#lifeGuide h2 {

	background: url(../images/icon_lifeguide.png) no-repeat 10px 55%;	

}

#lifeGuide h2 + ul li {

	float: left;

	width: 22%;

	margin-right: 4%;

	margin-bottom: 4%;

	box-sizing: border-box;

	border: 1px solid #ddd;

	border-radius: 4px;

}

#lifeGuide h2 + ul li:nth-child(4n) {

	margin-right: 0;

}

#lifeGuide h2 + ul li span {

	display: block;

}

#lifeGuide h2 + ul li a {

	display: table-cell;

	width: 165px;

	height: 3em;

	padding: 70px 0 10px;

	border-radius: 4px;

	background-repeat: no-repeat;

	background-position: 50% 10px;

	color: #666;

	font-size: 93.75%;

	font-weight: bold;

	text-decoration: none;

	text-align: center;

	vertical-align: bottom;

	line-height: 1;

}

#lifeGuide h2 + ul li.g_kosodate_id a {

	background-image: url(../images/img_kosodate.png);

}

#lifeGuide h2 + ul li.g_ninshin_id a {

	background-image: url(../images/img_ninshin.png);

}

#lifeGuide h2 + ul li.g_nyugaku_id a {

	background-image: url(../images/img_nyugaku.png);

}

#lifeGuide h2 + ul li.g_seijin_id a {

	background-image: url(../images/img_seijin.png);

}

#lifeGuide h2 + ul li.g_shushoku_id a {

	background-image: url(../images/img_shushoku.png);

}

#lifeGuide h2 + ul li.g_kekkon_id a {

	background-image: url(../images/img_kekkon.png);

}

#lifeGuide h2 + ul li.g_hikkoshi_id a {

	background-image: url(../images/img_hikkoshi.png);

}

#lifeGuide h2 + ul li.g_koreisha_id a {

	background-image: url(../images/img_koreisha.png);

}

#lifeGuide h2 + ul li.g_shogai_id a {

	background-image: url(../images/img_shogai.png);

}

#lifeGuide h2 + ul li.g_okuyami_id a {

	background-image: url(../images/img_okuyami.png);

}

#lifeGuide h2 + ul li a:hover,

#lifeGuide h2 + ul li a:focus {

	background-color: #f9f9f9;

}



#lifeGuide .category h3 {

	margin-top: 20px;

	background: url(../images/icon_category.png) no-repeat 10px 55%;	

}

#lifeGuide .category > ul > li {

	float: left;

	width: 32%;

	margin-right: 2%;

	margin-bottom: 1em;

}

#lifeGuide .category > ul > li:nth-child(3n) {

	margin-right: 0;

}

#lifeGuide .category > ul > li:nth-child(3n-2) {

	clear: left;

}

#lifeGuide .category > ul > li > a {

	display: block;

	padding: 3px 3px 3px 30px;

	background-color: #ffa902;

	background-repeat: no-repeat;

	background-position: 7px .5em;

	color: #333;

	font-size: 93.75%;

}

#lifeGuide .category > ul > li > a[href*="b_kurashi"] {

	background-image: url(../images/icon_bunya1.png);

}

#lifeGuide .category > ul > li > a[href*="b_kosodate-hoken"] {

	background-image: url(../images/icon_bunya2.png);

}

#lifeGuide .category > ul > li > a[href*="b_sumai"] {

	background-image: url(../images/icon_bunya3.png);

}

#lifeGuide .category > ul > li > a[href*="b_sangyo"] {

	background-image: url(../images/icon_bunya4.png);

}

#lifeGuide .category > ul > li > a[href*="b_kyoiku-bunka"] {

	background-image: url(../images/icon_bunya5.png);

}

#lifeGuide .category > ul > li > a[href*="b_anshin-joho"] {

	background-image: url(../images/icon_bunya6.png);

}

#lifeGuide .category > ul ul li {

	margin-top: .25em;

}

#lifeGuide .category > ul ul li a {

	display: inline-block;

	padding-left: 30px;

	background: url(../images/icon_arrow4.png) no-repeat 10px .425em;

	font-size: 81.25%;

}

#lifeGuide .category > ul > li > a.toggle {

	padding-left: 0;

	background: none;

	color: #418db5;

	text-decoration: none;

	display: none;

}



@media screen and (max-width: 1040px) and (min-width: 921px), screen and (max-width: 580px) and (min-width: 481px) {

	#lifeGuide h2 + ul li a {

		background-size: 85% auto;

	}

	#lifeGuide h2 + ul li a {

		padding-top: 72%;

	}

}

@media screen and (max-width: 920px) and (min-width: 801px), screen and (max-width: 480px) {

	#lifeGuide h2 + ul li {

		width: 48%;

	}

	#lifeGuide h2 + ul li:nth-child(4n) {

		margin-right: 4%;

	}

	#lifeGuide h2 + ul li:nth-child(even) {

		margin-right: 0;

	}

	#lifeGuide h2 + ul li a {

		width: 205px;

		padding: 5px 2px 5px 55px;

		background-position: 5px 50%;

		background-size: 42px auto;

		text-align: left;

		vertical-align: middle;

		line-height: 1.25;

	}

}



@media screen and (max-width: 1040px) and (min-width: 801px) {

	#lifeGuide .category > ul > li {

		width: 49%;

		margin-right: 2%;

	}

	#lifeGuide .category > ul > li:nth-child(3n) {

		margin-right: 2%;

	}

	#lifeGuide .category > ul > li:nth-child(even) {

		margin-right: 0;

	}

	#lifeGuide .category > ul > li:nth-child(3n-2) {

		clear: none;

	}

	#lifeGuide .category > ul > li:nth-child(odd) {

		clear: both;

	}

}

@media screen and (max-width: 580px) {

	#lifeGuide .category h3 {

		margin-bottom: 0;

		border-bottom: 0;

	}

	#lifeGuide .category > ul > li {

		float: none;

		width: auto;

		margin-right: 0;

		margin-bottom: 0;

		border-bottom: 1px solid #ccc;

	}

	#lifeGuide .category > ul ul li {

		margin-top: 0;

		border-top: 1px solid #ddd;

	}

	#lifeGuide .category > ul > li > a {

		padding: .5em 5px .5em 30px;

		background-position: 7px 50%;

		text-decoration: none;

	}

	#lifeGuide .category > ul ul li a {

		display: block;

		padding: .5em 5px .5em 30px;

		background-position: 10px 50%;

		font-size: 87.5%;

		text-decoration: none;

	}

	#lifeGuide .category > ul > li > a:first-child {

		margin-right: 5em;

	}

	#lifeGuide .category > ul > li {

		position: relative;

	}

	#lifeGuide .category > ul > li > a.toggle {

		display: block;

		position: absolute;

		top: 0;

		right: 0;

		width: 5em;

		background-color: #ffa902;

		color: #333;

		text-align: right;

	}

	#lifeGuide .category > ul ul {

		display: none;

	}

}



/* Links

-------------------------------------------------- */

#links {

	box-shadow: 0 0 3px rgba(0,0,0,0.1);

	border: 1px solid #fff;

	background-color: #fff;

}

#links h2 {

	margin: -1px;

	padding: 10px 10px 10px 15px;

	border-left: 5px solid #7fddca;

	font-size: 112.5%;

}

#links ul {

	margin: 10px 19px 20px;

	font-size: 87.5%;

}

#links ul li {

	float: left;

	min-width: 50%;

	margin-bottom: .5em;

	box-sizing: border-box;

}

#links ul li a {

	display: inline-block;

	padding-left: 20px;

	background: url(../images/icon_link.png) no-repeat 0 .5em;	

}



@media screen and (max-width: 1040px) and (min-width: 801px), screen and (max-width: 580px) {

	#links ul li {

		float: none;

	}

}

@media screen and (max-width: 580px) {

	#links ul {

		margin: 0 9px 20px;

		border-top: 1px solid #ddd;

	}

	#links ul li {

		margin-bottom: 0;

		border-bottom: 1px solid #ddd;

	}

	#links ul li a {

		display: block;

		padding: .375em 10px .375em 30px;

		background-position: 10px .75em;

		text-decoration: none;

	}

}





/* Main

================================================== */

body:not(#home) #mainInner {

	box-shadow: 0 0 3px rgba(0,0,0,0.1);

	border: 1px solid #fff;

	background-color: #fff;

}

#main .contentTitle {

	margin-bottom: 1em;

}

#main .contentTitle h1 {

	margin: -1px -1px 0;

	padding: 10px 20px 9px;

	border-bottom: 1px solid #ffa902;

	background-color: #ffa902;

	color: #333;

	font-size: 125%;

}

#main .contentTitle p.date {

	margin: 0 19px;

	text-align: right;

}

#main .contentDescription {

	margin: 0 9px 1.5em;

	padding: 1em 9px;

	border: 1px solid #ccc;

	border-radius: 6px;

}



.contentBody .table {

	overflow-x: auto;

}



#main .inquiry {

	margin: 40px 20px 20px;

	font-style: normal;

	border: 1px solid #ccc;

}

#main .inquiry h2 {

	display: block;

	padding: .25em 20px;

	background-color: #418db5;

	color: #fff;

	font-weight: normal;

}

#main .inquiry address {

	padding: .5em 20px;

	font-style: normal;

}

#main address .department {

	display: block;

	color: #444;

	font-weight: bold;

}

#main address .addr,

#main address .phone,

#main address .mail {

	display: block;

}





/* Page List

================================================== */

.contentBody ul.pageList {

	list-style: none;

	margin: 40px -10px 0;

	padding-left: 0;

	border-top: 1px solid #cecece;

}

.contentBody:first-of-type ul.pageList {

	margin-top: -1em;

	border-top: 0;

}

.contentBody ul.pageList li {

	margin-bottom: 0;

	padding: 1em 10px;

	border-bottom: 1px solid #cecece;

}

.contentBody ul.pageList .title {

	display: block;

	padding-left: 20px;

	background: url(../images/icon_arrow2.png) no-repeat 0 .425em;

}

.contentBody ul.pageList .description {

	display: block;

	margin: .75em 0 0 20px;

}

.contentBody ul.pageList .thumb {

	float: left;

	margin-right: 15px;

}

.contentBody ul.pageList .withThumb .title {

	margin-left: 115px;

}

.contentBody ul.pageList .withThumb .description {

	margin-left: 135px;

}



.contentBody .pagination {

	margin-top: 20px;

	text-align: center;

}

.contentBody .pagination a,

.contentBody .pagination .current {

	padding: 1px 5px;

	border: 1px solid #4574ac;

	border-radius: 3px;

	color: #217098;

	text-decoration: none;

}

.contentBody .pagination a:hover,

.contentBody .pagination a:focus {

	color: #36c;

}

.contentBody .pagination .current {

	background-color: #4574ac;

	color: #fff;

	font-style: normal;

}

.contentBody .pagination .disabled {

	display: none;

}



@media screen and (max-width: 580px) {

	.contentBody ul.pageList li a {

		display: block;

		margin: -0.375em -10px;

		padding: .375em 10px;

		text-decoration: none;

	}

}

@media screen and (max-width: 480px) {

	.contentBody ul.pageList .thumb {

		padding-bottom: .5em;

	}

	.contentBody ul.pageList .description,

	.contentBody ul.pageList .withThumb .description {

		clear: left;

		margin-left: 0;

	}

}





/* Sidebar

================================================== */

#localNav,

.widget,

.banner {

	margin-bottom: 25px;

}

#localNav,

.widget {

	box-shadow: 0 0 3px rgba(0,0,0,0.1);

	border: 1px solid #fff;

	background-color: #fff;

}

#localNav header,

.widget header,

.widget footer {

	margin: -1px;

}

.widget footer {

	margin-bottom: 15px;

	font-weight: bold;

}

.widget.bousailist header h2 {
	padding: 10px;
	border-left: 5px solid #bd3942;
}

.widget.bousailist header h2 a {
	display: inline;
}

.bousailist-header-title{
	font-size: 88%;
}

.widget.bousailist img.new_win{
	display: none;
}

@media screen and (max-width: 800px) {
	.widget.bousailist.pc{
		display: none;
	}
}

@media screen and (min-width: 801px) {
	.widget.bousailist.mobile{
		display: none;
	}
}


#localNav h2 {

	padding: 10px 15px 9px;

	border-bottom: 1px solid #ffa902;

	background-color: #ffa902;

	color: #333;

	font-size: 112.5%;

}

#localNav ul {

	padding: 5px 4px 10px;

}

#localNav li a {

	display: block;

	margin-bottom: 5px;

	padding: .375em 10px .375em 30px;

	background: url(../images/icon_arrow4.png) no-repeat 10px .825em;

}

#localNav li a:hover,

#localNav li a:focus {

	background-color: #f0f0f0;

}

#localNav li.current {

	background-color: #dedede;

}



.widget header h2,

.widget footer p {

	padding: 10px;

	border-left: 5px solid #ffa902;

}

.widget.publicity header h2,

.widget.publicity footer p {

	border-left-color: #418db5;

}

.widget.profile header h2,

.widget.inquiry header h2 {

	border-left-color: #b0dd7f;

}

.widget header h2 a,

.widget footer p a {

	display: block;

}



.widget.publicity div.thumb {

	margin: 5px auto 0;

	text-align: center;

}

.widget.publicity div.thumb img {

	border: 1px solid #ddd;

}

.widget ul {

	margin: 10px 14px 20px;

}

.widget .none_text {

	display: block;

	margin: 10px 14px 20px;

}

.widget li {

	margin-bottom: .75em;

}

.widget li > a {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/icon_arrow4.png) no-repeat 0 .475em;
}

.widget.profile li > a {
	background-image: url(../images/icon_arrow5.png);
}

.widget.bousailist li > a {
	background-image: url(../images/icon_arrow9.png);
}


.widget.jobOffer {

	box-shadow: none;

	border-color: #cc4846;

	background-color: #cc4846;

}

.widget.jobOffer a {

	display: block;

	padding: 17px 10px 17px 75px;

	background: url(../images/icon_joboffer.png) no-repeat 24px 50%;

	color: #fff;

	text-decoration: none;

}

.widget.jobOffer a:hover,

.widget.jobOffer a:focus {

	background-color: #bd3942;

}



.widget.vacantHouse {

	box-shadow: none;

	border-color: #787454;

	background-color: #787454;

}

.widget.vacantHouse a {

	display: block;

	padding: 17px 10px 17px 75px;

	background: url(../images/icon_vacanthouse.png) no-repeat 24px 50%;

	color: #fff;

	text-decoration: none;

}

.widget.vacantHouse a:hover,

.widget.vacantHouse a:focus {

	background-color: #676349;

}



.widget.profile p.map {

	margin: 1px -1px 20px;

	text-align: center;

}

.widget.profile .population {

	margin: 0 4px;

	padding-top: 4px;

	border-top: 1px solid #ddd;

}

.widget.profile table {

	width: 100%;

	margin-top: 5px;

	border-collapse: separate;

	border-spacing: 12px;

	line-height: 1;

}

.widget.profile th {

	padding-left: 5px;

	border-right: 1px solid #c7c7c7;

	font-weight: normal;

	text-align: left;

}

.widget.profile table + p {

	margin: 0 14px 10px;

	font-size: 75%;

	text-align: right;

}



.widget.download p {

	margin: -1px;	

}

.widget.download a {

	display: table-cell;

	width: 455px;

	height: 7em;

	padding: 0 5px 0 80px;

	background: url(../images/icon_download.png) no-repeat 12px 50%;

	border-left: 5px solid #b0dd7f;

	color: #666;

	font-size: 75%;

	text-decoration: none;

	vertical-align: middle;

}

.widget.download a:hover,

.widget.download a:focus {

	background-color: #f9f9f9;

}

.widget.download a b {

	display: block;

	margin-bottom: .25em;

	font-size: 133.33%;

}

.widget.download a span {

	display: inline-block;

}



.widget.inquiry address {

	margin: 10px 14px 20px;

	font-style: normal;

}

.widget.inquiry address b {

	display: block;

	font-weight: normal;

}

.widget.inquiry address .zip,

.widget.inquiry address .tel {

	display: block;

}

.widget.inquiry address span {

	display: inline-block;

}

.widget.inquiry a:not([href^='tel']) {

	display: block;

	margin: 0 14px 18px;

	padding: 8px;

	border: 1px solid #548321;

	border-bottom: 2px solid #3c591d;

	border-radius: 4px;

	background: #548321;

	color: #fff;

	text-decoration: none;

	text-align: center;

}

.widget.inquiry a:hover,

.widget.inquiry a:focus {

	background-color: #47701d;

}

.widget.inquiry a span {

	padding-left: 24px;

	background: url(../images/icon_mail.png) no-repeat 0 50%;

}



.banner li {

	margin-bottom: 10px;

}

.banner a {

	display: table-cell;

	width: 460px;

	height: 48px;

	padding: 5px 10px 5px 75px;

	border: 1px solid;

	background-repeat: no-repeat;

	background-position: 12px 50%;

	color: #fff;

	text-decoration: none;

	line-height: 1.25;

	vertical-align: middle;

}

.banner .mayor a {

	border-color: #214574;

	background-color: #214574;

	background-image: url(../images/icon_mayor2.png);

}

.banner .mayor a:hover,

.banner .mayor a:focus {

	background-color: #1e3f6a;

}

.banner .mayor b {

	display: inline-block;

	font-size: 112.5%;

	font-weight: normal;

}

.banner .mayor span {
	display: inline-block;
	font-size: 87.5%;
}
.banner .assembly a {
	border-color: #214574;
	background-color: #214574;
	background-image: url(../images/icon_assembly.png);
}
.banner .assembly a:hover,
.banner .assembly a:focus {
	background-color: #1e3f6a;
}
.banner .event a {
	border-color: #c7503d;
	background-color: #c7503d;
	background-image: url(../images/icon_event.png);
}
.banner .event a:hover,
.banner .event a:focus {
	background-color: #bf4e3c;
}
.banner .furusatoTax a {
	border-color: #6c7e25;
	background-color: #6c7e25;
	background-image: url(../images/icon_furusatotax.png);
}
.banner .furusatoTax a:hover,
.banner .furusatoTax a:focus {
	background-color: #667623;
}
.banner .library a {
	border-color: #2828FF;
	background-color: #2828FF;
	background-image: url(../images/icon_library.png);
}
.banner .library a:hover,
.banner .library a:focus {
	background-color: #161CFC;
}
.banner .library span {
	display: inline-block;
	font-size: 87.5%;
}
.banner .education a {
	border-color: #3e74ab;
	background-color: #3e74ab;
	background-image: url(../images/icon_education.png);
}
.banner .education a:hover,
.banner .education a:focus {
	background-color: #376c9f;
}




.banner .pc a {
	font-size: 88%;
	border-color: #3e74ab;
	background-color: #3e74ab;
	background-image: url(../images/icon_pc.png);
}
.banner .pc a:hover,
.banner .pc a:focus {
	background-color: #376c9f;
}


.banner .sightseeing a {
	border-color: #397f94;
	background-color: #397f94;
	background-image: url(../images/icon_sightseeing.png);
}

.banner .sightseeing a:hover,
.banner .sightseeing a:focus,
.banner .sns a:hover,
.banner .sns a:focus{
	background-color: #35768a;
}

.banner .sns a {
	border-color: #397f94;
	background-color: #397f94;
	background-image: url(../images/icon_sns.png);
}



.banner .saiyou a {
	border-color: #967100;
	background-color: #967100;
	background-image: url(../images/icon_pen.png);
}
.banner .saiyou a:hover,
.banner .saiyou a:focus {
background-color: #8e6b00;
}


.banner .opticalNet a {
	border-color: #967100;
	background-color: #967100;
	background-image: url(../images/icon_opticalnet.png);
}
.banner .opticalNet a:hover,
.banner .opticalNet a:focus {
background-color: #8e6b00;
}
/*
.banner .library a {
	border-color: #468440;
	background-color: #468440;
	background-image: url(../images/icon_library.png);
}
.banner .library a:hover,
.banner .library a:focus {
	background-color: #427e3d;
}
*/
.banner .jobOffer a {
	border-color: #b65a66;
	background-color: #b65a66;
	background-image: url(../images/icon_joboffer.png);
}
.banner .jobOffer a:hover,
.banner .jobOffer a:focus {
	background-color: #ae5662;
}
.banner .vacantHouse a {
	border-color: #82773f;
	background-color: #82773f;
	background-image: url(../images/icon_vacanthouse.png);
}
.banner .vacantHouse a:hover,
.banner .vacantHouse a:focus {
	background-color: #7b703c;
}
.banner .vacantHouse span {
		display: inline-block;

}
.banner.contact a {
	border-color: #4b77b4;
	background-color: #4b77b4;
	background-image: url(../images/icon_contact.png);
}
.banner.contact a:hover,
.banner.contact a:focus {
	background-color: #41679e;
}
.banner .josei a {
	border-color: #EC8855;
	background-color: #EC8855;
	background-image: url(../images/icon_josei.png);
}
.banner .josei a:hover,
.banner .josei a:focus {
	background-color: #EC7F48;
}
.banner .newBuilding a {
	border-color: #ee7700;
	background-color: #ee7700;
	background-image: url(../images/icon_newbuilding.png);
	background-position: 24px 50%;
}
.banner .newBuilding a:hover,
.banner .newBuilding a:focus {
	background-color: #e67300;
}
.banner .regional-workers a {
	border-color: #6c7e25;
	background-color: #6c7e25;
	background-image: url(../images/icon_regional-workers.png);
	/*background-position: 24px 50%;*/
}
.banner .regional-workers a:hover,
.banner .regional-workers a:focus {
	background-color: #667623;
}







@media screen and (max-width: 960px) and (min-width: 801px) {

	.banner.contact a {

		padding-left: 59px;

		background-position: 12px 50%;

	}

}

@media screen and (max-width: 580px) {
	.widget:not(.publicity) ul {
		margin: 0 9px 20px;
		border-top: 1px solid #ddd;
	}
	.widget:not(.publicity) li {
		margin-bottom: 0;
		border-bottom: 1px solid #ddd;
	}
	.widget:not(.publicity) li > a {
		display: block;
		padding: .5em 10px .5em 25px;
		background-position: 5px .875em; 
		text-decoration: none;
	}
	.widget.profile p.map {
		margin-bottom: 10px;
	}
	.widget.profile ul {
		margin-bottom: 0;
	}
	.widget.profile .population {
		margin-top: 0;
		border-top: 0;
	}
	#localNav li a {
		padding-top: .5em;
		padding-bottom: .5em;
		background-position: 10px .875em;
		text-decoration: none;
	}

}

@media screen and (max-width: 480px) {

	.facebook {

		padding-right: 45px;

		background-color: #b6d1e0;

	}

}





/* Sitemap

================================================== */

.sitemap {

	margin: 0 19px 20px;

}

.sitemap ul {

	padding-left: 0;

	list-style: none;

}

.sitemap ul ul {

	padding-left: 20px;

}

.sitemap > ul > li {

	margin-bottom: 0;

	padding: .5em 0;

	border-bottom: 1px solid #ccc;

}

.sitemap > ul > li > a {

	padding-left: 20px;

	background: url(../images/icon_arrow2.png) no-repeat 0 .425em;

}

.sm-depth1-label > a {
	padding-left: 20px;

	background: url(../images/icon_arrow2.png) no-repeat 0 .425em;
}

.sitemap > ul > li > ul {

	margin-top: .5em;

}

.sitemap > ul > li > ul > li {

	margin-bottom: 0;

	padding: .5em 0;

	border-top: 1px dotted #ccc;

}

.sitemap > ul > li > ul > li:last-child {

	margin-bottom: -0.5em;

}

.sitemap > ul > li > ul > li > a {

	padding-left: 20px;

	background: url(../images/icon_arrow7.png) no-repeat 8px .5em;

}

.sm-depth2-label > a {
	padding-left: 20px;

	background: url(../images/icon_arrow7.png) no-repeat 8px .5em;
}

.sitemap > ul > li > ul > li ul {

	margin-top: .5em;

}

.sitemap > ul > li > ul > li ul li {

	display: inline-block;

	margin-right: 1.5em;

	margin-bottom: .5em;

}

@media screen and (max-width: 580px) {

	.sitemap > ul > li,

	.sitemap > ul > li > ul > li {

		padding: 0;

	}

	.sitemap > ul > li > ul,

	.sitemap > ul > li > ul > li ul {

		margin-top: 0;

	}

	.sitemap > ul > li > ul > li:last-child {

		margin-bottom: 0;

	}

	.sitemap > ul > li > a,

	.sitemap > ul > li > ul > li > a {

		display: block;

		padding: .5em 5px .5em 20px; 

		text-decoration: none;

	}

	.sitemap > ul > li > a {

		background-position: 0 .825em;

	}

	.sitemap > ul > li > ul > li > a {

		background-position: 8px .9em;

	}

	.sitemap > ul > li > ul > li ul {

		margin-left: 15px;

		padding-left: 0;

		padding-top: .5em;

		border-top: 1px dotted #ccc;

	}

	.sitemap > ul > li > ul > li ul li {

		margin-right: 1em;

		margin-left: -5px;

	}

	.sitemap > ul > li > ul > li ul li a {

		padding: 0 10px;

		text-decoration: none;

	}

}





/* Footer

================================================== */

#footNav {

	padding: 12px 0 20px;

	box-shadow: 0 0 3px rgba(0,0,0,0.1);

	border-top: 1px solid #fff;	

	background-color: #fff;

}

#footNav .inner > div {

	float: left;

	width: 25%;

}

#footNav h2 {

	margin-bottom: .375em;

	padding: 3px 0 3px 10px;

}

#footNav .emergency h2 {

	border-left: 4px solid #ffa902;

}

#footNav .event h2 {

	border-left: 4px solid #418db5;

}

#footNav ul {

	margin-left: 14px;

}

#footNav li {

	margin: 3px 0 .5em;

}

#footNav li a {

	padding-left: 20px;

	background: url(../images/icon_arrow5.png) no-repeat 0 .425em;

}

#footNav .emergency li a {

	background-image: url(../images/icon_arrow4.png);

}

#footNav .event li a {

	background-image: url(../images/icon_arrow3.png);

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



@media screen and (max-width: 800px) {

	#footNav {

		font-size: 93.75%;

	}

}

@media screen and (max-width: 720px) {

	#footNav .inner > div {

		width: 50%;

	}

	#footNav .inner > div:nth-child(odd) {

		clear: left;

	}

	#footNav .inner > div:nth-child(n+3) {

		margin-top: 20px;

		padding-top: 12px;

		border-top: 1px solid #ddd;

	}

}

@media screen and (max-width: 580px) {

	#footNav .inner > div {

		width: 49%;

	}

	#footNav .inner > div:nth-child(odd) {

		margin-right: 2%;

	}

	#footNav .inner > div:nth-child(n+3) {

		margin-top: -1px;

		padding-top: 0;

	}

	#footNav h2 {

		padding: 0;

	}

	#footNav h2 span,

	#footNav h2 a {

		display: block;

		padding: 3px 0 3px 10px;

		text-decoration: none;

	}

	#footNav ul {

		margin-left: 0;

		border-top: 1px solid #ddd;

	}

	#footNav li {

		margin: 0;

		border-bottom: 1px solid #ddd;

	}

	#footNav li a {

		display: block;

		padding: .375em 5px .375em 35px;

		background-position: 15px .8em;

		text-decoration: none;

	}

}

@media screen and (max-width: 360px) {

	#footNav .inner > div {

		float: none;

		width: 100%;

	}

	#footNav .inner > div:nth-child(2) {

		padding-top: .375em;

		border-top: 1px solid #ddd;

	}

}



#footMenu {

	padding: 17px 0;

	border-top: 1px solid #347929;

	border-bottom: 1px solid #347929;

	background-color: #347929;

	text-align: center;

}

#footMenu li {

	display: inline-block;

	margin: 0 12px;

}

#footMenu li a {

	color: #e2f1c6;

	font-size: 87.5%;

}

#footMenu li a:hover,

#footMenu li a:focus {

	color: #fff;

}



@media screen and (max-width: 580px) {

	#footMenu {

		padding: 0;

		text-align: left;

	}

	#footMenu li {

		display: block;

		float: left;

		width: 50%;

		margin: 0;

		padding: 5px 0;

		border-bottom: 1px solid #6aaa5f;

	}

	#footMenu li:last-child,

	#footMenu li:nth-last-child(2) {

		border-bottom: 0;

	}

	#footMenu li a {

		display: block;

		padding: .375em 10px;

		text-decoration: none;

	}

	#footMenu li:nth-child(odd) a {

		border-right: 1px solid #6aaa5f;

	}

}

@media screen and (max-width: 360px) {

	#footMenu li {

		float: none;

		width: 100%;

		padding: 0;

		border-bottom: 1px solid #6aaa5f;

	}

	#footMenu li:nth-last-child(2) {

		border-bottom: 1px solid #6aaa5f;

	}

	#footMenu li:nth-child(odd) a {

		border-right: 0;

	}

}



#commonFooter {

	background-color: #312a18;

}

#commonFooter .inner {

	padding: 25px 0;

	position: relative;

}

#commonFooter .contact {

	float: right;

	margin-top: 20px;

	min-height: 64px;

}

#commonFooter .contact a {

	display: block;

	padding: .5em 20px .5em 42px;

	border: 1px solid #625637;

	border-bottom: 2px solid #161105;

	border-radius: 4px;

	background: #625637 url(../images/icon_foot_contact.png) no-repeat 17px 50%;

	color: #fff;

	text-decoration: none;	

}

#commonFooter .contact a:hover,

#commonFooter .contact a:focus {

	background-color: #6c5f3d;

}

#commonFooter .logo {

	float: left;

	margin-right: 15px;

}

#commonFooter .signature {

	float: left;

	color: #e8dec5;

	font-size: 75%;

	line-height: 1.7;

}

#commonFooter .townOffice em {

	font-style: normal;

}

#commonFooter .copyright {

	margin-top: .25em;

}



@media screen and (max-width: 580px) {

	#commonFooter .contact {

		float: none;

		margin-top: 0;

		min-height: 0;

	}

	#commonFooter .contact a {

		display: inline-block;

	}

	#commonFooter .inner {

		padding: 15px 0;

	}

}



#pageTop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	display: none;
}
#pageTop a {
	display: block;
	padding: 40px 5px 5px;
	border: 1px solid #e8e8d1;
	border-bottom: 2px solid #c8c8a0;
	border-radius: 3px;
	background: #e8e8d1 url(../images/icon_pagetop.png) no-repeat 50% 8px;
	color: #55553c;
	font-size: 75%;
	text-decoration: none;
}

/* Clearfix
================================================== */
.inner:after,
header:after,
footer:after,
nav ul:after,
section:after,
article:after,
#content:after,
#lifeGuide ul:after,
#links ul:after,
.furusatoTax li:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

/*
.none_text {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}
*/