@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	themes / customize.css

	・テーマ別のカスタマイズ用CSSです。
	・カスタマイズはこのCSSのみで作業。

	最終更新：2012.08.16
						2012.09.01	#PageHnaviNoSub	メニューナビでサブページが無いときの背景画像設定を追加
												#PageFnaviNoSub	メニューナビでサブページが無いときの背景画像設定を追加
						2012.09.04	.menu_block	メニューリスト（一括・二列）の記述を「basetemplate/css/contents.css」に移動
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	■ #pageHeader　　ガイドページヘッダ

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -----------------------------------------------

	パンくず

-------------------------------------------------- */
#pankuzu {
	color: #FFFFFF;
	background: url(../images/phead_pankuzubg.jpg);
	}

#pankuzu li a:link    {color:#FFFFFF; text-decoration: none;}
#pankuzu li a:visited {color:#FFFFFF; text-decoration: none;}
#pankuzu li a:hover   {color:#FFFFFF; text-decoration: underline;}


/* -----------------------------------------------

	ヘッダ内部

-------------------------------------------------- */
/* 枠線 */
#pageHeader .ph_inner {
	border:1px solid #CCCCCC;
	}

/* 見出しマーク画像 */
.Name {
	background: url(../images/phead_mark.jpg) no-repeat top left;
	/* background-color: #999966; */ /* 背景色を入れる場合 */
	}

/* 説明文 */
.Name h1  {
	color: #000000; /* default #000000 */
	}

/* 店舗名 */
.Name h2 {
	color: #000000; /* default #000000 */
	}


.Reference {
	background: url(../images/phead_refebg.gif) no-repeat;
	}

.Reference02 .phone {
	background: url(../images/reference_tel.gif) no-repeat;
	}


/* -----------------------------------------------

	#PageHnavi　ガイドページヘッダナビ

-------------------------------------------------- */
#PageHnavi {
	background:url(../images/phead_pnavibg.jpg) no-repeat top left;
	}

#PageHnaviNoSub {
	background:url(../images/phead_pnavibg_nosub.jpg) no-repeat top left;
	}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	■ Visual Box（メインビジュアル）

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -----------------------------------------------

	Visual A

-------------------------------------------------- */
/* 文字位置と背景色  default #FFDDDD */
#VisualA .lead02 {
	padding: 15px 35px 15px 35px;
	line-height: 160%;
	background-color: #FFDDDD; /* default #FFDDDD */
	}

/* 文字位置と背景色（背景色無しの場合） */
/*#VisualA .lead02 {
	padding: 2px 35px 15px 35px;
	}*/



/* -----------------------------------------------

	Visual B

-------------------------------------------------- */
/* 上下ラインの色指定 */
#VisualB .leadBox {
	border-top: 3px solid #FF3333; /* default #FF3333 */
	border-bottom: 3px solid #FF3333; /* default #FF3333 */
	}

/* 文字色変更はここで */
#VisualB .lead02 {
	color: #000000; /* default #000000 */
	}


/* -----------------------------------------------

	Visual C

-------------------------------------------------- */
/* 上下ラインの色指定 */
#VisualC .leadBox {
	border-top: 3px solid #FF3333; /* default #FF3333 */
	border-bottom: 3px solid #FF3333; /* default #FF3333 */
	}

/* 文字色変更はここで */
#VisualC .lead02 {
	color: #000000; /* default #000000 */
	}


/* -----------------------------------------------

	Visual D

-------------------------------------------------- */
/* 上下ラインの色指定 */
#VisualD .leadBox {
	border-top: 3px solid #FF3333; /* default #FF3333 */
	border-bottom: 3px solid #FF3333; /* default #FF3333 */
	}

/* 文字色変更はここで */
#VisualD .lead02 {
	color: #000000; /* default #000000 */
	}

#VisualD #slider {
	width:620px;
	height:300px;
	
	/* IE bugfix */
	padding:0;
	margin:0;
	}
#VisualD #slider li {
	list-style:none;
	}

/*
#VisualD .leadBox h3 {
	width: 120px;
	}
#VisualD .lead_inner {
	height: 250px;
	}
#VisualD .lead01 {
	padding: 5px 10px 10px 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 130%;
	}
*/





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	■ Box（ボックス）

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -----------------------------------------------

	Box A  新着ニュース

-------------------------------------------------- */
.BoxA .boxtit {
	background: url(../images/box_a_title.jpg) no-repeat;
	}

/* ボックスタイトルの文字色 */
.BoxA .boxtit h3 {
	color: #F42040; /* default #F42040 */
	}

