@charset "shift_jis";
/* CSS Document

	1. 地図から探す
	2. 市町村を選ぶ
	3. サービスを選ぶ
	4. 検索結果（施設一覧）

															2011.09.26.
------------------------------------------------------------------------------- */






/* ============================================================================
	1. 地図から探す
=============================================================================== */
.largeMap {
	width: 690px;
	height: 615px;
	margin: 0 0 40px;
	background: url(../img/search/largemap.gif) 0 0 no-repeat;
	font-size: 16px;
	line-height: 1.8em;
	position: relative;
}

.largeMap a {
	color: #333;
}
.largeMap a:hover {
	color: #F60;
}


.largeMap #hokkaido {
	position: absolute;
	left: 555px;
	top: 110px;
	width: 190px;
}
.largeMap #tohoku {
	position: absolute;
	left: 495px;
	top: 210px;
}
.largeMap #tohoku li {
	display: block;
	float: left;
}
.largeMap #tohoku li a {
	display: block;
	float: left;
	width: 90px;
}

.largeMap #kanto {
	position: absolute;
	left: 495px;
	top: 325px;
	width: 190px;
}
.largeMap #kanto li {
	display: block;
	float: left;
}
.largeMap #kanto li a {
	display: block;
	float: left;
	width: 90px;
}

.largeMap #tyubu {
	position: absolute;
	left: 300px;
	top: 80px;
}
.largeMap #kinki {
	position: absolute;
	left: 335px;
	top: 465px;
	width: 190px;
}
.largeMap #kinki li {
	display: block;
	float: left;
}
.largeMap #kinki li a {
	display: block;
	float: left;
	width: 90px;
}

.largeMap #tyugoku {
	position: absolute;
	left: 155px;
	top: 260px;
}
.largeMap #shikoku {
	position: absolute;
	left: 230px;
	top: 482px;
}
.largeMap #kyusyu {
	position: absolute;
	left: 35px;
	top: 370px;
}
.largeMap #okinawa {
	position: absolute;
	left: 160px;
	top: 140px;
}




#searchBOX_map {
	width: 540px;
	padding: 20px;
	margin: 0 0 40px;
	border: 5px solid #B3B3B3;
}
#searchBOX_map h3 {
	float: left;
	width: 200px;
}
#searchBOX_map input {
	padding: 2px 5px;
}

#searchBOX_map .s_txtarea {
	width: 200px;
}



/* ============================================================================
	2. 市町村を選ぶ
=============================================================================== */
.searchCity {
	width: 660px;
	margin: 0 auto 10px;
	border: 1px solid #CCC;
}
.searchCity th {
	width: 100px;
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	background-color: #EEE;
	text-align: center;
	font-size: 14px;
}
.searchCity td {
	width: 135px;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #CCC;
	text-align: left;
	font-size: 14px;
}


/*  */
.searchMenu_pre {
	width: 670px;
	margin: 0 auto 40px;
	overflow: hidden;
}

.searchMenu_pre li {
	display: block;
	float: left;
}

.searchMenu_pre li a {
	display: block;
	float: left;
	width: 6em;
	padding: 0.5em 0;
	margin: 0 5px 5px 0;
	background-color: #EEE;
	text-align: center;
	text-decoration: none;
	color: #333;
}

.searchMenu_pre li a:hover {
	background-color: #F90;
}





/* ============================================================================
	3. サービスを選ぶ
=============================================================================== */
.searchService {
	width: 640px;
	padding: 10px;
	margin: 0 auto 10px;
	border: 1px solid #666;
	overflow: hidden;
}

.searchService h3 {
	float: left;
	width: 300px;
	padding: 10px;
	background-color: #F2F2F2;
}

.searchService ul,
.searchService .sebox_right {
	float: right;
	width: 300px;
}






/* ============================================================================
	4. 検索結果（施設一覧）
=============================================================================== */
.result_txt {
	width: 650px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 1.1em;
}


