@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%? 21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */


/*----------------------------------------------------
	共通
----------------------------------------------------*/

/* リンク
----------------------------------------------------*/
a {
}

a:link {
	color: #5d5a50;
	text-decoration: none;
}

a:visited {
	color: #5d5a50;
}

a:hover {
	text-decoration: underline;
}

a:active {
}


/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.clearfix { zoom:1; }
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC {
	text-align: center;
}

.tR {
	text-align: right;
}
.txtb,
.capb {
	font-weight: bold;
}
.txt14b {
	font-size: 140%;
	font-weight: bold;
}
.txtr {
	color: #F00;
}
.left {
	float: left;
}
.right {
	float: right;
}



/*----------------------------------------------------
	body
----------------------------------------------------*/
body {
	background: url(../images/bg_body.gif) left top repeat;
	font-size: 80%;
	line-height: 1.4;
}
body.top {
}
/*----------------------------------------------------
	#wrapper（全体囲み）
----------------------------------------------------*/
#wrapper {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	color: #555;
}


/*----------------------------------------------------
	#header（ヘッダー）
----------------------------------------------------*/
#header {
	background: #000;
	border-bottom: 2px solid #675a3c;
}
#header .headercont {
	width: 950px;
	margin: 0 auto;
}
#header .headercont h1 {
	float: left;
	width: 167px;
	margin: 0;
	padding: 18px 0 0 30px;
	text-align: center;
}
#header .headercont #menu {
	float: left;
	width: 423px;
	height: 100px;
	margin: 0 0 0 35px;
}
#header .headercont #menu ul li {
	float: left;
	height: 100px;
	text-indent: -9999px;
}
#header .headercont #menu ul li a {
	height: 100px;
	background-image: url(../images/menu.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
}
/* メニュー */
#header .headercont #menu ul li.menu_01 a {	width: 181px; }
#header .headercont #menu ul li.menu_02 a { background-position: -181px 0; width: 121px; }
#header .headercont #menu ul li.menu_03 a {	background-position: -302px 0; width: 121px; }
/* メニュー：マウスオーバー */
#header .headercont #menu ul li.menu_01 a:hover {	background-position: 0 -100px; }
#header .headercont #menu ul li.menu_02 a:hover { background-position: -181px -100px; }
#header .headercont #menu ul li.menu_03 a:hover {	background-position: -302px -100px; }
/* メニュー：オン */
#header .headercont #menu ul li.menu_01 a.on {	background-position: 0 -100px; }
#header .headercont #menu ul li.menu_02 a.on { background-position: -181px -100px; }
#header .headercont #menu ul li.menu_03 a.on {	background-position: -302px -100px; }

#header .headercont div.contact {
	width: 107px;
	padding: 37px 0 0 0;
	float: right;
	text-indent: -9999px;
}
#header .headercont div.contact a {
	width: 107px;
	height: 26px;
	background-image: url(../images/btn_set.gif);
	background-repeat: no-repeat;
	display: block;
}
#header .headercont div.contact a:hover {
	background-position: 0 -26px;
}


/*----------------------------------------------------
	#mainImage（メインイメージ）
----------------------------------------------------*/
#mainImage {
	height: 259px;
	padding: 15px 0 11px;
	text-align: center;
}
/*----------------------------------------------------
	タイトル
----------------------------------------------------*/
h2.subtit {
	background: url(../images/subtit_bg.gif) top left no-repeat;
	height: 29px;
	font-size: 130%;
	margin: 20px 0 0 0;
}
h2.bg02 {
	background: url(../images/tit_bg_01.gif) top left repeat-x;
	height: 34px;
}



/*----------------------------------------------------
	#main（メイン）
----------------------------------------------------*/
#main {
	padding: 15px 0 0;
}

/*----------------------------------------------------
	#side（サイド）
----------------------------------------------------*/
#side {
	width: 250px;
	float: left;
	margin-bottom: 30px;
}
.top #side {
	width: 396px;
}
#side h3 {
	background: url(../images/tit_bg_02.gif) left bottom no-repeat;
	padding: 0 0 6px 0;
	height: 21px;
}
/* おいしい食べ方 */
body.top a.banner {
	height: 121px;
	padding-bottom: 15px;
	display: block;
}
body#under a.banner {
	height: 80px;
	padding-top: 15px;
	display: block;
}



