@charset "UTF-8";
/* ---------------------------------------------

               全体

---------------------------------------------- */
/*------------------背景------------------*/
div#container {
	background: url(../files/index/back_1.png) repeat;
}

	div#container div#box {
		background: url(../files/index/back_white.png) repeat-x;
	}
		div#container div#inner {
			background: url(../files/index/back_photo.png) center top no-repeat;
			padding-top: 10px;
		}

/*------------------レスポンシブ用------------------*/
.TB {
	display: none;
}
.MB {
	display: none;
}
.PC {
	display:block;
}
.MT {
	display: none;
}
img.reImg {
	max-width: 100%;
	height: auto;
}



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

               　　ポータル

---------------------------------------------- */
body#portal {
	background: #000000;
}
	body#portal div#wrapper {
		padding-top: 80px;
		background-image: url(../files/portal/portal_back.JPG);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
		h1#portalTitle {
			text-align: center;
			margin-bottom: 20px;
		}
		ul#portalUl {
			width: 630px;
			margin: 0 auto;
			margin-bottom: 230px;
		}
			ul#portalUl li {
				list-style: none;
				width: 210px;
				text-align: center;
			}
				ul#portalUl li#kurashi {
					float: left;
				}
				ul#portalUl li#kankou {
					float: right;
				}
				ul#portalUl li#kosodate {
					float: left;
				}
		div#bousaiP {
			text-align: center;
			margin-bottom: 30px;
		}
		div#portalFooter {
			padding: 10px;
			background: #000000;
			color: #FFFFFF;
			text-align: center;
		}
			div#portalFooter div#yakuba {
				font-weight: bold;
				display: inline;
				margin-right: 10px;
			}
			div#portalFooter div#address {
				display: inline;
				margin-right: 10px;
			}
			div#portalFooter div#copy {
				display: inline;
			}


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

               　　ヘッダー

---------------------------------------------- */
div#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 460px;
	margin-bottom: 20px;
}
/* タイトル */
	div#header h1 {
		width: 329px;
		height: 258px;
		position: absolute;
		top: 25px;
		left: 25px;
	}
		div#header h1 div#logo {
			position: absolute;
			top: 55px;
			left: 17px;
		}

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

               　　スライダー

---------------------------------------------- */
div#slider {
	position: absolute;
	width: 940px;
	height: 340px;
	background: #FFFFFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 10px;
}
div#slider ul li {
	list-style: none;
}
	div#slider img {
		-webkit-border-radius: 45px !important;
		-moz-border-radius: 45px !important;
		border-radius: 45px !important;
	}
/* ---------------------------------------------

               　　コンテンツ

---------------------------------------------- */
div#contents {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 30px;
}
div#contentsTop {
    width: 960px;
    margin: 0 auto;
	margin-bottom: 30px;
}

/* ------------------ コンテンツ上バナー ------------------ */
div#topBanner {
	margin-bottom: 50px;
}
	div#topBanner ul li {
		list-style: none;
	}

div#contentsTop div#topBanner ul {
	padding-left: 0;
}

/* ------------------ 左 ------------------ */
div#topLeft {
	float: left;
	width: 202px;
	margin-right: 20px;
}
	div#topLeft div.leftTitle {
		background: url(../files/index/back_left.png);
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		padding-top: 3px;
		font-size: 120%;
	}
	div#topLeft div.topLeftBox {
		border: solid 1px #D14F74;
		background: #FFFFFF;
		padding: 10px;
		margin-bottom: 20px;
	}
		div#topLeft div.topLeftBox div#saigai {
			border-top: dotted 1px #333333;
			border-bottom: dotted 1px #333333;
			padding: 5px;
			margin-bottom: 15px;
		}
		div#topLeft div.topLeftBox ul {
			padding-left: 0;
		}
			div#topLeft div.topLeftBox ul li {
				list-style: none;
			}
		div#topLeft div.topLeftBox ul.list01 {
			margin-bottom: 15px;
		}
			div#topLeft div.topLeftBox ul.list01 li {
				background: none;
				padding: 0;
			}
				div#topLeft div.topLeftBox ul.list01 li a {
					color: #333333;
					background: url(../files/icon/icn_01.png) left 4px no-repeat;
					padding-left: 16px;
				}
			div#topLeft div.topLeftBox ul.bn li {
				margin-bottom: 10px;
			}
		div#topLeft div.topLeftBox div.kouhou {
			float: right;
			width: 100px;
		}
		div#topLeft div#kouhou a img.PC {
			float: left;
		}

