@charset "UTF-8";

/*
#####################################################################

	common

#####################################################################
*/

body {
	background: #FAFAFA;
	/* [disabled]color:#333333;
*/
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	font-size: 88%;
	/* およそ14px */
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-align: center;
	word-wrap: break-word;
}

table {
	font: 100%;
}

html>body {
	height: 100%;
	min-width: 1020px;
	text-align: left;
}

a:link {
	_color: #1279BF;
	color: #1111cc;
}

a:visited {
	_color: #1279BF;
	color: #1111cc;
}

a:hover {
	text-decoration: none;
}



/* 選択色を設定 */

/* Mozilla based browsers */
::-moz-selection {
	background-color: #FFA;
	color: #000;
}

/* Works in Safari */
::-moz-selection {
	background-color: #FFA;
	color: #000;
}

::selection {
	background-color: #FFA;
	color: #000;
}

/*　テキスト関連 */

.textCenter {
	text-align: center !important;
}

.textLeft {
	text-align: left !important;
}

.textSize5 {
	font-size: 38% !important;
}


.textSize10 {
	font-size: 77% !important;
}

.textSize11 {
	font-size: 80% !important;
}

.textSize12 {
	font-size: 87% !important;
}

.textSize13 {
	font-size: 93% !important;
}

.textSize14 {
	font-size: 100% !important;
}

.textSize15 {
	font-size: 107% !important;
}

.textSize16 {
	font-size: 113% !important;
}

.textSize17 {
	font-size: 120% !important;
}

.textSize18 {
	font-size: 127% !important;
}

.textSize19 {
	font-size: 133% !important;
}

.textSize20 {
	font-size: 140% !important;
}

.textSize21 {
	font-size: 146% !important;
}

.textSize22 {
	font-size: 153% !important;
}

.textSize23 {
	font-size: 160% !important;
}

.marginLeft10 {
	margin: 0 0 0 10px !important;
}

.displayBlock {
	display: block !important;
}

.textIndent {
	padding-left: 1em;
	text-indent: -1em;
}

.textIndent1em {
	text-indent: 1em;
}

.textRed {
	color: #E50012 !important;
}

.textRed2 {
	color: #e9869b !important;
}

.textBlue {
	color: #0071BE !important;
}

.textBlue02 {
	color: #1073BB !important;
}

.textPink {
	color: #ED8599 !important;
}

.textMagenta {
	color: #EC008C !important;
}

.textAqua {
	color: #5A81AC !important;
}

.textWhite {
	color: #FFFFFF !important;
}


.textBlack {
	color: #000000 !important;
}

.bgOrange {
	background-color: #f6a412 !important;
}

.bgGreen {
	background-color: #49b464 !important;
}

.bgBlue {
	background-color: #01a1b2 !important;
}

.bgThemeBlue {
	background-color: #0071be !important;
}

.bgGray {
	background-color: #E1E1E1 !important;
}

.bgAqua {
	background-color: #D7E9F0 !important;
}

.bgRed2 {
	background-color: #e9869b !important;
}

.bgWhite {
	background-color: #fff !important;
}

.height1 {
	height: 1px;
}

.noDecoration {
	text-decoration: none !important;
}

.noDisp {
	display: none;
}

.cursorLink {
	cursor: pointer;
}

/* -----------------------------------------------------------
	.globalHead
		ヘッダー
----------------------------------------------------------- */
.globalHead {
	margin: 0 auto;
	width: 100%;
	/* -----------------------------------------------------------
	text-align:left;
----------------------------------------------------------- */
	zoom: 1;
	background: #fff;
}

.globalHead .globalHeadInner {
	width: 1020px;
	margin: 0 auto;
	height: 58px;
	position: relative;
}

.globalHead .headerSiteLogo {
	position: absolute;
	left: 7px;
	top: 5px;
	margin: 0;
	overflow: hidden;
	zoom: 1;
	z-index: 10;
}

.globalHead .headlogo {
	float: right;
	margin: 20px 0 0;
}

.globalHead .controlWrap {
	position: absolute;
	top: 0;
	right: 20px;
	background: url(../../images/common/controlWrap_bg.png) no-repeat;
	width: 420px;
	height: 37px;
	z-index: 100;
}

.globalHead .controlWrap .navi {
	position: absolute;
	left: 15px;
	top: 5px;
}

.globalHead .controlWrap .navi li {
	float: left;
}

.globalHead .controlWrap .fontSize {
	position: absolute;
	left: 285px;
	top: 5px;
}

