@charset "utf-8";
/*
IEでa要素以外にhoverを適用するための処理
絶対パスで指定すること
*/
body {
	behavior:url("../js_module/csshover.htc");
}

#contents02 {
	width: 915px;
	margin: 0 auto;
}
/* IE7ハック */
*+html #contents02 {
	margin: 0 0 0 7px;
}
/* END */
/* Operaハック */
html:first-child body #contents02 {
	margin: 0 auto 0 auto;
}
/* END */
/*ボックスクリア用ハック*/
#contents02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents02 {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html #contents02 { height:1%; }
#contents02 { display: block; }
/* End hide from IE-mac */
/*---end---*/

/*----------------------------------------------
タブ（サブナビゲーション）
----------------------------------------------*/
#tabNavi {
	padding: 0px;
	width: 945px;
	margin: 0 auto 20px;
}

#tabNavi ul {
	background: url(../images/tab_bg.gif) repeat-x left bottom;
	width: 935px;
	height: 55px;
	padding: 0px 0 0px 10px;
}
#tabNavi ul li {
	list-style-type: none;
	display: block;
	float: left;
}
#tabNavi ul li a {
	display: block;
	width: 91px;
	height: 55px;
	text-indent: -999em;
	background: no-repeat left top;
}
#tabNavi ul li a:hover {
	background-position: left -55px;
}
#tabNavi ul li.actv a, #tabNavi ul li.actv a:hover {
	background-position: left -110px;
}
#tabNavi ul li#mGourmet a {
	background-image: url(../images/tab_gourmet.gif);
	width: 93px;
}
#tabNavi ul li#mLeisure a {
	background-image: url(../images/tab_leisure.gif);
}
#tabNavi ul li#mJutaku a {
	background-image: url(../images/tab_jutaku.gif);
	width: 92px;
}
#tabNavi ul li#mShopping a {
	background-image: url(../images/tab_shopping.gif);
	width: 92px;
}
#tabNavi ul li#mBiyou a {
	background-image: url(../images/tab_biyou.gif);
}
#tabNavi ul li#mBridal a {
	background-image: url(../images/tab_bridal.gif);
	width: 92px;
}
#tabNavi ul li#mKyujin a {
	background-image: url(../images/tab_kyujin.gif);
}
#tabNavi ul li#mShumi a {
	background-image: url(../images/tab_shumi.gif);
	width: 95px;
}
#tabNavi ul li#mIryou a {
	background-image: url(../images/tab_iryou.gif);
}
#tabNavi ul li#mSeikatsu a {
	background-image: url(../images/tab_seikatsu.gif);
	width: 93px;
}

/*----------------------------------------------
大カテゴリータイトル
----------------------------------------------*/
#categoryTitle {
	clear: both
	width: 915px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/title_bg.gif) repeat-x left bottom;
	position: relative;
}
#categoryTitle h2 {
	background: no-repeat left bottom;
	height: 27px;
	padding: 23px 0px 0px 45px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#categoryTitle h2.gourmet {
	background-image: url(../images/titleicn_gourmet.gif);
	text-align: left;
}

/*----------------------------------------------
カテゴリー変更ポップアップメニュー
----------------------------------------------*/
#categoryTitle div#categoryChange {
	position: absolute;
	right: 0px;
	top: 13px;
	background: url(../images/title_right.gif) no-repeat right bottom;
	padding: 5px 5px 0px 0px;
	height: 32px;
}
#categoryTitle div#categoryChange a {
	display: block;
	padding: 4px 210px 0px 0px;
	text-align: right;
	height: 20px;
	background: url(../images/popup_gourmet.gif) no-repeat right center;
	color: #000;
	text-decoration: none;
}

