@charset "UTF-8";
/* top_pc.css */

.index_box01 {
	margin-bottom: 30px;
	overflow: hidden;
}
	.index_list01 {
		width: 100%;
		overflow: hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		display: flex;
		flex-wrap: wrap; 
	}
		.index_list01 li {
			float: left;
			width: 20%;
			border: solid #bac7b4;
			border-width: 1px 1px 0 0;
			background: #f3faea url(/000171463.png) 97% 97% no-repeat;;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-align: center;
		}

		.index_list01 li:first-of-type {
			border-radius: 5px 0 0 0;
		}
		.index_list01 li:nth-of-type(5) {
			border-radius: 0 5px 0 0;
		}
		.index_list01 li:nth-last-of-type(5) {
			border-radius: 0 0 0 5px;
		}
		.index_list01 li:last-of-type {
			border-radius: 0 0 5px 0;
		}
		.index_list01 li:nth-of-type(5n+1) {
			border-left: 1px solid #d8d8d8;
		}
		.index_list01 li:nth-last-of-type(-n+5) {
			border-bottom: 1px solid #d8d8d8;
		}
				.index_list01 a {
					display: block;
					padding: 7px;
					padding-bottom: 8px;
					color: #000;
					font-weight: bold;
					font-size: 125%;
					text-align: center;
					text-decoration: none;
					overflow: hidden;
				}
				
					.index_list01 .image01 {
						display: table-cell;
						margin: auto;
						padding: 8px 22px;
						width: 100%;
						height: 70px;
						background-color: #fff;
						border: 1px solid #d8d8d8;
						border-radius: 3px;
						box-sizing: border-box;
						text-align: center;
						vertical-align: middle;
					}
					.index_list01 .text01 {
						margin-top: 5px;
						display: block;
						font-size: 0.8em;
					}
					
						.index_list01 .image01 { margin-bottom: 8px;}
							.index_list01 .image01 img {
								width: 40px;
								height: auto;
							}
						
							.index_list01 .image01 { margin-bottom: 8px;}
								.index_list01 .image01 img {
									width: 40px;
									height: auto;
								}							


