@charset "shift_jis";

@import url(common.css?v=2);
@import url(basic.css);

/* ====================================================================

   Style Info: トップページ　ベース
 
==================================================================== */

/* ---------------------------------------------
   ヘッダー
----------------------------------------------*/

#header {
	width:914px;
	height:258px;
	margin:0 auto;
	position:relative;
	}


/* Flash
--------------------------------- */

#header_fla {
	width:880px;
	height:250px;
	position:absolute;
	top:0;
	left:17px;
	z-index:1;
	}


/* メニュー
--------------------------------- */

#menu {
	width:914px;
	height:64px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	background:url(../image/menu_back.png) no-repeat left top;
	}
	
	#menu ul {
		width:721px;
		margin-top:17px;
		margin-left:17px;
		float:left;
		display:inline;
		list-style:none;
		}
		
		#menu li {
			float:left;
			padding-right:4px;
			}
		
		/* 問い合わせボタン */
		#inq {
			padding-left:12px;
			padding-top:19px;
			}
		
		/* TE・FAX */
		#tel {
			width:159px;
			float:left;
			margin-left:4px;
			padding-top:23px;
			display:inline;
			}


/* ---------------------------------------------
   Flash
----------------------------------------------*/

#top_flaarea {
	width:866px;
	height:274px;
	margin:0 auto 20px auto;
    background-image: url(../image/top_banner_back.png);
	}


/* ---------------------------------------------
   ギフトバナー
----------------------------------------------*/


ul#kbn {
    list-style: outside none none;
}

ul#kbn li {
	margin-bottom:12px;
}

ul#kbn li img {
	width:635px
}


/* ---------------------------------------------
   更新情報
----------------------------------------------*/

#update { width:635px; }

#update:after, #update h2:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

	#update h2 span { display:none; }
	
		/* 一覧ボタン */
		#update h2 img {
			width:55px;
			float:right;
			margin-top:19px;
			margin-right:6px;
			display:inline;
			}


/* お知らせ
--------------------------------- */

#info {
	width:635px;
	text-align:center;
}

#info h2 {
  width:635px;
  height:50px;
  background:url(../image/info_m.gif?upd=20250312) no-repeat left top;
}

.info_box_wrap {
  width: 635px;
  overflow: hidden;
}

.info_box {
  float: left;
  width: 205px;
  margin-top: 10px;
  margin-right: 10px;
  background-color:#fff0c8;
  text-align:left;
}

.info_box:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.info_box a {
  display: block;
  padding:10px;
  text-decoration: none;
}

.info_box:last-child {
  margin-right: 0;
}

.info_box_p {
  width:100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  overflow: hidden;
  text-align: center;
  background-color:#fff;
}

.info_box_p img {
  width: 100%;
  height: auto;
}

.info_box_n {
  width: 100%;
  margin-top: 10px;
}

.info_box_n span { font-size:11px; }
.info_box_n span a { text-decoration:none; }
.info_date { color:#646464; }
.info_box_n b { font-size:14px; font-weight:bold; }
.info_box_n img { vertical-align:middle; margin-bottom:6px; }


/* ブログ
--------------------------------- */

#blog {
	width:302px;
	float:right;
	text-align:center;
    z-index: 99;
	}

	#blog h2 {
		width:302px;
		height:50px;
		background:url(../image/blog_m.gif) no-repeat left top;
		}
	
	.blog_box {
		width:290px;
		margin:10px auto 0 auto;
		background-color:#f0f5c7;
		padding:10px 0;
		text-align:left;
		}

	.blog_box:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}
		
		.blog_box_n {
			width:172px;
			float:left;
			margin-left:15px;
			padding-top:2px;
			display:inline;
			}

			.blog_box_n span { font-size:11px; }
			.blog_box_n span a { text-decoration:none; }
			.blog_date { color:#646464; }
			.blog_box_n b { font-size:14px; font-weight:bold; }
			.blog_box_n img { vertical-align:middle; margin-right:6px; }

		.blog_box_p {
			width:83px;
			float:left;
			margin-left:10px;
			display:inline;
			background-color:#fff;
			text-align:center;
			padding:4px 0;
			line-height:0;
			font-size:0;
			}
	
	/*
	#blog dl {
		width:290px;
		margin:10px auto 0 auto;
		background-color:#f0f5c7;
		padding:10px 0;
		text-align:left;
		}

	#blog dl:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}
		
		#blog dt {
			width:172px;
			float:left;
			margin-left:15px;
			padding-top:2px;
			display:inline;
			}
			
			#blog dt span { color:#646464; }
			#blog dt a { font-size:14px; font-weight:bold; }
			#blog dt img { vertical-align:middle; margin-right:6px; }
		
		#blog dd {
			width:83px;
			float:left;
			margin-left:10px;
			display:inline;
			background-color:#fff;
			text-align:center;
			padding:4px 0;
			line-height:0;
			font-size:0;
			}
	*/

/* ---------------------------------------------
   更新情報
----------------------------------------------*/

#upinfo {
	width:635px;
	margin-top:20px;
	padding-bottom:15px;
	background:url(../image/up_back.gif) no-repeat left bottom;
	text-align:center;
	}

	#upinfo h3 {
		width:635px;
		height:71px;
		background:url(../image/up_m.gif) no-repeat left top;
		}
		
		#upinfo h3 span { display:none; }
	
	#upinfo dl { width:590px; margin:0 auto; text-align:left; }
	#upinfo dt {
		clear:left;
		float:left;
		width:6.5em;
		color:#646464;
		}
	
	#upinfo dd {
		margin-left:6.5em;
		margin-bottom:6px;
		padding-left:17px;
		zoom:1;
		background:url(../image/up_lm.gif) no-repeat 0 4px;
		}

/* ---------------------------------------------
   このお店イイヨ！
----------------------------------------------*/

#osusume {
	width:635px;
	margin-top:20px;
	padding-bottom:18px;
	background:url(../image/osusume_back.gif) no-repeat left bottom;
	text-align:center;
	}

	#osusume h3 {
		width:635px;
		height:71px;
		background:url(../image/osusume_m.gif) no-repeat left top;
		}
		
		#osusume h3 span { display:none; }

		/* 一覧ボタン */
		#osusume h3 img {
			width:55px;
			float:right;
			margin-top:27px;
			margin-right:6px;
			display:inline;
			}
		
	#osusume_shop {
		width:600px;
		margin:0 auto;
		text-align:left;
		}

	#osusume_shop:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}
		
		/* 写真 */
		.shop_photo {
			width:120px;
			float:left;
			font-size:0;
			line-height:0;
			}
		
		/* お店詳細 */
		.shop_data {
			width:465px;
			float:right;
			}
			
			.shop_data dt { padding-bottom:5px; }
			.shop_data dt a { font-size:14px; font-weight:bold; }
			.shop_data dd { padding-top:5px; }