.globalHead .controlWrap .fontSize .title {
	float: left;
	margin: 3px 5px 0 0;
	line-height: 0;
	/* a追加 */
}

.globalHead .controlWrap .fontSize ul {
	float: left;
}

.globalHead .controlWrap .fontSize li {
	float: left;
	margin: 0 1px 0 0;
}

.globalHeadInner span a,
.skip_img a {
	position: absolute;
	right: 500px;
	top: -40px;
	font-size: 92%;
	padding: 8px 15px;
	background-color: white;
	color: #1111cc;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-radius-bottomright: 20px;
	-webkit-border-radius-bottomleft: 20px;
	border-radius: 0 0 20px 20px;
	transition: all 0.3s;
}

.globalHeadInner span a:focus,
.globalHeadInner span a:active,
.skip_img a:focus,
.skip_img a:active {
	top: 0px;
	transition: all 0.3s;
	z-index: 100;
}

/* -----------------------------------------------------------
	#indexPage .globalHead
	トップページ：ヘッダー
----------------------------------------------------------- */
/* -----------------------------------------------------------
#indexPage .globalHead {
	margin:0 auto;
	width:100%;
	text-align:left;
	zoom:1;
	position:relative;
}
----------------------------------------------------------- */
#indexPage {
	width: 100%;
}

#indexPage .pageInner {
	overflow: hidden;
}

#indexPage .globalHead .globalHeadInner {
	width: 1020px;
	height: 235px;
	z-index: 3000;
	position: relative;
	overflow: hidden;
}

#indexPage .globalHead .headerSiteLogo {
	float: left;
	margin: 0 0 20px;
	overflow: hidden;
	zoom: 1;
	position: absolute;
	z-index: 10;
	top: 0;
}

#indexPage .globalHead .headlogo {
	float: right;
	margin: 20px 0 0;
}

#indexPage .globalHead .welcome {
	position: absolute;
	left: 680px;
	top: 153px;
	z-index: 10;
}

#indexPage .globalNavi {
	margin: 0 auto 15px;
	position: relative;
	background: none;
	z-index: 104;
	background: url(../../images/index/gnavi_bg_repeat.png) 50% 0 no-repeat
}

#indexPage .globalNavi .globalNaviInner {
	background: none;
}

#indexPage .globalNavi .wwwLink {
	position: absolute;
	top: 10px;
	right: 28px;
	_left: 710px;
}

* html #indexPage .globalNavi .wwwLink {
	right: 25px;
}

#indexPage .globalNavi .wwwLink li {
	margin: 0 15px 0 0;
	float: left;
}



#indexPage #image_wrapper {
	height: 260px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

#indexPage #image_wrapper #image_mask {
	background: url(../../images/index/header_mask.png) 50% -50px no-repeat;
	height: 340px;
	position: absolute;
	width: 1600px;
	z-index: 50;
	left: 0;
}

.emergency {
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto;
	padding: 0 25px 15px;
	color: #B30000;
	font-size: 123% !important;
	font-weight: bold;
}

/* -----------------------------------------------------------
	.globalNavi
	グローバルナビ
----------------------------------------------------------- */

/* トップページ */

#indexPage .menu {
	width: 700px;
}

#indexPage .menu .home {
	margin-right: 2px;
	margin-left: 1px;
}

#indexPage .menu .guide {
	margin-right: 3px;
	margin-left: 2px;
}

#indexPage .menu .facility {
	margin-right: 0px;
	margin-left: 3px;
	position: relative;
	left: -2px;
}

#indexPage .menu .mcalendar {
	margin-right: 0px;
	margin-left: 3px;
	position: relative;
	left: -3px;
}

#indexPage .menu .booking {
	margin-right: 0px;
	margin-left: 3px;
	position: relative;
	left: -3px;
}

#indexPage .menu .faq {
	margin-right: 0px;
	margin-left: 3px;
	position: relative;
	left: -3px;
}

#indexPage .menu img {
	vertical-align: baseline;
}

/* 下位ページ */
.globalNavi {
	margin: 0 auto;
	width: 100%;
	/* -----------------------------------------------------------
	text-align:left;
	----------------------------------------------------------- */
	overflow: hidden;
	zoom: 1;
	background: url(../../images/common/gnavi_bg_repeat.png) 0 0 repeat-x;
}

.globalNavi a {
	color: #fff;
	display: block;
}

.globalNavi .globalNaviInner {
	background: url(../../images/common/gnavi_bg.png) 50% 0 no-repeat;
}

.globalNavi .globalNaviInner .inner {
	position: relative;
	height: 78px;
	width: 1020px;
	margin: 0 auto;
}