/*ie用ハック（幅）*/
* html #categoryTitle div#categoryChange a {
	width: 120px;
}
/*----------------------------------------------
ポップアップメニュー内容
----------------------------------------------*/
ul#popupMenu {
	display: none;
	position: absolute;
	right: 5px;
	top: 42px;
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #DCDCDC;
	border-bottom: 1px solid #999;
}
ul#popupMenu li {
	list-style-type: none;
	margin: 1px;
}
ul#popupMenu li a {
	display: block;
	width: 195px;
	height: 28px;
	background: no-repeat left top;
	text-indent: -999em;
	background-color: #EBEBEB;
}
ul#popupMenu li a:hover {
	background-position: left -28px;
	background-color: #BDD9ED;
}
ul#popupMenu li#pmGourmet a {
	background-image: url(../images/m_gourmet.gif);
}
ul#popupMenu li#pmSumai a {
	background-image: url(../images/m_sumai.gif);
}
ul#popupMenu li#pmBeauty a {
	background-image: url(../images/m_beauty.gif);
}
ul#popupMenu li#pmGoraku a {
	background-image: url(../images/m_goraku.gif);
}
ul#popupMenu li#pmShopping a {
	background-image: url(../images/m_shopping.gif);
}
ul#popupMenu li#pmCommunication a {
	background-image: url(../images/m_communication.gif);
}
ul#popupMenu li#pmBusiness a {
	background-image: url(../images/m_business.gif);
}
ul#popupMenu li#pmSeikatsu a {
	background-image: url(../images/m_seikatsu.gif);
}
ul#popupMenu li#pmClose a {
	height: 20px;
	background-color: #FFF;
	background: no-repeat center top;
}
ul#popupMenu li#pmClose a:hover {
	background-position: center -20px;
	background-color: #FFF;
}
ul#popupMenu li#pmClose a {
	background-image: url(../images/btn_close.gif);
}

/*----------------------------------------------
パンくず
----------------------------------------------*/
#topicPath {
	width: 905px;
	margin: 7px auto 20px;
	padding: 0px 5px;
	font-size: 11px;
	color: #888;
	text-align: left;
}

/*ie用ハック（フォントサイズ・アキ）*/
*:first-child+html #topicPath {
	font-size: 80%;
	margin: 10px auto 15px;
}
* html #topicPath {
	font-size: 80%;
	margin: 10px auto 15px;
}
/*---end---*/

#topicPath em {
	font-style: normal;
	font-weight: bold;
}

/*----------------------------------------------
エリアマップ＋絞り込み結果　共通項目
----------------------------------------------*/
#areaMap {
	float: left;
	width: 565px;
	margin: 0 0 0 0;
}
#resultList {
	float: left;
	width: 350px;
	padding:0;
	margin:0;
}
#areaMap h3, #resultList h3 {
	padding: 0px 0px 8px 0px;
	background:	repeat-x left bottom;
	font-size: 12px;
	color: #000;
	margin-bottom: 10px;
}

/*ie用ハック（フォントサイズ）
*:first-child+html #areaMap h3 {
	font-size: small;
}
*:first-child+html #resultList h3 {
	font-size: small;
}
* html #areaMap h3 {
	font-size: small;
}
* html #resultList h3 {
	font-size: small;
}*/
/*---end---*/

#areaMap h3 {
	background-image: url(../images/bg_stripe_gray.gif);
}
#resultList h3 {
	background-image: url(../images/bg_stripe_orange.gif);
	margin-left: 20px;
}

#areaMap h3 span, #resultList h3 span {
	display: block;
	padding: 4px 0px 2px 22px;
	background:	no-repeat left center;
}
#areaMap h3 span {
	background-image: url(../images/mark02.gif);
	text-align		: left;
}
#resultList h3 span {
	background-image: url(../images/mark01.gif);
	text-align		: left;
}

/*----------------------------------------------
カテゴリー
----------------------------------------------*/
#category {
	clear: both;
	padding: 0px 0px 0px 10px;
	text-align: left;
}
#category li {
	list-style-type: none;
	float: left;
	width: 150px;
	margin-right: 25px;
	margin-bottom: 3px;
}
#category li input {
	margin: 0px 3px 0px 0px;
}

