@charset "UTF-8";

@import "common.css";

/*--------------------------------------------------
	Shopnavi CSS
		1: Common
		2: Index
		3: Search Result	   
		4: Shop Detail
---------------------------------------------------*/


/*--------------------------------------------------
           1: Common
---------------------------------------------------*/

/* 【共通】ローカルナビ
===================================================*/

/* 項目が全て埋まらない時用の背景指定 */
#lnavi dd {
	/*width: 661px;*/
	height: 40px;
	background: url(../images/shopnavi/lnavi_bg.gif) no-repeat left top;
}


/* 【共通】見出し関係
===================================================*/

/* 緑色＋太字 指定（含リンク処理） */
 #main .subh {
	color: #01a29e;
	font-weight: bold;
	font-size: 115%;
}
 #main .subh a {
 	color: #01a29e;
	text-decoration: none;
}
#main .subh a:hover {
	color: #a97944;
	text-decoration: underline;
}



/* 【共通】おすすめ店舗
===================================================*/
#main .rec_list {
	margin-left: 14px;
	/*overflow: hidden;ボックスの高さを揃える*/
}

#main .rec_list dl {
	width: 170px;
	float: left;
	/*padding-bottom: 9999px;ボックスの高さを揃える*/
	/*margin-bottom: -9999px;ボックスの高さを揃える*/
	margin-right: 12px;
	background-color: #f9f4eb;
}
* html #main .rec_list dl {/*IE6*/
	width: 170px;
	float: left;
	margin-right: 10px;
	background-color: #f9f4eb;
}
#main .rec_list dt,
#main .rec_list dd {
	margin-left: 22px;
	margin-right: 22px;
}
#main .rec_list dt {
	margin-top: 10px;
}
#main .rec_list dd {
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 1.4;
}
/*黄色ボーダー用*/
#main .rec_list .rec {
	border-top: 5px #dea00d solid;
}



/* 【共通】ショップナビ検索ボックス
===================================================*/

#main .search_title {
	width: 745px;
	height: 38px;
	margin-bottom: 10px;
}
#main .search_box {
	width: 741px;
	border-spacing: 2px;
}
#main .search_box th {
	width: 170px;
	text-align: left;
	vertical-align:top;
}
#main .search_box td {
	padding: 4px 14px;
	line-height:  2;
}  

/* カテゴリー */
#main .search_cat th {
	background-color: #f54c53;
}
#main .search_cat td {
	background-color: #ffd8d8;
}
/* エリア */
#main .search_area th {
	background-color: #15bbcd;
}
#main .search_area td {
	background-color: #bef8f0;
}


/*【共通】ショップナビ検索結果
===================================================*/

.search_num {
	margin-left: 14px;
}

.shop_data {
	width: 745px;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
}

/*ショップ名*/
.shop_data .name {
	width: 745px;
	min-height: 31px;
	height: auto !important;
	height: 31px;
	padding-top: 5px;
	background-color: #f1ebdc;
}
.shop_data .name h2 {
	margin-left: 9px;
}
.shop_data .name a {
	text-decoration: none;
	font-size: 140%;
	font-weight: bold;
	padding-right: 15px;
	color: #c70009;
}
.shop_data .name a:hover {
	color: #f9858a;
	text-decoration: underline;
}
.shop_data .name span {
	font-size: 85%;
}
.shop_data .name img {
	width: 44px;
	height: 26px;
	padding-bottom: 5px;
	vertical-align: middle;
}

/*プレミアム*/
.premium{
	background:url(../images/shopnavi/hline_premium.gif) left top no-repeat;
        padding-top:4px;
}
.shop_data .premium h2{
	margin-left:55px;
}
.shop_data .premium a{
	color:#ffffff;
}
.shop_data .premium img{
	margin-top:-2px;
}


/*店舗情報*/
.shop_data dl {
	margin-top: 7px;
}
.shop_data dt {/*画像*/
	width: 140px;
	height: 140px;
	float: left;
}
.shop_data dd {
	margin-left: 160px;
	min-height: 145px;
	height: auto !important;
	height: 145px;
}
.shop_data .headline {
	border-bottom: 1px #666 dashed;
}
.shop_data .area {/*エリア*/
	font-size: 90%;
	font-weight: bold;
	color: #a1844c;
}
.shop_data h3 {/*見出し*/
	background: url(../images/shopnavi/icon_shopdata_h3.gif) left top no-repeat;
	padding-left: 25px;
	color: #01a29e;
	font-size: 115%;
	font-weight: bold;
}
.shop_data h3 a {
	text-decoration: none;
	color: #01a29e;
}
.shop_data h3 a:hover {/*見出し リンク*/
	text-decoration: underline;
	color: #75b0e3;
}
.shop_data .caption {/*説明文*/
	margin-top: 10px;
}
.shop_data .more {
	text-align: right;
	margin-top: 10px;
}