.globalNavi .menu {
	position: absolute;
	top: 36px;
	left: 28px;
	z-index: 5000;
	width: 700px;
}

.globalNavi .menu li {
	float: left;
}

.globalNavi .menu .home {
	margin: 0 12px 0 20px;
	/*margin:0 12px 0 10px;*/
}

.globalNavi .menu .guide {
	margin: 0 6px 0 0;
}

.globalNavi .menu .facility {
	margin: 0 13px 0 0;
}

.globalNavi .menu .booking {
	position: relative;
	margin: 0;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.globalNavi .menu .booking  {
		top: -22px;
	}
}
*/

.globalNavi .menu .mcalendar {
	margin: 0 8px 0 0;
	position: relative;
	top: -10px;
	left: -2px;
}

.globalNavi .menu .top_image_separator {
	position: relative;
	top: 7px;
}

.globalNavi .wwwLink {
	position: absolute;
	top: 9px;
	right: 28px;
	font-size: 108%;
}

/*
* html .globalNavi .wwwLink {right:13px; }
*/
.globalNavi .wwwLink li {
	margin: 0 15px 0 0;
	float: left;
}

/* -----------------------------------------------------------
	.globalFoot
		フッター
----------------------------------------------------------- */
.globalFoot {
	color: #fff;
	background: #1111cc url(../../images/common/foot_bg.png) repeat-x 0 0;
	bottom: 0;
	width: 100%;
}

.globalFoot a {
	color: #fff;
	text-decoration: none;
}

.globalFoot a:hover {
	text-decoration: underline;
}

.globalFoot a:visited {
	color: #fff;
}

.globalFoot .globalFootInner {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	min-height: 80px;
	height: auto !important;
	height: 80px;
}

.globalFoot .siteNavi li {
	float: left;
	margin: 0 20px 2px 0;
	background: url(../../images/common/foot_arrow.png) 0 50% no-repeat;
	padding: 0 0 0 20px;
	font-weight: bold;
}

.globalFoot .address {
	bottom: 20px;
	left: 0;
	position: absolute;
	font-size: 90%;
}

.globalFoot .copy {
	bottom: 20px;
	right: 0;
	position: absolute;
	font-size: 86%;
}

.footname {
	text-align: center;
	padding: 12px 0;
}

.hangul img {
	width: 45px;
	vertical-align: text-bottom;
	border-bottom: 1px solid #007DC5;
}

.hangul a:hover img {
	border-bottom: 1px solid white;
}

/* -----------------------------------------------------------
	.subContents
	サイドコンテンツ
----------------------------------------------------------- */

.subContents {
	width: 275px;
	float: right;
}

.subContents a {
	text-decoration: none;
	color: #000;
}

.subContents a:hover {
	text-decoration: underline;
}

.subContents a:visited {
	color: #000;
}

.subContents .current a:visited,
.subContents .current a {
	color: #0071BE !important;
}

.subContents .sportsNaviWrap,
.subContents .cultureNaviWrap {
	width: 273px;
	line-height: 100%;
}

.subContents .sportsNaviWrap {
	margin: 0 0 20px;
}

.subContents .cultureNaviWrap {
	margin: 0 0 10px;
}

.subContents .sportsNaviWrap .inner,
.subContents .cultureNaviWrap .inner {
	padding: 15px 35px;
	border-radius: 0 0 4px 4px;
}

.subContents .sportsNaviWrap .inner {
	background: #FFF8EE;
}

.subContents .cultureNaviWrap .inner {
	background: #F7FCF8;
}

.naviList {
	font-size: 110% !important;
}

.subContents .sportsNaviWrap .naviList li,
.subContents .cultureNaviWrap .naviList li {
	line-height: 1.4;
	margin: 0 0 4px;
	font-weight: bold;
}

.subContents .sportsNaviWrap .naviList li a:hover,
.subContents .cultureNaviWrap .naviList li a:hover {
	color: #0071BE !important;
}

.subContents .aboutNaviWrap .naviList li .naviSList,
.subContents .sportsNaviWrap .naviList li .naviSList,
.subContents .cultureNaviWrap .naviList li .naviSList {
	margin: 3px 0 15px 1em;
	font-size: 100%;
}

.subContents .aboutNaviWrap .naviList li .naviSList li,
.subContents .sportsNaviWrap .naviList li .naviSList li,
.subContents .cultureNaviWrap .naviList li .naviSList li {
	margin: 0 0 3px;
}

