@charset "utf-8";
/* le-matin css */

body  { 
	font:75%/150% Arial, Helvetica, sans-serif;
	background:#fdf8e7 url(images/bg.jpg) repeat;
	margin:0;
	padding:0;
	color:#110800;
	position:relative;
	min-height:100%;
	height:100%;
}
html { height:100%; }

h1, h2, h3, h4, h5, p, ul, ol, dl, li, dd, address, form, input {
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
input, textarea { font:75%/160% Arial, Helvetica, sans-serif; }
img { border:none; vertical-align: baseline; }
li	{ list-style:none; }
em { font-style:normal; font-weight:bold; color:#990000;}

/* link -----------------------------  */
a:link { color:#663300; text-decoration:none; }
a:hover { color:#663300; text-decoration:underline; }

/* position */
.right { text-align:right;}
.left { text-align:left;}
.fright { float:right;}
.fleft { float:left; }

/* clear ------------------------- */
.clear { clear:both; font-size:0%; line-height:0%; }

.clearfix:after { 
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/* block
------------------------------------------------------------------------------------------ */
#wrapper	{ width:920px; margin:0 auto;  background:url(images/bg-mdl.png) repeat-y 50% 0; }
#header		{ width:920px; height:381px; }
#content	{ width:850px; margin:auto; }
#side		{ width:252px; float:left; margin:20px auto 20px 0; }
#main		{ width:570px; float:right; margin:20px 0 20px auto; display:inline;  }
#footer		{ width:920px; height:120px; clear:both; }

#subpage #header { height:202px;}


/* header
------------------------------------------------------------------------------------------ */
#header { position:relative; background:url(images/bg-hdr.png) no-repeat; }
#headline {
	position: absolute;
	top:30px;
	right:20px;
	color:#fff;
}
#main-top { position:absolute; top:57px; left:10px; }

#subpage #main-top { background:url(images/sub-main.jpg) no-repeat; width:900px; height:101px;}

#subpage a#btn-contact {
	display:block;
	width:145px;
	height:56px;
	background:url(images/btn-contact.png) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	left: 728px;
	top: 23px;
}
#subpage a:hover#btn-contact { background:url(images/btn-contact.png) no-repeat 0 100%;}

/* Global Navigation ---------------------------------------------------------------------- */
ul#nav {
	width:900px;
	height:43px;
	position:absolute;
	bottom:0px;
	left:10px;
}
ul#nav li { float:left; }
ul#nav li a { width:150px; height:43px; display:block; text-indent:-99999px; background-repeat:no-repeat; overflow:hidden; }

ul#nav li a.nav1 { background:url(images/nav1.png) 0 0; }
ul#nav li a.nav2 { background:url(images/nav2.png) 0 0; }
ul#nav li a.nav3 { background:url(images/nav3.png) 0 0; }
ul#nav li a.nav4 { background:url(images/nav4.png) 0 0; }
ul#nav li a.nav5 { background:url(images/nav5.png) 0 0; }
ul#nav li a.nav6 { background:url(images/nav6.png) 0 0; }

ul#nav li a:hover.nav1 { background:url(images/nav1.png) 0 100%; }
ul#nav li a:hover.nav2 { background:url(images/nav2.png) 0 100%; }
ul#nav li a:hover.nav3 { background:url(images/nav3.png) 0 100%; }
ul#nav li a:hover.nav4 { background:url(images/nav4.png) 0 100%; }
ul#nav li a:hover.nav5 { background:url(images/nav5.png) 0 100%; }
ul#nav li a:hover.nav6 { background:url(images/nav6.png) 0 100%; }

ul#nav li a.no-rink { background: no-repeat 0 0;}

/* footer
------------------------------------------------------------------------------------------ */
#footer { 
	position:relative; 
	background:url(images/bg-ftr.png) no-repeat;
	text-align:center;
}
#copy { position:relative; top:30px;}

/* side
------------------------------------------------------------------------------------------ */
#infomation {
	width:252px;
	background:url(images/bg-info.png) repeat-y 0 100%;
	margin-top:-30px;
}
#infomation p {
	width:230px;
	height:100%;
	min-height:50px;
	margin:15px auto 5px auto;
	border-bottom:1px dotted #e7c580;
}
#infomation .pic { margin:5px 0;}
#side span.date { display:block; margin-top:10px; color:#E09E54; text-align:right; letter-spacing:1px;}
#side .bnr { margin-top:20px;}

