@charset 'UTF-8';

#kensakuPanel{
	overflow:hidden;
	width:960px;
	/*height:htmlで設定*/
	margin:0 0 16px 0;
	background:#aae800;
}
#panelLeft{
	overflow:auto;
	float:left;
	width:348px;
	/*height:htmlで設定*/
	margin:4px 0 4px 4px;
	padding:0;
	background:#fff url(../common_image/box1_top.gif) repeat-x;
}
* html body #panelLeft{
	margin:4px 0 4px 2px;
}
#panelRight{
	overflow:auto;
	float:right;
	width:600px;
	/*height:htmlで設定*/
	margin:4px 4px 4px 0;
	padding:0;
	background:#fff url(../common_image/box1_top.gif) repeat-x;
}
* html body #panelRight{
	margin:4px 2px 4px 0;
}

/*検索パネルの見出し*/
.panelHead{margin:0;padding:0;height:24px;text-align:left;}

/*panel left
------------------------------------------------------------------------------*/

/*カテゴリトップ専用フォーム表示領域*/
#panelTopKeywordForm{
	overflow:hidden;
	width:338px;
	height:70px;
	padding:5px;
	background:#8f8;
}
* html body #panelTopKeywordForm{
	width:348px;
	height:80px;
}
/*カテゴリトップ専用ランキング枠*/
#panelRankingSolo{
	overflow:hidden;
	width:348px;
	margin:0;
	padding:0;
	border-style:solid none none none;
	border-width:1px 0 0 0;
	border-color:#aae800;
}
* html body #panelRankingSolo{
	width:348px;
}


/*フォーム表示領域
--------------------------------------*/

/*キーワードフォーム*/
#searchForm{
	overflow:hidden;
	width:328px;
	height:50px;
	margin:0;
	padding:6px 0 0 20px;
}
* html body #searchForm{
	width:348px;
	height:56px;
}
#searchForm .searchFormString{
	padding:0 0 6px;
}

/*頭文字の一文字*/
#panelFirstStringArea{
	width:308px;
	height:26px;
	margin:0;
	padding:0 20px;
	background:url(../common_image/bg_undershadow.gif) bottom left repeat-x;
}
* html body #panelFirstStringArea{
	width:348px;
}
a.FSchar{
	display:block;
	overflow:hidden;
	float:left;
	margin:0 1px 0 0;
	padding:0;
	width:17px;
	height:17px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:1;
	border:1px #ddd solid;
	color:#666;
	background:#f8f8f8;
}
* html body a.FSchar{
	width:18px;
	height:18px;
}
a.FSchar:hover{
	display:block;
	overflow:hidden;
	float:left;
	margin:0 1px 0 0;
	padding:0;
	width:17px;
	height:17px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:1;
	border:1px #f80 solid;
	color:#f80;
	background:#fda;
}
* html body a.FSchar:hover{
	width:18px;
	height:18px;
}
/*頭文字の一行*/
.FScharGyou{
	float:left;
	margin:0 5px 0 0;
}
/*頭文字の一区切り*/
.FScharDivision{
	clear:left;
	height:22px;
}
/*頭文字の一区切り*/
.FScharArea{
	margin:4px;
}


/*リスト表示領域
--------------------------------------*/
#panelListArea{
	position:relative;
	overflow:hidden;
	width:348px;
	height:443px;
	padding:0;
	border-style:solid none none none;
	border-width:1px 0 0 0;
	border-color:#aae800;
}
* html body #panelListArea{
	height:444px;
}
/*panelKeywordList, panelAroundList*/
#panelListArea #panelKeywordList,
#panelListArea #panelAroundList{
	display:none;/*初期は非表示*/
	position:absolute;
	overflow:hidden;
	width:338px;
	height:428px;
	padding:10px 5px 5px;
}
* html body #panelListArea #panelKeywordList,
* html body #panelListArea #panelAroundList{
	width:348px;
	height:443px;
}
/*panelRankingList(余白なし)*/
#panelListArea #panelRankingList{
	display:none;/*初期は非表示*/
	position:absolute;
	overflow:hidden;
	width:348px;
	height:443px;
	padding:0;
}
#panelListArea #panelRankingList ul#rankingList{
	height:419px
}