/* 【共通】ページ分割
===================================================*/

#main .page_move {
	padding-top: 30px;
	text-align: center;
}
#main .page_move a,
#main .page_move span {
	padding: 5px;
	margin: 0 2px; 
	border: 1px solid  #00a39f;
	font-weight: bold;
	text-decoration: none;
}
#main .page_move a {
	color: #00a39f;
}
#main .page_move a:hover,
#main .page_move span {
	background-color: #00a39f;
	color: #ffffff;
}


/*--------------------------------------------------
           2: Index
---------------------------------------------------*/

/* h1・h2　見出し画像
===================================================*/

/* 共通 */
#main .h_shopnavi,
#main .h_spe,
#main .h_rec_top {
	/*width: 745px;*/
	height: 25px;
	padding-top: 3px;
	text-align: right;
	font-weight: bold;
	font-size: 90%;
	margin-top: 20px;
}

#main .h_shopnavi span,
#main .h_spe span,
#main .h_rec_top span {
	margin-right: 17px;
}
/* ショップナビ検索 */
#main .h_shopnavi {
	color: #836a54;
	background: url(../images/shopnavi/hline_shopnavi.gif) left top no-repeat;
}
/* 特集 */
#main .h_spe {
	color: #fff;
	background: url(../images/shopnavi/hline_spe.gif) left top no-repeat;
}
/* おすすめ店舗 */
#main .h_rec_top {
	color: #fff;
	background: url(../images/shopnavi/hline_recommend.gif) left top no-repeat;
}

/* 共通 */
#main .h_new,
#main .h_choice {
	width: 370px;
	height: 25px;
	margin-top: 20px;
	text-indent: -9999px;
}
/* New Open */
#main .h_new {
	background: url(../images/shopnavi/hline_newopen.gif) left top no-repeat;
}
/* チョイスクーポン */
#main .h_choice {
	background: url(../images/shopnavi/hline_choice.gif) left top no-repeat;
}


/* ショップナビ検索エリア
===================================================*/

#main .shopnavi {
	/*width: 745px;*/
	padding-bottom: 4px;
	background-color: #d7c19f;
}
/* エリアマップ */
#main .navi_wrap {
	margin: 0 4px;
	padding-bottom: 2px;
	background-color: #ffffff;
}
#main .area_map img {
	margin-left: 6px;
	margin-top: 6px;
}
/* リスト */
#main .search_box_top {
	margin: 0 0 6px 6px;
	border-collapse: collapse;
	background-color: #fff;
}
#main .search_box_top th {
	width: 235px;
	/*height: 35px;*/
	border-bottom: 4px #fff solid;
}
#main .search_box_top td {
	padding: 0 14px;
	/*height: 35px;*/
	border-bottom: 4px #fff solid;
}  
/* カテゴリー */
#main .search_cat_top th {
	background-color: #f54c53;
}
/* エリア */
#main .search_area_top th {
	background-color: #31c2d2;
}



/* 今月の特集・NEW OPEN・チョイスクーポン
===================================================*/

/* 共通 */
#main .box_spe h3,
#main .box_spe02 h3,
#main .box_new h3,
#main .box_choice h3 {
	font-size: 115%;
}

/* 今月の特集 */
#main .box_spe,
#main .box_spe02 {
	margin-left: 14px;
}
#main .box_spe {
	margin-bottom: 15px;
}
#main .box_spe dl {
	width: 343px;
	float: left;
}
#main .spe_right {
	margin-left: 30px;
}

#main .box_spe02 {
	clear: both;
	padding-top: 15px;
	margin-right: 14px;
}
#main .box_spe02 dl {
	padding-top: 15px; 
	border-top: 1px #ccc dashed;
}
#main .box_spe02 dt {
	width: 343px;
	height: 90px;
	float: left;
}
#main .box_spe02 dd {
	margin-left: 358px;
}


