@charset "utf-8";

html,body{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	background: transparent;
	border: 0;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/****************************************************************
	イメージ画像【 img 】
****************************************************************/
	img {
		border:0px;
		max-width: 100%;
		vertical-align: top;			/* 画像に並ぶテキスト */
	}

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

	トップページ

---------------------------------------------------------------------*/
/*-------------------------------------------------------------------
	外枠
---------------------------------------------------------------------*/
	section#page-outer01 {
		max-width: 730px;
		padding-left: 50px;
	}
	/*-------------------------------------------------------------------
		レスポンシブ【 max-width: 480px 】
	---------------------------------------------------------------------*/
		@media screen and ( max-width: 480px ) {
			section#page-outer01 {
				padding-left: 10px;
			}
		}

	/*-------------------------------------------------------------------
		「衆生所遊楽へのいざない」タイトル
	---------------------------------------------------------------------*/
		section#page-title-outer {
			display: -webkit-flexbox;
			display: -moz-flexbox;
			display: -ms-flexbox;
			display: -o-flexbox;
			display: flexbox;
			display: flex;
			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			-ms-justify-content: flex-start;
			-o-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			-ms-flex-align: center;
			-webkit-box-align: center;
			align-items: center;

			margin-bottom: 1.0em;
		}
			section#page-title-left {
				margin-right: 0.5em;
			}

	/*-------------------------------------------------------------------
		施設写真群
	---------------------------------------------------------------------*/
		ul#div-ul01 {
			display: -webkit-flexbox;
			display: -moz-flexbox;
			display: -ms-flexbox;
			display: -o-flexbox;
			display: flexbox;
			display: flex;
			-webkit-justify-content: space-between;
			-moz-justify-content: space-between;
			-ms-justify-content: space-between;
			-o-justify-content: space-between;
			justify-content: space-between;

			list-style-type: none;
			margin-bottom: 1.0em;
		}
		/*-------------------------------------------------------------------
			レスポンシブ【 max-width: 480px 】
		---------------------------------------------------------------------*/
			@media screen and ( max-width: 480px ) {
				ul#div-ul01 {
					-webkit-flex-wrap: wrap;
					-moz-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					-o-flex-wrap: wrap;
					flex-wrap: wrap;
					-webkit-justify-content: space-around;
					-moz-justify-content: space-around;
					-ms-justify-content: space-around;
					-o-justify-content: space-around;
					justify-content: space-around;
				}
			}

			ul#div-ul01 li {
				max-width: 160px;
			}
			/*-------------------------------------------------------------------
				レスポンシブ【 max-width: 480px 】
			---------------------------------------------------------------------*/
				@media screen and ( max-width: 480px ) {
					ul#div-ul01 li {
						margin-bottom: 1.0em;
					}
				}

				ul#div-ul01 li a {
					display: block;
				}

	/*-------------------------------------------------------------------
		「ichimyouji-net」イメージ、テキスト
	---------------------------------------------------------------------*/
		section.page-sec01 {
			margin-bottom: 1.0em;
		}
			section.page-sec01-outer {
				display: -webkit-flexbox;
				display: -moz-flexbox;
				display: -ms-flexbox;
				display: -o-flexbox;
				display: flexbox;
				display: flex;
				-webkit-justify-content: flex-start;
				-moz-justify-content: flex-start;
				-ms-justify-content: flex-start;
				-o-justify-content: flex-start;
				justify-content: flex-start;
				-webkit-align-items: center;
				-ms-flex-align: center;
				-webkit-box-align: center;
				align-items: center;

				margin-bottom: 0.5em;
			}
			/*-------------------------------------------------------------------
				レスポンシブ【 max-width: 480px 】
			---------------------------------------------------------------------*/
				@media screen and ( max-width: 480px ) {
					section.page-sec01-outer {
						display: block;
					}
				}

				section.page-sec01-left {
					margin-right: 0.5em;
				}
				section.page-sec01-right {
					font-size: 0.8em;
				}

	/*-------------------------------------------------------------------
		関連施設名枠、「アクセスマップはこちら」の外枠
	---------------------------------------------------------------------*/
		section.page-sec02-outer {
			margin-bottom: 2.0em;
			position: relative;
			width: 100%;
		}
		/*-------------------------------------------------------------------
			レスポンシブ【 max-width: 480px 】
		---------------------------------------------------------------------*/
			@media screen and ( max-width: 480px ) {
				section.page-sec02-outer {
					display: block;
				}
			}

		/*-------------------------------------------------------------------
			関連施設名外枠
		---------------------------------------------------------------------*/
			section.page-sec02-left {
				left: 0;
				position: relative;
				top: 0;
			}
				table#groupList a {
					font-size: 0.7em;
					padding-bottom: 0.2em;
					text-decoration: none;
				}
				table#groupList a:hover {
					border-bottom: 1px solid #f97b00;
					color: #f97b00;
				}
					table#groupList a span {
						font-size: 1.4em;
					}

		/*-------------------------------------------------------------------
			「アクセスマップはこちら」外枠
		---------------------------------------------------------------------*/
			section.page-sec02-right {
			}
				section.page-sec02-right a {
					position: absolute;
					right: 0;
					top: 0;
				}
				section.page-sec02-right a:hover {
					filter:alpha(opacity=50);
					-moz-opacity: 0.5;
					opacity: 0.5;
				}

	/*-------------------------------------------------------------------
		フッター枠
	---------------------------------------------------------------------*/
		section.page-sec03 {
			margin-bottom: 1.0em;
		}
			section.page-sec03-outer {
				display: -webkit-flexbox;
				display: -moz-flexbox;
				display: -ms-flexbox;
				display: -o-flexbox;
				display: flexbox;
				display: flex;
				-webkit-justify-content: flex-start;
				-moz-justify-content: flex-start;
				-ms-justify-content: flex-start;
				-o-justify-content: flex-start;
				justify-content: flex-start;
				-webkit-align-items: center;
				-ms-flex-align: center;
				-webkit-box-align: center;
				align-items: center;

				margin-bottom: 0.5em;
			}
				section.page-sec03-left {
					margin-right: 0.5em;
				}
				section.page-sec03-right {
					font-size: 0.8em;
				}

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

	アクセスマップページ