/*絞り込みフォーム領域(keywordのみ)*/
#panelShiborikomiArea{
	overflow:hidden;
	width:338px;height:58px;
	margin:0;padding:0;
}
#panelShiborikomiArea #shiborikomiForm{
	float:right;
	height:58px;
}
#panelShiborikomiArea #shiborikomiForm select{
	width:100px;
}
#panelShiborikomiArea #shiborikomiForm select#panelKeywordListSubFormCategory{
	width:80px;
}
#panelShiborikomiArea #shiborikomiForm select#panelKeywordListSubFormSubCategory{
	width:150px;
}
#panelShiborikomiArea #shiborikomiForm p{
	padding:4px 1px 0 4px;
}
/*検索条件領域(keywordのみ)*/
#keywordListConditionArea{
	overflow:hidden;
	width:338px;
	height:22px;
	text-align:center;
	padding:8px 0 0 0;
	background:url(../image/cTown_condition.gif) no-repeat top center;
}
* html body #keywordListConditionArea{
	height:30px;
}
/*表領域*/
#keywordListListArea{
	height:370px;
}
/*検索条件表示(aroundのみ)*/
#aroundConditionArea{
	overflow:hidden;
	width:318px;
	height:48px;
	color:#fff;
	text-align:center;
	padding:10px 10px 0 10px;
	background:#87b4ff url(../image/cTown_shuhen_condition.gif) no-repeat top center;
}
* html body #aroundConditionArea{
	width:338px;
	height:58px;
}
/*表領域*/
#aroundListArea{
	height:370px;
}

/*検索候補th*/
#keywordListHeader{
	overflow:hidden;
	width:338px;
	height:20px;
	background:url(../image/cTown_th.gif) no-repeat top center;
}
#aroundListHeader{
	overflow:hidden;
	width:338px;
	height:20px;
	background:url(../image/cTown_shuhen_th.gif) no-repeat top center;
}
/*検索候補表示(keywordListBody) = keywordListTable + keywordListPage*/
#keywordListBody,
#aroundListBody{
	overflow:hidden;
	width:338px;
	height:320px;
	text-align:center;
}
/*検索候補テーブル領域*/
#keywordListTableArea,
#aroundListTableArea{
	overflow:hidden;
	width:338px;
	height:300px;
}
/*検索候補テーブル*/
table#keywordListTable,
table#aroundListTable{
	overflow:hidden;
	width:338px;
}
/*検索候補テーブルセル*/
table#keywordListTable td,
table#aroundListTable td{
	overflow:hidden;
	height:30px;
	margin:0;
	padding:0;
	text-align:left;
	/*background:jsで指定;*/
}
/*検索候補テーブル名称欄*/
table#keywordListTable #keywordListName,
table#aroundListTable #keywordListName{
	overflow:hidden;
}
/*検索候補テーブル読み欄*/
table#keywordListTable #keywordListYomi,
table#aroundListTable #keywordListYomi{
	float:left;margin:0;padding:0;overflow:hidden;
	width:185px;
	height:1em;
	line-height:1;
}
/*検索候補テーブル地区欄*/
table#keywordListTable #keywordListCities,
table#aroundListTable #keywordListCities{
	float:right;margin:0 10px 0 0;padding:0;overflow:hidden;
	width:60px;
	height:1em;
	text-align:center;
	line-height:1;
}
/*検索候補テーブルカテゴリ欄*/
table#keywordListTable #keywordListCategory,
table#aroundListTable #keywordListCategory{
	float:right;margin:0;padding:0;overflow:hidden;
	width:80px;
	height:1em;
	text-align:center;
	line-height:1;
}

/*検索候補ページリンク*/
#keywordListPage,
#aroundListPage{
	overflow:hidden;
	width:338px;
	height:17px;
	padding:3px 0 0 0;
}
* html body #keywordListPage,
* html body #aroundListPage{
	height:20px;
}

/*panel right
------------------------------------------------------------------------------*/

/*カテゴリトップ
--------------------------------------*/
#searchCityAndCategory{
	overflow:hidden;
	height:402px;
}
p.cityAndCategoryMidashi{
	margin:15px 0 0;
	padding:2px 10px;
	background:#eee;
}
p.cityAndCategoryString{
	margin:0;
	padding:5px 10px;
}
#cityAndCategoryButtonArea{
	margin:20px 0 0;
	text-align:center;
}