.subContents .telWrap {
	text-align: center;
	margin: 0 0 15px;
}

.subContents .facilityWrap {
	text-align: center;
	margin: 0 0 15px;
}

.subContents .infoWrap {
	margin-bottom: 11px;
}

.subContents .personalWrap {
	margin: 0 0 10px;
}

.subContents .calendarWrap {
	margin: 0 0 10px;
}

.subContents .programWrap {
	margin: 0 0 10px;
}

.subContents .faqWrap {
	margin: 0 0 13px;
}

.subContents .facilityWrap {
	margin: 0 0 18px;
}

.subContents .youtubeWrap {
	margin: 0;
	text-align: center;
}

.overOpacity:hover {
	opacity: 0.5;
}

/*
#####################################################################

	枠のスタイル

#####################################################################
*/

#page {
	width: 100%;
}

.contents {
	position: relative;
	width: 960px;
	margin: 0 auto 25px;
	background: #fff;
	border: 1px solid #D8D8D8;
	border-radius: 4px;
}

.contentsInner {
	padding: 20px 20px 0 20px;
	text-align: left;
	overflow: hidden;
	zoom: 1;
}

.topicPath {
	padding: 10px 0;
	text-align: left;
	width: 940px;
	margin: 0 auto;
}

.topicPath li {
	display: inline;
	font-size: 93%;
}

.topicPath li strong {
	font-weight: normal;
}

/*
#####################################################################

	.mainContents
	メインコンテンツ内パーツ

#####################################################################
*/

/*table.ptn01*/

table.ptn01 {
	margin: 0 0 5px;
	/*font-size:102%;*/
}

* html table.ptn01 {
	width: 630px;
}

table.ptn01 td.bg01 {
	background: #F2F2F2 !important;
}

table.ptn01 td.bg02 {
	background: #E6E6E6 !important;
}

table.ptn01 td {
	padding: 5px 5px;
	text-align: center;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}

table.ptn01 thead td {
	background: #999999;
	color: #fff;
}

table.ptn01 tbody tr.odd td {
	background: #F2F2F2;
}

table.ptn01 tbody tr.even td {
	background: #E6E6E6;
}

/*table.ptn02*/

table.ptn02 {
	margin: 0 0 20px;
	/*font-size:98%;*/
}

* html table.ptn02 {
	width: 630px;
}

table.ptn02 td.bg01 {
	background: #F2F2F2 !important;
}

table.ptn02 td.bg02 {
	background: #E6E6E6 !important;
}

table.ptn02 td.bg03 {
	background: #45B060 !important;
	color: #fff;
	font-weight: bold;
}