/*ie用ハック（チェックボックス）*/
*:first-child+html #category li input {
	margin: 0px 1px 0px 0px;
	height: 17px;
}
* html #category li input {
	margin: 0px 1px 0px 0px;
	height: 17px;
}
/*---end---*/

li#gourmet12, li#gourmet13, li#gourmet15  {
	width: 205px;
}
li#gourmet16  {
	width: 220px;
}

/*ボックスクリア用ハック*/
#category:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#category {
	/*display: inline-table;*/
}
/* Hides from IE-mac \*/
* html #category{ height:1%; }
#category { display: block; }
/* End hide from IE-mac */
/*---end---*/

/* チェックリンク */
.check_button {
	text-align: right;
	margin: -33px 5px 20px 0;
}

/*----------------------------------------------
表示エリア変更
----------------------------------------------*/
#mapNavi {
	background: #EBEBEB url(../images/map_top.gif) no-repeat left top;
	padding: 8px 10px;
	text-align: left;
}

#mapNavi label {
	display: block;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 3px 0px 0px 0px;
	color: #000;
}

/*ie用ハック（文字位置）*/
*:first-child+html #mapNavi label {
	padding: 5px 0px 0px 0px;
}
* html #mapNavi label {
	padding: 5px 0px 0px 0px;
}

#mapNavi select#area {
	display: block;
	float: left;
	margin: 2px 3px 0px 0px;
	width: 200px;
	font-size: 12px;
}

/*ie用ハック（フォントサイズ）
*:first-child+html #mapNavi select#area {
	font-size: small;
}
* html #mapNavi select#area {
	font-size: small;
}*/

#mapNavi input#jumpstart {
	margin: 0px;
}
/*---end---*/

/*----------------------------------------------
Google Map
----------------------------------------------*/
#googlemap {
/*
	text-align: center;
*/
	background: #EBEBEB url(../images/map_bottom.gif) no-repeat left bottom;
	padding: 0px 0px 5px;
	margin-bottom: 15px;
}
/*
#googlemap div {
	width:545px;
	background-color: #FFF;
	padding: 2px;
	margin: 0px auto;
}
*/

/*----------------------------------------------
ランキングと新着情報　共通項目
----------------------------------------------*/
#shopInfo {
}
#shopInfo h3 {
	padding: 0px 0px 8px 0px;
	background: url(../images/bg_stripe_gray.gif) repeat-x left bottom;
	font-size: 12px;
	color: #000;
	margin-bottom: 10px;
}
/*ie用ハック（フォントサイズ）
*:first-child+html #shopInfo h3 {
	font-size: small;
}
* html #shopInfo h3 {
	font-size: small;
}*/
/*---end---*/

#shopInfo h3 span {
	display: block;
	padding: 2px 0px 2px 22px;
	background:	no-repeat left center;
}

/*----------------------------------------------
ランキング
----------------------------------------------*/
#shopRanking {
	float: left;
	width: 250px;
	margin-right: 15px;
	text-align: left;
}
#shopRanking h3 span {
	background-image: url(../images/mark03.gif);
}
#shopRanking ol {
	padding-left: 25px;
}

/*ie用ハック（パディング）*/
*:first-child+html #shopRanking ol {
	padding-left: 35px;
}
* html #shopRanking ol {
	padding-left: 35px;
}
/*---end---*/

#shopRanking ol li {
	padding: 2px 0px;
}
#shopRanking ol li.rankTop {
	font-weight: bold;
	font-size: 14px;
}

/*ie用ハック（フォントサイズ）
*:first-child+html #shopRanking ol li.rankTop {
	font-size: medium;
}
* html #shopRanking ol li.rankTop {
	font-size: medium;
}*/
/*---end---*/

/*----------------------------------------------
新着情報
----------------------------------------------*/
#shopNews {
	float: left;
	width: 300px;
	text-align: left;
}
#shopNews h3 span {
	background-image: url(../images/mark04.gif);
}


