@charset "UTF-8";

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
townディレクトリ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*タイトル - タウンライター新着記事一覧・お店編*/
h3.pageTitleListTownwriterShop {
	background: url(/town/list-townwriter-shop/images/title.gif) 0 0;
}

/*タイトル - 生活マル得情報*/
h3.pageTitleListMarutoku {
	background: url(/town/list-marutoku/images/title.gif) 0 0;
}

/*タイトル - サービスチケット情報*/
h3.pageTitleListSticket {
	background: url(/town/list-sticket/images/title.gif) 0 0;
}

/*タイトル - 商店会からのお知らせ*/
h3.pageTitleListSocietyInfo {
	background: url(/town/list-society-info/images/title.gif) 0 0;
}

/*タイトル - お店情報更新履歴*/
h3.pageTitleListShopUpdate {
	background: url(/town/list-shop-update/images/title.gif) 0 0;
}

/*タイトル - 新着店舗*/
h3.pageTitleListShopNew {
	background: url(/town/list-shop-new/images/title.gif) 0 0;
}

/*タイトル - お店ブログ新着記事*/
h3.pageTitleListShopNewEntry {
	background: url(/town/list-shop-newentry/images/title.gif) 0 0;
}

/*タイトル - 新着お店ブログ*/
h3.pageTitleListShopNewBlog {
	background: url(/town/list-shop-newblog/images/title.gif) 0 0;
}

/*タイトル - 小田原の医療機関のご案内*/
h3.pageTitleMedical {
	background: url(/town/medical/images/title.gif) 0 0;
}

/*タイトル - 時刻表*/
h3.pageTitleRailwayTimetable {
	background: url(/town/railway-timetable/images/title.gif) 0 0;
}

/*タイトル - 求人情報*/
h3.pageTitleListKyujinNewEntry {
	background: url(/town/list-kyujin-newentry/images/title.gif) 0 0;
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
タウン情報トップ検索エリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#divShopMainSearchArea {
	margin: 0 0 20px 0;
	width: 910px;
	height: 414px;
	display: block;
	background: url(/town/images/search-area-bg.gif) no-repeat;
}
#divShopMainSearchAreaInner {
	padding: 10px 10px 0 10px;
}
/********************目的からお店を探す********************/
#divSearchCategoryBox {
	float: left;
	width: 222px;
	height: 394px;
	background: url(/town/images/search-category-box-bg.gif) no-repeat;
}
/*タウン情報出店数*/
#divSearchTotal {
	padding: 5px 0 2px 6px;
}
#divSearchTotal p {
	margin: 0;
	padding: 3px 0 0 54px;
	width: 156px;
	height: 57px;
	display: block;
	background: url(/town/images/search-total-img.gif) no-repeat bottom;
	color: #333;
	font-weight: bold;
}
#divSearchTotal p em {
	font-style: normal;
	font-size: 17px;
	line-height: 0.9em;
}
#divSearchTotal p span {
	padding: 0 3px;
	color: #C00;
	font-size: 20px;
	font-family: Verdana;
}

#divSearchCategoryTtl {
	position: relative;
	padding: 0 0 0 6px;
}
#divSearchCategoryTtl h4 {
	width: 210px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: url(/town/images/search-category-ttl.gif) no-repeat;
}
#divSearchCategoryTtl p {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 8px;
	right: 13px;
	font-size: 0.1em;
	line-height: 0.1em;
}
#divSearchCategoryTtl p a {
	width: 60px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/town/images/btn-search-category.gif) no-repeat;
}
#divSearchCategoryTtl p a:hover {
	background: url(/town/images/btn-search-category.gif) no-repeat 0 -18px;
}

#divSearchCategoryBoxList {
	padding: 0 0 0 8px;
}
#divSearchCategoryBoxList ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
#divSearchCategoryBoxList ul li {
	position: relative;
	width: 206px;
	height: 24px;
	line-height: 24px;
	background: url(/town/images/search-category-list-bg.gif) no-repeat left bottom;
	color: #666;
}
#divSearchCategoryBoxList ul li.liColor {
	background: #E8F0F2 url(/town/images/search-category-list-color-bg.gif) no-repeat left bottom;
}
#divSearchCategoryBoxList ul li span {
	position: absolute;
	top: 0;
	right: 3px;
	font-weight: normal;
	font-family: Verdana;
	font-size: 11px;
}
#divSearchCategoryBoxList ul li a {
	width: 206px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
#divSearchCategoryBoxList ul li a:hover {
	cursor: pointer;
	background: #E8F0F2 url(/town/images/search-category-list-color-bg.gif) no-repeat left bottom;
}