/* ボックス枠線の色 */
.BoxA .inner {
	border: 5px solid #525B63; /* default #525B63 */
	border-top: none;
	}

/* 記事タイトルの背景枠 */
.BoxA .TypeA .sub {
	padding: 10px 15px 8px 15px;
	border: 1px solid #525B63; /* default #525B63 */
	/*background-color: #AD0A22;*/
	}

/* 記事タイトルの文字色 */
.BoxA .TypeA .sub h4 {
	color: #F42040; /* default #F42040 */
	}


/* -----------------------------------------------

	SubTitBar 各ブロックのタイトル

-------------------------------------------------- */
.SubTitBar {
	background: url(../images/subtitbg.jpg) no-repeat;
	}
.SubTitBar h3 {
	padding: 11px 0 0 30px;
	font-size: 18px;
	color: #FFFFFF;
	}


/* -----------------------------------------------

	Box B  写真1枚とテキスト

-------------------------------------------------- */
/* 記事タイトルの背景枠 */
.BoxB_L .sub,
.BoxB_R .sub {
	padding: 10px 17px 8px 17px;
	border-top:    5px solid #9A9EA4; /* default #9A9EA4 */
	border-bottom: 1px solid #9A9EA4; /* default #9A9EA4 */
	/*background-color: #FBF3F4;*/
	}

/* 記事タイトルの文字色 */
.BoxB_L .sub h4,
.BoxB_R .sub h4 {
	color: #F42040; /* default #F42040 */
	}


/* -----------------------------------------------

	Box C  写真2枚とテキスト

-------------------------------------------------- */
/* 記事タイトルの背景枠 */
.BoxC_L .sub,
.BoxC_R .sub {
	padding: 10px 16px 8px 16px;
	border-top:    5px solid #9A9EA4; /* default #9A9EA4 */
	border-bottom: 1px solid #9A9EA4; /* default #9A9EA4 */
	/*background-color: #FBF3F4;*/
	}

/* 記事タイトルの文字色 */
.BoxC_L .sub h4,
.BoxC_R .sub h4 {
	color: #F42040; /* default #F42040 */
	}


/* -----------------------------------------------

	Box D  写真3枚並び

-------------------------------------------------- */
/* 商品名　文字と下線 */
.BoxD h4 {
	color: #000000;     /* default none */
	text-align: center; /* default center */
	font-weight: bold;  /* default bold */
	border-bottom: 2px solid #C2C2C2; /* default #C2C2C2 */
	}

/* 説明文 */
.BoxD .txt {
	color: #000000; /* default none */
	}

/* 価格枠 */
.BoxD .price {
	border:1px solid #C2C2C2; /* default #C2C2C2 */
	background-color: #F5F5F5; /* default #F5F5F5 */
	}
/* 価格文字 */
.BoxD .price p {
	font-size: 13px;    /* default 14px */
	text-align: center; /* default center */
	font-weight: bold;
	}
		
.BoxD .btn .shop a{ background:url(../images/btn_shop.jpg) no-repeat;}
.BoxD .btn .hotel a{ background:url(../images/btn_hotel.jpg) no-repeat;}

.BoxD .btn .shop a:hover{ background:url(../images/btn_shop.jpg) 0 -47px no-repeat;}
.BoxD .btn .hotel a:hover{ background:url(../images/btn_hotel.jpg) 0 -47px no-repeat;}

/* -----------------------------------------------

	Box E  Box E  メニューリスト写真あり（個別・一括）

-------------------------------------------------- */
/* カテゴリーの背景枠 */
.BoxE .sub {
	padding: 10px 17px 8px 17px;
	border-top:    5px solid #9A9EA4; /* default #9A9EA4 */
	border-bottom: 1px solid #9A9EA4; /* default #9A9EA4 */
	background-color: #EDEFF3; /* default #EDEFF3 */
	}
/* カテゴリーの文字色 */
.BoxE .sub h4 {
	color: #000000; /* default none */
	}

/* 区切り線 */
.BoxE .ListBox {
	padding: 8px 0 7px 0;
	border-bottom: 1px dotted #9A9EA4;  /* default #9A9EA4 */	
	}

/* 品名 */
.BoxE .L_inner .list {
	padding: 0 15px 0 15px;
	line-height: 140%;
	}
/* 説明文 */
.BoxE .L_inner .capt {
	padding: 3px 15px 0 29px;
	font-size: 12px;
	line-height: 130%;
	color: #777777; /* default #777777 */
	}

