@charset "utf-8";
/*
Onoyama Park and Onoyama Comprehensive Playground
奥武山公園・奥武山総合運動場のテーマです。(twentythirteen)
20140910
Remar Pro
http://remar.co.jp
*/


/* reset
--------------------------------------*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, video { display: block; }

del, time { display: inline; }

* { margin: 0; padding: 0; }

body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object { word-wrap: break-word; word-break: break-all; }

a, b, em, font, i, img, span, strong, u {
	display: inline;
	border: 0 none;
	border-style: normal;
	text-decoration: none;
	outline: none;
}

a, a:link, a:visited {
	cursor: pointer;
	color:#3f3f3f;
	text-decoration:none;
}
a:active, a:hover { text-decoration:underline; }

u { text-decoration: underline; }

blockquote { margin: 20px; padding: 20px; background-color: #f0f0f0; color: #5f5f5f; font-style: oblique; }

table, tbody, thead, tfoot, caption, col, tr, th, td, tt { border: 0 none; }

th, td { cell-spacing: 1; }

hr { border: 1px solid #f0f0f0; border-collapse: collapse; }

::selection { background-color: #f3c006; }
::-moz-selection { background-color: #f3c006; }

/* 書体 */
.oubun { font-family: 'open sans', helvetica, Marmelad, arial, verdana, tahoma, century gothic, Sans-Serif; }
.kana { font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
.kaisho{font-family:"HGP正楷書体","HGP行書体","HGS正楷書体","HGS行書体","HGS祥南行書体","HG楷書体","HG行書体",cursive;}
.sans-serif{font-family:arial,helvetica,century gothic,verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",'MS P Gothic','Trebuchet MS',Osaka,clean,sans-serif;}
.serif{font-family:Times New Roman,Times,Georgia,Cambria,Century,"ヒラギノ明朝 Pro W3","Hiragino Kaku Mincho","ＭＳ Ｐ明朝","MS P Mincho","Trebuchet MS",serif;}

/* layout
--------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	line-height: 150%;
	font-family: helvetica, Marmelad, arial, century gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	vertical-align: bottom;
	word-break: break-all;
	letter-spacing: 1px;
}

.website, .site, .site-container, .site-header, .site-visual, .site-content, .site-footer, .layout, #header, #contaner, #footer, #container, #content, #sidebar, .header, .footer {
	margin: 0;
	padding: 0;
}
/*
.website, .site-header, .site-visual, .site-content, .site-footer { min-width: 1000px; }
*/

body {
}

.website {
}

.site {
	margin:0 auto;
	min-width:1000px;
	background:url("./img/header.png") repeat-x 0 0 scroll rgba(255,255,255,0);
}

.layout {
	min-width:1000px;
	background:url("./img/footer.png") repeat-x 0 100% scroll;
}

.site-container {
	margin:0 auto;
	padding:0 20px;
	width:960px;
}

/** header */
.header {
	width:100%;
	height:60px;
	overflow:hidden;
}

	.sitemeta {
		padding:10px 0 0;
		width:700px;
		float:left;
	}
	
		.sitetitle, .description {
			color: #000000;
			height: 0;
			font-size: 0;
			line-height: 0;
		}

		.logo {
			padding:0 0 0 6px;
			text-align:left;
		}

	.siteguide {
		padding:16px 0 0;
		width:250px;
		float:right;
	}

		.siteguide ul {
			display:block;
			margin:0;
			padding:0;
			height:20px;
			list-style-type:none;
			overflow:hidden;
		}

		.siteguide li {
			display:block;
			margin:0;
			padding:0 0 0 8px;
			float:left;
		}

		.siteguide li#sitemap, .siteguide li#sitemap a {
			width:96px;
			height:20px;
		}
		.siteguide li#privacypolicy, .siteguide li#privacypolicy a {
			width:136px;
			height:20px;
		}
			.siteguide li a { display:block; }
/*
		.ts {
			margin-top:1px;
			height: 18px;
		}
		.ts ul {display:block;}
		.ts li {
			margin:0 3px 0 0;
			padding:0 3px;
			line-height:18px;
			border:1px solid #ccc;
			border-radius:10px;
			font-size: 90%;
		}
		.ts ul li:first-child { border:none; }
		.ts li a { text-decoration:none; }
		.ts li a:hover { border:1px solid #3f3f3f; }
*/