/*********************フリーワードで探す*********************/
#divSearchRightArea {
	float: right;
	width: 658px;
	height: 394px;
}

#divSearchFreeWordBox {
	margin: 0 0 10px 0;
	width: 658px;
	height: 38px;
	background: url(/town/images/search-freeword-box-bg.gif) no-repeat; 
}
#divSearchFreeWordBox form {
	margin: 0;
	padding: 5px 0 0 11px;
}
#divSearchFreeWordBox h4 {
	margin: 3px 0 0 0;
	padding: 0;
	float: left;
	width: 125px;
	height: 22px;
	text-indent: -9999px;
	background: url(/town/images/search-freeword-ttl.gif) no-repeat left;
}
#divSearchFreeWordBox input.textField {
	float: left;
	margin: 3px 8px 0 0;
	padding: 0;
	width: 429px;
	height: 22px;
	border: none;
	line-height: 22px;
	text-indent: 30px;
	background: url(/town/images/search-freeword-img.gif) no-repeat left;
}
#divSearchFreeWordBox input.searchBtn {
	float: left;
	margin: 0;
	padding: 0;
	width: 63px;
	height: 28px;
	cursor: pointer;
}



/*********************マップからお店を探す*********************/
#divSearchMapBox {
	float: left;
	width: 428px;
	height: 346px;
	background: url(/town/images/search-map-box-bg.gif) no-repeat;
}
#divSearchMapBoxInner {
	position: relative;
	margin: 4px 0 0 4px;
	padding: 0;
	width: 420px;
	height: 338px;
	background: url(/town/images/search-map-bg.gif) no-repeat;
}
#divSearchMapBoxInner p {
	position: absolute;
}
#divSearchMapBoxInner p a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#divSearchMapBoxInner p#pLink1 { top: 48px; left: 164px; width: 75px; height: 40px; }
#divSearchMapBoxInner p#pLink2 { top: 89px; left: 164px; width: 75px; height: 40px; }
#divSearchMapBoxInner p#pLink3 { top: 72px; left: 240px; width: 110px; height: 57px; }
#divSearchMapBoxInner p#pLink4 { top: 130px; left: 135px; width: 104px; height: 42px; }
#divSearchMapBoxInner p#pLink5 { top: 130px; left: 240px; width: 121px; height: 42px; }
#divSearchMapBoxInner p#pLink6 { top: 173px; left: 96px; width: 95px; height: 90px; }
#divSearchMapBoxInner p#pLink7 { top: 173px; left: 192px; width: 141px; height: 44px; }
#divSearchMapBoxInner p#pLink8 { top: 173px; left: 334px; width: 74px; height: 44px; }
#divSearchMapBoxInner p#pLink9 { top: 264px; left: 20px; width: 99px; height: 55px; }

#divSearchMapBoxInner p#pLink1 a { width: 75px; height: 40px; }
#divSearchMapBoxInner p#pLink2 a { width: 75px; height: 40px; }
#divSearchMapBoxInner p#pLink3 a { width: 110px; height: 57px; }
#divSearchMapBoxInner p#pLink4 a { width: 104px; height: 42px; }
#divSearchMapBoxInner p#pLink5 a { width: 121px; height: 42px; }
#divSearchMapBoxInner p#pLink6 a { width: 95px; height: 90px; }
#divSearchMapBoxInner p#pLink7 a { width: 141px; height: 44px; }
#divSearchMapBoxInner p#pLink8 a { width: 74px; height: 44px; }
#divSearchMapBoxInner p#pLink9 a { width: 99px; height: 55px; }

#divSearchMapBoxInner p#pLink1 a:hover { background:url(/town/images/search-map-btn-001.gif) no-repeat; }
#divSearchMapBoxInner p#pLink2 a:hover { background:url(/town/images/search-map-btn-002.gif) no-repeat; }
#divSearchMapBoxInner p#pLink3 a:hover { background:url(/town/images/search-map-btn-003.gif) no-repeat; }
#divSearchMapBoxInner p#pLink4 a:hover { background:url(/town/images/search-map-btn-004.gif) no-repeat; }
#divSearchMapBoxInner p#pLink5 a:hover { background:url(/town/images/search-map-btn-005.gif) no-repeat; }
#divSearchMapBoxInner p#pLink6 a:hover { background:url(/town/images/search-map-btn-006.gif) no-repeat; }
#divSearchMapBoxInner p#pLink7 a:hover { background:url(/town/images/search-map-btn-007.gif) no-repeat; }
#divSearchMapBoxInner p#pLink8 a:hover { background:url(/town/images/search-map-btn-008.gif) no-repeat; }
#divSearchMapBoxInner p#pLink9 a:hover { background:url(/town/images/search-map-btn-009.gif) no-repeat; }