---------------------------------------------------------------------*/
			section.page-sec04-outer {
				display: -webkit-flexbox;
				display: -moz-flexbox;
				display: -ms-flexbox;
				display: -o-flexbox;
				display: flexbox;
				display: flex;
				-webkit-justify-content: space-around;
				-moz-justify-content: space-around;
				-ms-justify-content: space-around;
				-o-justify-content: space-around;
				justify-content: space-around;
			}
			
			section#page-map-title {
				background: #fe7f01;
				border-radius: 0.3em;
				box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
				color: #fff;
				display: inline-block;
				font-size: 1.0em;
				font-weight: bold;
				padding: 0.2em 3.0em;
				margin: 1.0em 0;
			}

			dl#page-dl01, dl#page-dl01 dt, dl#page-dl01 dd {
				margin: 0;
				padding: 0;
			}
			dl#page-dl01 {
				margin-left: 2.0em;
			}
			dl#page-dl01 dt, dl#page-dl01 dd {
				font-size: 0.9em;
				line-height: 2.0em;
				margin-bottom: 0.5em;
			}
			dl#page-dl01 dt {
				clear: left;
				float: left;
/*
				color: #ff3164;
*/
				min-width: 50%;
			}
			/*-------------------------------------------------------------------
				レスポンシブ【 max-width: 480px 】
			---------------------------------------------------------------------*/
				@media screen and ( max-width: 480px ) {
					dl#page-dl01 dt {
						float: none;
					}
				}
				dl#page-dl01 dt.page-dl01-dt01,
				dl#page-dl01 dd.page-dl01-dd01 {
					margin-bottom: 1.0em;
					text-decoration: none;
				}

			dl#page-dl01 dd {
/*
				color: #ff3164;
*/
			}
			/*-------------------------------------------------------------------
				レスポンシブ【 max-width: 480px 】
			---------------------------------------------------------------------*/
				@media screen and ( max-width: 480px ) {
					dl#page-dl01 dd {
						margin-bottom: 1.5em;
					}
				}

				dl#page-dl01 dt a {
					padding-bottom: 0.1em;
					text-decoration: none;
				}
				dl#page-dl01 dt a:hover {
					border-bottom: none;
				}

/*-------------------------------------------------------------------
	共通項目
---------------------------------------------------------------------*/
.pageText01 {
	font-size: 0.8em;
}
.pageText02 {
	font-size: 0.6em;
}
.pageText03 {
	font-size: 1.0em;
}
.bold {
	font-weight: bold;
}
.textCenter {
	text-align: center;
}
.color01 {
	color: #676767;
}
.color02 {
	color: #ff3164;
}
.pageLine01 {
	border-bottom: 1px solid #676767;
	margin-bottom: 1.0em;
}
.marginButtom01 {
	margin-bottom: 1.0em!important;
}
.marginButtom02 {
	margin-bottom: 2.0em!important;
}
.marginButtom05 {
	margin-bottom: 5.0em!important;
}
.marginRight01 {
	margin-right: 10.0em!important;
}
