.ベース ----------------------- {}

body       { background:#f9f6ef; }
#wrapper   { background:url(../img/base/bg_01.gif) repeat-x left top; -moz-background-size:270px 3px;background-size:270px 3px; }
#conteiner { width:100%; margin: 0px auto 0px auto; position:relative;}


.ヘッダ ----------------------- {}

header {
    position:relative;
    width:100%;
    height:auto;
    margin:0px auto;
}

header h1 { margin:0px auto; display:block;width:120px;height:80px; }
header h1 a {
    width:120px;
    height:80px;
	background:url(../img/header/logo_sm.png) no-repeat center center;
    display:block;
    text-indent:100%; 
    white-space:nowrap; 
    overflow:hidden;
	padding:25px 0px 15px 0px;
    -moz-background-size:120px 80px;
         background-size:120px 80px;
}

header h2 {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0.1em;
    color: #c0c0c0;
	display:none;
}

.スマホ：ナビゲーション ----------------------- {}

/* メインメニュー:プルダウン */
header #pulldown {
    position:absolute;
    top:13px;
    right:0px;
    margin:0px 0px 0px 20%;
    width:70px;
    height:70px;
    display:block;
    z-index:1000;
}

header #pulldown img {
    position:absolute;
    top:64px;
    right:29px;
    width:12px;
    height:6px;
    display:block;
    z-index:0;
}

header #pulldown h1 {
    background:url(../img/header/sm_menu.png) no-repeat 0px 0px;
    width:70px;
    height:70px;
    display:block;
    text-indent:100%; 
    white-space:nowrap; 
    overflow:hidden;
    -moz-background-size:70px 70px;
         background-size:70px 70px;
}

header #pulldown ul {
    width:290px;
    margin: 0px 0px 0px -240px;
	font-size: 108%;
	line-height: 1.4em;
    display:none;
	background:#e8e3d8;
	border:5px solid #8e7e6d;
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
    -webkit-box-shadow: 0px 1px 4px rgba( 0, 0, 0, 0.2 );
       -moz-box-shadow: 0px 1px 4px rgba( 0, 0, 0, 0.2 );
            box-shadow: 0px 1px 4px rgba( 0, 0, 0, 0.2 );
}

header #pulldown ul li   { position:relative; padding:0px;}
header #pulldown ul li a , header #pulldown ul li a:hover {
    border-top:1px solid #ded9cd;
    background: url(../img/common/link_a.png) no-repeat 93% center;
    padding: 12px 55px 12px 20px;
    display:block;
    -moz-background-size:11px 11px;
	     background-size:11px 11px;
}
header #pulldown li a span  {
    position:absolute;
    top:13px;
    right:30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    padding: 4px;
    width: 25px;
    color:#927d6d;
    text-align:center;
    background:#ddd;
    border:none;
    display:block;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.ナビ ----------------------- {}

nav {
    position:relative;
    width:100%;
    margin:0px auto 0px auto;
}

/* リスト */
nav #list { display:none; }

/* メインメニュー */
nav #menu {
    width:94%;
    margin: 20px 3% 25px 3%;}
nav #menu ul { }
nav #menu li { display: block; text-align:center;float:left; width:46%; border-bottom: 1px solid #ddd; margin:2% 2% 0% 2%; font-family:'Hiragino Mincho ProN', serif; }
nav #menu li a:link { padding:6px 5px ; display:block; color:#666; font-weight:bold; text-decoration:none; font-size:10px;}
nav #menu li a span { display: block; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;color:#111; font-weight:normal; letter-spacing:0.1em; }
nav #menu .info     { display:none; }


.メインビジュアル ----------------------- {}

#main_img { width: 100%; margin: 0px 0px 40px 0px; background: url(../img/base/bg_03.gif) repeat left top #241918;}
#main_img .top       { background: url(../img/base/bg_02.gif) repeat-x left bottom; height:3px; }
#main_img .bottom    { background: url(../img/base/bg_01.gif) repeat-x left bottom; height:3px; }
#main_img .inner     { width: 90%; margin: 18px 5% 20px 5%; }
#main_img #col_left  { width:100%; margin-bottom:15px; text-align:center; }
#main_img #col_right { width:100%; text-align:center; }

#main_img #col_right img { width:50%; float:left; }
#main_img #col_right .bnr_fair { display:none; }


/* スペシャル：アップルパイ */

#sp_applepai {
	position:relative;
	width:90%;
	height:auto;
	margin:25px auto 15px auto;
}

#sp_applepai .reaf{
	position:absolute;
	top:7%;
	right:4%;
	width:14%;
	height:20%;
	z-index:2;
}


/* スペシャル：銀のサラ */
#sp_silver {
	position:relative;
	width:90%;
	margin:25px 5% 15px 5%;
}

#sp_silver #cover a {
	background:url(../img/sp/silver_spoon/p_01.jpg) no-repeat center 0px ;
	width:100%;
	height:auto;
	padding:19% 0px;
	display:block;
    -moz-background-size:100% 100%;
         background-size:100% 100%;
}

#sp_silver h1 {
	position:absolute;
	top:-3%;
	left:-3%;
	background:url(../img/sp/silver_spoon/title_01.png) no-repeat 0px 0px;
	width:25%;
	height:125px;
    text-indent:100%; 
    white-space:nowrap; 
    overflow:hidden;
    display: block;
	z-index:20;
    -moz-background-size:100% auto;
         background-size:100% auto;
}

#sp_silver h2 {
	position:absolute;
	top:-18px;
	left:50%;
	margin:0px 0px 0px 8px;
	background:url(../img/sp/silver_spoon/title_02.png) no-repeat 0px 0px;
	width:22%;
	height:260px;
    text-indent:100%; 
    white-space:nowrap; 
    overflow:hidden;
    display: block;
	z-index:20;
    -moz-background-size:100% auto;
         background-size:100% auto;
}