.info_box02 { margin-bottom: 30px;}
.info_box03 { margin-bottom: 30px;}

	.info_link01,
	.info_link02,
	.info_link01 ul {
		margin: auto;
		padding: 7px;
		border: solid 1px #bac7b4;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
		.info_link01 { background-color: #f3faec;}	
			
			.info_link01 ul {
				padding: 15px 18px 10px;
				background-color: #fff;
				font-size: 136%;
			}
				.info_link01 li {
					display: inline-block;
					margin-bottom: 5px;
					padding: 0 10px 0 0;
				}

		.info_link02 { background-color: #f3faec;}	
			
			.info_link02_inner {
				padding: 15px 18px 10px;
				background-color: #fff;
			}

.aside_banner01 {
	background-color: #fff;
	clear: both;
	width: 1000px;
	margin: 20px auto;
}
	.aside_banner01 dt {
		padding-bottom: 12px;
		border-bottom: solid 1px #cdcaca;
		overflow: hidden;
	}
		.aside_banner01 .title01 {
			float: left;
			width: 857px;
			margin-right: 10px;
			font-weight: bold;
			font-size: 150%;
		}
		.aside_banner01 .bnr_link01 {
			float: right;
			width: 133px;
			height: 28px;
			background: url(/000171464.gif) 0 0 no-repeat;
			text-indent: -9999px;
		}
	.aside_banner01 dd {
		padding: 15px 0;
		border-bottom: solid 1px #cdcaca;
	}
		.aside_banner01 ul {
			width: 960px;
			margin: 0 auto;
			overflow: hidden;
		}
			.aside_banner01 li {
				float: left;
				margin: 5px;
                border: solid 1px #cecece;
			}
                .aside_banner01 li a:hover,
                .aside_banner01 .bnr_link01:hover {
                    opacity: 0.7;
                    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
                }
			.aside_banner01 li img {
              display: block;
            }

/* トップページバナーエリア追従 */
.aside_banner01.is-fixed{
	border-top: 1px solid #ddd;
	position: fixed;
		bottom: 0;
	margin: 0;
	width: 100%;
	z-index: 9999;
}
.aside_banner01.is-fixed .title01 {
    font-size: 120%;
    width: 300px;
}
.aside_banner01.is-fixed dt{
	margin: 0 auto;
	padding: 6px 0;
	width: 800px;
}
.aside_banner01.is-fixed dt .bnr_link01{
	display: none;
}
.aside_banner01.is-permFixed{
	position:static !important;
}
.aside_banner01 .aside_banner01_close{
	display: none;
}
.aside_banner01.is-fixed .aside_banner01_close{
	cursor: pointer;
	display: inline-block;
	float: right;
	margin-right: 5px;
	padding-top: 4px;
}
.aside_banner01.is-fixed .aside_banner01_close img{
	height: 13px;
	vertical-align: middle;
}
.aside_banner01.is-fixed dd {
    padding: 5px 0;
}
.aside_banner01.is-fixed ul {
    width: 720px;
}
.aside_banner01.is-fixed li img {
    width: 132px;
    height: auto;
}

.important01 {
	margin-bottom: 30px;
	padding: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(/000171465.gif) 0 0 repeat;
}
	.dl_important01 {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #fbeeee;
	}
		.dl_important01 .title01 {
			padding: 8px 15px;
			border-bottom: solid 1px #e2b7b6;
			color: #6a1a18;
			font-size: 146%;
			font-weight: bold;
		}
		.dl_important01 dd {
			padding: 14px 18px 16px;
			font-size: 134%;
		}
		
			.important_list01 li {
				margin-bottom: 10px;
				padding-left: 20px;
				background: url(/000170409.png) 0 5px no-repeat;
			}
			.important_list01 li.last { margin-bottom: 0;}
			
				.important_list01 a { }	
			
.emergency01 {
	margin-bottom: 20px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(/000171465.gif) 0 0 repeat;
}
	.dl_emergency01 {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #fbeeee;
	}
	.dl_emergency01 .title01 {
		padding: 12px;
		padding-left: 40px;
		background: url(/000171466.png) 10px center no-repeat;
		border-bottom: solid 1px #e2b7b6;
	}
	.emergency_list01 { padding: 10px 10px 10px 15px !Important; }
			.emergency_list01 li.last { margin-bottom: 0;}
			.emergency_list01 a {
				display: block;
				font-size: 134%;
				padding-left: 20px;
				background: url(/000170410.png) 0 6px no-repeat;
			}
			
.basic_box01 {
	margin-bottom: 70px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #999;
}
.basic_box01.red { background-color: #993333;}
.basic_box01.blue { background-color: #333366;}

	.basic_box01 .heading01 {
		margin-bottom: 10px;
		padding: 0 8px;
		color: #fff;
		font-weight: bold;
		font-size: 150%;
	}
	.basic_inner {
		padding: 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #fff;
	}
		.basic_box01 .h3_heading01,
		.basic_box01 .preface01 { margin-bottom: 15px;}
		
		.basic_list01 {
			margin-bottom: 20px;
			overflow: hidden;
		}
			.basic_list01 li {
				float: left;
				width: 50%;
				margin-bottom: 5px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				.basic_list01 a { font-size: 134%;}

.main_path02 {}
	.main_path02 .sub_link04 a {
		border: 1px solid #bbb;
	}
		.main_path02 .sub_link04 img {
			width: 190px
		}
				
.social_box02 {}	

	.twitter01,
	.facebook01 { margin-bottom: 30px;}


.sub_box03 {}
	.sub_box03 .table_event01 {
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: solid 1px #dedddc;
		-webkit-box-shadow: 0 0 3px rgba(144,167,178,.3);
		-moz-box-shadow: 0 0 3px rgba(144,167,178,.3);
		box-shadow: 0 0 3px rgba(144,167,178,.3);
	}


.calendar_link02 {
	display: none;
}


			
/* !Slider
---------------------------------------------------------- */

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}	

/* FlexSlider Necessary Styles
*********************************/
.main_slider01 {
	margin: 0;
	padding: 0;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
	.main_slider01 ul {
		margin: auto;
	}
.main_slider01 .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	position: relative;
}
	.main_slider01 .slides img {
		width: 100%;
		display: block;
		position: relative;
	}
		.main_slider01 .button01 {
			position: absolute;
			right: 0;
			bottom: 0;
			padding: 10px;
		}
			.main_slider01 .button01 a {
				display: block;
				width: 70px;
				height: 28px;
				background: url(/000171467.png) 0 0 no-repeat;
				text-indent: -9999px;
			}
			.main_slider01 .button01 a:hover {
				opacity: 0.7;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			}

/* FlexSlider Default Theme
*********************************/
.main_slider01 {
	position: relative;
	width: 100%;
	margin: 0 0 30px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #c8d3d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px rgba(144,167,178,.3);
	-moz-box-shadow: 0 0 3px rgba(144,167,178,.3);
	box-shadow: 0 0 3px rgba(144,167,178,.3);
	background: #fff;
	}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
	.loading .flex-viewport { max-height: 300px;}

/* Pause/Play */

/* Control Nav */
.slides_control {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 9;
	padding: 10px;
}
	.primary_control {
		float: left;
		margin-right: 5px;
		overflow: hidden;
	}
		.primary_control li {
			position: relative;
			float: left;
			margin-right: 3px;
			width: 36px;
			height: 36px;
			border: solid 1px #fff;
			background-color: #fff;
			z-index: 9;
			cursor: pointer;
			overflow: hidden;
		}
		.primary_control li.flex-active:before {
			content: url(/000171468.png);
			position: absolute;
			top: 0;
			left: 0;
			width: 36px;
			height: 36px;
			z-index: 99;
		}
		.primary_control li img {
			position: absolute;
			left: -18px;
			width: auto;
			height: 36px;
		}
	.secondary_control {
		float: left;
		padding-top: 15px;
		overflow: hidden;
	}
		.secondary_control .play,
		.secondary_control .stop {
			float: left;
			display: block;
			width: 26px;
			height: 26px;
			background-image: url(/000171469.png);
			background-repeat: no-repeat;
			text-indent: -9999px;
			cursor: pointer;
		}
			.secondary_control .play { background-position: 0 0;}
			
			.secondary_control .play.active { background-position: 0 -26px;}
			
			.secondary_control .stop { background-position: -26px 0;}
			
			.secondary_control .stop.active { background-position: -26px -26px;}