/* 施設一覧
----------------------------------------- */
.boxListFaci {
	clear: both;
	width: 640px;
	padding: 0 0 0 10px;
	margin: 0 auto 20px;
	border: 1px solid #666;
}
.boxListFaci h3 {
	width: 580px;
	padding: 5px 60px 5px 10px;
	margin: 0 0 10px -10px;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/common/bg_gra_gray.gif) left bottom repeat-x;
	border-bottom: 1px solid #666;
	line-height: 1.3em;
}
.boxListFaci h3 span {
	display: block;
	font-weight: normal;
	font-size: 13px;
}

.boxListFaci .icon_recruit {
	width: 40px;
	margin: -55px 0 20px 590px;
	text-align: right;
}





/* Service
------------------------- */
.boxListFaci .service1,
.boxListFaci .service2,
.boxListFaci .service3,
.boxListFaci .service4,
.boxListFaci .service5,
.boxListFaci .service6,
.boxListFaci .service7,
.boxListFaci .service8,
.boxListFaci .service9,
.boxListFaci .service10 {
	width: 630px;
	padding: 2px 10px;
	margin: 0 0 0 -10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1em;
}

.boxListFaci .service1 {
	color: #FFF;
	background-color: #E36D4A;
}
.boxListFaci .service2 {
	color: #FFF;
	background-color: #F4AA29;
}
.boxListFaci .service3 {
	color: #FFF;
	background-color: #E1E54E;
}
.boxListFaci .service4 {
	color: #666;
	background-color: #FCEE21;
}
.boxListFaci .service5 {
	color: #FFF;
	background-color: #D16B90;
}
.boxListFaci .service6 {
	color: #FFF;
	background-color: #ACCB4B;
}
.boxListFaci .service7 {
	color: #FFF;
	background-color: #40A471;
}
.boxListFaci .service8 {
	color: #FFF;
	background-color: #009DA4;
}
.boxListFaci .service9 {
	color: #FFF;
	background-color: #0089BE;
}
.boxListFaci .service10 {
	color: #FFF;
	background-color: #62629F;
}

.boxListFaci table {
	float: left;
	width: 470px;
	margin: 0 0 10px;
	border-top: 1px dotted #999
}
.boxListFaci table th {
	padding: 5px 20px;
	width: 1%;
	white-space: nowrap;
	color: #930;
	font-weight: normal;
	border-bottom: 1px dotted #999;
	line-height: 1.4em;
}
.boxListFaci table td {
	padding: 5px 5px;
	border-bottom: 1px dotted #999;
	line-height: 1.4em;
}


.boxListFaci .deFaci {
	clear: both;
	text-align: center;
	font-size: 14px;
}

.boxListFaci .deFaci a {
	display: block;
	width: 630px;
	padding: 2px 10px;
	margin: 10px -10px 0;
	background-color: #333;
	color: #FFF;
	line-height: 1.1em;
	text-decoration: none;
}
.boxListFaci .deFaci a:hover {
	background-color: #666;
}





/* 名前だけの施設 */
.boxListFaci .txt_nodatafac01 {
	padding: 5px 20px;
	margin: 0 10px 0 0;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	line-height: 1.3em;
}
.boxListFaci .txt_nodatafac02 {
	padding: 5px 20px;
	margin: 0 10px 10px 0;
	border-bottom: 1px dotted #999;
	line-height: 1.3em;
}
.boxListFaci .txt_nodatafac01 span,
.boxListFaci .txt_nodatafac02 span {
	color: #930;
}











/* ページ移動
----------------------------------------- */
.resultFaci {
	clear: both;
	width: 650px;
	margin: 0 auto 40px;
	text-align: center;
	overflow: hidden;
	text-align: center;
}

.resultFaci li {
	display: block;
	float: left;
	margin-right: 3px;
	text-align: center;
	font-size: 14px;
}
.resultFaci li a {
	display: block;
	float: left;
	width: 40px;
	padding: 5px 0;
	background-color: #EEE;
	color: #333;
	text-decoration: none;
	text-align: center;
}
.resultFaci li.nextpage a {
	width: 65px !important;
}



.resultFaci li a:hover {
	background-color: #F60;
	color: #FFF;
}

.resultFaci li.active a {
	background-color: #F60;
	color: #FFF;
}