/**
 * FlexSlider2.2.2
 * [CSS] -> /wp-content/themes/XXXXX/js/flexslider2/flexslider.css
 */
.error-container {
	margin:0;
	padding:50px 0;
	width:100%;
}

#primary {
	margin:0;
	padding:0;
	width:100%;
}

/** column */
#container {
	padding:0 0 100px;
	width:100%;
	overflow:hidden;
}

#error404 {
	width:260px;
	float:left;
}

#side {
	width:260px;
	float:left;
}

#content {
	width:680px;
	float:right;
}

/** side */
#side .bnr-toggle { /* toggle menu */
}

	#side .bnr-toggle ul {
		display:none;
		margin:0;
		padding:0;
		list-style-type:none;
	}
		#side .bnr-toggle li {
			display:block;
			padding:5px 10px 5px 30px;
			border-bottom: 1px solid #b3b3b3;
		}
			#side .bnr-toggle li a,
			#side .bnr-toggle li ul { display:block; }
				#side .bnr-toggle li ul li { display:block; border:none; }

#side .banners { /* usually menu */
}

	#side .banners ul {
		display:block;
		margin:0;
		padding:0;
		list-style-type:none;
	}

		#side .banners li {
			display:block;
			padding:6px 0;
		}

#side .sidebox {
	margin: 0 0 20px;
	padding: 0;
}

#side .sidebox.border,
#side .sidebox.border {
	border: 1px solid #cccccc;
}

#side .sidebox.counter {
	padding: 10px;
	background-color: #0008ff;
	border: 1px solid #cccccc;
	color: #ffffff;
}

#side .sidebox a,
#side .sidebox a img {
	display: block;
	width: 100%;
}

/** content */
.section {
	margin:0 0 20px;
	padding:0;
}

.top-map-under-banners {
	
}

.top-map-print {
	width: 190px;
	float: right;
	text-align: right;
}

.parking-limit {
	width: 490px;
	float: left;
	font-weight: bold;
	font-size: 120%;
	line-height:1.2em;
}

.info-header, .info-footer, .scr-header, .scr-footer, .et-header, .et-footer, .pool-header, .pool-footer { width:100%; }
.info-content, .scr-content, .et-content, .pool-content { width:650px; }
.info-header, .scr-header, .et-header, .pool-header { height:45px; position:relative; }
.info-footer, .scr-footer, .et-footer, .pool-footer { height:15px; }

.info-header { background:url("./img/info-header.png") no-repeat 0 0 scroll rgba(255,255,255,1); }
.info-content { background:url("./img/info-content.png") repeat-y 0 0 scroll rgba(255,255,255,1); }
.info-footer { background:url("./img/info-footer.png") no-repeat 0 0 scroll rgba(255,255,255,1); }
.scr-header { background:url("./img/sports-header.png") no-repeat 0 0 scroll rgba(255,255,255,1); }
.scr-content { background:url("./img/sports-content.png") repeat-y 0 0 scroll rgba(255,255,255,1); }
.scr-footer { background:url("./img/sports-footer.png") no-repeat 0 0 scroll rgba(255,255,255,1); }
.et-header { background:url("./img/et-header.png") no-repeat 0 0 scroll rgba(255,255,255,1); }
.et-content { background:url("./img/et-content.png") repeat-y 0 0 scroll rgba(255,255,255,1); }
.et-footer { background:url("./img/et-footer.png") no-repeat 0 0 scroll rgba(255,255,255,1); }
.pool-header { background:url("./img/pool-header.png") no-repeat 0 0 scroll rgba(255,255,255,1); }
.pool-content { background:url("./img/pool-content.png") repeat-y 0 0 scroll rgba(255,255,255,1); }
.pool-footer { background:url("./img/pool-footer.png") no-repeat 0 0 scroll rgba(255,255,255,1); }

.info-header .read-more, .scr-header .read-more, .et-header .read-more, .pool-header .read-more {
	position:absolute;
	top:5px;
	right:5px;
	font-weight:normal;
	font-size:70%;
}

