@charset "utf-8";
/*==============================================================================
	地図から探す
==============================================================================*/
#map{
	margin:20px auto 20px auto;
	width:900px;
}
#map input{
	vertical-align:middle;
}
/*------------------------------------------------------------------------------
　カテゴリ
------------------------------------------------------------------------------*/
.mapcate1,.mapcate2,.mapcate3,.mapcate4,.mapcate5,.mapcate6,.mapcate7,.mapcate8,.mapcate9,.mapcate10,
.mapcate11,.mapcate12,.mapcate13,.mapcate14,.mapcate15,.mapcate16,.mapcate17,.mapcate18,.mapcate19,.mapcate20{
	width:900px;
}
.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;
}
.mapcate1{	background:url(images/map/ca1_bg.gif) repeat;}
.mapcate2{	background:url(images/map/ca2_bg.gif) repeat;}
.mapcate3{	background:url(images/map/ca3_bg.gif) repeat;}
.mapcate4{	background:url(images/map/ca4_bg.gif) repeat;}
.mapcate5{	background:url(images/map/ca5_bg.gif) repeat;}
.mapcate6{	background:url(images/map/ca6_bg.gif) repeat;}
.mapcate7{	background:url(images/map/ca7_bg.gif) repeat;}
.mapcate8{	background:url(images/map/ca8_bg.gif) repeat;}
.mapcate9{	background:url(images/map/ca9_bg.gif) repeat;}
.mapcate10{	background:url(images/map/ca10_bg.gif) repeat;}
.mapcate11{	background:url(images/map/ca11_bg.gif) repeat;}
.mapcate12{	background:url(images/map/ca12_bg.gif) repeat;}
.mapcate13{	background:url(images/map/ca13_bg.gif) repeat;}
.mapcate14{	background:url(images/map/ca14_bg.gif) repeat;}
.mapcate15{	background:url(images/map/ca15_bg.gif) repeat;}
.mapcate16{	background:url(images/map/ca16_bg.gif) repeat;}
.mapcate17{	background:url(images/map/ca17_bg.gif) repeat;}
.mapcate18{	background:url(images/map/ca18_bg.gif) repeat;}
.mapcate19{	background:url(images/map/ca19_bg.gif) repeat;}
.mapcate20{	background:url(images/map/ca20_bg.gif) repeat;}
#mapcate{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:700px;
	float:right;
	background:none;
	list-style-type:none;
}
#mapcate::after{
    content:""; 
    display:block; 
    clear:both;
}
/* 見出し
------------------------------------------------------------------------------*/
#content2 #mapcategory h2{
	margin:0px;
	padding:35px 5px 20px 5px;
	width:190px;
	float:left;
	background:none;
	border:none;
	border-radius:0px;
	box-shadow:none;
	text-align:center;
}
#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 7px 0px;
	padding:0px;
	float:left;
}
#content2 #mapcate p a{
	margin:0px 0px 0px 7px;
	padding:3px 3px 3px 5px;
	width:155px;
	display:block;
	color:#222222;
	font-size:95%;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	text-decoration:none;
}
#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:910px;
	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:#222222;
	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:850px;
}
#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:880px;
	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:#222222;
	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:calc(0.6em - 7px);
	left: 0px;
	background: #efefef;
	border:1px solid #999;
}
#content2 p.shisetsulist a::after{
	width: 3px;
	height: 3px;
	content:"";
	position:absolute;
	top:calc(0.6em - 3px);
	left:6px;
	border: 3px solid transparent;
	border-left: 4px solid #333;
	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;
	}
}