/* 催事出店情報 */
#side #side_saiji {
	background: #FFF;
	padding: 10px 15px 10px;
}
#side #side_saiji div.date {
	padding: 10px 0 3px 2px;
	border-bottom: 1px solid #d1c6a9;
	font-weight: bold;
}
#side #side_saiji div.name {
	padding: 10px 0 2px;
}
#side #side_saiji div.saiji_map {
	width: 216px;
	height: 216px;
	margin-top: 5px;
	border: 2px solid #eae8c3;
}
body.top #side #side_saiji div.saiji_map {
	width: 361px;
	height: 150px;
}


/* 店舗情報 */
#side #side_shop {
	background: #FFF;
	/*
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*/
	margin: 15px 0 0;
	padding: 10px 15px 15px;
}
#side #side_shop ul {
	padding: 8px 0 0 11px;
}
#side #side_shop ul li {
	background: url(../images/icon_arrow_01.gif) left center no-repeat;
	width: 57px;
	margin: 5px 0 0;
	padding: 0 0 0 11px;
	float: left;
}


/*----------------------------------------------------
	#topicpath（パンくずリスト）
----------------------------------------------------*/
#topicpath {
	padding: 15px 0 20px 5px;
	font-size: 85%;
	background: url(../images/bg_cont_02.gif) left bottom repeat-x;
}
#topicpath ul {
}
#topicpath ul li {
	display: inline;
}
#topicpath ul li a {
	background: url("../images/topicpath.gif") no-repeat scroll right center transparent;
	padding-right: 8px;
	margin-right: 3px;
	text-decoration: underline;
}
#topicpath ul li a:hover {
	text-decoration: none;;
}
#topicpath ul li a.no-arrow {
	background: none;
	padding-right: 0;
}
#topicpath ul li span {
	background: url("../images/topicpath.gif") no-repeat scroll right center transparent;
	padding-right: 16px;
	padding-right: 8px;
	margin-right: 3px;
}

/*----------------------------------------------------
	#container（コンテンツ）
----------------------------------------------------*/
#container {
	float: right;
	box-shadow: 5px 5px 5px 5px rgba(241,241,187,0) inset;
	margin-bottom: 30px;
}
body#under #container {
	width: 640px;
	background: #fffeec;
	padding: 0 20px 30px;
}
.top #container {
	width: 540px;
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
/* ニュース */
#container div.newscont {
	background: #FFF;
}
#container div.newscont ul.news {
	padding: 15px 15px 5px;
}
#container div.newscont ul.news li {
	border-bottom: 1px solid #e8e9f1;
	list-style: none outside none;
	margin-bottom: 9px;
	padding-bottom: 9px;
}
#container div.newscont ul.news li.noBorder {
	border-bottom: none;
	margin-bottom: 0px;
}
#container div.newscont ul.news li div {
	display: block;
	float: left;
}
#container ul.news li div.info_date {
	width: 75px;
	background: url(../images/icon_arrow_02.gif) 5px center no-repeat;
	padding: 0 0 0 20px;
}
#container div.newscont ul.news li div.info_text {
	width: 410px;
}
#container div.newscont ul.news li div.info_text p {
	padding: 10px 0 0;
}
#container div.newscont h3.shop {
	margin: 0 0 0 18px;
}

/* ブランドコンセプト・定番商品 */
#container .topcont {
	margin: 15px 0 0;
	padding: 5px 20px 20px;
	background: #fffeec;
}
#container .topcont h2 {
	margin: 10px 0 0;
	height: 17px;
}
#container .topcont .topbox {
	padding: 15px 0 0;
}
#container .topcont .bg01 {
	background: url(../images/bg_cont_01.gif) left bottom no-repeat;
	padding: 15px 0;
}
#container .topcont .topbox .text {
	width: 275px;
	float: left;
}
#container .topcont .topbox .text p.btn {
	text-indent: -9999px;
}
#container .topcont .topbox .text p.btn a {
	display: block;
	float: right;
	width: 80px;
	height: 19px;
	background-image: url(../images/btn_set.gif);
	background-repeat: no-repeat;
}
#container .topcont .topbox .text p.btn a {
	background-position: -107px 0;
}
#container .topcont .topbox .text p.btn a:hover {
	background-position: -107px -19px;
}
#container .topcont .topbox .photo {
	width: 213px;
	float: right;
}