/* 価格 */
.BoxE .ListBox .price {
	padding: 0 15px 0 0;
	line-height: 140%;
	text-align: right;
	}


/* -----------------------------------------------

	Box E2（ G ）メニューリスト写真無し（個別・一括）

-------------------------------------------------- */
/* カテゴリーの背景枠 */
.BoxE2 .sub {
	padding: 10px 17px 8px 17px;
	border-top:    5px solid #9A9EA4; /* default #9A9EA4 */
	border-bottom: 1px solid #9A9EA4; /* default #9A9EA4 */
	background-color: #EDEFF3; /* default #EDEFF3 */
	}
/* カテゴリーの文字色 */
.BoxE2 .sub h4 {
	color: #000000; /* default none */
	}

/* 区切り線 */
.BoxE2 .ListBox {
	padding: 8px 0 7px 0;
	border-bottom: 1px dotted #9A9EA4;  /* default #9A9EA4 */	
	}

/* 品名 */
.BoxE2 .L_inner .list {
	padding: 0 15px 0 15px;
	line-height: 140%;
}
/* 説明文 */
.BoxE2 .L_inner .capt {
	padding: 3px 15px 0 29px;
	font-size: 12px;
	line-height: 130%;
	color: #777777; /* default #777777 */
	}

/* 価格 */
.BoxE2 .ListBox .price {
	padding: 0 15px 0 0;
	line-height: 140%;
	text-align: right;
	}




/* -----------------------------------------------

	Box F  テキストのみ

-------------------------------------------------- */
.BoxF .txt {
	/*color: #333333;*/
	}


/* -----------------------------------------

	menu_block（ H ）メニューリスト（一括・二列）
	記述無し

-------------------------------------------- */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	■ DetailInfo（店舗詳細情報）
	
	※ 通常はカスタマイズしないように。

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -----------------------------------------------

	DetailInfo（トップ）

-------------------------------------------------- */
/* メインテーブル */
.dinfoTBL .tbl01 th {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	background-color: #F5F6F7; /* default #F5F6F7 */
	}
.dinfoTBL .tbl01 td {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	}

/* 二段目　左テーブル */
.dinfoTBL .tbl02 th {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	background-color: #F5F6F7; /* default #F5F6F7 */
	}
.dinfoTBL .tbl02 td {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	}

/* 二段目　右テーブル */
.dinfoTBL .tbl03 th {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	background-color: #F5F6F7; /* default #F5F6F7 */
	}
.dinfoTBL .tbl03 td {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	}

/* 電話番号横の文字 */
.detailInfo h4 span,
.detailSubInfo h4 span {
	color: #F42040; /* default #F42040 */
	}
.detailSubInfo .dsinfoTBL td {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	}


/* -----------------------------------------------

	DetailSubInfo（クーポン・求人）

-------------------------------------------------- */
.dsinfoTitBar {
	background: url(../images/dsinfotitbarbg.jpg) no-repeat;
	}

.detailSubInfo .dsinfoTBL th {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	background-color: #F5F6F7; /* default #F5F6F7 */
	}

.detailSubInfo .dsinfoTBL td {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	}

/* -----------------------------------------------

	miniBTN

-------------------------------------------------- */
.minib_map a{ background:url(../images/minibtn_map.gif) no-repeat;}
.minib_menu a{ background:url(../images/minibtn_menu.gif) no-repeat;}
.minib_goods a{ background:url(../images/minibtn_goods.gif) no-repeat;}
.minib_coupon a{ background:url(../images/minibtn_coupon.gif) no-repeat;}
.minib_service a{ background:url(../images/minibtn_service.gif) no-repeat;}

.minib_map a:hover{ background:url(../images/minibtn_map.gif) -88px 0 no-repeat;}
.minib_menu a:hover{ background:url(../images/minibtn_menu.gif) -88px 0 no-repeat;}
.minib_goods a:hover{ background:url(../images/minibtn_goods.gif) -88px 0 no-repeat;}
.minib_coupon a:hover{ background:url(../images/minibtn_coupon.gif) -88px 0 no-repeat;}
.minib_service a:hover{ background:url(../images/minibtn_service.gif) -88px 0 no-repeat;}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	■ メニューページ

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -----------------------------------------------

	itemMenu