#shopNews ul {
	padding-left: 5px;
}

#shopNews ul li {
	list-style-type: none;
	margin: 0px 0px 4px;
	padding-left: 12px;
	background-image: url(../images/arw.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	line-height: 140%;
}

/*ie用ハック（行間）*/
*:first-child+html #shopNews ul li {
	line-height: 110%;
}
* html #shopNews ul li {
	line-height: 110%;
}
/*---end---*/

#shopNews img.newIcn {
	vertical-align: middle;
	width: 30px;
	height: 13px;
	border: 0px;
	margin-right: 0px;
	float: none;
}

/*safari用ハック（画像位置）*/
html[xmlns*=""] body:last-child #shopNews .newIcn {
	vertical-align: text-bottom;
}
/*---end---*/

#shopNews li span {
	font-size: 10px;
}

/*ie用ハック（フォントサイズ）
*:first-child+html #shopNews li span {
	font-size: x-small;
}
* html #shopNews li span {
	font-size: x-small;
}*/
/*---end---*/


/*----------------------------------------------
絞り込み結果
----------------------------------------------*/
#results {
	margin-left: 20px;
	border: 5px solid #AECEE9;
	border-bottom: 4px solid #AECEE9;
}
#resultListActiveBox {
	background: url(../images/map_fukidashi.gif) no-repeat left center;
}
#resultList div#pageNavi {
	margin-left: 20px;
	padding: 5px 0px;
	text-align: center;
	word-break: break-all;
}
#resultList div#pageNavi strong {
	padding: 0px 1px;
}
#resultList div#pageNavi a {
	padding: 0px 1px;
	cursor: pointer;
}
#resultList div#pageNavi a.prev {
	padding: 0px 0px 0px 14px;
	background: url(../images/arw_back.gif) no-repeat left center;
}
#resultList div#pageNavi a.next {
	padding: 0px 14px 0px 0px;
	background: url(../images/arw.gif) no-repeat right center;
}

#results div.shop {
	padding: 5px 5px 5px 8px;
	background-color: #FFF;
	border-bottom: 1px solid #AECEE9;
	line-height: 140%;
	text-align: left;
	height:100%;
}

/*ie用ハック（行間）*/
*:first-child+html #results div.shop {
	line-height: 120%;
}
* html #results div.shop {
	line-height: 120%;
}
/*---end---*/

#results div.shop:hover {
	background-color: #E1EEFA;
}
#results div.shop img.shopPhoto {
	float: right;
	margin-left: 3px;
}
#results div.shop h4 {
	font-size: 12px;
	line-height: 130%;
}
#results div.shop p {
	padding: 3px 0px;
}

/*ie用ハック（フォントサイズ）
*:first-child+html #results div.shop h4 {
	font-size: small;
}
* html #results div.shop h4 {
	font-size: small;
}*/
/*---end---*/

/*ボックスクリア用ハック*/
#results div.shop:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#results div.shop {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html #results div.shop{ height:1%; }
#results div.shop { display: block; }
/* End hide from IE-mac */
/*---end---*/

#results div.shop div.shopStatus img {
	margin-right: 3px;
}
div.shop div.shopStatus img {
	border: none;
}
/*----------------------------------------------
Google Map内の吹き出し
----------------------------------------------*/
#mapInfo {
	width: 250px;
	text-align: left;
	clear: both;
	background: #ffffff;
}
#mapInfo img.mapPhoto {
	float: left;
	margin: 10px 0px 0px 10px;
}
#mapInfo h4 {
	padding: 10px 10px 0px 80px;
	font-size: 12px;
}

/*ie用ハック（フォントサイズ）
*:first-child+html #mapInfo h4 {
	font-size: small;
}
* html #mapInfo h4 {
	font-size: small;
}*/
/*---end---*/

#mapInfo p {
	line-height: 140%;
	background-color: #FFF;
	padding-left: 80px;
}