/* ------------------ 中央 ------------------ */
div#topCenter {
	float: left;
	width: 520px;
}
/* イベントから探す */
	div#topCenter div#event {
		margin-bottom: 45px;
		background: #FDF4DF;
		border: solid 3px #CB457D;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
		div#topCenter div#event div#eventTitle {
			margin-top: 10px;
			margin-bottom: 10px;
			text-align: center;
		}
		div#topCenter div#event div#eventBox {
			background: url(../files/index/event_back.png) repeat;
			padding: 10px;
			margin-bottom: 10px;
		}
			div#topCenter div#event div#eventBox ul {
				padding: 0 9px;
				margin-bottom: 0;
			}
				div#topCenter div#event div#eventBox ul li {
					list-style: none;
					float: left;
					width: 115px;
					height: 70px;
					text-align: center;
					margin-right: 5px;
				}
				div#topCenter div#event div#eventBox ul li:nth-child(4n) {
					margin-right: 0;
				}
				div#topCenter div#event div#eventBox ul li:nth-child(-n+4) {
					margin-bottom: 15px;
					
				}
				li.ninshin a {
					background: url(../files/index/back_event1.png) repeat;
				}
				li.ikuzi a {
					background: url(../files/index/back_event2.png) repeat;
				}
				li.kyouiku a {
					background: url(../files/index/back_event3.png) repeat;
				}
				li.kekkon a {
					background: url(../files/index/back_event4.png) repeat;
				}
				li.seijin a {
					background: url(../files/index/back_event5.png) repeat;
				}
				li.juutaku a {
					background: url(../files/index/back_event6.png) repeat;
				}
				li.kourei a {
					background: url(../files/index/back_event7.png) repeat;
				}
				li.okuyami a {
					background: url(../files/index/back_event8.png) repeat;
				}
					div#topCenter div#event div#eventBox ul li a {
						color:#FFFFFF;
						display: block;
						font-weight: bold;
						padding: 5px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
					}
						div#topCenter div#event div#eventBox ul li a img {
							width: 35px;
							height: auto;
							margin-bottom: 3px;
						}
		/* サイト内検索 */
		div#topCenter div#event div#search {
			background: #F3C759;
			border: solid 2px #EA9A5D;
			margin: 0 19px 12px 19px;
			padding: 10px 15px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
			div#topCenter div#event div#search img {
				float: left;
			}
			div#topCenter div#event div#search form {
				float: right;
				margin: 5px 0;
			}

/* トピックス */
	div#topCenter div#topics {
		position: static;
		margin-bottom: 45px;
	}
		div#topCenter div#topics div#topicsInner {
			position: relative;
		}
			div#topCenter div#topics div#topicsTitle {
				z-index: 999;
				height: 18px;
			}
				 div#topCenter div#topics div#topicsTitle img {
					position: absolute;
					top: 0;
					left: 10px;
				 }
			div#topCenter div#topics div#topicsBox {
				border: solid 3px #D14E73;
				background: #FFFFFF;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}
				div#topCenter div#topics div#topicsBox div.cf {
					margin: 15px 10px;
				}
					div#topicsBox div.cf div.left {
						width: 290px;
					}
						div#topicsBox div.cf div.left div.title {
							font-size: 120%;
						}
					div#topicsBox div.cf div.right {
						width: 200px;
						text-align: right;
					}
						div#topicsBox div.cf div.right ul li {
							list-style: none;
						}
					div#topicsBox div.cf a {
						color: #E5855E;
					}