/*********************50音からお店を探す*********************/
#divSearchRightAreaInner {
	float: right;
	width: 220px;
	height: 346px;
}

#divSearch50onBox {
	margin: 0 0 10px 0;
	padding: 4px 4px 0 4px;
	width: 212px;
	height: 120px;
	background: url(/town/images/search-50on-box-bg.gif) no-repeat;
}
#divSearch50onBox h4 {
	margin: 0;
	padding: 0;
	width: 212px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: url(/town/images/search-50on-ttl.gif) no-repeat;
}
#divSearch50onTableBox {
	padding: 6px 3px 0 3px;
}
#divSearch50onTableBox table.tableLeft {
	float: left;
	width: 100px;
}
#divSearch50onTableBox table.tableRight {
	float: right;
	width: 100px;
}
#divSearch50onTableBox td {
	padding: 1px 3px 0 3px;
	background: #F7F7F7;
	line-height: 14px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#divSearch50onTableBox td a {
	text-decoration: none !important;
	display: block;
}
#divSearch50onTableBox .tableColor td {
	background: #E8F0F2;
}




/*********************画像からお店を探す*********************/
#divSearchImgBox {
	margin: 0 0 10px 0;
	padding: 4px 4px 0 4px;
	width: 212px;
	height: 120px;
	background: url(/town/images/search-image-box-bg.gif) no-repeat;
}
#divSearchImgBox h4 {
	margin: 0;
	padding: 0;
	width: 212px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	background: url(/town/images/search-image-ttl.gif) no-repeat;
}
#divSearchImgBoxList {
	padding: 6px 6px 0 6px;
}
#divSearchImgBoxList ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
#divSearchImgBoxList ul li {
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;
	line-height: 15px;
}
#divSearchImgBoxList ul li a {
	text-decoration: none !important;
}

/*********************今開いているお店を探す*********************/
h4#h4SearchOpenTtl {
	margin: 0 0 10px 0;
	padding: 0;
}
h4#h4SearchOpenTtl a {
	width: 220px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/town/images/btn-search-open.gif) no-repeat;
}
h4#h4SearchOpenTtl a:hover {
	background: url(/town/images/btn-search-open.gif) no-repeat 0 -34px;
}


/*****************デリバリーできるお店を探す*********************/
h4#h4SearchDeliveryTtl {
	margin: 0;
	padding: 0;
}
h4#h4SearchDeliveryTtl a {
	width: 220px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/town/images/btn-search-delivery.gif) no-repeat;
}
h4#h4SearchDeliveryTtl a:hover {
	background: url(/town/images/btn-search-delivery.gif) no-repeat 0 -34px;
}

/*****************サービスチケット*********************/
h4#h4ServiceticketTtl {
	margin: 0;
	padding: 0;
}
h4#h4ServiceticketTtl a {
	width: 220px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/town/images/btn-serviceticket.gif) no-repeat;
}
h4#h4ServiceticketTtl a:hover {
	background: url(/town/images/btn-serviceticket.gif) no-repeat 0 -34px;
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
お店検索共通
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#divShopSearchArea {
	margin: 0 0 20px 0;
	width: 910px;
	background: url(/common-img/search-box-body.gif) repeat-y;
}
#divShopSearchNaviArea {
	padding: 0 0 10px 0;
	width: 910px;
	background: url(/common-img/search-box-bottom.gif) no-repeat bottom;
}
ul#divShopSearchNavi {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#divShopSearchNavi li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#divShopSearchNavi li a {
	height: 32px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
ul#divShopSearchNavi li#liNaviCategory a { width: 105px; background-image: url(/common-img/btn-search-category.gif); }
ul#divShopSearchNavi li#liNavi50on a { width: 104px; background-image: url(/common-img/btn-search-50on.gif); }
ul#divShopSearchNavi li#liNaviFreeWord a { width: 135px; background-image: url(/common-img/btn-search-freeword.gif); }
ul#divShopSearchNavi li#liNaviImage a { width: 106px; background-image: url(/common-img/btn-search-image.gif); }
ul#divShopSearchNavi li#liNaviMap a { width: 109px; background-image: url(/common-img/btn-search-map.gif); }
ul#divShopSearchNavi li#liNaviOpen a { width: 164px; background-image: url(/common-img/btn-search-open.gif); }
ul#divShopSearchNavi li#liNaviDelivery a { width: 187px; background-image: url(/common-img/btn-search-delivery.gif); }

ul#divShopSearchNavi li a:hover {
	background-position: 0 -32px;
}
ul#divShopSearchNavi li.naviActive a {
	background-position: 0 -32px;
}

