@charset "utf-8";

#contents_wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 90px;
}

#contents {
	width: 960px;
	margin: 0 auto;
}

	#contents #select #select_menu li a { font-size: 15px; }
	#contents .factory ul li p.f_name { font-size: 20px;}
	#contents .factory ul li p.f_company { font-size: 15px;}
	#contents .factory ul li p.f_address { font-size: 15px; }


#contents h2 {
	margin-top: 30px;
}

#contents #select {
	width: 400px;
	margin: 10px auto 30px auto;
	position: relative;
}

	#contents #select #select_box {
		padding-left: 19px;
		width: 379px;
		height: 58px;
		line-height: 58px;
		border: 1px solid #11aaee;
		position: relative;
	}

		#contents #select #select_box #btn {
			position: absolute;
			width: 34px;
			height: 34px;
			top: 0;
			bottom: 0;
			right: 15px;
			margin: auto;
			background: url(../img/open.png) left top no-repeat;
			background-size: 100%;
		}

		#contents #select #select_box #btn:hover {
			opacity: 0.8;
			cursor: pointer;
		}

	#contents #select #select_menu {
		width: 398px;
		border-right: 1px solid #11aaee;
		border-left: 1px solid #11aaee;	
		border-bottom: 1px solid #11aaee;
		position: absolute;
		top: 60px;
		left: 0;
		background-color: #fff;
		display: none;
		z-index: 15;
	}

		#contents #select #select_menu ul {
		}

		#contents #select #select_menu li {
			margin: 9px;
		}

		#contents #select #select_menu li a {
			display: block;
			width: 100%;
			height: 30px;
			line-height:30px;
			text-align: center;
			color: #006699;
			background-color: #fff;
		}

		#contents #select #select_menu li a:hover {
			color: #006699;
			background-color: #cfeefc;
			opacity: 1;
		}


#contents #map_block {
	width: 960px;
	margin: 0 0 30px 0
}

#contents #map_block #map {
	width: 960px;
	height: 398px;
	background: url(../img/map_pc.png) left top no-repeat;
	position: relative;
}

	#contents #map_block #map ul#company {
		position: absolute;
		top: 0;
		left: 170px;
		z-index: 14;
	}
		#contents #map_block #map ul#company li {
			margin-bottom: 6px;
			letter-spacing: -0.5px;
		}

		#contents #map_block #map ul#company li span.small_company_name{
			font-size: 10px;
		}

		.pro { color: #00b8a9; }
		.ber { color: #dcb518; }
		.spi { color: #01ac0c; }
		.bg_pro { background-color: #00b8a9; }
		.bg_ber { background-color: #dcb518; }
		.bg_spi { background-color: #01ac0c; }


	#contents #map_block #map ul#place {
		z-index: 14;
	}

	#contents #map_block #map ul#place li {
		position: absolute; 
		width: 135px;
		height: 35px;
		margin: 0;
	}

	#contents #map_block #map ul#place li#p_azusanomori { top: 30px; left: 657px; }
	#contents #map_block #map ul#place li#p_tonegawa { top: 68px; left: 649px; }
	#contents #map_block #map ul#place li#p_haruna { top: 106px; left: 649px; }
	#contents #map_block #map ul#place li#p_hanyu { top: 144px; left: 649px; }
	#contents #map_block #map ul#place li#p_tamagawa { top: 182px; left: 649px; }
	#contents #map_block #map ul#place li#p_musashino { top: 220px; left: 649px; }
	#contents #map_block #map ul#place li#p_ayase { top: 258px; left: 624px; width: 150px; }
	#contents #map_block #map ul#place li#p_shinano { top: 30px; left: 413px; width: 240px; }
	#contents #map_block #map ul#place li#p_water { top: 68px; left: 413px; width: 205px; }
	#contents #map_block #map ul#place li#p_hakushu { top: 106px; left: 413px; }
	#contents #map_block #map ul#place li#p_kisogawa { top: 296px; left: 550px; }
	#contents #map_block #map ul#place li#p_oumi { top: 334px; left: 455px; width: 180px; }
	#contents #map_block #map ul#place li#p_ujigawa { top: 280px; left: 328px; }
	#contents #map_block #map ul#place li#p_kyoto { top: 318px; left: 303px; }
	#contents #map_block #map ul#place li#p_yamazaki { top: 84px; left: 170px; }
	#contents #map_block #map ul#place li#p_osaka { top: 122px; left: 170px; }
	#contents #map_block #map ul#place li#p_takasago { top: 160px; left: 170px; }
	#contents #map_block #map ul#place li#p_okudaisen { top: 226px; left: 170px; width: 200px; }
	#contents #map_block #map ul#place li#p_kyushu-kumamoto { top: 356px; left: 277px; }

	#contents #map_block #map ul#place li a {
		display: block;
		line-height: 35px;
		color: #fff;
		text-align: center;
	}

	#contents #map_block #map ul#place li:hover,
	#contents #map_block #map ul#place li a:hover {
		opacity: 0.8;
	}

	#contents #map_block p#comment {
		margin-top: 10px;
		text-align: center;
		font-size: 15px;
	}


#contents .factory {
	width: 960px;
	margin: 0 0 50px 0;
}

	#contents .factory h3 {
		padding-left: 20px;
		margin: 0 0 20px 0;
		width: 940px;
		height: 60px;
		line-height: 60px;
		background-color: #c5ecff;
	}

	#contents .factory ul {
		width: 960px;
		overflow: hidden;
	}

	#contents .factory ul li {
		width: 450px;
		margin-right: 60px;
		float: left;
		position: relative;
	}

	#contents .factory ul li:nth-child(even) {
		margin-right: 0;
	}

	#contents .factory ul li p.f_img {
		width: 450px;
		height: 254px;
		margin: 0 0 22px 0;
	}

	#contents .factory ul li p.f_img img {
		width: 100%;
		height: auto;
	}

	#contents .factory ul li p.f_name {
		margin: 0 0 10px 0;
		font-weight: bold;
	}

	#contents .factory ul li p.f_company {
		margin: 0 0 20px 0;
	}

	#contents .factory ul li p.f_company a {
		color: #006699;
	}

	#contents .factory ul li p.f_company a:hover {
		opacity: 0.7;
	}

	#contents .factory ul li p.f_address {
	
	}

	#contents .factory ul li p.f_map {
		width: 69px;
		height: 69px;
		position: absolute;
		top: 273px;
		right: 0;
	}

	#contents .factory ul li p.f_map a {
		display: block;
	}

	#contents .factory ul li p.f_map a img {
		width: 100%;
		height: auto;
	}

	#contents .factory ul li p.f_map a:hover img {
		opacity: 0.8;
		cursor: pointer;
	}