/*カテゴリ選択ボタン領域*/
#categoryButtonArea{
	height:34px;
	text-align:center;
}
/*カテゴリ選択ボタン*/
#categoryButton{
	width:594px;
	height:34px;
	margin:0 auto;
	padding:0;
}
/*地区選択マップ領域*/
#citiesMapArea{
	height:170px;
	text-align:center;
}
/*地区選択マップ*/
#citiesMap{
	width:290px;
	height:170px;
	margin:0 auto;
	padding:0;
	background:url(../image/cTown_citiesmap.gif) no-repeat top left;
}
#citiesMap img{
	width:290px;
	height:170px;
	margin:0;
	padding:0;
}

/*検索結果
--------------------------------------*/
/*施設名表示領域*/
#panelContentsHeader{
	width:600px;
	height:76px;
}

#panelContentsHeaderInner{
	width:594px;
	height:70px;
	padding:6px 0 0 6px;
	background:url(../common_image/bg_panel_3_b.gif) bottom left repeat-x;
	background-position:0 -44px;
}
* html body #panelContentsHeaderInner{
	width:600px;
	height:76px;
}
/*panelContentsBody = contents表示領域＋タブ領域*/
#panelContentsBody{
	display:none;/*初期は非表示*/
	overflow:hidden;
	width:600px;
	height:474px;
}

/*panelContentsDetailArea (contents表示領域) = 詳細情報表示領域 + マップ表示領域*/
#panelContentsBody #panelContentsDetailArea{
	position:relative;
	overflow:hidden;
	width:600px;
	height:442px;
}



/*Contents Area*/

#panelContentsBody #panelContentsDetailArea #panelContentsArea{
	position:absolute;
	overflow:hidden;
	width:600px;
	height:442px;
}
/*影付け用*/
#panelContentsBody #panelContentsDetailArea #panelContentsArea #panelContentsOuter{
	width:600px;
	height:414px;
	background:#fff url(../common_image/bg_undershadow.gif) repeat-x left bottom;
}
#panelContentsBody #panelContentsDetailArea #panelContentsArea #panelContents{
	overflow:auto;
	width:570px;
	height:384px;
	padding:15px;
}
* html body #panelContentsBody #panelContentsDetailArea #panelContentsArea #panelContents{
	width:600px;
	height:414px;
}
/*詳細情報の写真領域*/
#panelContentsBody #panelContentsDetailArea #panelContentsArea #panelContents #contentsDataImages{
	float:right;
	margin:0 0 10px 10px;
	padding:0;
	width:180px;
}
/*詳細情報の写真領域 写真自体*/
#panelContentsBody #panelContentsDetailArea #panelContentsArea #panelContents #contentsDataImages img{
	margin-bottom:5px;
}

#panelContentsBody #panelContentsDetailArea #panelContentsArea #panelButton,
#panelContentsBody #panelContentsDetailArea #panelContentsArea #panelButtonEmpty{
	overflow:hidden;
	width:594px;
	height:22px;
	padding:3px;
	text-align:right;
	background:#9ce3f3;
}
* html body #panelContentsBody #panelContentsDetailArea #panelContentsArea #panelButton,
* html body #panelContentsBody #panelContentsDetailArea #panelContentsArea #panelButtonEmpty{
	width:600px;
	height:28px;
}

/*Map Area*/

#panelContentsBody #panelContentsDetailArea #panelMapArea{
	position:absolute;
	overflow:hidden;
	width:600px;
	height:442px;
	background:#fff;
}
#panelContentsBody #panelContentsDetailArea #panelMapArea #panelMapHeader{
	overflow:hidden;
	width:600px;
	height:12px;
	background:#eee;
}
#panelContentsBody #panelContentsDetailArea #panelMapArea #panelMap{
	overflow:hidden;
	width:600px;
	height:390px;
}


/*サブコンテンツ
------------------------------------------------------------------------------*/
/*横位置*/
.pickUp{
	padding:4px;
	height:100px;
}
* html body .pickUp{
	height:108px;
}
/*縦位置
.pickUp{
	padding:4px;
	height:130px;
}
* html body .pickUp{
	height:138px;
}*/
.pickUpText{
}

/*横位置*/
.pickUpImg{
	float:right;
	width:150px;
	height:100px;
	margin:0 0 0 4px;
	background:#eee;
}
/*縦位置
.pickUpImg{
	float:right;
	width:100px;
	height:130px;
	margin:0 0 0 4px;
	background:#eee;
}*/