/*ie用ハック（行間）*/
*:first-child+html #mapInfo p {
	line-height: 130%;
}
* html #mapInfo p {
	line-height: 130%;
}
/*---end---*/

#mapInfo div.moreInfo {
	padding-left: 80px;
	background-color: #FFF;
}

/*----------------------------------------------
再検索＋検索結果一覧　共通項目
----------------------------------------------*/
#searchAgain {
	float: left;
	width: 180px;
	text-align: left;
}
#resultListMore {
	float: right;
	width: 715px;
}

#searchAgain h3, #resultListMore h3 {
	padding: 0px 0px 8px 0px;
	background:	repeat-x left bottom;
	font-size: 12px;
	color: #000;
	margin-bottom: 10px;
	text-align: left;
}

/*ie用ハック（フォントサイズ）*/
*:first-child+html #searchAgain h3 {
	font-size: small;
}
*:first-child+html #resultListMore h3 {
	font-size: small;
}
* html #searchAgain h3 {
	font-size: small;
}
* html #resultListMore h3 {
	font-size: small;
}
/*---end---*/

#searchAgain h3 {
	background-image: url(../images/bg_stripe_gray.gif);
}
#resultListMore h3 {
	background-image: url(../images/bg_stripe_orange.gif);
}

#searchAgain h3 span, #resultListMore h3 span {
	display: block;
	padding: 4px 0px 2px 22px;
	background:	no-repeat left center;
}
#searchAgain h3 span {
	background-image: url(../images/mark02.gif);
}
#resultListMore h3 span {
	background-image: url(../images/mark01.gif);
}

/*----------------------------------------------
再検索フォーム
----------------------------------------------*/
#searchAgain ul {
	background: url(../images/sa_top.gif) no-repeat left top;
	padding: 10px 0px 0px;
}
#searchAgain li {
	list-style-type: none;
	padding: 0px 15px 23px;
	background: url(../images/sa_btwn.gif) no-repeat left bottom;
}
#searchAgain li.liSpan {
	list-style-type: none;
	padding-bottom: 8px;
	background-position: left top;
}
#searchAgain li#searchAgainSubmit {
	background: url(../images/sa_bottom.gif) no-repeat left bottom;
	padding: 5px 0px 10px 15px;
	text-align: left;
}
#searchAgain li#searchAgainSubmit span {
	display: block;
	text-align: center;
	margin: 5px 0 0 0;
}
#searchAgain li label {
	background: url(../images/dot_orange.gif) no-repeat left center;
	display: block;
	padding: 2px 0px 2px 13px;
	margin: 0px;
	font-size: 11px;
}

/*ie用ハック（フォントサイズ）*/
*:first-child+html #searchAgain li label {
	font-size: 80%;
}
* html #searchAgain li label {
	font-size: 80%;
}
/*---end---*/

#searchAgain li select {
	width: 130px;
	margin: 0px;
}
#searchAgain li input {
	width: 145px;
	margin: 0px;
}
#searchAgain li#searchAgainSubmit input {
	width: 63px;
	margin: 0px;

}
#searchAgain li#searchAgainSubmit input#shopname {
	width: 145px;
	margin: 0px;
}
/*----------------------------------------------
検索結果一覧
----------------------------------------------*/
#resultListMore div#pageNavi {
	padding: 5px 0px;
	text-align: center;
}
#resultListMore div#shopList {
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 5px;
	line-height: 140%;
	text-align: left;
}
/*ie用ハック（フォントサイズ）*/
*:first-child+html #resultListMore div#shopList {
	line-height: 130%;
}
* html #resultListMore div#shopList {
	line-height: 130%;
}
/*---end---*/

/*ボックスクリア用ハック*/
#resultListMore div#shopList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#resultListMore div#shopList {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html #resultListMore div#shopList { height:1%; }
#resultListMore div#shopList { display: block; }
/* End hide from IE-mac */
/*---end---*/

#resultListMore div.shop, #resultListMore div.shop02 {
	clear: both;
	width: 690px;
	padding: 10px 15px 0px 10px;
	margin: 0px;
	border-top: 1px solid #DCDCDC;
}

