@charset "utf-8";

/*---------------------------------------------------------------------
	okipark_top
---------------------------------------------------------------------*/

#okipark_top #container {
	text-align: center;
}

#okipark_top #link_area {
	width: 320px;
	margin: 0 auto;
}

#okipark_top #link_area #link_shurijo {
	width: 320px;
	height: 254px;
	position: relative;
	margin: 5px 0 0;
	background: url(../../image/official/shurijyo_bg.jpg) top left no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}

#link_area #link_kaiyohaku {
	width: 320px;
	height: 254px;
	position: relative;
	/*background: url(../../image/official/kaiyohaku_bg.jpg) top left no-repeat;*/
	background: url(../../image/official/kaiyohaku_bg_1706.jpg) top left no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
}


#link_area #link_shurijo ul li a,
#link_area #link_kaiyohaku ul li a { display: block; }

#link_area .lang_ja {
	width: 145px;
	height: 32px;
	position: absolute;
	top: 160px;
	left: 10px;
}

#link_area .lang_en {
	width: 145px;
	height: 32px;
	position: absolute;
	top: 160px;
	right: 10px;
}

#link_area .lang_sim {
	width: 95px;
	height: 32px;
	position: absolute;
	top: 200px;
	left: 10px;
}

#link_area .lang_kor {
	width: 95px;
	height: 32px;
	position: absolute;
	top: 200px;
	left: 113px;
}

#link_area .lang_tar {
	width: 95px;
	height: 32px;
	position: absolute;
	top: 200px;
	right: 10px;
}


/*---------------------------------------------------------------------
	top_image
---------------------------------------------------------------------*/

#top_image .inner {
	position: relative;
	overflow: hidden;
}


#top_image .sp-thumbnails {
    display: none;
}

/*---------------------------------------------------------------------
	top_facility_link
---------------------------------------------------------------------*/
/* #top_facility_link {}
#top_facility_link ul {
	width: 300px;
	margin: 10px auto 0;
}
#top_facility_link ul li {
	width: 95px;
	height: 95px;
	float: left;
	margin: 0 0 7px 7px;
}
#top_facility_link ul li:nth-child(3n+1) { margin-left: 0; } */

#top_facility_link {
  margin: 10px 1.66%;
}
#top_facility_link ul li {
  width: 32%;
  float: left;
  margin-left: 2%;
  margin-bottom: 2%;
}
#top_facility_link ul li img { width: 100%; }
#top_facility_link ul li:nth-child(3n+1) { margin-left: 0; }



/*---------------------------------------------------------------------
	top_link
---------------------------------------------------------------------*/
/* .top_link {
	width: 300px;
	margin: 5px auto;
}
.top_link ul li {
	margin: 0 0 5px;
} */
.top_link {
	margin: 10px;
}
.top_link ul li {
	margin: 0 0 10px;
}
.top_link ul li img { width: 100%; }



/*---------------------------------------------------------------------
	top_news_area
---------------------------------------------------------------------*/

#top_news_area h2 {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 1.0;
	padding: 16px 10px 15px 45px;
	background: #42C8EA url(../image/top/h_top_topics_bg.png) 15px center no-repeat;
	background-size: 21px;
	-webkit-background-size: 21px;
}
#top_news_area .inner {
    border: 1px solid #ccc;
    margin: 15px;
    border-radius: 4px;
    overflow: hidden;
}
#top_news_area .inner > p {
    background: #F8F8F5;
    text-align: center;
    color: #2D8CBF;
    font-weight: bold;
    font-size: 18px;
    padding: 5px;
    border-bottom: 1px dotted #ccc;
}
#top_topics {
    margin: 10px;
}
#top_topics dl {
	color: #000;
	line-height: 1.4;
}

#top_topics dl dt {
	font-weight: bold;
	display: inline;
	padding: 5px;
	margin: 0;
}
#top_topics dl dt img {
    height: 17px;
    margin-left: 5px;
    vertical-align: top;
}
#top_topics dl dd {
	font-weight: bold;
	padding: 0 5px 10px;
	margin: 5px 0 10px;
	border-bottom: 1px dotted #6BA3DA;
}
#top_topics .link_list a {
	width: 80%;
    display: block;
    background: #1A73DF;
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 15px auto;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px;
}



/* tab_menu */
#tab_menu {}

#tab_menu li {
	width: 31.66%;
	width: 48.76%;
	float: left;
	margin-left: 2.34375%;
}
#tab_menu li:first-child { margin-left: 0; }

#tab_menu li a {
    color: #000;
    font-size: 15px;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
    text-align: center;
    text-decoration: none;
    line-height: 1.3;
    display: block;
    padding: 8px 5px;
    background: #EEEEEE;
}
#tab_menu li a.active { background: #FF9200; color: #fff; }
#tab_menu li + li a.active { background: #42C8EA; color: #fff; }

