@charset "utf-8";
/*-------------------------
実例
-------------------------*/
#mainimg{ float:left; }
#thum ul{
	padding:0 0 0 0px;
	margin:0;
	float:right;
	width:208px;
	}
#thum ul li{
	padding:0 0 2px 8px;
	margin:0;
	float:left;
	width:94px;
	}
#thum ul li img{ width:94px;}
#thum ul li img:hover{ border:3px solid #09C; margin: -3px;}
@media only screen and (max-width: 480px) {
	#mainimg{ float:none; }
	#thum ul{
		padding:10px 0 0 0;
		margin:0;
		width:100%;
		}
	#thum ul li{
		padding:0 0 2px 4px;
		margin:0;
		float:left;
		width:15%;
		}
	#thum ul li img{ width:100%;}
	/*トップスマホ版実例一覧*/
	#top_map_sp{
		background:#e1eef8;
		}
	#top_map_sp h4{
		font-size:16px;
		padding:10px;
		margin:0;
		color:#3392cd;
		background:#b7d8ed;
		border-bottom:1px solid #c0dced;
		}
	#top_map_sp ul{
		border-bottom:1px solid #c0dced;
		padding:0;
		margin:0;
		}
	#top_map_sp li{
		border-top:1px solid #eaf7ff;
		border-bottom:1px solid #c0dced;
		padding:12px;
		margin:0;
		text-decoration:none;
		
		}
	#top_map_sp li:hover{
		background:#cee4f2;
		}
	#top_map_sp li a{
		display:block;
		background:url(../images/icon_list.png) no-repeat left;
		padding-left:10px;
		}

}


p.lead{
	padding:0 0 20px 0;
	font-size:17px;
	color:#069;
	line-height:20px
	}
p.concept{
	padding:20px 0 30px 0;
	}
p.top_concept{
	padding:0px 0 15px 0;
	}
 
/**/
#map_bunjou ul{
	padding:0;
	margin:0;
	}
#map_bunjou li{
	padding:0;
	margin:0;
	float:left;
	}
#map_bunjou .map{
	width:517px;
	}
#map_bunjou .map img{
	width:517px;
	}
#map_bunjou .data{
	width:190px;
	padding:5px;
	margin:0 0 0 10px;
	background:#f6f6f6;
	}
#map_bunjou .data .datatxt{
	padding:8px;
	font-size:88%;
	}
@media only screen and (max-width: 480px) {
	#map_bunjou .map{
		width:100%;
		}
	#map_bunjou .map img{
		width:100%;
		}
	#map_bunjou .data{
		width:96%;
		padding:5px;
		margin:0;
		background:#f6f6f6;
		}
	#map_bunjou .data .datatxt{
		padding:8px;
		font-size:88%;
		}
	#map_bunjou .data img{
		}
	}