/*検索結果*/
.divShopSearchResult {
	margin: 0 0 10px 0;
	width: 910px;
	height: 30px;
	display:block;
	background: url(/common-img/unit-title-bg-result.gif) no-repeat;
}
.divShopSearchResult p {
	float: left;
	margin: 6px 0 0 0;
	padding: 0;
	/*width: 600px;*/
	text-indent: 10px;
	font-weight: bold;
	color: #000;
}
.divShopSearchResult p span {
	padding: 0 2px 0 0;
	font-weight: bold;
	color: #F02581;
	font-size: 1.4em;
	font-family: Verdana;
}

/*ページング*/
.unitPageNumber {
	float: left;
	margin: 7px 0 0 30px;
	/*width: 260px;*/
	color: #F02581;
}
.unitPageNumber ul {
	padding: 0 10px 0 0;
	margin: 0;
	list-style-type: none;
}
.unitPageNumber li {
	display: inline;
}
.unitPageNumber li a {
	text-decoration: none;
	font-weight: normal;
	color: #333;
	cursor: pointer;
}
.unitPageNumber li a:hover {
	color: #F02581 !important;
}
.unitPageNumber li.pagePrev {
	padding: 0 5px 0 0;
	color: #333;
}
.unitPageNumber li.pagePrev a {
	padding: 0 5px 0 0;
	text-decoration: none;
	color: #333;
}
.unitPageNumber li.pageNext {
	padding: 0 0 0 5px;
	color: #333;
}
.unitPageNumber li.pageNext a {
	padding: 0 0 0 5px;
	text-decoration: none;
	color: #333;
}
.unitPageNumber li.pageNum {
	padding: 0 3px;
	font-weight: bold;
	font-family: Verdana;
}
.unitPageNumber li.pageNum a {
}


/*****************検索結果一覧リスト*************************/


ul.ulSearchList {
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
}

/*特選街店舗
ul.ulSearchList li.spshop {
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	width: 590px;
	background: url(/common-img/search-list-box-body.gif) no-repeat top;
}
ul.ulSearchList li.spshop img {
	float: left;
	margin: 0 6px 0 10px;
 	width: 24px;
}*/

ul.ulSearchList li.spshop div.divSearchListMain {
	float: left;
	margin: 0;
 	width: 425px;
}
ul.ulSearchList li.spshop div.divSearchListMain img {
	float: right;
	margin: 0 0 0 5px;
 	width: 39px;
}

ul.ulSearchList li.spshop h4 {
	padding: 0 0 2px 13px;
	background: url(/common-img/mark-circle.gif) no-repeat left;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #000;
}
ul.ulSearchList li.spshop p {
	padding: 0 0 0 13px;
	color: #333;
	font-weight: bold;
}
ul.ulSearchList li.spshop p.pSearchListTel,
ul.ulSearchList li.spshop p.pSearchListFax,
ul.ulSearchList li.spshop p.pSearchListAdd {
	color: #333;
	font-weight: normal;
}
ul.ulSearchList li.spshop span.spanSearchListImg {
	float: right;
	width: 114px;
	height: 78px;
	display: block;
}
ul.ulSearchList li.spshop span.spanSearchListImg img {
	margin: 0 10px 0 0;
	padding: 0;
	width: 104px;
}
.divSpshopBottom {
	width: 590px;
	height: 10px;
	display: block;
	line-height: 0.1em;
	clear: both;
	background: url(/common-img/search-list-box-bottom.gif) no-repeat bottom;
}


