/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
 
/* 要素のフォントサイズやマージン・パディングをリセットしています */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-weight:normal;
}
 
/* 行の高さをフォントサイズと同じにしています */
body {
    line-height:1;
}
 
/* 新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
/* 引用符の表示が出ないようにしています */
blockquote, q {
    quotes:none;
}
 
/* blockquote要素、q要素の前後にコンテンツを追加しないように指定しています */
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
/* a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています */
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* 画像を縦に並べたときに余白が出てしまわないように */
img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}
 
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
 
/* テキストに打ち消し線が付くようにしています */
del {
    text-decoration: line-through;
}
 
/* IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています */
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
/* 隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています */
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* 水平罫線のデフォルトである立体的な罫線を見えなくしています */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
/* 縦方向の揃え位置を中央揃えに指定しています */
input, select {
    vertical-align:middle;
}

/* △reset css */

/* CREAR FIX */
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
/* △CREAR FIX */

body , html {  
	 height: 100%;
	 width:100%;
	 background-image:url(../img/back-pattern.png);
	 color:#464646;
	 line-height:150%;
	 font-size:13px;
}

.hidden {
	display:none;
}

/* ヘッダー */

header {
	width:100%;
	height:120px;
	background-image:url(../img/header-ribbon.png);
	background-repeat:repeat-x;
	text-align:center;
	padding-top:16px;
}

header #header {
	width:960px;
	height:104px;
	margin:0 auto;
}

header #header #title {
	position:relative;
	display:block;
	width:300px;
	float:left;
}

header #header #title h1 {
	position:relative;
	display:block;
	width:210px;
	height:73px;
	background-image:url(../img/title.png);
	margin-top:15px;
	margin-left:11px;
}

header #header #title h1 a.visible {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}

header #header #title h1 span {
	display:none;
}

header #header #title p#copy {
	display:none;
}

/* グローバルメニュー */
nav {
	position:relative;
	display:block;
	float:right;
	width:506px;
	height:104px;
	margin-right:16px;
	text-align:right;
}

nav ul{
	list-style:none;
}

nav ul li{
	float:left;
}

nav ul#nav01 {
	width:506px;
	height:32px;
	position: absolute;
	top: 50px;
}

/* おいしさの秘密 */
nav ul#nav01 li.about-taste {
	display:block;
	width:126px;
	height:32px;
}

nav ul#nav01 li.about-taste a.visible {
	position:relative;
	display:block;
	width:126px;
	height:32px;
	background-image:url(../img/nav_about-taste.png);
	background-repeat:no-repeat;
}

nav ul#nav01 li.about-taste a.visible:hover {
	background-position:0 -42px;
}

/* 商品紹介 */
nav ul#nav01 li.item-list {
	width:81px;
	height:32px;
}

nav ul#nav01 li.item-list a.visible {
	position:relative;
	display:block;
	width:81px;
	height:32px;
	background-image:url(../img/nav_item-list.png);
	background-repeat:no-repeat;
}

nav ul#nav01 li.item-list a.visible:hover {
	background-position:0 -42px;
}

/* 店舗一覧 */
nav ul#nav01 li.shop-list {
	width:81px;
	height:32px;
}

nav ul#nav01 li.shop-list a.visible {
	position:relative;
	display:block;
	width:81px;
	height:32px;
	background-image:url(../img/nav_shop-list.png);
	background-repeat:no-repeat;
}

nav ul#nav01 li.shop-list a.visible:hover {
	background-position:0 -42px;
}

/* お知らせ */
nav ul#nav01 li.information {
	width:81px;
	height:32px;
}

nav ul#nav01 li.information a.visible {
	position:relative;
	display:block;
	width:81px;
	height:32px;
	background-image:url(../img/nav_information.png);
	background-repeat:no-repeat;
}

nav ul#nav01 li.information a.visible:hover {
	background-position:0 -42px;
}

/* お問い合わせ */
nav ul#nav01 li.contact {
	width:137px;
	height:32px;
}

nav ul#nav01 li.contact a.visible {
	position:relative;
	display:block;
	width:137px;
	height:32px;
	background-image:url(../img/nav_contact.png);
	background-repeat:no-repeat;
}

nav ul#nav01 li.contact a.visible:hover {
	background-position:0 -42px;
}

nav ul#nav02 {
	position: absolute;
	top: 15px;
	width:166px;
	height:24px;
	display:block;
	margin-left:340px;
}

/* 会社概要 */
nav ul#nav02 li.company {
	width:66px;
	height:24px;
}

nav ul#nav02 li.company a.visible {
	position:relative;
	display:block;
	width:66px;
	height:24px;
	background-image:url(../img/nav_company.png);
	background-repeat:no-repeat;
}

nav ul#nav02 li.company a.visible:hover {
	background-position:0 -34px;
}

/* 採用情報 */
nav ul#nav02 li.recruit {
	width:100px;
	height:24px;
}

nav ul#nav02 li.recruit a.visible {
	position:relative;
	display:block;
	width:100px;
	height:24px;
	background-image:url(../img/nav_recruit.png);
	background-repeat:no-repeat;
}

nav ul#nav02 li.recruit a.visible:hover {
	background-position:0 -34px;
}

/* ヘッダーここまで */

#container {  
	width: 100%;
	position: relative; 
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#body_section {
	padding-bottom: 154px;
	text-align:center;
}

#body_section #body {
	position:relative;
	display:block;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#body_section #body .crumb {
	position:relative;
	display:block;
	width: 928px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:9px;
}

footer {
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 154px;
	background-image:url(../img/footer-back-pattern.png);
	background-repeat:repeat-x;
	background-position:0 50px;
	text-align:center;
}

footer #footer {
	position:relative;
	display:block;
	width: 960px;
	height:72px;
	margin:82px auto 0 auto;
	font-size:12px;
}  

footer #footer #copyright {
	position:relative;
	display:block;
	float:left;
	margin-left:16px;
	width:380px;
	text-align:left;
	line-height:72px;
}

footer #footer #footer-nav {
	position:relative;
	display:block;
	float:right;
	margin:8px 16px auto auto;
}

footer #footer ul.footer-nav01 {
	position:relative;
	display:block;
	list-style:none;
}

footer #footer ul.footer-nav01 li {
	float:left;
}

footer #footer ul.footer-nav01 li a {
	color:#fff;
	text-decoration:none;
}

footer #footer ul.footer-nav01 li a:hover {
	text-decoration:underline;
}

footer #footer ul.footer-nav01 li:before {
	content:"　　|　　";
}

footer #footer ul.footer-nav01 li:first-child:before {
	content:none;
}

footer #footer ul.footer-nav02 {
	position:relative;
	display:block;
	list-style:none;
	float:right;
	margin-top:2px;
}

footer #footer ul.footer-nav02 li {
	float:left;
	margin-left:24px;
}

footer #footer ul.footer-nav02 li a {
	color:#fff;
	text-decoration:none;
}

footer #footer ul.footer-nav02 li a:hover {
	text-decoration:underline;
}

footer #footer ul.footer-nav02 li:before {
	content:"> ";
}