/*----------------------------------------------------
	テキスト主体のページ
----------------------------------------------------*/
/* 個人情報保護方針、お問い合わせ など */
#container div.txt {
	background: url("../images/bg_line_cont.gif") center bottom no-repeat;
	padding: 0 10px 35px;
}
#container div.txt h4 {
	background: url("../images/bg_subtit.gif") left center no-repeat;	
	font-size: 110%;
	margin-top: 10px;
	padding: 1px 0 0 17px;
	line-height: 1;
}
#container div.txt ul.num {
	list-style-type: decimal;
	margin-left: 20px;
}
#container div.txt ul.num li {
	padding: 15px 0 0;
}
#container div.txt p,
#container div.txt table {
	margin: 10px 0 0;
}
#container div.txt a {
	text-decoration: underline;
}
#container div.txt a:hover {
	text-decoration: none;
}





/*----------------------------------------------------
	#footer（フッター）
----------------------------------------------------*/
#footer {
	background: url(../images/footer_line.png) top no-repeat;
	padding-top: 18px;
	clear: both;
}
#footer ul {
	width: 286px;
	margin: 0 auto;
}
#footer ul li {
	float: left;
	height: 12px;
	text-indent: -9999px;
}
#footer ul li a {
	height: 12px;
	background-image: url(../images/menu_footer.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
}
#footer ul li.menu02,
#footer ul li.menu03 {
 margin-left: 18px;
}
#footer ul li.menu01 a { width: 124px; }
#footer ul li.menu02 a { background-position: -144px 0; width: 63px; }
#footer ul li.menu03 a { background-position: -226px 0; width: 63px; }
#footer ul li.menu01 a:hover { background-position: 0 -12px; }
#footer ul li.menu02 a:hover { background-position: -144px -12px; }
#footer ul li.menu03 a:hover { background-position: -226px -12px; }
#footer p.copyright {
	background: url(../images/bg_line.gif) top left no-repeat;
	text-align: center;
	margin: 23px 0 0;
	padding: 0 0 15px;
	clear: both;
}




/*----------------------------------------------------
	ニュースリリース・店舗ニュース
----------------------------------------------------*/
/* タイトル */
div.newstitle {
	background: url(../images/bg_line_cont.gif) top left no-repeat;
	padding: 20px 10px 10px;
	border-bottom: 2px solid #d2d4e4;
}
div.newstitle h3 {
	color: #232b87;
	font-size: 115%;
	font-weight: bold;
	width: 600px;
	float: left;
}
div.newstitle span.post-date {
	color: #5d5a50;
	font-size: 115%;
	font-weight: bold;
	text-align: right;
	width: 80px;
	float: right;
	display: block;
}
a.excerpt_more {
	text-decoration: underline;
}
a.excerpt_more:hover {
	text-decoration: none;
}



/*----------------------------------------------------
	ニュースリリース
----------------------------------------------------*/
/*ダウンロードボタン*/
div.downloadbtn {
	padding: 10px 10px 0;
	text-indent: -9999px;
}
div.downloadbtn a {
	width: 119px;
	height: 25px;
	margin-left: 10px;
	display: block;
	background-image: url(../images/btn_set02.gif);
	float: right;
}
div.downloadbtn a.btn_pdf {	background-position: 0 0; }
div.downloadbtn a.btn_zip {	background-position: -119px 0; }
div.downloadbtn a.btn_pdf:hover {	background-position: 0 -25px; }
div.downloadbtn a.btn_zip:hover {	background-position: -119px -25px; }
/* 下部ダウンロードボタン */
div.btn_center {
	background: url("../images/bg_line_cont.gif") no-repeat scroll left bottom transparent;
	padding: 20px 240px 40px 10px;
}

/* 詳細ページ */
body.single div.newstxt {
	padding: 20px 20px 0;
}
body.single div.newstxt table td {
	 vertical-align: top;
	 padding: 5px;
}


/*----------------------------------------------------
	更新情報
----------------------------------------------------*/
body#page #container ul.updates li {
	margin-bottom: 7px;
	padding-bottom: 7px;
}