/* NEW OPEN・チョイスクーポン共通 */
#main .box_contents {
	clear: both;
	padding-top: 20px;
	margin-bottom: 100px;
}
#main .box_contents dl {
	width: 343px;
	margin-left: 14px;
}
#main .box_contents dt {
	width: 120px;
	float: left;
}
#main .box_contents dd {
	margin-left: 130px;
}

/* チョイスクーポン */
#main .box_choice {
	width: 370px;
	float: right;
}
/* NEW OPEN */
#main .box_new {
	width: 370px;
}


/* おすすめ店舗
===================================================*/

/* カテゴリ別見出し */
#main .rec_list .gourmet {
	background: url(../images/shopnavi/bar_gourmet.gif) left top no-repeat  #f9f4eb;
}
#main .rec_list .beauty {
	background: url(../images/shopnavi/bar_beauty.gif) left top no-repeat  #f9f4eb;
}
#main .rec_list .school {
	background: url(../images/shopnavi/bar_school.gif) left top no-repeat  #f9f4eb;
}
#main .rec_list .shop {
	background: url(../images/shopnavi/bar_shop.gif) left top no-repeat  #f9f4eb;
}

#main .rec_list .gourmet dt,
#main .rec_list .beauty dt,
#main .rec_list .school dt,
#main .rec_list .shop dt {
	margin-top: 50px;
}





/*--------------------------------------------------
           3: Search Result
---------------------------------------------------*/

/* h1 ショップナビ検索 
===================================================*/

#main .search_result{
	padding-top: 30px;
	margin-left: 14px;
	font-size: 115%;
	color: #f54c53;
}


/*--------------------------------------------------
           4: Shop Detail
---------------------------------------------------*/

/* h1 ショップ名 
===================================================*/

/*名称*/
#main .shop_name{
	width: 745px;
	border-bottom: 6px #c6010a solid;
	padding-bottom: 8px;
	line-height: 0.8;
	color: #272727;
}
#main .shop_name h1 {
	float: left;
	height: 26px;
	padding-left: 14px;
	font-size: 170%;
	font-weight: bold;
}
#main .shop_name h1 span {/*読み*/
	padding-right: 20px;
	font-size: 60%;
	font-weight: normal;
	vertical-align: middle;
}
/*電話番号*/
#main .shop_name .shop_tel {
	padding-top: 3px;
	text-align:right;
	font-size: 120%;
	font-weight: bold;
}

/*共通*/
#main .shop_name h1 img,
#main .shop_name .shop_tel img {
	vertical-align: middle;
}

/*  h2 見出し置換 
===================================================*/
#main .h_shopdata,
#main .h_rec {
	width: 745px;
	height: 25px;
	text-indent: -9999px;
	clear: both;
	margin-top: 50px;
}
#main .h_shopdata {
	background: url(../images/shopnavi/hline_shopdata.gif) left top no-repeat;
}
#main .h_rec {
	clear: both;
	background: url(../images/shopnavi/hline_recommend.gif) left top no-repeat;
}


/* ショップ概要 
===================================================*/

/*メイン*/
#main .cap_main {
	width: 717px;
	margin: 20px 0 20px 14px;
}
/*本文*/
#main .cap_text {
	width: 402px;
	float: right;
}
#main .cap_text h2 {
	margin-bottom: 15px;
	font-size: 140%;
	/*font-weight: bold;
	color: #01a29e;*/
}
#main .cap_text .comment {
	font-size: 115%;
	padding-bottom: 15px;
	border-bottom: 1px #666 dashed;
}
#main .cap_text .ph_comment {
	margin-top: 10px;
}
#main .cap_text .ph_comment img {
	vertical-align: baseline;
	padding-right: 7px;
}
/*画像*/
#main .cap_photo {
	width: 315px;
	float: right;
	margin-bottom: 20px;
}

/*サブ*/
#main .cap_sub {
	clear: both;
	width: 717px;
	margin-left: 14px;
	overflow: hidden;/*ボックスの高さを揃える*/
}
/*左*/
#main .cap_left {
	width: 350px;
	float: left;
}
/*右*/
#main .cap_right {
	width: 350px;
	margin-left: 360px;
}
* html #main .cap_right {/*IE6*/
	width: 350px;
	margin-left: 358px;
}