#resultListMore div.shopPhoto {
	background: url(../images/photoframe.gif) no-repeat left top;
	padding: 9px;
	margin: 0px;
	float: right;
}
#resultListMore div.shopPhoto img {
	display: block;
	border: 0px;
}
#resultListMore div.shopPhoto img.btnMoreInfo {
	margin: 10px 0px 0px -4px;
}
#resultListMore div.shop h4, #resultListMore div.shop02 h4 {
	background-color: #E1EEFA;
	font-size: 14px;
	padding: 5px;
	margin: 5px 0px 0px 0px;
	width: 490px;
}
/* IE6ハック \*/
* html #resultListMore div.shop h4, #resultListMore div.shop02 h4 {
	width: 470px;
}

/* END */
#resultListMore div.shop02 h4 {
	background-color: #EBEBEB;
	width: 680px;
}

/*ie用ハック（フォントサイズ）*/
*:first-child+html #resultListMore div.shop h4 {
	font-size: 105%;
}
*:first-child+html #resultListMore div.shop02 h4 {
	font-size: 105%;
}
* html #resultListMore div.shop h4 {
	font-size: 105%;
}
* html #resultListMore div.shop02 h4 {
	font-size: 105%;
}
/*---end---*/

#resultListMore div.shop h5, #resultListMore div.shop02 h5 {
	font-size: 12px;
	padding: 10px 5px;
	margin: 5px 0px 0px 0px;
	color: #000;
}
#resultListMore div.shop02 h4 {
	width: 680px;
}

/*ie用ハック（フォントサイズ）*/
*:first-child+html #resultListMore div.shop h5 {
	font-size: small;
}
*:first-child+html #resultListMore div.shop02 h5 {
	font-size: small;
}
* html #resultListMore div.shop h5 {
	font-size: small;
}
* html #resultListMore div.shop02 h5 {
	font-size: small;
}
/*---end---*/

#resultListMore dl {
	padding: 0px 5px;
	margin: 0px 0px 0px 0px;
	width: 490px;
}
/* IE6ハック */
* html #resultListMore dl {
	width: 470px;
}
/* END */

#resultListMore div.shop02 dl {
	width: 680px;
}
#resultListMore dt {
	padding: 0px;
	margin: 0px;
	display: none;
}
#resultListMore dd {
	display: inline;
	background: no-repeat left 1px;
	padding: 2px 0px 2px 17px;
	margin: 0px 15px 0px 0px;
	line-height: 170%;
}

/*ie用ハック（アキ・ディスプレイ）*/
*:first-child+html #resultListMore dd {
	display: block;
	float: left;
	padding: 4px 0px 1px 18px;
	font-size: 90%;
	line-height: 120%;
}
* html #resultListMore dd {
	display: block;
	float: left;
	padding: 4px 0px 1px 18px;
	font-size: 90%;
	line-height: 120%;
}
/*---end---*/

#resultListMore dd.address {
	background-image: url(../images/shopicn_address.gif);
}
#resultListMore dd.tel {
	background-image: url(../images/shopicn_tel.gif);
}
#resultListMore dd.time {
	background-image: url(../images/shopicn_time.gif);
}
#resultListMore dd.holiday {
	background-image: url(../images/shopicn_holiday.gif);
}
#resultListMore dd.parking {
	background-image: url(../images/shopicn_parking.gif);
}
#resultListMore dd.enkai {
	background-image: url(../images/shopicn_enkai.gif);
}

#resultListMore div.shopStatus {
	width: 490px;
	padding: 5px 5px 15px;
	margin: 5px 0px 0px 0px;
}
/* IE6ハック */
* html #resultListMore div.shopStatus {
	width: 470px;
}
/* END */
#resultListMore div.shop02 div.shopStatus {
	width:680px;
}
#resultListMore div.shopStatus img {
	margin-right: 5px;
	border: 0;
}