table.ptn02 td {
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

table.ptn02 thead td {
	background: #45B060;
	color: #fff;
}

table.ptn02 tbody tr.odd td {
	background: #FAF8DE;
}

table.ptn02 tbody tr.even td {
	background: #F4E5B8;
}

/*table.ptn03*/

table.ptn03 {
	margin: 0 0 20px;
}

* html table.ptn03 {
	width: 630px;
}

table.ptn03 td.bgFree {
	background: #FAF8DE !important;
}

table.ptn03 td.bgChallenge {
	background: #F3A027 !important;
	color: #fff;
}

table.ptn03 td {
	padding: 5px 10px;
	text-align: center;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #F1E7D7;
	font-weight: bold;
}

table.ptn03 thead td {
	background: #45B060;
	color: #fff;
}

.mainContents .titleType01 {
	font-weight: normal;
	display: inline-block;
	color: #fff;
	background: #4D4D4D;
	padding: 4px 10px;
	margin: 0 0 10px;
}

* html .mainContents .titleType01 {
	display: inline;
	clear: both;
}

.mainContents .titleType02 {
	font-weight: normal;
	display: inline-block;
	color: #333;
	background: #EEEEEF;
	padding: 15px 15px;
	margin: 0 0 20px;
}

* html .mainContents .titleType02 {
	display: inline;
	clear: both;
}

.mainContents .titleType03 {
	font-weight: normal;
	display: inline-block;
	color: #333;
	background: #FFF000;
	padding: 4px 10px;
	margin: 0 0 10px;
}

* html .mainContents .titleType03 {
	display: inline;
	clear: both;
}

.mainContents .titleType04 {
	display: inline-block;
	color: #333;
	margin: 0 0 5px;
	border-bottom: 1px solid #000;
	padding: 0 0 1px;
}

* html .mainContents .titleType04 {
	display: inline;
	clear: both;
}

.mainContents .titleType05 {
	display: block;
	color: #333;
	font-weight: normal;
	margin: 0 0 5px;
	border-bottom: 1px solid #000;
	padding: 0 0 5px;
	/*font-size:160%;*/
}

.mainContents .titleType06 {
	color: #1FB9EC;
	/*font-size:160%;*/
	margin: 0 0 7px;
}

.mainContents .titleType07 {
	font-weight: normal;
	display: inline-block;
	color: #fff;
	background: #F17397;
	padding: 4px 10px;
	margin: 0 0 10px;
}

* html .mainContents .titleType07 {
	display: inline;
	clear: both;
}

.mainContents .titleType08 {
	font-weight: normal;
	display: inline-block;
	color: #fff;
	background: #81B2DC;
	padding: 4px 10px;
	margin: 0 0 10px;
}

* html .mainContents .titleType08 {
	display: inline;
	clear: both;
}

.mainContents .titleType09 {
	font-weight: bold;
	display: inline-block;
	color: #fff;
	background: #ed8599;
	padding: 4px 10px;
	margin: 0 0 10px;
}

* html .mainContents .titleType09 {
	display: inline;
	clear: both;
}

.mainContents .titleType10 {
	font-weight: normal;
	display: inline-block;
	color: #fff;
	background: #0071be;
	padding: 4px 10px;
	margin: 0 0 10px;
}

* html .mainContents .titleType10 {
	display: inline;
	clear: both;
}

.mainContents .titleType11 {
	font-weight: normal;
	display: inline-block;
	color: #fff;
	background: #8dc21f;
	padding: 4px 10px;
	margin: 0 0 10px;
}

* html .mainContents .titleType11 {
	display: inline;
	clear: both;
}

.mainContents .titleTypeNormal {
	margin: 0 0 10px;
}

.mainContents .textWrapNomal {
	margin: 0 0 20px;
}

.mainContents .textWrapNomal p {
	margin: 0 0 20px;
	/*font-size: 103%;*/
}

.mainContents .textWrapIndent {
	margin: 0 0px 20px 0px;
}

.mainContents .textWrapIndent p {
	margin: 0 0 20px;
}

/*
#####################################################################

	.mainContents
	メインコンテンツ

#####################################################################
*/

.mainContents {
	float: left;
	width: 630px;
	text-align: left;
	padding: 0 0 0;
	/*font-size:110%;*/
	/*メインコンテンツbase*/
}

body.colmn2 .mainContents {
	float: left;
	width: 550px;
}

.mainContentsInner {
	overflow: hidden;
	zoom: 1;
}

.mainContents .textWrapNomal ul.listNomark {
	/*font-size: 103%;*/
	margin: 0 0 15px;
}

.mainContents .textWrapNomal ul.listNomark li {
	margin: 0 0 3px;
	padding-left: 1em;
	text-indent: -1em;
}

.mainContents .textWrapNomal ul.listDotmark {
	margin: 0 0 15px;
}

.mainContents .textWrapNomal ul.listDotmark {
	margin: 0 0 20px;
	padding-left: 0.5em;
	text-indent: -0.4em;
	/*font-size: 105%;*/
}

.mainContents .btn02Wrap {
	overflow: hidden;
	margin: 0 0 15px;
	clear: both;
}

.mainContents .btn02Wrap li.btn01 {
	float: left;
	width: 275px;
	margin-left: 24px;
}

.mainContents .btn02Wrap li.btn02 {
	float: left;
	width: 275px;
	margin-left: 24px;
}

.mainContents .btnSWrap {
	overflow: hidden;
	margin: 0 0 20px;
}

.mainContents .btnSWrap li {
	float: left;
	margin: 0 10px 0 0;
}

.mainContents .column02Wrap {
	overflow: hidden;
	margin: 0 0 35px;
}

.mainContents .column02Wrap .columnL {
	float: left;
	width: 300px;
}

.mainContents .column02Wrap .columnR {
	float: right;
	width: 300px;
}

.mainContents .column02Wrap .titleBtnWrap {
	position: relative;
	margin: 0 0 15px;
}

.mainContents .column02Wrap .titleBtnWrap .btn {
	position: absolute;
	right: 0;
	top: 0;
}

/*
#####################################################################

	.mainContents
	施設ページ

#####################################################################
*/

.mainContents .pageTitleWrap {
	position: relative;
}

.mainContents .pageTitleWrap .pageTitle {
	margin: 0 0 10px;
}

.mainContents .pageTitleWrap .mark {
	position: absolute;
	right: 0;
	top: 0;
}

.mainContents .mainimg {
	margin: 0 0 20px;
}

.mainContents .readTextWrap {
	color: #333;
	font-size: 113%;
	margin: 0 0 20px;
	font-weight: bold;
}

.placeInfoWrap {
	overflow: hidden;
	margin: 0 0 0px;
}

.placeInfoWrap .ph {
	float: left;
	width: 200px;
}

.placeInfoWrap .phR {
	float: right;
	width: 200px;
}

.placeInfoWrap .textWrap {
	float: right;
	width: 410px;
	overflow: hidden;
}

.placeInfoWrap .textWrapL {
	float: left;
	width: 400px;
	overflow: hidden;
}

.placeInfoWrap .textWrap .nameTitle {
	font-size: 140%;
	margin: 0 0 15px;
}

.placeInfoWrap .textWrap .readTextWrap {
	margin: 0 0 15px;
	color: #333;
	font-size: 100%;
}

.placeInfoWrap .textWrap table.infoDetail th {
	vertical-align: text-bottom;
	font-weight: normal;
}

.placeInfoWrap .textWrap dl.infoDetail dd p,
.placeInfoWrap .textWrap table.infoDetail td p {
	margin: 0 0 15px;
}
.placeInfoWrap .textWrap div.groupInfo,
.placeInfoWrap .textWrap dl.infoDetail dd,
.placeInfoWrap .textWrap dl.infoDetail dt {
	display: inline-block;
	box-sizing: border-box;
}
.placeInfoWrap .textWrap dl.infoDetail dt {
	width: 80px;
	vertical-align: top;
}
.placeInfoWrap .textWrap div.groupInfo,
.placeInfoWrap .textWrap dl.infoDetail dd {
	width: 323px;
}
.placeInfoWrap .textWrap div.groupInfo,
.placeInfoWrap .textWrap dl.infoDetail dd p.groupInfo,
.placeInfoWrap .textWrap table.infoDetail td .groupInfo {
	border: solid 1px #666;
	padding: 5px;
	text-align: center;
	color: #666;
	font-size: 78%;
	color: #666;
}

.placeInfoWrap .textWrap table.infoDetail td ul.listDotmark {
	margin: 0 0 15px;
}

.placeInfoWrap .textWrap table.infoDetail td ul li.listDotmark {
	margin: 0 0 3px;
}

table.infoDetail td{
	vertical-align: top;
}

/*
#####################################################################

	.mainContents
	施設ページ

#####################################################################
*/
#indexPage .news_suspension {
	color: #ff1493;
}