/* tab_box */
#tab_box {}

	/* top_event */
	#top_event {
		margin: 30px 15px;
	}

	#event_01 {
		border: 3px solid #FF9200;
		padding: 15px;
	}
	#event_02 {
		display: none;
		border: 3px solid #42C8EA;
		padding: 15px;
	}
	#top_event .item {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	#top_event .item a {
		display: block;
		text-decoration: none;
	}

	#top_event .item .ttl {
		text-decoration: underline;
		line-height: 1.4;
		font-weight: bold;
	}
	#top_event .item .thumb {
		overflow: hidden;
		margin: 0 15px 10px 0;
		float: left;
		width: 110px;
	}
	#top_event .item .detail { overflow: hidden; }
	
	#top_event .tag { margin-bottom: 5px; }
	#top_event .tag span {
		background-color: #E9E9E9;
		color: #000;
		border-radius: 4px;
		display: inline-block;
		font-size: 11px;
		padding: 3px 6px;
		vertical-align: top;
	}
	#top_event .tag .tag_bosyu { background-color: #2980DE; color: #fff; }

	#top_event .time {
		color: #000;
		background: url(/css/image/icon_calendar.png) no-repeat 0 4px;
		background-size: 16px;
		padding: 4px 0 0 25px;
		margin-top: 6px;
		line-height: 1.5;
		font-size: 95%;
	}
	#top_event .date {
		color: #000;
		background: url(/css/image/icon_calendar_03.png) no-repeat 0 4px;
		background-size: 16px;
		padding: 4px 0 0 25px;
		margin-top: 6px;
		line-height: 1.5;
		font-size: 95%;
	}
	#top_event .link {
		text-align: center;
	}
	#top_event .link a {
		width: 80%;
		font-size: 14px;
		text-decoration: none;
		color: #666;
		border-radius: 6px;
		display: inline-block;
		padding: 10px;
		border: 1px solid #BDBDBD;
		background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(234,234,234)));
		background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(234,234,234) 100%);
		background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(234,234,234) 100%);
		background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(234,234,234) 100%);
		background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(234,234,234) 100%);
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeaeaea,GradientType=0)";
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeaeaea,GradientType=0);
	}
	#top_event .link a span {
		background: url(/css/image/icon_search_02.png) no-repeat 0 0;
		background-size: 15px;
		padding-left: 20px;
	}
	
	/* top_blog */
	#tab_box #top_blog { display: none; }
	#tab_box #top_blog dl dt.tag_kouendayori {
		padding-right: 85px;
		background: url(../image/site/tag/tag_kouendayori.gif) right center no-repeat;
		background-size: 80px auto;
		-webkit-background-size: 80px auto;
	}
	#tab_box #top_blog dl dt.tag_hanadayori {
		padding-right: 85px;
		background: url(../image/site/tag/tag_hanadayori.gif) right center no-repeat;
		background-size: 80px auto;
		-webkit-background-size: 80px auto;
	}
	#tab_box #top_blog dl dt.tag_plantdayori {
		padding-right: 85px;
		background: url(../image/site/tag/tag_plantdayori.gif) right center no-repeat;
		background-size: 80px auto;
		-webkit-background-size: 80px auto;
	}
	
	/* link_list */
	#tab_box .link_list a {
		color: #FFFFFF;
		font-size: 1.6rem;
		text-align: center;
		text-decoration: none;
		display: block;
		padding: 10px 0;
		margin: 15px 10px;
		background: #1A73DF;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}


/*---------------------------------------------------------------------
	kinkyu_sokuho
---------------------------------------------------------------------*/

#kinkyu_sokuho {
	margin: 10px;
}

#kinkyu_sokuho .inner {
	border: 3px solid #D90000;
	padding: 10px;
}

#kinkyu_sokuho .inner dt {
	color: #D80000;
	font-size: 16px;
	font-weight: bold;
}

#kinkyu_sokuho .inner dd {
	font-size: 13px;
	font-weight: bold;
}



/*---------------------------------------------------------------------
	parking_info
---------------------------------------------------------------------*/
#parking_info {
  margin: 10px 10px 30px;
}
#parking_info .ttl {
  color: #fff;
  font-size: 18px;
  background: #000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 20px 15px;
	position: relative;
	cursor:  pointer;
}
#parking_info .ttl::before,
#parking_info .ttl::after {
	width: 30px;
    height: 4px;
    content: "";
    position: absolute;
    right: 20px;
    top: 30px;
    background-color: #fff;
	transition: .3s;
	-webkit-transition: .3s;
}
#parking_info .ttl::after {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
#parking_info .ttl.open::after {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

#parking_info .parking_info_inner {
	padding: 15px;
    background: #E2E2E2;
	display: none;
}

#parking_info dl {
	text-align: center;
	display: table;
	width: 100%;
	color: #fff;
	font-size: 18px;
}
#parking_info dl + dl { margin-top: 7px; }
#parking_info dt {
    background-color: #333333;
    font-weight: bold;
    display: table-cell;
	padding: 7px 0;
	vertical-align: middle;
	width: 41%;
}
#parking_info dd {
    display: table-cell;
	padding: 7px 0;
	vertical-align: middle;
	border-left: 1px solid #E2E2E2;
}

#parking_info .status_00 { background-color: #FF0000; }
#parking_info .status_01 { background-color: #DA910A; }
#parking_info .status_02 { background-color: #0076CC; }
#parking_info .status_03 { background-color: #797979; }


#parking_info .map_img {
	border: 3px solid #fff;
	margin: 15px auto 10px;
	text-align: center;
	background-color: #fff;
}