/* 新着情報 */
	div#news {
	}
		div#news ul.newsTab {
			padding-left: 0;
			margin-bottom: 0;
		}
			div#news ul.newsTab li {
				float: left;
				margin-right: 6px;
				list-style: none;
			}
			div#news ul.newsTab li.select a div.tab {
				background: url(../files/index/back_left.png) repeat;
			}
			div#news ul.newsTab li:last-child {
				margin-right: 0;
			}
				div#news ul.newsTab li a {
					display: block;
					width: 169px;
					position: relative;
					text-decoration: none;
				}
				div#news ul.newsTab li a:hover {
					text-decoration: none;
				}
				div#news ul.newsTab li a div.tabImg {
					height: 16px;
				}
				div#news ul.newsTab li a img {
					position: absolute;
					left: 50%;
					transform: translateX(-50%)
				}
				div#news ul.newsTab li a div.tab {
					border-top: solid 3px #D14E73;
					border-right: solid 3px #D14E73;
					border-left: solid 3px #D14E73;
					border-bottom: solid 1px #D14E73;
					background: #FFFFFF;
					height: 18px;
					-webkit-border-top-left-radius: 10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px;
					border-top-left-radius: 10px;
					border-top-right-radius: 10px;
				}
				div#news ul.newsTab li a:hover div.tab {
					background: url(../files/index/back_left.png) repeat;
				}
				div#news ul.newsTab li.active a div.tab {
					background: url(../files/index/back_left.png) repeat;
				}
		div#news div.newsContent {
			border: solid 3px #D14E73;
			background: #FFFFFF;
			padding: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-radius-bottomright: 10px;
			-moz-border-radius-bottomleft: 10px;
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
		}
		div#news div.newsArea {
			height: 350px;
			overflow-y: scroll;
		}
		div#news div.newsArea#tab1 {
		}
		div#news div.newsArea#tab2 {
			display: none;
		}
		div#news div.newsArea#tab3 {
			display: none;
		}
		div#news div#readmore {
			text-align: right;
			margin-top: 15px;
		}
			div#news div#readmore a {
				background: url(../files/icon/icn_01.png) left 4px no-repeat;
				padding-left: 16px;
				color: #333333;
			}

/* ------------------ 右 ------------------ */
div#topRight {
	float: right;
	width: 200px;
}
	div#topRight ul {
		padding-left: 0;
	}
	ul.bnRB li img {
		border: solid 1px #D14F74;
	}
		div#topRight ul li {
			margin-bottom: 15px;
			list-style: none;
		}

/* ------------------ コンテンツ上バナー ------------------ */
div#bottomBanner {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-top: solid 3px #D14F74;
	padding-top: 20px;
}
div#bottomBanner ul {
	padding: 0 20px;
}
div#bottomBanner ul li {
	list-style: none;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
div#bottomBanner ul li:nth-child(5n) {
	margin-right: 0;
}

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

               　 　広告欄

---------------------------------------------- */
div#adv {
	width: 960px;
	margin: 0 auto;
}
	div#adv div#advTitle {
		margin-bottom: 10px;
	}
	div#adv ul#advBn {
	}
		div#adv ul#advBn li {
			list-style: none;
			float: left;
			margin-right: 15px;
			margin-bottom: 10px;
		}
		div#adv ul#advBn li:nth-child(5n) {
			margin-right: 0;
		}

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

               　ページトップ

---------------------------------------------- */
p#pageTop {
    width: 960px;
    margin: 0 auto;
	padding-top: 50px;
}
	p#pageTop a {
		position: fixed;
		bottom: 275px;
		right: 17%;
	}

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

               　フッター

---------------------------------------------- */
div#footer {
	border-top: solid 3px #D14E73;
	background: #FFFFFF;
	color: #333333;
}
	div#footer div#footerBox {
		width: 960px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0 auto;
	}
		div#footer div#footerBox div.left {
		}
			div#footerLogo {
				margin-top: 50px;
			}
				div#footerAdress {
					margin-left: 15px;
					float: left;
				}
		div#footer div#footerBox div.right {
			border: solid 1px #333333;
			/*width: 430px;*/
			padding: 10px;
		}
			 div#footer div#footerBox div.right img {
				 float: left;
			 }
			 div.right dl {
				 float: right;
				 width: 270px;
				 margin-left: 5px;
			 }
	div#footer div#copy {
		background: #D14E73;
		color: #FFFFFF;
		text-align: center;
	}
div.accessBt {
	display: none;
}

#middleBanner {
	max-width: 630px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#middleBanner.plusSpace {
	margin-bottom: 110px;
}
.bannerItem {
	padding: 5px 10px;
}
#portalUl.minusSpace {
	margin-bottom: 75px;
}