#indexPage .newsbox {
	margin: 0 0 7px;
}

#indexPage .newsbox .maintitle {
	margin: 0 0 7px;
}

#indexPage .newsbox .inner {
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 630px;
}

#indexPage .newsbox .past {
	width: 610px;
	font-size: 90%;
	font-weight: normal;
	text-align: right;
	margin-top: 0.5em;
	margin-bottom: 20px;
}

.newsbox dl {
	padding: 0px 10px;
	/*font-size:108%;*/
}

.newsbox dt {
	clear: both;
	float: left;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	width: 13.5em;
}

.newsbox dd {
	border-bottom: 1px solid #E4EAE8;
	line-height: 25px;
	margin-left: 13.5em;
	padding-left: 10px;
}

.news-news {
	background: url("../../images/index/icon_news.gif") no-repeat 8.4em 3px;
}

.news-event {
	background: url("../../images/index/icon_event.gif") no-repeat 8.4em 3px;
}

.news-use {
	background: url("../../images/index/icon_use.gif") no-repeat 8.4em 3px;
}

.news-sports {
	background: url("../../images/index/icon_sports.gif") no-repeat 8.4em 3px;
}

.news-culture {
	background: url("../../images/index/icon_culture.gif") no-repeat 8.4em 3px;
}

.news-syuwa {
	background: url("../../images/index/icon_syuwa.gif") no-repeat 8.4em 3px;
}

.news-shien {
	background: url("../../images/index/icon_shien.gif") no-repeat 8.4em 3px;
}

.areaInfoWrap {
	margin: 0 0 20px;
}

.areaInfoWrap .maintitle {
	margin: 0 0 10px;
	clear: both;
}

.areaInfoWrap ul {
	width: 632px;
	_width: 650px;
}

.areaInfoWrap ul li {
	float: left;
	margin: 0 0 16px;
	width: 124px;
}

.bgYellow {
	background: #FFC;
	border: #FC3 1px solid;
	padding: 10px;
}

.red {
	color: #B30000;
}

/*おもちゃ図書館*/