#sp_silver h3 {
	background:url(../img/sp/silver_spoon/title_03_sm.gif) no-repeat center 0px #f6d200;
	height:90px;
    text-indent:100%; 
    white-space:nowrap; 
    overflow:hidden;
    display: block;
	z-index:10;
    -moz-background-size:284px 90px;
         background-size:284px 90px;
}

#sp_silver .btn {
	background:url(../img/sp/silver_spoon/btn_sm_bg.gif) repeat-x 0px 0px ;
	width:auto;
	height:35px;
    display: block;
	text-align:center;
	z-index:100;
    -moz-background-size:200px 35px;
         background-size:200px 35px;
}

#sp_silver .btn img {
	width:auto;
	height:35px;
}

#sp_silver .read { background:#f9f6ef; color:#111; padding:15px 15px; line-height:1.5em; margin:0px; overflow:hidden; }


.トップ左カラム ----------------------- {}

#home .col_left { width:100%; }

#home .col_left hgroup    { position:relative; height:35px; }
#home .col_left hgroup h1 { margin: 0px 0px 5px 0px;}
#home .col_left hgroup h2 { position:absolute; top:0px; right:0px;}
#home #copy     { width:90% ;margin:0px auto 30px auto; }
#home #copy p   { margin: 0px 0px 15px 0px; }
#home #copy img { float:right; margin: 5px 0px 15px 20px; width:72px;}


.トップサイド ----------------------- {}

#home aside    { width:90%;  padding: 0px 5% 10px 5% ;}
#home aside li { background: url(../img/hr_a.gif) repeat-x left bottom; }
#home aside ul { padding:0px 0px 15px 0px; }
#home aside ul li a {
    background: url(../img/header/root_point.gif) no-repeat left center;
    padding-top: 10px 10px 10px 25px;
    display: block;
}


.お知らせ ----------------------- {}

#news { width:90%;  padding: 0px 5% 10px 5% ;}
#news_scroll {
    position:relative;
    overflow:auto;
    width:90%;
    height:215px;
    margin:0px 0px 25px 0px;
    padding:0px 10% 35px 0px;
}

#news_scroll h3 {
    font-size:100%;
    font-weight: bold;
    padding:25px 0px 10px 0px;
    border-bottom:1px solid #ddd;
    position:relative;
}

#news_scroll h3 span {
    font-size:100%;
    font-weight: normal;
    font-family:Arial, Helvetica, sans-serif;
    color:#999;
    padding:25px 0px 0px 0px;
    position:absolute;
    top:0px;
    right:0px;
}

#news_scroll p { font-size:93%;}


/* スクロールスタイル */
.vscrollerbase,
.vscrollerbar   { width:5px; }
.vscrollerbase  { background: url(../img/common/line_a.gif) repeat-y center 0px; }
.vscrollerbar   { width:5px;
	background-color:#7b5f4c;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
.scrollgeneric  { position:absolute; top:0; left:0; line-height:1px; font-size:1px; }
.scrollerjogbox { width:10px; height:10px; top:auto; left:auto; bottom:0px; right:0px; }


.フツタ ----------------------- {}

footer        { background: url(../img/base/bg_02.gif) repeat-x left top; margin: 0px auto 0px auto; padding:7px 0px 0px 0px; -moz-background-size:270px 7px;background-size:270px 7px;}
footer .inner {
	background: url(../img/base/bg_03.gif) repeat left top #392a24;
	width:90%;
    color: #cccccc;
    margin:0px auto;
    padding: 35px 5% 50px 5%;
    position:relative;
}

footer .inner #osmc  { position:absolute; top:15px; right:20px; width:32px; height:30px; }
footer .inner #tel   { margin:15px 0px; color:#C96; font-family:"Times New Roman", Times, serif; font-size:131%; }
footer .inner #tel a { padding:17px 15px 17px 60px; background: url(../img/footer/icon_tel.png) no-repeat 10px center #908172; display:block; color:#fff; -moz-background-size:35px 35px;background-size:35px 35px;}

footer .ft_bnr     { margin-top:10px; padding:20px 0px; border-top:1px solid #000; text-align:center; }
footer .ft_bnr img { margin:0px 10px; width:110px; height:auto;}


footer ul   { display:none;}
footer li   { background: url(../img/hr_a.gif) repeat-x left bottom;}
footer li a { color:#ccc; background: url(../img/footer/point_01.gif) no-repeat left center}

.footer_left { font-size: 103%; line-height: 140%; }
.footer_list { float: left; margin: 10px 0px 0px 15px; }
.footer_list a { color:#ccc; padding:5px 10px 6px 25px; display:block; }

.ページ先頭 ----------------------- {}

#page-top         { position:fixed; bottom:15px; right:20px; font-size:85%; z-index:100; }
#page-top a       { background: url(../img/footer/page_top.png) no-repeat 0px 0px; color:#666; width:41px; height:41px; display:block; -moz-background-size:41px 82px; background-size:41px 82px; }
#page-top a:hover { background: url(../img/footer/page_top.png) no-repeat 0px -41px; -moz-background-size:41px 82px; background-size:41px 82px; }



.ZIP追加 ----------------------- {}


#cstm_pickup .cstm_box_a  {
	position:relative;
    width:100%;
    margin:0px 0px 15px 0px;
    float:left;
}
#cstm_pickup .cstm_box_b {
	position:relative;
    width:100%;    
    margin:0px 0px 15px 0px;
    float:left;
}