#adobe { border:3px solid #ccc; }
#adobe p { margin:10px; color:#666;}


/* content
------------------------------------------------------------------------------------------ */
.article { padding-bottom:15px; width:auto;}
.article h3 { margin-bottom:10px;}
h2.ttl { margin:5px 0;}
.cell { margin-bottom:5px;}
.pagetop { text-align:right; padding:5px 0 20px 0; border-top:1px dotted #996600; }
#event_l{ margin-top: 25px; width:400px; float:left;}
#event_r{ margin-top: 25px; width:450px; height:600px; float:left;}
#imagebox {
   border: 1px solid #ccc;
   background-color: #fff;
   width:170px;
   float: left;
   margin: 5px;
}
p.image {
   text-align: center;
   margin: 10px;
}
p.caption {
   text-align: left;
   margin: 5px;
   font-size: 90%;
   color: #333;
}
#extratext{clear:left;  padding:15px;}
#maintext{clear:left;  padding:15px;}
/* 共通　table style */
table { border-collapse:collapse; margin:auto; margin-bottom:20px;  }
th,td { vertical-align:top;}
th { text-align:left;}

.info { 
	margin-bottom: 10px;
	border:1px solid #666;
	padding:10px;
}
.info p { margin-top:15px;
}
/* main
------------------------------------------------------------------------------------------ */
#main { letter-spacing:1px; }
#main .banner { 
	margin-bottom: 10px;
}


#main .entry { 
	position:relative; 
	min-height:220px;
	height: auto !important; /* IE6 */
	height: 220px; /* IE6 */
}
#main .entry p { width:280px;}

#main .main-pic {
	position:absolute;
	top:10px;
	right:0;
}

#main .bnr img { margin-bottom:30px;}
#main .bnr2 img { margin-bottom:5px;}

/* 店舗案内 ----------------- */

#shop th, 
#shop td { padding:0; }