/*通常店舗*/
ul.ulSearchList li.noshop {
	margin: 0;
	padding: 6px 0 2px 0;
	width: 590px;
	border-bottom: 1px dotted #CCC;
}
ul.ulSearchList li.noshop img {
	float: left;
	margin: 0 6px 0 0;
	width: 24px;
}
ul.ulSearchList li.noshop p.pSearchListTel,
ul.ulSearchList li.noshop p.pSearchListFax,
ul.ulSearchList li.noshop p.pSearchListAdd,
ul.ulSearchList li.noshop span.spanSearchListImg {
	display: none;
}
ul.ulSearchList li.noshop div.divSearchListMain {
	float: left;
 	width: 560px;
}
ul.ulSearchList li.noshop h4 {
	padding: 0 0 0 13px;
	background: url(/common-img/mark-circle.gif) no-repeat left;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
ul.ulSearchList li.noshop p {
	padding: 0 0 0 13px;
	color: #333;
	font-weight: bold;
}


/*サービスアイコン*/
.divSearchListIcn {
	padding: 2px 0 0 13px;
}
.divSearchListIcn img {
	float: none !important;
	margin: 0 !important;
	width: 16px !important;
	height: 16px !important;
	cursor: help;
}



/*****************検索結果一覧マップ*************************/
#sidebarArea #map {
	margin: 0 0 10px 0;
	width: 298px;
	height: 500px;
	display: block;
	border: 1px solid #CCC;
}
/*マップフキダシ*/
.infwin {
	width: 200px;
}
.infwin h4 {
	padding: 0 0 5px 0;
}
.infwin h4 a {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
目的検索
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.divSearchCategoryArea {
	padding: 20px 20px 0 20px;
	width: 870x;
}

/*第1カテゴリ*/
.divSearchCategoryArea ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}
.divSearchCategoryArea ul li {
	margin: 0 0 15px 0;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #DDDDDD;
	font-size: 1.9em;
	line-height: 1.6em;
	font-weight: bold;
}
.divSearchCategoryArea ul li img {
	float: left;
	padding: 0 6px 0 0;
}
.divSearchCategoryArea ul li span {
	font-size: 0.6em;
}
/*詳細ページ*/
.divScl {
	padding: 10px 20px 0 20px !important;
	width: 870x !important;
}
.divScl ul li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: none !important;
	background: none;
}

/*第2カテゴリ*/
.divSearchCategoryArea ul li ul {
	margin: 0;
	padding: 5px 0 0 27px;
}
.divSearchCategoryArea ul li ul li {
	float: left;
	margin: 0 10px 6px 0 !important;
	padding: 0;
	width: 200px;
	font-size: 0.6em;
	line-height: 1.2em;
	text-indent: 13px;
	background: url(/common-img/mark-circle.gif) no-repeat 0 3px;
	border: none;
}

/*第3カテゴリ*/
.divSearchCategoryArea ul li ul li ul {
	display: none;
	margin: 0;
	padding: 5px 0 0 0;
}
.divSearchCategoryArea ul li ul li ul li {
	margin: 0 0 3px 0 !important;
	padding: 0;
	width: 180px;
	background: none;
	font-size: 0.8em !important;
	font-weight: normal;
	text-indent: 13px;
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
50音検索
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.divSearch50onArea {
	padding: 20px 0 0 47px;
}
.divSearch50onArea td {
	padding: 0 0 10px 0;
}
.divSearch50onArea td table td {
	padding: 0;
	width: 30px;
	text-align: center;
}
.divSearch50onArea td table td a {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フリーワード検索
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.divSearchFreeWordArea {
	padding: 13px 170px 7px 40px;
}
.divSearchFreeWordArea p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #000;
}
.divSearchFreeWordArea span {
	margin: 0;
	padding: 5px 0 0 0;
	width: 104px;
}
.divSearchFreeWordArea form {
	margin: 0;
	padding: 0;
}
.divSearchFreeWordArea input.textField {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
	width: 621px;
	height: 22px;
	border: none;
	line-height: 22px;
	text-indent: 30px;
	background: url(/town/images/img-search-text.gif) no-repeat left;
}
.divSearchFreeWordArea input.searchBtn {
	float: right;
	margin: 0;
	padding: 0;
	width: 63px;
	height: 28px;
	cursor: pointer;
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
画像検索
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.divSearchImageArea {
	padding: 0;
	width: 910px;
}

#mapSearchImg {
	padding: 6px 0 0 0;
	position: relative;
}
#mapSearchImgInner {
	padding: 0;
}

div.scroller {
	margin: 0 0 0 61px;
	width: 800px; 
	height: 120px;
	overflow: hidden;
}
div.scroller div.section {
	float: left;	
	width: 800px;
	height: 120px;
	overflow: hidden;
}
div.section dl,
div.section dl dt,
div.section dl dd {
	margin: 0;
	padding: 0;
}
div.section dl {
	float: left;
	margin: 0 10px 0 0;
}
div.section dl dt {
	margin: 0 0 2px 0;
}
div.section dl dt img {
	padding: 8px 0 0 0;
	vertical-align: bottom;
}
div.section dl dd {
	text-align: center;
	font-size: 12px;
	line-height: 1.8em;
}
div.section dl dd a {
	text-decoration: none;
}
div.scroller div.content {
	width: 10000px;
}

#mapSearchImgInner .my-glider {
	position: relative;
	width: 800px;
}
/*スクロールボタン*/
#mapSearchImgInner .btnLeft {
	position: absolute;
	top: 44px;
	left: 18px;
	width: 27px;
}
#mapSearchImgInner .btnLeft a {
	width: 27px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/town/images/btn-scroll-left.gif) no-repeat;
}
#mapSearchImgInner .btnLeft a:hover {
	background: url(/town/images/btn-scroll-left.gif) no-repeat 0 -27px;
}