.info-content, .scr-content, .et-content, .pool-content {
	display:block;
	margin:0;
	padding:15px;
	list-style-type:none;
}

	.info-content li, .info-content li a,
	.scr-content li, .scr-content li a,
	.et-content li , .et-content li a {
		display:block;
	}
			.info-content li a time.tim, .info-content li a span.tit, .info-content li a span.new,
			.scr-content li a time.tim, .scr-content li a span.tit, .scr-content li a span.new,
			.et-content li a time.tim, .et-content li a span.tit, .et-content li a span.new {
				display:inline-block;
				font-size:90%;
				height:auto;
				vertical-align:top;
			}
			.info-content li a time.tim, .scr-content li a time.tim, .et-content li a time.tim {
				width:100px;
			}
			.info-content li a span.tit, .scr-content li a span.tit, .et-content li a span.tit {
				width:550px;
			}
			.info-content li a span.new, .scr-content li a span.new, .et-content li a span.new{
				margin:0 0 0 5px;
				padding:1px 3px;
				border:1px solid #f00;
				border-radius:4px;
				background-color:#fff;
				color:#f00;
				font-weight:bold;
				font-size:80%;
				line-height:1;
			}
			.info-content li a:hover span.tit, .scr-content li a:hover span.tit, .et-content li a:hover span.tit { text-decoration:underline; }

	.pool-content p {
		font-size:90%;
	}

	.heat-indicator {
		line-height:160%;
		overflow:hidden;
	}
	.today-date {
		margin:0; padding:0;
		/*width:260px;*/
		float:left;
		font-size:120%;
	}
	.today-indicator {
		margin:0; padding:0;
		width:350px;
		float:right;
		font-size:90%;
	}
	.today-indicator p {
		font-size:90%;
	}
	.pool-txt {
		margin:0;
		padding:10px 0;
		clear:both;
	}


#content .banners {
	margin:0 0 20px;
	text-align:center;
}

	#content .banners ul {
		list-style-type:none;
	}

	#content .banners li {
		display:inline-block;
		margin:0 0 5px;
		padding:5px;
		width:162px;
		height:60px;
		/*vertical-align:middele;*/
	}

		#content .banners li a {
			border:0 none;
			text-decoration:none;
			outline:0 none;
		}

/** archive */
.archive {
	margin: 0 0 20px;
	padding: 10px;
	border: 5px solid #00b3ff;
	/*background-color: #dbe3ff;*/
}

/** entry */
.entry, .page {
	margin: 0;
	padding: 0;
	/*margin: 0 0 20px;*/
	/*padding: 10px;*/
	/*border: 5px solid #00b3ff;*/
}
.entry-header, .page-header {
}
.archive-title, .entry-title, page-title {
	margin: 0 0 10px;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	background: url("./img/bar.png") no-repeat 0 0 scroll rgba(0, 0, 0, 0);
	color: #fff;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.4);
	font-weight: bold;
	font-size: 120%;
}
.entry-info, page-info {
}
.entry-content, page-content {
	padding: 10px 0;
}
	.entry-content h1, .entry-content h2,
	.page-content h1, .page-content h2 {
		margin:0 0 1em;
		padding:5px 20px;
		background:url("./img/stripe.png") 0 0 scroll rgba(255,255,255,1);
		color:#fff;
		font-weight:normal;
		font-size:120%;
		line-height:130%;
		text-align:left;
	}
	.entry-content h3,
	.page-content h3 {
		margin:0 0 0.8em;
		padding:5px 20px;
		background:url("./img/bar3.png") repeat-x 0 100% scroll rgba(255,255,255,1);
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 3px solid #1a498f;
		color:#1a4986;
		font-weight:normal;
		font-size:110%;
		line-height:120%;
		text-align:left;
	}
	.entry-content h4,
	.page-content h4 {
		margin:0 0 0.6em;
		padding:5px 20px 5px 30px;
		background:url("./img/bar4.png") no-repeat 0 50% scroll rgba(255,255,255,1);
		border-bottom: 2px solid #1a4986;
		color:#1a4986;
		font-weight:normal;
		font-size:110%;
		line-height:120%;
		text-align:left;
	}
	.entry-content h5, .entry-content h6,
	.page-content h5, .page-content h6 {
		margin:0 0 1em;
		padding:0;
	}
	.entry-content .hgroup, .page-content .hgroup {
		margin:0 0 1em;
	}
	.entry-content .hgroup h1, .page-content .hgroup h1,
	.entry-content .hgroup h2, .page-content .hgroup h2,
	.entry-content .hgroup h3, .page-content .hgroup h3,
	.entry-content .hgroup h4, .page-content .hgroup h4,
	.entry-content .hgroup h5, .page-content .hgroup h5,
	.entry-content .hgroup h6, .page-content .hgroup h6 {
		margin:0 0 0.5em;
	}
	.entry-content .border-strong-box {
		margin:1em;
		padding:1em;
		background:url("./img/bar3.png") repeat-x 0 100% scroll;
		border:2px solid #1a498f;
		border-radius:5px;
		color:#1a498f;
		font-weight:bold;
		font-size:90%;
	}