-------------------------------------------------- */
.itemMenu {
	border: 1px dotted #333333; /* default #9A9EA4 */
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	■ クーポン・求人情報ページ

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -----------------------------------------------

	Coupon

-------------------------------------------------- */
.CouponTitBar {
	background: url(../images/coupontitbg.jpg) no-repeat;
	}

/* 店舗名 */
.CouponTitBar h3 {
	/*color: #AD0A22;*/ /* default none */
	}
/* お問合わせ電話番号 */
.CouponTitBar h4 {
	/*color: #333333;*/ /* default none */
	}

/* -----------------------------------------------

	MAPBox

-------------------------------------------------- */
.mapTitBar {
	background: url(../images/maptitbarbg.jpg) no-repeat;
	}

/* -----------------------------------------------

	Job

-------------------------------------------------- */
.JobTitBar {
	background: url(../images/jobtitbg.jpg) no-repeat;
	}

/* 店舗名 */
.JobTitBar h3 {
	color: #333333; /* default none */
	}
/* お問合わせ電話番号 */
.JobTitBar h4 {
	color: #333333; /* default none */
	}


/* -----------------------------------------------

	PrintBTN

-------------------------------------------------- */		
.PrintBTN a{ background:url(../images/btn_print.jpg) no-repeat;}
.PrintBTN a:hover{ background:url(../images/btn_print.jpg) 0 -54px no-repeat;}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	■ #pageFooter　ガイドページフッター

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -----------------------------------------------

	PageFnavi　ガイドページフッターナビ

-------------------------------------------------- */	
#PageFnavi {
	background: url(../images/pfoot_pfnavibg.jpg) no-repeat top left;
	}

#PageFnaviNoSub {
	background: url(../images/pfoot_pfnavibg_nosub.jpg) no-repeat top left;
	}


/* -----------------------------------------------

	TrackBack

-------------------------------------------------- */
/* 全体枠色 */
#TrackBack {
	border: 1px solid #C2C2C2; /* default #C2C2C2 */
	}

/* 下線色 */
.TrackTit {
	border-bottom: 2px solid #9A9EA4; /* default #9A9EA4 */
	}
/* マークと文字色 */
.TrackTit h4 {
	color: #F42040; /* default #F42040 */
	border-left: 5px solid #596269; /* default #596269 */
	}


/* 関連ブログ記事　グレーの矢印 */
.Tracklist li {
	background: url(../images/track_arrow01.gif) no-repeat center left;
	}

/* 関連テナント情報　赤の矢印 */
.TSubtit h4 {
	color: #525B63;
	background: url(../images/track_arrow02.gif) no-repeat left;
	}
/* 関連テナント情報　サブの矢印 */
.TSublist li {
	background: url(../images/track_arrow03.gif) no-repeat center left;
	}

/* 関連サイト情報　赤の矢印 */
.TLinktit h4 {
	color: #525B63;
	background: url(../images/track_arrow02.gif) no-repeat left;
	}
/* 関連サイト情報　サブの矢印 */
.TLinklist li {
	background: url(../images/track_arrow03.gif) no-repeat center left;
	}


/* -----------------------------------------------

	Linknavi

-------------------------------------------------- */
#Link01 {
	background: url(../images/pfoot_link01bg.jpg) no-repeat;
	}

#Link02 a{ background:url(../images/pfoot_link02.jpg) 0 0 no-repeat;}
#Link03 a{ background:url(../images/pfoot_link03.jpg) 0 0 no-repeat;}
#Link04 a{ background:url(../images/pfoot_link04.jpg) 0 0 no-repeat;}
#Link05 a{ background:url(../images/pfoot_link05.jpg) 0 0 no-repeat;}

#Link02 .dis{ background:url(../images/pfoot_link02.jpg) 0 -112px no-repeat;}
#Link03 .dis{ background:url(../images/pfoot_link03.jpg) 0 -112px no-repeat;}
#Link04 .dis{ background:url(../images/pfoot_link04.jpg) 0 -112px no-repeat;}
#Link05 .dis{ background:url(../images/pfoot_link05.jpg) 0 -112px no-repeat;}

#Link02 a:hover{ background:url(../images/pfoot_link02.jpg) 0 -56px no-repeat;}
#Link03 a:hover{ background:url(../images/pfoot_link03.jpg) 0 -56px no-repeat;}
#Link04 a:hover{ background:url(../images/pfoot_link04.jpg) 0 -56px no-repeat;}
#Link05 a:hover{ background:url(../images/pfoot_link05.jpg) 0 -56px no-repeat;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	■ #mastFooter

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mastFnavi {
	border-top   : 5px solid #525B63; /* default #525B63 */
	border-bottom: 1px solid #C2C2C2; /* default #C2C2C2 */
	}