#mapSearchImgInner .btnRight {
	position: absolute;
	top: 44px;
	right: 18px;
	width: 27px;
}
#mapSearchImgInner .btnRight a {
	width: 27px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/town/images/btn-scroll-right.gif) no-repeat;
}
#mapSearchImgInner .btnRight a:hover {
	background: url(/town/images/btn-scroll-right.gif) no-repeat 0 -27px;
}

/*一覧*/
ul.ulSearchImageList {
	margin: 0;
	padding: 10px 0 0 20px;
	list-style: none;
}
ul.ulSearchImageList li {
	float: left;
	width: 176px;
	height: 170px;
	display: block;
	text-align: center;
	line-height: 1.2em;
}
ul.ulSearchImageList li a {
	width: 166px;
	text-decoration: none;
	display: block;
}
ul.ulSearchImageList li img {
	margin: 0 0 3px 0;
	width: 166px;
}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
マップ検索
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.divSearchMapArea {
	padding: 10px 10px 0 10px;
}
/*カテゴリ*/
#mapSearchCategoryInner {
	width: 890px;
}
.mapSearchCategoryBox {
	float: left;
	width: 230px;
	height: 180px;
	display: block;
	overflow: auto;
	background: #FFF;
	border: 1px solid #CCC;
}
.mapSearchCategoryBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mapSearchCategoryBox ul li {
	line-height: 1.5em;
}
.mapSearchCategoryBox ul li img {
	vertical-align: middle;
	text-align: left; 
}
.mapSearchCategoryBox ul li input {
	margin: 0 2px 0 0;
	padding: 0;
	border: none;
	font-size: 1em;
	line-height: 1em;
	cursor: pointer;
}
.mapSearchCategoryBox ul li a {
	padding: 3px 5px;
	display: block;
	color: #666;
	text-decoration: none !important;
}
/*ホバー設定*/
.mapSearchCategoryBox ul li a:hover {
	background: #DCE8F9;
	text-decoration: none;
	color: #666;
}
.mapSearchCategoryBox ul li a.arrowActive:hover {
	background: #DCE8F9 url(/town/images/ico-search-arrow.gif) no-repeat right;
}

/*アクティブ設定*/
.mapSearchCategoryBox ul li.checkActive a {
	padding: 3px 5px;
	display: block;
	background: #C2D7F4;
	color: #000;
	font-weight: bold;
}
.mapSearchCategoryBox ul li a.arrowActive {
	background: url(/town/images/ico-search-arrow.gif) no-repeat right;
}
.mapSearchCategoryBox ul li.checkActive a.arrowActive {
	background: #C2D7F4 url(/town/images/ico-search-arrow.gif) no-repeat right;
}
.mapSearchCategoryBox ul li.checkActive a.arrowActive:hover {
	background: #C2D7F4 url(/town/images/ico-search-arrow.gif) no-repeat right;
}

/*表示ボタン*/
#mapSearchCategoryInner .mapViewBtn {
	float: left;
	margin: 0 0 0 10px;
	width: 180px;
	height: 180px;
	display: block;
	border: 1px solid #CCC;
	background: url(/town/images/img-map-search.gif) no-repeat center 15px;
}
#mapSearchCategoryInner .mapViewBtn p {
	margin: 0;
	padding: 138px 0 0 15px;
}
#mapSearchCategoryInner .mapViewBtn p a {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 29px;
	display: block;
	text-indent: -9999px;
	background: url(/town/images/btn-map-search.gif) no-repeat;
}
#mapSearchCategoryInner .mapViewBtn p a:hover {
	background: url(/town/images/btn-map-search.gif) no-repeat 0 -29px;
}



/*-------------------------------------------------------------
マップメニュー
-------------------------------------------------------------*/

/*エリア選択*/
#blkTownMapTabChoice {
	float: left;
	width: 320px;
	height: 26px;
	line-height: 26px;
}
#blkTownMapTabChoice select {
	width: 170px;
	font-size: 1em;
}
#blkTownMapTabChoice input {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 22px;
	line-height: 18px;
	cursor: pointer;
}

/*検索エリア指定*/
.blkTownMapTopSearchArea {
	float: right;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	height: 26px;
	line-height: 26px;
}
.blkTownMapTopSearchArea input {
	margin: 0 3px 0 8px;
	cursor: pointer;
}
.blkTownMapTopSearchArea label {
	cursor: pointer;
}

/*-------------------------------------------------------------
マップエリア
-------------------------------------------------------------*/