.entry-meta, .page-meta {
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
.entry-footer, .page-footer {
}
	.entry-content p {
		margin:0 0 1.5em;
		line-height:160%;
	}
	.page-print{}
	.page-print a{color:#fff;}

/** エラーコンテントレイアウト */
.error-header {
}
.error-title {
	margin:20px 0;
	padding:10px 0;
	font-style:normal;
	font-weight:normal;
	font-size:200%;
}
.error-wrapper {
}
.error-content {
}
.error-meta {
}
	.error-content h1 {margin:1em 0;padding:10px 0;font-size:200%;}
	.error-content h2 {margin:0.8em 0;padding:10px 0;font-size:130%;}
	.error-content h3 {margin:0.5em 0;padding:5px 0;font-size:110%;}
	.error-content h4 {margin:0.3em 0;padding:5px 0;font-size:100%;}
	.error-content h5 {margin:0.2em 0;padding:0;font-size:100%;}
	.error-content h6 {margin:0.1em 0;padding:0;font-size:100%;}

	.error-content h1,
	.error-content h2,
	.error-content h3,
	.error-content h4,
	.error-content h5,
	.error-content h6 {font-weight:normal;}

	.error-content ul,
	.error-content ol {margin:1em 0;padding:0 0 0 2em;}
	.error-content li {margin-bottom:0.2em;}


/** Post/Paging Navigation */
/*
.navigation .nav-previous { float: left; }
.navigation .nav-next { float: right; }
.navigation a { color: #bc360a; }
.navigation a:hover { color: #ea9629; text-decoration: none; }
.paging-navigation { background-color: #e8e5ce; padding: 40px 0; }
.paging-navigation .nav-links { margin: 0 auto; max-width: 604px; width: 100%; }
.sidebar .paging-navigation .nav-links { max-width: 1040px; padding: 0 376px 0 60px; }
.paging-navigation .nav-next { padding: 13px 0; }
.paging-navigation a { font-size: 22px; font-style: italic; font-weight: 300; }
.paging-navigation .meta-nav { background-color: #e63f2a; border-radius: 50%; color: #fff; display: inline-block; font-size: 26px; padding: 3px 0 8px; text-align: center; width: 50px; }
.paging-navigation .nav-previous .meta-nav { margin-right: 10px; padding: 17px 0 23px; width: 80px; }
.paging-navigation .nav-next .meta-nav { margin-left: 10px; }
.paging-navigation a:hover .meta-nav { background-color: #ea9629; text-decoration: none; }
.post-navigation { background-color: #fff; color: #ca3c08; font-size: 20px; font-style: italic; font-weight: 300; padding: 20px 0; }
.post-navigation .nav-links { margin: 0 auto; max-width: 1040px; }
.sidebar .post-navigation .nav-links { padding: 0 376px 0 60px; }
.post-navigation a[rel="next"] { float: right; text-align: right; }
*/
.navigation, .nav-links { margin:0; padding:0; }
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	/*margin:0 0 1em;*/
	/*padding:5px 20px;*/
	/*background:url("./img/stripe.png") 0 0 scroll rgba(255,255,255,1);*/
	/*color:#fff;*/
	/*font-weight:normal;*/
	/*font-size:120%;*/
	/*line-height:130%;*/
	/*text-align:left;*/
}
.nav-pre { padding:0 0 0 15px; background:url("./img/icon-arrow3.png") no-repeat 0 50% scroll #fff; display:inline-block;}
.nav-next { padding:0 15px 0 0; background:url("./img/icon-arrow2.png") no-repeat 100% 50% scroll #fff; display:inline-block;}


/** footer */
.footer {
	position:relative;
	width:100%;
	height:248px;
}

#totop {
	position:absolute;
	top: -162px;
	right: -100px;
}
@media screen and (max-width:768px){
	#totop {
		top: 5px;
		right: 5px;
	}
}

.footer-address {
	padding:20px 0 30px;
}

	.footer-address h1, .footer-address h2, .footer-address address, .footer-address ul, .footer-address li {
		margin:0;
		padding:0;
		color:#fff;
		font-style:normal;
		font-weight:normal;
		font-size:90%;
		text-align:left;
		line-height:1.1;
	}

	.footer-address h1 {
	}
	.footer-address h2 {
		padding:22px 0 0;
	}
	.footer-address address {
	}
	.footer-address ul {
		padding:0 0 0 1.5em;
		list-style-type:disc;
	}
	.footer-address li {
	}

.copyright {
	padding:5px 0;
	color:#fff;
	text-align:center;
}


/* pages
--------------------------------------*/
/** 汎用ページタイトル */
.bar {
	margin: 0 0 10px;
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	background: url("./img/bar.png") no-repeat 0 0 scroll rgba(0, 0, 0, 0);
	color: #fff;
	text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.4);
	font-weight: bold;
	font-size: 120%;
}
.bar2 {
	margin:0 0 1em;
	padding:5px 20px;
	background:url("./img/stripe.png") 0 0 scroll rgba(255,255,255,1);
	color:#fff;
	font-weight:normal;
	font-size:120%;
	line-height:130%;
	text-align:left;
}
.bar3 {
	margin:0 0 0.8em;
	padding:5px 20px;
	background:url("./img/bar3.png") repeat-x 0 100% scroll rgba(255,255,255,1);
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 3px solid #1a498f;
	color:#1a4986;
	font-weight:normal;
	font-size:110%;
	line-height:120%;
	text-align:left;
}
.bar4 {
	margin:0 0 0.6em;
	padding:5px 20px 5px 30px;
	background:url("./img/bar4.png") no-repeat 0 50% scroll rgba(255,255,255,1);
	border-bottom: 2px solid #1a4986;
	color:#1a4986;
	font-weight:normal;
	font-size:110%;
	line-height:120%;
	text-align:left;
}
.bar4i { /* borderを無くしたアイコンタイプ */
	margin:0 0 0.6em;
	padding:5px 20px 5px 30px;
	background:url("./img/bar4.png") no-repeat 0 50% scroll rgba(255,255,255,1);
	font-weight:normal;
	font-size:110%;
	line-height:120%;
	text-align:left;
}
.bar5 {
	margin:0 0 1em;
	padding:5px 20px;
	background:url("./img/stripe2.png") 0 0 scroll rgba(255,255,255,1);
	color:#1a4986;
	font-weight:normal;
	font-size:120%;
	line-height:130%;
	text-align:left;
}
.bar a, .bar2 a { color: #fff; }
.bar3 a, .bar4 a, .bar5 a { color:#1a4986; }

/** Box */
.area {
	margin: 0 0 1.5em;
	padding: 0;
}

/** ======================================== page-areamap ここから ======================================== */

/* Area Map */
.areamap { position:relative; width:100%; height:528px; background:url("./img/map4.png") no-repeat 0 0 scroll rgba(255,255,255,0); }

/* onClick ver. */
.areamap a#amlist1, .areamap a#amlist2, .areamap a#amlist3, .areamap a#amlist4, .areamap a#amlist5, .areamap a#amlist6,
.areamap a#amlist7, .areamap a#amlist8, .areamap a#amlist9, .areamap a#amlist10, .areamap a#amlist11, .areamap a#amlist12,
.areamap a#amlist13, .areamap a#amlist14, .areamap a#amlist15, .areamap a#amlist16, .areamap a#amlist17, .areamap a#amlist18,
.areamap a#amlist19, .areamap a#amlist20, .areamap a#amlist21, .areamap a#amlist22, .areamap a#amlist23, .areamap a#amlist24,
.areamap a#amlist25, .areamap a#amlist26, .areamap a#amlist27, .areamap a#amlist28, .areamap a#amlist29
{
	display:block;
	position:absolute;
	cursor:pointer;
	z-index:2;
}
/* 新エリアマップcss */
/* ツールチップあり */
.areamap a#amlist1 { left:227px; top:292px; width:57px; height:16px; } /**    武道館アリーナ棟 */
.areamap a#amlist2 { left:267px; top:242px; width:57px; height:16px; } /**    武道館錬成道場棟 */
.areamap a#amlist3 { left:219px; top:263px; width:57px; height:16px; } /**    クライミングウォール */
.areamap a#amlist4 { left:265px; top:211px; width:57px; height:16px; } /**    相撲場 */
.areamap a#amlist5 { left:338px; top:111px; width:57px; height:16px; } /**    陸上競技場 */
.areamap a#amlist6 { left:214px; top:57px; width:57px; height:16px; } /**     補助競技場 */
.areamap a#amlist7 { left:559px; top:182px; width:57px; height:16px; } /**    弓道場 */
.areamap a#amlist8 { left:427px; top:310px; width:57px; height:16px; } /**    庭球場 */
.areamap a#amlist9 { left:468px; top:119px; width:57px; height:16px; } /**    水泳プール */
.areamap a#amlist10 { left:549px; top:283px; width:57px; height:16px; } /**   多目的広場 */
.areamap a#amlist11 { left:218px; top:149px; width:70px; height:16px; } /**   のびのび芝生広場 */
.areamap a#amlist12 { left:594px; top:92px; width:72px; height:16px; } /**    いこいの広場(少年野球場) */
.areamap a#amlist13 { left:379px; top:235px; width:57px; height:16px; } /**   あおぞらパーク */
.areamap a#amlist14 { left:374px; top:258px; width:57px; height:16px; } /**   遊具広場 */
.areamap a#amlist15 { left:522px; top:37px; width:72px; height:16px; } /**    フィットネス広場 */
.areamap a#amlist16 { left:117px; top:27px; width:57px; height:16px; } /**    ラバー園路 */
.areamap a#amlist17 { left:412px; top:30px; width:70px; height:16px; } /**    ジョギングコース */
.areamap a#amlist18 { left:206px; top:191px; width:57px; height:16px; } /**   第1駐車場 */
.areamap a#amlist19 { left:467px; top:380px; width:57px; height:16px; } /**   第2駐車場 */
/* ツールチップ無し */
.areamap a#amlist20 { left:293px; top:365px; width:91px; height:16px; } /**   沖縄セルラースタジアム那覇 */
.areamap a#amlist21 { left:278px; top:464px; width:70px; height:16px; } /**     セルラーパーク */
.areamap a#amlist22 { left:430px; top:196px; width:57px; height:16px; } /**   護国神社 */
.areamap a#amlist23 { left:514px; top:89px; width:57px; height:16px; } /**    沖宮 */
.areamap a#amlist24 { left:328px; top:275px; width:57px; height:16px; } /**   世持神社 */
.areamap a#amlist25 { left:602px; top:326px; width:57px; height:16px; } /**   奥武山公園駅 */
.areamap a#amlist26 { left:-315px; top:-101px; width:57px; height:16px; } /** 壺川駅 */
.areamap a#amlist27 { left:560px; top:346px; width:30px; height:12px; } /**   A売店 */
.areamap a#amlist28 { left:442px; top:233px; width:30px; height:12px; } /**   B売店 */
.areamap a#amlist29 { left:349px; top:44px; width:30px; height:12px; } /**    C売店 */

.invisible {
	display:none;
}
.detail {
	position: absolute;
	z-index: 3;
	/*top: 0;*/
	/*left: -200px;*/
	padding: 5px;
	width: 200px;
	height: auto;
	/*background-color: rgba(241, 241, 241, 0.8);*/
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 0, 0, 0.5);
	font-size: 80%;
	text-align: left;
}
.detail img {
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.close {
	cursor:pointer;
	display:block;
	position:absolute;
	top:-10px;
	right:-10px;
	padding:3px;
	/*background-color: rgba(255, 255, 255, 0.9);*/
	background-color: rgba(0, 0, 0, 1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	border:2px solid #000;
	border-radius:10px;
	color:#fff;
	font-weight:bold;
	font-size:1;
	line-height: 0.6;
}
/** AED */
.areamap .aed {
	position:absolute;
	width:30px;
	height:12px;
}
.areamap #aed1 { top:124px; left:219px; }
.areamap #aed2 { top:121px; left:353px; }
.areamap #aed3 { top:102px; left:480px; }
.areamap #aed4 { top:165px; left:570px; }
.areamap #aed5 { top:275px; left:249px; }
.areamap #aed6 { top:293px; left:441px; }
.areamap #aed7 { top:378px; left:325px; }
.areamap #aed8 { top:445px; left:285px; }
/** TOILET */
.areamap .tlt {
	position:absolute;
	width:19px;
	height:20px;
}
.areamap #tlt1 { top:40px; left:299px; }
.areamap #tlt2 { top:56px; left:584px; }
.areamap #tlt3 { top:108px; left:215px; }
.areamap #tlt4 { top:226px; left:295px; }
.areamap #tlt5 { top:220px; left:467px; }
.areamap #tlt6 { top:301px; left:516px; }
/** TELEPHONE */
.areamap .tph {
	position:absolute;
	width:19px;
	height:20px;
}
.areamap #tph1 { top:60px; left:307px; }
.areamap #tph2 { top:108px; left:234px; }
.areamap #tph3 { top:222px; left:551px; }
/** PARKING */
.areamap .pkg {
	position:absolute;
	width:19px;
	height:20px;
}
.areamap #pkg1 { top:165px; left:198px; }
.areamap #pkg2 { top:191px; left:264px; }
.areamap #pkg3 { top:380px; left:446px; }
.areamap #pkg4 { top:345px; left:500px; }
/** PARKING */
.areamap .office {
	position:absolute;
	width:71px;
	height:17px;
}
.areamap #ofc1 { top:243px; left:174px; }
/** OTHER */
.areamap .other {
	position:absolute;
}
#oth1 { top:140px; left:100px; width:20px; height:20px; }

/** ======================================== page-areamap ここまで ======================================== */

/** 各施設案内レイアウトフォーマット */
.facility{margin:0;padding:0;}
.fheader{}
.fcontent{margin:0;padding:10px 0;}
.fcontent table, .fcontent table th, .fcontent table td{border:1px solid #ccc;border-collapse:collapse;}
.fcontent table{margin:0 0 20px;width:100%;}
.fcontent table th{padding:5px;}
.fcontent table td{padding:5px;}
.ftitle,
.fcontent h2{
	margin:0 0 20px;
	padding:0 0 0 75px;
	width:100%;
	height:62px;
	line-height:62px;
	background:url("./img/ftitle-tag.png") no-repeat 0 0 scroll;
	color:#000;
	font-size:140%;
	text-align:left;
}
.fmeta{padding:10px 0;border-top:1px solid #ccc;}
.fsmall{display:inline;vertical-align:top;font-size:70%;}
/** 各施設案内背景色 */
.thbg-default table th{background-color:#ffffff;}
.thbg-limegreen table th{background-color:#32cd32;}
.thbg-peachpuff table th{background-color:#ffdab9;}
.thbg-orchid table th{background-color:#da70d6;}
.thbg-lime table th{background-color:#00ff00;}
.thbg-deepskyblue table th{background-color:#00bfff;}
.thbg-aqua table th{background-color:#00ffff;}
.thbg-aquamarine table th{background-color:#7fffd4;}
.thbg-gold table th{background-color:#ffd700;}
.thbg-coral table th{background-color:#ff7f50;}
.thbg-mistyrose table th{background-color:#ffe4e1;}

.fimglists {
	margin:0 0 20px;
	padding:0;
	width:100%;
	overflow:hidden;
}
	.fimgbox {
		margin:0 4px 10px 5px;
		width:331px;
		height:238px;
		float:left;
		background:url("./img/facility-img-frames.png") no-repeat 0 0 scroll rgba(255,255,255,1);
	}
	.fimgbox.fullwidth {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 0 10px;
		padding: 10px;
		width: 100%;
		height: auto;
		float: left;
		/*background:url("./img/facility-img-frames.png") no-repeat 0 0 scroll rgba(255,255,255,1);*/
		background: none;
		background: #f5f5f5;
		border: 1px solid #999999;
		-webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.9);
		-moz-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.9);
		box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.9);
	}
		.fimgbox a,
		.fimgbox.fullwidth a {
			display: block;
			overflow: hidden;
			text-align:center;
		}
		.fimgbox a {
			margin: 10px 10px 18px;
			width: 310px;
			height: 210px;
		}
		.fimgbox.fullwidth a {
			margin: 0;
			width: 100%;
			height: auto;
		}
			.fimgbox a img,
			.fimgbox.fullwidth a img {
				display: inline;
				vertical-align: middle;
				max-width: 100%;
			}

/* table
--------------------------------------*/
.calendar-table, .calendar-table th, .calendar-table td {
	border: 1px solid #ccc;
	border-collapse:collapse;
}
.calendar-table {
	width: 100%;
}
.calendar-table th, .calendar-table td {
	margin:0;
	padding:3px;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
}

/* other
--------------------------------------*/

/** free table */
.freetbl, .freetbl th, .freetbl td {
	margin:0;
	padding:0;
	border:1px solid #999;
	border-collapse:collapse;
}
.freetbl { width:100%; }
.freetbl th, .freetbl td { padding:5px; vertical-align:middle; }

.orderedlist,
.unorderedlist,
.listdefcss {
	margin-top:1em;
	margin-bottom:1em;
	padding-left:2em;
}
.ordered-list { list-style-type: decimal; }
.unordered-list { list-style-type: disc; }

/** free date list */
.alist, .alist a, .alist a time, .alist a span { margin: 0; padding: 0; }
.alist { width: 100%; }
.alist a { display: block; margin-bottom: 10px; padding: 10px; border: 5px solid #00b3ff; }
.alist a time, .alist a span { display: inline-block; }
.alist a time { width: 16%; }
.alist a span { width: 80%; }
.alist a:hover time { text-decoration: none; }
.alist a:hover span { text-decoration: underline; }

/** calendar */
.calendar,
.calendar-tbl,
.calendar-tbl thead,
.calendar-tbl tfoot,
.calendar-tbl tbody,
.calendar-tbl tr,
.calendar-tbl th,
.calendar-tbl td {
	margin:0;
	padding:0;
}
.calendar-tbl,
.calendar-tbl th,
.calendar-tbl td {
	border:1px solid #ccc;
	border-collapse:collapse;
}
.calendar-tbl {
	width:100%;
}
.calendar-tbl th,
.calendar-tbl td {
	width:14.2%;
	vertical-align:top;
	tet-align:center;
}
.calendar-tbl th:first-child,
.calendar-tbl td:first-child {
	width:14.3%;
}

/** 表示範囲指定：1px四方のみ*/
.clip-text {
	overflow: hidden;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: 0px 0px 99.9% 99.9%;
	-moz-clip-path: 0px 0px 99.9% 99.9%;
	-o-clip-path: 0px 0px 99.9% 99.9%;
	-ms-clip-path: 0px 0px 99.9% 99.9%;
	clip-path: 0px 0px 99.9% 99.9%;
	border: 0 none;
}


/* print
--------------------------------------*/
/** 印刷ボタン */
#print_entry_btn,
#print_facility_btn {
	text-align: right;
}
/** body内の#print_area以外に全て付加する */
.off {
	display: none;
}
/** 印刷範囲指定(.entry)を読み込んだボックス */
#print_area {
	display: block !important;
	margin:0 auto;
	padding: 20px;
	border: 1px solid #000;
	background-color: #fff;
	clear: both;
}
/**
#print_site_logo {
	margin: 0;
	padding: 0;
	text-align: center;
}
*/


/* Opened Dialog
--------------------------------------*/
#dialog1,
#dialog2 {
	margin:0 0 30px;
	padding:0;
}
.dialog-attention {
	margin:0;
	padding:30px 30px 0;
	font-size:80%;
}
.dialog-group {
	margin:30px;
	padding:20px;
	height:300px;
	border:2px solid #3f3f3f;
	background-color:#f1f1f1;
	color:#3f3f3f;
	font-size:80%;
	overflow:scroll;
}
.dialog-group h1 {
	margin:1em;
	padding:0;
	text-align:center;
}
.dialog-group h2 {
	margin:0.6em;
	padding:0;
}
.dialog-group h3 {
	margin:0.4em;
	padding:0;
}
.abled {
	color:#333333;
}
.disabled {
	color:#8d8d8d;
}
.agree-chk {
	text-align:center;
}
.agree-chk input[type=checkbox], .agree-chk label {
	cursor:pointer;
}

/* 駐車場情報
--------------------------------------*/
.this-month-parking-information {
}
.next-month-parking-information {
}
.parking-info {
	display: block;
	margin: 30px 0;
	width: 100%;
}
.parking-info img {
	display: block;
	width: 100%;
}




