@charset "utf-8";
/*==============================================================================
	地図から探す
==============================================================================*/
#map{
	margin:20px auto 20px auto;
	width:100%;
}
#map input{
	vertical-align:middle;
}
/*------------------------------------------------------------------------------
　カテゴリ
------------------------------------------------------------------------------*/
#mapcategory{
	display: flex;
}
.mapcate1,.mapcate2,.mapcate3,.mapcate4,.mapcate5,.mapcate6,.mapcate7,.mapcate8,.mapcate9,.mapcate10,
.mapcate11,.mapcate12,.mapcate13,.mapcate14,.mapcate15,.mapcate16,.mapcate17,.mapcate18,.mapcate19,.mapcate20{
	width:100%;
}
.mapcate1:after,.mapcate2:after,.mapcate3:after,.mapcate4:after,.mapcate5:after,.mapcate6:after,.mapcate7:after,.mapcate8:after,.mapcate9:after,.mapcate10:after,
.mapcate11:after,.mapcate12:after,.mapcate13:after,.mapcate14:after,.mapcate15:after,.mapcate16:after,.mapcate17:after,.mapcate18:after,.mapcate19:after,.mapcate20:after{
    content:""; 
    display:block; 
    clear:both;
}
#mappage{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	width:calc(100% - 190px);
	background:none;
	list-style-type:none;
	box-sizing: border-box;
}
#mapcate{
	display: flex;
	flex-wrap: wrap;
}
/* 見出し
------------------------------------------------------------------------------*/
#content2 #mapcategory h2{
	margin:0px;
	padding:35px 5px 20px 5px;
	box-sizing: border-box;
	width:190px;
	background:none;
	border:none;
	text-align:center;
	box-shadow:none;
	border-radius:0;
}
#content2 #mapcategory h2::after,
#content2 #mapcategory h2::before{
	content:none;
}
#content2 #mapcategory h2.cate1{
	background:#D6ECDA;
	border-top:4px solid #38A348;
}
#content2 #mapcategory h2.cate2{
	background:#FDE5CD;
	border-top:4px solid #F67F09;
}
#content2 #mapcategory h2.cate3{
	background:#E0DAF4;
	border-top:4px solid #694DCA;
}
#content2 #mapcategory h2.cate4{
	background:#D9ECF5;
	border-top:4px solid #47A3D1;
}
#content2 #mapcategory h2.cate5{
	background:#EEE3F5;
	border-top:4px solid #A975D0;
}
#content2 #mapcategory h2.cate6{
	background:#E8F4DD;
	border-top:4px solid #91C75A;
}
#content2 #mapcategory h2.cate7{
	background:#FEE1E1;
	border-top:4px solid #FC6D6D;
}
#content2 #mapcategory h2.cate8{
	background:#FFF1CB;
	border-top:4px solid #FFB900;
}
#content2 #mapcategory h2.cate9{
	background:#FEE1E1;
	border-top:4px solid #FB2828;
}
#content2 #mapcategory h2.cate10{
	background:#E0D6EB;
	border-top:4px solid #663399;
}
#content2 #mapcategory h2.cate11{
	background:#EBEBD6;
	border-top:4px solid #999933;
}
#content2 #mapcategory h2.cate12{
	background:#D6E0EB;
	border-top:4px solid #336699;
}
#content2 #mapcategory h2.cate13{
	background:#D6E0CC;
	border-top:4px solid #336600;
}
#content2 #mapcategory h2.cate14{
	background:#FFE0D6;
	border-top:4px solid #FF6633;
}
#content2 #mapcategory h2.cate15{
	background:#EBD6E0;
	border-top:4px solid #993366;
}
#content2 #mapcategory h2.cate16{
	background:#FFD6CC;
	border-top:4px solid #FF3300;
}
#content2 #mapcategory h2.cate17{
	background:#F5F5CC;
	border-top:4px solid #CCCC00;
}
#content2 #mapcategory h2.cate18{
	background:#CCE0E0;
	border-top:4px solid #006666;
}
#content2 #mapcategory h2.cate19{
	background:#CCE0FF;
	border-top:4px solid #0066FF;
}
#content2 #mapcategory h2.cate20{
	background:#F5EBCC;
	border-top:4px solid #CC9900;
}
/* メニュー
------------------------------------------------------------------------------*/
#content2 #mapcate p{
	margin:0px 0px 10px 0px;
	padding:0px;
	width: calc(100% / 5);
}
#content2 #mapcate p a{
	margin:0px 0px 0px 7px;
	padding:8px 5px;
	display:block;
	color:#000;
	font-size:95%;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	text-decoration:none;
	height: 100%;
	line-height: 1.2;
	box-sizing: border-box;
}
#content2 #mapcate p a.ca1{
	background:#D6ECDA;
	border-left:4px solid #38A348;
}
#content2 #mapcate p a.ca2{
	background:#FDE5CD;
	border-left:4px solid #F67F09;
}
#content2 #mapcate p a.ca3{
	background:#E0DAF4;
	border-left:4px solid #694DCA;
}
#content2 #mapcate p a.ca4{
	background:#D9ECF5;
	border-left:4px solid #47A3D1;
}
#content2 #mapcate p a.ca5{
	background:#EEE3F5;
	border-left:4px solid #A975D0;
}
#content2 #mapcate p a.ca6{
	background:#E8F4DD;
	border-left:4px solid #91C75A;
}
#content2 #mapcate p a.ca7{
	background:#FEE1E1;
	border-left:4px solid #FC6D6D;
}
#content2 #mapcate p a.ca8{
	background:#FFF1CB;
	border-left:4px solid #FFB900;
}
#content2 #mapcate p a.ca9{
	background:#FEE1E1;
	border-left:4px solid #FB2828;
}
#content2 #mapcate p a.ca10{
	background:#E0D6EB;
	border-left:4px solid #663399;
}
#content2 #mapcate p a.ca11{
	background:#EBEBD6;
	border-left:4px solid #999933;
}
#content2 #mapcate p a.ca12{
	background:#D6E0EB;
	border-left:4px solid #336699;
}
#content2 #mapcate p a.ca13{
	background:#D6E0CC;
	border-left:4px solid #336600;
}
#content2 #mapcate p a.ca14{
	background:#FFE0D6;
	border-left:4px solid #FF6633;
}
#content2 #mapcate p a.ca15{
	background:#EBD6E0;
	border-left:4px solid #993366;
}
#content2 #mapcate p a.ca16{
	background:#FFD6CC;
	border-left:4px solid #FF3300;
}
#content2 #mapcate p a.ca17{
	background:#F5F5CC;
	border-left:4px solid #CCCC00;
}
#content2 #mapcate p a.ca18{
	background:#CCE0E0;
	border-left:4px solid #006666;
}
#content2 #mapcate p a.ca19{
	background:#CCE0FF;
	border-left:4px solid #0066FF;
}
#content2 #mapcate p a.ca20{
	background:#F5EBCC;
	border-left:4px solid #CC9900;
}
/*------------------------------------------------------------------------------
　サブカテゴリ
------------------------------------------------------------------------------*/
#mapdetail{
	margin-bottom:20px;
	width:100%;
	clear:both;
	box-sizing:border-box;
}
#mapdetail:after{
    content:""; 
    display:block; 
    clear:both;
}
/* カテゴリによって異なるボーダーの色
------------------------------------------------------------------------------*/
.mapdetail1{  border:5px solid #D6ECDA;}
.mapdetail2{  border:5px solid #FDE5CD;}
.mapdetail3{  border:5px solid #E0DAF4;}
.mapdetail4{  border:5px solid #D9ECF5;}
.mapdetail5{  border:5px solid #EEE3F5;}
.mapdetail6{  border:5px solid #E8F4DD;}
.mapdetail7{  border:5px solid #FEE1E1;}
.mapdetail8{  border:5px solid #FFF1CB;}
.mapdetail9{  border:5px solid #FEE1E1;}
.mapdetail10{ border:5px solid #E0D6EB;}
.mapdetail11{ border:5px solid #EBEBD6;}
.mapdetail12{ border:5px solid #D6E0EB;}
.mapdetail13{ border:5px solid #D6E0CC;}
.mapdetail14{ border:5px solid #FFE0D6;}
.mapdetail15{ border:5px solid #EBD6E0;}
.mapdetail16{ border:5px solid #FFD6CC;}
.mapdetail17{ border:5px solid #F5F5CC;}
.mapdetail18{ border:5px solid #CCE0E0;}
.mapdetail19{ border:5px solid #CCE0FF;}
.mapdetail20{ border:5px solid #F5EBCC;}
/* サブカテゴリ
------------------------------------------------------------------------------*/
#content2 #mapdetail p{
	margin:0px 3px 3px 0px;
	padding:0px;
	width:205px;
	display:block;
	float:left;
	color:#000;
	font-size:95%;
	line-height:1.2;
	display:inline;
}
#content2 #mapdetail p input{
	margin:3px 5px 3px 3px;
	padding:0px;
}
#mapsubcate1,#mapsubcate2,#mapsubcate3,#mapsubcate4,#mapsubcate5,#mapsubcate6,#mapsubcate7,#mapsubcate8,#mapsubcate9,#mapsubcate10,
#mapsubcate11,#mapsubcate12,#mapsubcate13,#mapsubcate14,#mapsubcate15,#mapsubcate16,#mapsubcate17,#mapsubcate18,#mapsubcate19,#mapsubcate20{
	padding:8px 8px 5px 8px;
	width:100%;
	box-sizing:border-box;
}
#mapsubcate1:after,#mapsubcate2:after,#mapsubcate3:after,#mapsubcate4:after,#mapsubcate5:after,#mapsubcate6:after,#mapsubcate7:after,#mapsubcate8:after,#mapsubcate9:after,#mapsubcate10:after,
#mapsubcate11:after,#mapsubcate12:after,#mapsubcate13:after,#mapsubcate14:after,#mapsubcate15:after,#mapsubcate16:after,#mapsubcate17:after,#mapsubcate18:after,#mapsubcate19:after,#mapsubcate20:after{
    content:""; 
    display:block; 
    clear:both;
}
/*------------------------------------------------------------------------------
　マップ表示部分
------------------------------------------------------------------------------*/
#googlemap{
	margin:0px auto 10px auto;
	width:98%;
	height:470px;
	clear:both;
	text-align:center;
}
/*------------------------------------------------------------------------------
　絞り込み
------------------------------------------------------------------------------*/
#condition{
	margin:0px 14px 15px 14px;
	width:828px;
	clear:both;
	border:1px solid #CCC;
}
#content2 #condition:after{
    content:""; 
    display:block; 
    clear:both;
}
#content2 #condition p{
	margin:0px 0px 10px 0px;
	padding:5px 10px 5px 10px;
	width:808px;
	color:#222;
	font-size:90%;
	font-weight:bold;
	background:#EFEFEF;
}
#content2 #condition ul{
	margin:0px 0px 5px 10px;
	font-size:95%;
}
#content2 #condition ul li{
	margin:0px 0px 3px 0px;
	padding:0px;
	width:203px;
	display:block;
	float:left;
	display:inline;
}
#content2 #condition ul li input{
	margin:0px 5px 0px 0px;
	padding:0px;
}
#content2 #condition p.conditionclear{
	margin:0px;
	padding:5px 10px 10px 5px;
	clear:left;
	background:#FFF;
	text-align:right;
}
/*------------------------------------------------------------------------------
　施設の一覧
------------------------------------------------------------------------------*/
#content2 #maplist{
	margin:5px auto;
	width:100%;
	text-align:center;
}
#content2 #maplist:after{
    content:""; 
    display:block; 
    clear:both;
}
* html #content2 #maplist{
	position:relative;
}
#content2 .scrollon{
	overflow:auto;
	height:300px;
}
#content2 #maplist table{
	margin:0px auto 0px auto;
	width:95%;
	text-align:left;
	font-size:95%;
}
#content2 #maplist table caption{
	font-size:110%;
}
#content2 #maplist th.thnormal{
	background-color:transparent;
	font-weight:normal;
}
#content2 p.shisetsulist{
	margin:20px 10px 10px 25px;
}
#content2 p.shisetsulist a{
	padding-left:25px;
	position:relative;
}
#content2 p.shisetsulist a::before{
  width:13px;
	height:13px;
	content:"";
	position:absolute;
  top:.4em;
  left:0px;
	background:#efefef;
	border:1px solid #999;
}
#content2 p.shisetsulist a::after{
	width:3px;
	height:3px;
	content:"";
	position:absolute;
  top:.7em;
	left:.35em;
	border:3px solid transparent;
	border-left:4px solid #222;
	box-sizing:border-box;
}
/* アイコン
------------------------------------------------------------------------------*/
.mapicon{
	margin-right:3px;
	vertical-align:middle;
}
#content2 #maplist table td img.mapicon{
	margin-right:5px;
}
/* 吹き出し
------------------------------------------------------------------------------*/
.mapfukidashi{
	text-align:left;
}
.mapfukidashi a{
	padding-left:17px;
	background:url(images/content/mark_list.png) no-repeat left center;
}
/*==============================================================================
	印刷用
==============================================================================*/
@media print{
	#content2 .scrollon{
		height:auto;
	}
}