.blkTownMapMapGmap {
	float: left;
	width: 638px;
}
/*マップサイズ*/
.blkTownMapMapGmapLarge {
	width: 638px;
	height: 600px;
	display: block;
	background: #FFF;
}
.blkTownMapMapGmapMedium {
	width: 638px;
	height: 450px;
	display: block;
	background: #FFF;
}
.blkTownMapMapGmapSmall {
	width: 638px;
	height: 300px;
	display: block;
	background: #FFF;
}
/*マップサイズ*/
.blkTownMapMapGmapLarge #map {
	width: 636px;
	height: 600px;
	display: block;
	border: 1px solid #CCC;
}
.blkTownMapMapGmapMedium #map {
	width: 636px;
	height: 450px;
	display: block;
	border: 1px solid #CCC;
}
.blkTownMapMapGmapSmall #map {
	width: 636px;
	height: 300px;
	display: block;
	border: 1px solid #CCC;
}

#map_size {
	position: relative;
}
/*情報植え込み中*/
#gmap_msg {
	position: absolute;
	top: 150px;
	left: 250px;
	z-index: 99;
	letter-spacing: 1px;
	filter: Alpha(opacity=70);
	overflow: hidden;
	border: 2px solid #FFF;
	padding: 4px 10px 3px 10px;
	background: #000;
	font-size: 14px;
	color: #FFF;
	display:block;
}

/*マップリサイズ*/
.blkTownMapMapResize {
	position: absolute;
	top: 8px;
	right: 78px;
	width: 123px;
}
.blkTownMapMapResize p {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	width: 40px;
}
.blkTownMapMapResize p a {
	width: 40px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0.1em;
}
.blkTownMapMapResize p.blkTownMapMapLarge a { background-image: url(/town/images/btn-map-large.gif); }
.blkTownMapMapResize p.blkTownMapMapMedium a { background-image: url(/town/images/btn-map-medium.gif); }
.blkTownMapMapResize p.blkTownMapMapSmall a { background-image: url(/town/images/btn-map-small.gif); }

.blkTownMapMapResize p a:hover {
	background-position: 0 -22px;
}

/*アクティブ設定*/
.blkTownMapActiveLarge p.blkTownMapMapLarge a { background: url(/town/images/btn-map-large.gif) no-repeat 0 -22px; }
.blkTownMapActiveMedium p.blkTownMapMapMedium a { background: url(/town/images/btn-map-medium.gif) no-repeat 0 -22px; }
.blkTownMapActiveSmall p.blkTownMapMapSmall a { background: url(/town/images/btn-map-small.gif) no-repeat 0 -22px; }


/*-------------------------------------------------------------
リストエリア
-------------------------------------------------------------*/

.blkTownMapMapList {
	float: right;
	width: 262px;
}

/*検索結果無し*/
p#maplisterr {
	margin: 0;
	padding: 5px;
	font-size: 14px;
	line-height: 1.5em;
}

/*検索結果エリア*/
.blkTownMapMapSearchResult {
	border: 1px solid #CCC;
	background: #FFF;
}
/*お店一覧リストソート*/
.blkTownMapMapSearchResultSort {
	margin: 0;
	height: 26px;
	display: block;
	font-size: 0.1em;
	line-height: 26px;
}
.blkTownMapMapSearchResultSort p {
	float: left;
	margin: 4px 2px 0 0;
 	width: 99px;
}
.blkTownMapMapSearchResultSort p a {
	width: 99px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/town/images/btn-sort-center.gif);
}
.blkTownMapMapSearchResultSort p#order1 a {
	background-image: url(/town/images/btn-sort-center.gif);
}
.blkTownMapMapSearchResultSort p#order2 a {
	background-image: url(/town/images/btn-sort-shop.gif);
}
.blkTownMapMapSearchResultSort p a:hover {
	background-position: 0 -16px;
}
.blkTownMapMapSearchResultSort p.sortActive a {
	background-position: 0 -16px;
}
/*マップの使い方*/
.blkTownMapMapSearchResultSort p#pMapHelp {
	float: right;
	margin: 4px 0 0 0;
	width: 59px;
	height: 16px;
}
.blkTownMapMapSearchResultSort p#pMapHelp a {
	width: 59px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/town/images/btn-map-help.gif) no-repeat;
}
.blkTownMapMapSearchResultSort p#pMapHelp a:hover {
	background: url(/town/images/btn-map-help.gif) no-repeat 0 -16px;
}