#toylibraryPage .catNavi {
	margin: 0 0 5px;
	width: 630px;
	height: 135px;
	position: relative;
}

#toylibraryPage .catNavi ul li {
	font-size: 0%;
}

#toylibraryPage .catNavi ul li img {
	vertical-align: top;
	font-size: 0%;
}

#toylibraryPage .catNavi .title {
	position: absolute;
	top: 0;
	left: 0;
}

#toylibraryPage .catNavi .kojin,
#toylibraryPage .catNavi .dantai,
#toylibraryPage .catNavi .kariru,
#toylibraryPage .catNavi .list {
	bottom: 15px;
	position: absolute;
	z-index: 10;
}

#toylibraryPage .catNavi .kojin {
	left: 43px;
}

#toylibraryPage .catNavi .dantai {
	left: 189px;
}

#toylibraryPage .catNavi .kariru {
	left: 328px;
}

#toylibraryPage .catNavi .list {
	left: 480px;
}

#toylibraryPage .catNavi .info {
	left: 492px;
	top: 29px;
	position: absolute;
	z-index: 10;
}

#toylibraryPage .catNavi .current {
	bottom: 15px;
}

#toylibraryPage .mainContents .mainimg {
	margin: 0 0 10px;
}

#toylibraryPage .toyReadtextWrap {
	width: 630px;
	margin: 0 0 20px;
	position: relative;
}

#toylibraryPage .toyReadtextWrap .pageIllust {
	position: absolute;
}

#toylibraryPage #toylibraryList .toyReadtextWrap .pageTitle {
	float: left;
	padding: 25px 0 0;
	width: 300px;
	text-align: center;
}

#toylibraryPage #toylibraryList .toyReadtextWrap .readtext {
	width: 300px;
	float: right;
	font-size: 138.5%;
	color: #1073BB;
	margin: 20px 0 0;
	font-weight: bold;
}

#toylibraryPage .remarksTd01 {
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}

#toylibraryPage .remarksTd02 {
	vertical-align: top;
	width: 200px;
	white-space: nowrap;
}

#toylibraryPage .remarksTd03 {
	vertical-align: top;
	padding-left: 10px;
	overflow: visible;
}

#toylibraryPage #yoyakuYoushi {
	width: 300px;
	float: right;
	margin-top: 103px;
}

#toylibraryPage #toySetImage01 {
	float: left;
	width: 200px;
	margin-left: 80px;
	_margin-left: 45px;
}

#toylibraryPage #toySetImage02 {
	float: right;
	width: 180px;
	margin-right: 80px;
	_margin-right: 45px;
	margin-top: 50px;
}

#toylibraryPage #toylibraryDantai .toyReadtextWrap .pageTitle {
	padding: 10px 0 10px;
}

#toylibraryPage #toylibraryDantai .toyReadtextWrap .readtext {
	/* [disabled]width:300px;
*/
	margin: 0 0 20px;
}

#toylibraryPage #toylibraryDantai .toyReadtextWrap .cardInfoWrap {
	border: 1px solid #45B060;
	/* [disabled]width:300px;
*/
	border-radius: 4px;
}

#toylibraryPage #toylibraryDantai .toyReadtextWrap .cardInfoWrap .inner {
	padding: 20px 15px;
}

#toylibraryPage #toylibraryDantai .toyReadtextWrap .cardInfoWrap .title {
	/*font-size:110%;*/
	margin: 0 0 10px;
}

#toylibraryPage #toylibraryKariru .toyReadtextWrap .pageTitle {
	padding: 10px 0 10px;
}

#toylibraryPage .toyReadtextWrap .readtext {
	margin: 0 0 20px;
	/*font-size:116%;*/
}

#toylibraryPage .toyReadtextWrap .readtext p {
	margin: 0 0 10px;
}

#toylibraryPage #toylibraryKojin .toyReadtextWrap .pageTitle {
	padding: 10px 0 10px 0;
}

#toylibraryPage .toyReadtextWrap .pageIllust {
	top: 0;
	right: 0;
}

#toylibraryPage .flowList .flow_arrow {
	background-image: url(../../facility/images/toylibrary_flowlist_arrow.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 298px;
}

#toylibraryPage .flowList li.noArrow {
	padding: 0;
	margin: 0;
	background: none;
}

#toylibraryPage .flowList li .inner {
	color: #40210f;
	padding: 20px 20px;
	border-radius: 4px;
	background-color: #d2f1fb;
}

#toylibraryPage .timetable .time {
	color: #D60050;
	/*font-size:108%;*/
}