/*共通*/
#main .cap_sub dl {
	background-color: #f9f4eb;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	padding-bottom: 9999px;/*ボックスの高さを揃える*/
	margin-bottom: -9999px;/*ボックスの高さを揃える*/
}
#main .cap_sub dt {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
#main .cap_sub dd {
	margin-left:160px;
	padding-top: 10px;
}

/* クーポン
===================================================*/
/*共通*/
#main .cpn_title,
#main .cpn_data {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}

/*タイトル*/
#main .cpn_title {
	margin-top: 25px;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1;
}

/*内容*/
#main .cpn_data {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 40px;
	background: url(../images/shopnavi/bg_cpn.gif) repeat left top;
}
#main .cpn_data .logo {/*ロゴ画像*/
	width: 90px;
	height: 90px;
	float: left;
}
#main .cpn_data .logo img {
	padding: 5px 0 0 7px;
}

#main .cpn_data h3,
#main .cpn_data h4,
#main .cpn_data ul,
#main .cpn_data .benefit {/*右側にフロートされる要素*/
	margin-left: 105px;
}
#main .cpn_data .benefit {/*特典*/
	padding-top: 5px;
	font-weight: bold;
}
#main .cpn_data h3 {/*クーポン名*/
	margin-right: 7px;
	color: #c6010a;
	font-size: 140%;
	font-weight: bold;
	border-bottom: 1px #aaa solid;
}
#main .cpn_data ul {/*クーポン条件*/
	margin-top: 7px;
	padding-bottom: 5px;
}
#main .cpn_data li {
	display: inline;
	margin-right: 2em;
	font-size: 90%;
}
#main .cpn_data li span {
	font-weight: bold;
}
#main .cpn_data .period {
 	display: block;
}

/* ショップデータ
===================================================*/

#main .shop_details {
	width: 717px;
	margin-left: 14px;
	margin-right: 14px;
}

/* 店名 */
#main .shop_details .name {
	margin-bottom: 12px;
	padding-bottom: 5px;
	border-bottom: 3px #dad3c9 solid;
}
#main .shop_details .name h3 {
	float: left;
	font-size: 140%;
	font-weight: bold;
	color: #c6010a;
}
#main .shop_details .name h3 span {
	font-size: 85%;
	font-weight: normal;
}
#main .shop_details .name p {
	text-align: right;
	/*font-weight: bold;
	color: #01a29e;*/
}

/* 店舗情報  */
#main .shop_details .base_data {
	/*width: 399px;*/
	float: left;
	margin-bottom: 30px;
}
#main .shop_details .base_data table {
	width: 380px;
	border-collapse: collapse;
}
#main .shop_details .base_data th {
	width: 70px;
	padding: 2px 3px;
	vertical-align: top;
	font-weight: bold;
	background-color: #dad3c9;
	border-bottom: 2px #fff solid;
	border-right: 2px #fff solid;
}
#main .shop_details .base_data td {
	padding: 2px 3px;
	vertical-align: top;
	background-color: #f9f4eb;
	border-bottom: 2px #fff solid;
}
/* 携帯へ情報送信 */
#main .shop_details .base_data p {
	margin: 10px 0 0 51px;
}

/* GoogleMap */
#main .shop_details .google_map {
	margin-left: 399px;
	margin-bottom: 30px;
	border-left: 1px #dad3c9 solid;
}
#main .shop_details .map_data {
	margin-left: 18px;
}
* html #main .shop_details .map_data {/*IE6*/
	margin-left: 10px;
}
*:first-child+html #main .shop_details .map_data {/*IE7*/
	margin-left: 15px;
}



/* 電話帳
===================================================*/
#directory{
width:740px;
}

#directory .directory_shops{
	width:420px;
	padding-bottom:50px;
}
#directory .dshop{
	padding:8px 10px 10px 10px;
	border-top:solid 2px #dddddd;
	line-height:1.5;
}
.dshop h3{
	font-size:110%;
	font-weight:bold;
	color:#c70009;
}
.dshop .area {/*エリア*/
	font-size: 90%;
	font-weight: bold;
	color: #a1844c;
}
.dshop span{
	display:block;
	font-size:90%;
}

#directory .directory_shops a:hover .dshop{
	background-color:#f3f3f3;
}
#directory a .dshop h3,#directory a .dshop p{
	text-decoration:none;
}
#directory .directory_shops a .dshop span{
	color:#333333;
	text-decoration:none;
}

#directory #map_container{
	float:right;
	width:300px;
	position: relative;
}

#directory #map{
	width:300px;
	height:380px;
}