/*リストサイズ*/
.blkTownMapMapSearchResult .blkTownMapMapSrLarge {
	width: 262px;
	height: 600px;
	overflow: auto;
}
.blkTownMapMapSearchResult .blkTownMapMapSrMedium {
	width: 262px;
	height: 450px;
	overflow: auto;
}
.blkTownMapMapSearchResult .blkTownMapMapSrSmall {
	width: 262px;
	height: 300px;
	overflow: auto;
}
/*一覧リスト*/
.blkTownMapMapSearchResultInner {
	padding: 6px 0;
}
.blkTownMapMapSearchResultInner table {
	margin: 0;
	padding: 0;
	border: none;
}
.blkTownMapMapSearchResultList {
	padding: 3px 5px 3px 6px;
}
/*アクティブ設定*/
.blkTownMapMapSearchResultListActive {
	padding: 3px 5px 3px 6px;
	background: #C2D7F4;
}

.blkTownMapMapSearchResultInner th {
	width: 56px;
	vertical-align: top;
}
.blkTownMapMapSearchResultInner td {
	vertical-align: top;
}
.blkTownMapMapSearchResultInner td h6 {
	padding: 0 0 3px 0;
	font-size: 1em;
	line-height: 1.2em;
}
.blkTownMapMapSearchResultInner td p {
	margin: 0 0 3px 0;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #000;
}
/*詳細ボタン*/
.blkTownMapMapSearchResultInner th p {
	margin: 1px 0 0 0;
	padding: 0;
	display: none;
}

/*検索結果*/
p.blkTownMapMapSearchResultTxt {
	margin: 0;
	padding: 0 0 0 12px;
	height: 19px;
	display: block;
	font-size: 0.8em;
	line-height: 19px;
	background: #EEEEEE;
}

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
マップ検索（デリバリー）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#mapSearchOpenclose {
	margin: 0 0 9px 0;
	padding: 10px 15px;
	border: 1px solid #CCC;
	background: #EAF1FB;
}
#mapSearchOpenclose p {
	margin: 0;
	padding: 0;
	color: #333;
}
#mapSearchOpenclose p select {
	margin: 0;
	padding: 0;
}


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
マップ検索（デリバリー）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#blkTownMapDeliveryArea {
	margin: 0 0 9px 0;
	padding: 10px 15px 11px 15px;
	border: 1px solid #CCC;
	background: #EAF1FB;
}

#blkTownMapDeliveryAreaInner {
}
#blkTownMapDeliveryAreaInner p {
	margin: 0 0 6px 0;
	padding: 0;
	color: #333;
}
#blkTownMapDeliveryAreaInner input.textField {
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	width: 621px;
	height: 22px;
	border: none;
	line-height: 22px;
	text-indent: 30px;
	background: url(/town/images/img-search-text.gif) no-repeat left;
}
#blkTownMapDeliveryAreaInner input.searchBtn {
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 22px;
	line-height: 18px;
	cursor: pointer;
}





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
railway-timetableディレクトリ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*1stタイトル - 主要都市からの所要時間ご案内*/
h4.ttl1stAccess {
	display: block;
	margin-top: 40px;
	width: 690px;
	height: 43px;
	background: url(/town/railway-timetable/images/ttl-1st-access.gif) no-repeat left top;
	text-indent: -9999px;
	font-size: 1em;
}

/*1stタイトル - お問い合わせ先ご案内*/
h4.ttl1stContact {
	display: block;
	margin-top: 40px;
	width: 690px;
	height: 43px;
	background: url(/town/railway-timetable/images/ttl-1st-access-contact.gif) no-repeat left top;
	text-indent: -9999px;
	font-size: 1em;
}

.divrailwayTimetableArea {
	margin: 0 0 40px 0;
	width: 690px;
}
.divrailwayTimetableImg {
	float: left;
	width: 345px;
	text-align: center;
}

.railwayTimetable {
}
.railwayTimetable dl {
	margin: 0;
	padding: 0;
}
.railwayTimetable dt {
	background: #ECE7DD;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
}
.railwayTimetable dd {
	margin: 0;
	line-height: 1.5em;
	padding: 10px 0 20px 5px;
}

.railwayTimetable2 {
	float: right;
	width: 345px;
}
.railwayTimetable2 dl {
	margin: 0;
	padding: 0;
}
.railwayTimetable2 dt {
	background: #ECE7DD;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
}
.railwayTimetable2 dd {
	margin: 0;
	padding: 0 0 20px 0;
}
.railwayTimetable2 dd table {
	width: 345px;
}
.railwayTimetable2 dd table a {
	padding-left: 5px;
}
.railwayTimetable2 dd td {
	padding: 6px;
	border-bottom: 1px solid #CCC;
	line-height: 1.5em;
}
.railwayTimetable2 dd td img {
	margin: 0 2px 0 0;
	text-align: left;
	vertical-align: middle;
}