#toylibraryPage .pdfPrintWrap {
	width: 300px;
	margin: 0 auto 20px;
}

#toylibraryPage .pdfPrintWrap .btn {
	margin: 0 0 20px;
}

#toylibraryPage .toyListWrap {
	overflow: hidden;
}

#toylibraryPage .toyListWrap li {
	float: left;
	width: 300px;
	margin: 0 0 12px;
}

#toylibraryPage .toyListWrap li.first {
	margin: 0 25px 10px 0;
}

#toylibraryPage .toyListWrap li .ph {
	margin: 0 0 5px;
}

#toylibraryPage .toyListWrap li h4 {
	margin: 0px !important;
}

#toylibraryPage .toyListWrap li .title,
.title02 {
	color: #1073BB;
	/*font-size:123.1%;*/
	margin: 10px 0 0;
}


#toylibraryPage .toyListWrap li.line {
	width: 300px;
	float: left;
	border-top: 1px solid #ccc;
	padding: 20px 0;
	margin-top: 10px;
}

#toylibraryPage .toyListWrap li.second {
	width: 300px;
	float: left;
	margin: 10px 20px 35px 0;
	padding: 20px 0;
	border-top: 1px solid #CCC;
}

.toylibrary_footinfo {
	padding: 40px 0 0;
	width: 630px;
	height: 204px;
	margin-bottom: 20px;
	/*background:url(../../facility/images/toylibrary_footInfo.gif) 0 0 no-repeat;*/
}

.toylibrary_footinfo table.list {
	margin: 0 0 0 50px;
}

table.shisetsuList .name a {
	text-decoration: none;
}

.futaisetsubi {
	background: #FFF;
	padding: 20px 20px 20px 20px;
	border: 1px solid #D9D9D9;
}

.attention2 {
	background: #FFF;
	padding: 10px;
	border: 1px solid #e9869b;
}

.kome {
	color: red;
}

/*
#####################################################################
	past 過去　履歴
#####################################################################
*/
#past .newsbox {
	width: 630px;
	margin-bottom: 20px;
}

#past .newsbox dd {
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.custom-shape-divider-top-1616625774 {
	top: 0;
	left: 0;
	width: 631px;
	height: 54px;
	overflow: hidden;
	line-height: 0;
  border-radius: 7px;
	margin-bottom: 20px;
}

.custom-shape-divider-top-1616625774 div {
	position: relative;
	top: -47px;
	left: 0;
	color: #ffffff;
	font-size: 170%;
	padding-left: 20px;
}
.custom-shape-divider-top-1616625774 svg {
	position: relative;
	display: block;
	width: calc(290% + 23px);
	height: 74px;
	top: -20px;
	background: #1788CF;
}

.custom-shape-divider-top-1616625774 .shape-fill {
	fill: #3A9AD6;
}
/*
本文へ移動リンクをsafariのみ非表示
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

	_::-webkit-full-page-media,
	_:future,
	.globalHeadInner>span {
		display: none;
	}
}


/*
#####################################################################
	site map
#####################################################################
*/
#sitemap .textWrapNomal {
	flex-wrap: wrap;
	justify-content: space-between;
	display: flex;
}

#sitemap section {
	flex-basis: 45%;
	margin-bottom: 2em;
}

#sitemap h3 {
	font-size: 120%;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #000000;
}

#sitemap ul ul {
	text-indent: -1em;
	margin-left: 2em;
}

#sitemap ul+h3 {
	margin-top: 2em;
}

#sitemap section ul {
	text-indent: -1em;
	margin-left: 1em;
}

#sitemap section li {
	margin-top: 0.5em;
}

#sitemap section li::before {
	content: "└";
	margin-right: 0.25em;
	color: gray;
}

#sitemap section a.pdf::before {
	content: url(../../images/common/icon_pdf.gif);
}

#sitemap .mainTitle.sitemapsub {
	width: 100%;
	box-sizing: border-box;
	font-size: 123%;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	background: linear-gradient(to bottom, #1D8FD2, #1D8FD2 50%, #0272C4);
	border-radius: 6px;
	color: white;
}

#sitemap .mainTitle.sitemapsub div {
	width: 100%;
	box-sizing: border-box;
	padding-left: 25px;
	height: 100%;
	background: linear-gradient(143deg, rgba(29, 143, 210, 0) 80%, rgba(73, 158, 215, 1) 81%);
	border-radius: 6px;
}

#sitemap .mainTitle.sitemapsub+div.inner {
	margin-top: 2px;
	border-top: 1px solid #0272C4;
}