/* 会社案内 ----------------- */
.copy-recruit { margin-bottom:15px;}
#howto { width:55%; margin:0 auto 20px auto;  color:#333; border:3px double #990000;  　}
#howto h4 { background:#990000; color:#fff; padding:10px;}
#howto p { padding:10px; line-height:1.8em;}
#howto p em { font-size:1.4em; font-weight:bold; color:#990000;}
/* table style */
.company table { color:#382203; }
.company th, .company td { border:1px solid #d3c5ae; padding:8px; letter-spacing:1px; }
.company th { width:20%; background:#faedd8; }

/* オンラインショップ ----------------- */
.onlineshop th, 
.onlineshop td { padding:5px; }
.onlineshop img { vertical-align: baseline;}
.onlineshop .fee { background:#990000; color:#fff; font-size:1.4em; font-weight:bold; padding:10px; margin-bottom:10px; width:280px; float:right; text-align:left;}
.onlineshop .fee span{color:#fff; font-size:0.8em; font-weight:normal;}

.onlineshop input, 
.onlineshop textarea { padding:3px; font-size:1.1em;}
.onlineshop .btn { text-align:center;}
.onlineshop .btn input {padding: 0px;}

/* 商品一覧 */
.onlineshop table.list { border:0;}
.onlineshop table.list th,
.onlineshop table.list td { border:0;}
.onlineshop table.list th {width:73%; background:url(images/bg-sttl.gif) repeat-x; }

/* 注文者情報 */
.onlineshop table { color:#382203;  }
.onlineshop th, 
.onlineshop td { border:1px solid #d3c5ae; padding:5px; letter-spacing:1px; }
.onlineshop th { width:20%; background: url(images/bg-table_online.png) repeat; }


.attention {margin-bottom:30px; border:1px solid #d3c5ae; padding:15px;}
.attention p {margin-bottom:10px;}

/*.onlineshop .prod_block{}
.onlineshop .prod_block dl{
vertical-align:top;
display:-moz-inline-box;  Firefox 2 and older 
display:inline-block;
width:260px;
margin:10px;
list-style:none;
}*/

/*
* html .onlineshop .prod_block dl{  IE 6 
display:inline;
zoom:1;
}*/

/*
*:first-child+html .onlineshop .prod_block dl{  IE 7 
display:inline;
zoom:1;
}
*/

/* code for "-moz-inline-box" [BEGIN] 
.onlineshop .prod_block div.text{display:table-row-group;}
.onlineshop .prod_block div.text p{width:400px;}
.onlineshop .prod_block p.image{width:255px;display:table-row-group;}
.onlineshop .prod_block div.items{width:400px;display:table-row-group;}
 code for "-moz-inline-box" [END] */

/*.onlineshop .prod_block h4{background:#faedd8 url(images/bg-sttl.gif) left bottom repeat-x; padding:5px; text-align:left; margin-bottom:10px; font-size:100%; height:40px;}
.onlineshop .prod_block p.text{padding:5px;}
.onlineshop .prod_block p.image{ margin:auto; text-align:center;}
.onlineshop .prod_block p.image img{}
.onlineshop .prod_block div.items{padding:5px; border-bottom:2px solid #ccc; border-top:1px dotted #ccc; width:260px; text-align:right;}*/



/*.onlineshop .prod_block {float:left; width:400px; margin:10px; text-align:center;}
.onlineshop .prod_block p{text-align:left; padding:10px;} */





/* 商品紹介 ----------------- */
div.productlist { width:250px; float:left; margin-right:32px; margin-bottom:15px; }
div.productlist h4 { background:url(images/bg-sttl.gif) repeat-x; width:250px; height:30px; padding:5px 5px;}

div.new-arrivals {margin-bottom:20px;}

div.new-arrivals table{/*width:850px;*/}

div.new-arrivals .products{/*float:left; */width:250px; background:url(images/icon_new.png) no-repeat 0 0;}
div.new-arrivals .products img{padding-top:50px;}
div.new-arrivals h4 { background:url(images/bg-sttl.gif) repeat-x; width:240px; height:30px; padding:5px 5px;}
div.new-arrivals p.price{color:#a34b4e; font-weight:bold; padding:5px 0;}


.breadlineup {
}
.breaditem {
	width:200px;
	height:240px;
	float:left;
	text-align: center;
	
}
.breadinfo img{
	display:block;
	margin:0 auto;
}
.breadtitle {
	font-size:13px;
	font-weight: bold;
}
.breadprice span{
	font-size:8px;
}
.breaddescription {
	font-size:12px;
	text-align: left;
	width:165px;
	margin:0 auto;
}


/* 店舗案内 ----------------- */

.shoplist {margin-bottom:40px; background:url(images/ttl-shopinfo_btm.png) no-repeat left bottom; padding-bottom:12px;}
.shoplist h3 {margin-bottom:0px; height:37px; overflow:hidden;}
.shoplist ul {background:url(images/ttl-shopinfo_bar.png) repeat-y 0 0; padding:10px 10px 5px 15px; display:block; height:40px;}
.shoplist li {display:block; float:left; background:url(images/icon_pan.png) no-repeat 0% 0%; text-indent:35px; font-size:14px; /*width:200px;*/ width:165px; line-height:40px;}
.shoplist li a {color:#3a1c0a; text-decoration:underline; font-weight:bold;}

.shop .cell .main { margin-right:10px;}
/* スタッフメッセージ */
.shop h4 { height:30px; background:url(images/bg-sttl.gif) repeat-x 0 0; position:relative; margin-bottom:10px; }
.shop h4 span { display:block; margin:auto; position: absolute; top:7px; left:15px; color:#3a1c0a; }

.shop div.staffmsg { width:840px; background:url(images/bg-staff_btm.gif) no-repeat 0 100%; position:relative;}
.shop .staffttl {
	position:absolute;
	left: 1px;
	top: -5px;
}
.shop p.staffimg { float:left; margin-top:40px; padding-left:15px; padding-bottom:15px; }
.shop p.stafftxt { width:580px; float:right; padding-right:30px; padding-bottom:20px; padding-top:10px; letter-spacing:1px; line-height:1.8em;}
.shop div.staffmsg span.stf-top { width:840px; height:15px; background:url(images/bg-staff_top.gif) no-repeat; display:block;}

.shop div.events_bord { width:595px; float:right; padding-right:15px; margin-bottom:20px; /*padding-top:10px;*/ letter-spacing:1px; line-height:1.8em; background:url(images/shop_evt_bg.png) repeat-y 0 0;}
.shop div.events_bord p{margin:0 30px; border-bottom:1px dotted #ccc;}

/* table style */
.shop table { margin:10px 0;}
.shop table th,
.shop table td { border:1px solid #ccc; padding:6px; color:#3a1c0a;}
.shop table th { background:#fef1d9;}
.shop .map { text-align:center; border:none; padding:0;}
.shop .map iframe { border:5px solid #ccc; padding:5px;}


/* インフォメーション ----------------- */
.information h4 { height:30px; background:url(images/bg-sttl.gif) repeat-x 0 0; margin-bottom:10px; }
.information h4 span { margin:auto; color:#3a1c0a; line-height:30px; padding:0 15px;}
.information span.date { margin-top:10px; color:#E09E54; letter-spacing:1px; padding-right:0px;}
.information .cell {margin:10px;}


/* エラーメッセージ ----------------- */
div.onlineshop span{font-weight:bold; color:#990000;}


/* 準備中ページ */
h4.cs { text-align:center;}


/* クーポン券 ----------------- */

.coupon p#msg,
.coupon div#ticket {width:640px; text-align:center; margin:10px auto;}

.coupon p#msg {font-weight:bold;}

.coupon div#ticket #bg{
	padding:10px 15px 0 15px;
	border-right:2px solid #3a1c0a;
	border-left:2px solid #3a1c0a;
	background:#fffaed;
	text-align: left;
}

.coupon div#ticket #bg #name,
.coupon div#ticket #bg #date{
	background:#a30d11;
	border:3px solid #a30d11;
	text-align:center;
	font-weight:bold;
	font-size:150%;
	color:#fff;
	padding:10px;
}

.coupon div#ticket #bg #date {
	font-size:100%;
	color: #a30d11;
	background:#fff;
	padding:3px;
	border-top:none;
}

.coupon div#ticket #bg ul {
	background:url(images/coupon_img.gif) right bottom no-repeat;
	padding:15px;
}
.coupon div#ticket #bg ul li {width:430px; line-height:0.8em;}



.specail_ttl {color:#bf0000;font-size:24px; font-weight:bold;}

.tencho {display:block; text-align:center; font-size:20px; font-family: "游明朝体", "Yu Mincho", YuMincho, serif;padding-top:5px;}

.red {color:#C00;}
.bold { font-weight:600;}

.onlineshop table.alergy { margin:10px auto; }
.onlineshop table.alergy th, .onlineshop table.alergy td {
	background: none;
	border:solid 1px #F96;
	text-align:center;
}
.onlineshop table.alergy th {
	width:120px;
	background-color:#FAE0D6;
}
.onlineshop table.alergy td {
	width:320px;
}