@charset "utf-8";
/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{
　　font:13px/1.231 arial,helvetica,clean,sans-serif;
　　*font-size:small;
　　*font:x-small
}
select,input,button,textarea{
　　font:99% arial,helvetica,clean,sans-serif
}
table{
　　font-size:inherit;
　　font:100%
}
pre,code,kbd,samp,tt{
　　font-family:monospace;
　　*font-size:108%;
　　line-height:100%
}
/*If you want this size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/

html {
	width: 100%;
}
body {
	width: 100%;
	background-color:#e60012;
	font-size: 13px;
	line-height: 1.5em;
	color: #333333;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	text-align:center;
	margin: 0px;
	padding:0px;
}
h1,h2,h3,h4,h5,p,ul,li,a,img,table,th,td,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}
h2,h3,h4{
	font-size:13px;
}
li{
	list-style-type: none;
}
table {
	border-collapse: collapse;
}
a:link,a:visited{
	cursor: pointer;
	color:#333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}
img{
	vertical-align: top;
	border: 0;
}

#wrap{
	min-width:1040px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* HEADER */
#header{
	padding-top:10px;
	padding-bottom:15px;
	background-color:#FFF;
}
#headerWrap{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.headerLeft{
	float:left;
	width:362px;
	padding-top:10px;
}
.headerRigth{
	float:right;
	width:400px;
	overflow:hidden;
}
.headerRigth .searchBox{
	float:left;
	width:275px;
	padding-top:10px;
	letter-spacing:-.40em;
}
.headerRigth .searchBox input{
	letter-spacing:normal;
	display:inline-block;
    *display : inline;
    *zoom : 1;
	width:174px;
	height:16px;
	padding:4px 12px;
	border:solid 1px #e70012;
	font-size:12px;
	line-height:1.2em;
	margin-right:6px;
	border-radius:13px;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	vertical-align:middle;
	outline: 0;
}
.ie .headerRigth .searchBox input{
	width:176px;
	height:16px;
	padding:6px 12px;
	border:none;
	background-image:url(../img/form-search.gif);
	background-repeat:no-repeat;
}
.headerRigth .searchBox a{
	letter-spacing:normal;
	display:inline-block;
    *display : inline;
    *zoom : 1;
	width:69px;
	height:26px;
	background-color:#7b1c16;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	vertical-align:middle;
	text-indent:-999999px;
}
.ie .headerRigth .searchBox a{
	background-color:transparent;
	background-image:url(../img/btn-search-bg.gif);
	background-repeat:no-repeat;
}
.headerRigth .searchBox a span{
	display:block;
	width:69px;
	height:26px;
	background-image:url(../img/btn-search.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.headerRigth .searchBox a:hover{
	background-color:#954945;
}
.ie .headerRigth .searchBox a:hover{
	background-color:transparent;
	background-position:left bottom;
}
.headerRigth .homeLogo{
	float:right;
	width:92px;
}

/* NAVI */
#gNavi{
	width:100%;
	height:60px;
	background-color:#cc0011;
}
#gNavi > ul{
	width:1000px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#gNavi > ul > li{
	float:left;
	height:60px;
	padding-right:1px;
	background-image:url(../img/gNavi-line.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
#gNavi ul li#gNavi01{
	width:170px;
}
#gNavi ul li#gNavi02{
	width:156px;
}
#gNavi ul li#gNavi03{
	width:218px;
}
#gNavi ul li#gNavi04{
	width:154px;
}
#gNavi ul li#gNavi05{
	width:136px;
}
#gNavi ul li#gNavi06{
	width:161px;
	padding-right:0px;
	background-image:none;
}
#gNavi > ul > li > a{
	display:block;
	width:100%;
	height:60px;
	overflow:hidden;
	position:relative;
	text-indent:-999999px;
	background-repeat:no-repeat;
	background-position:center top;
}
#gNavi > ul > li > a > span{
	display:block;
	position:absolute;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:120px;
}
#gNavi ul li#gNavi01 > a > span{
	background-image:url(../img/gNavi-01.png);
}
#gNavi ul li#gNavi02 > a > span{
	background-image:url(../img/gNavi-02.png);
}
#gNavi ul li#gNavi03 > a > span{
	background-image:url(../img/gNavi-03.png);
}
#gNavi ul li#gNavi04 > a > span{
	background-image:url(../img/gNavi-04.png);
}
/* キャンペーン一時停止前
#gNavi ul li#gNavi05 > a > span{
	background-image:url(../img/gNavi-05.png);
}
*/
/* キャンペーン一時停止中 */
#gNavi ul li#gNavi05{
	position: relative;
	overflow:hidden;
}
#gNavi > ul > li#gNavi05 > img{
	display:block;
	width:100%;
	position:relative;
}

#gNavi ul li#gNavi05 > a > span{
	background-image:url(../img/gNavi-05.png);
}
#gNavi ul li#gNavi06 > a > span{
	background-image:url(../img/gNavi-06.png);
}
.products #gNavi ul li#gNavi01 > a > span,
.story #gNavi ul li#gNavi02 > a > span,
.kitchen #gNavi ul li#gNavi03 > a > span,
.cm_gallery #gNavi ul li#gNavi04 > a > span,
.enjoy #gNavi ul li#gNavi06 > a > span {
	top: -60px !important;
}
#gNavi > ul > li > .sub{
	position:absolute;
	top:60px;
	right:44px;
	width:628px;
	z-index:1000;
	display:none;
}
#gNavi > ul > li > .sub{
	padding-top:16px;
	background-image:url(../img/menu-bg-arrow.png);
	background-repeat:no-repeat;
	background-position:96px 4px;
}
.ie #gNavi > ul > li > .sub{
	background-image:url(../img/bg-menu-h.png);
	background-position:left 4px;
}
.ie #gNavi > ul > li > .sub .inner{
	padding-bottom:8px;
	background-image:url(../img/bg-menu-f.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#gNavi > ul > li > .sub table{
	background-color:#fff;
	border:3px solid #cc0011;
	border-collapse:separate;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow:hidden;
	display:block;
}
.ie #gNavi > ul > li > .sub table{
	background-color:transparent;
	border:none;
}
#gNavi > ul > li > .sub table th{
	background-color:#cc0011;
	padding:3px 0 7px 0;
	width:148px;
	text-align:center;
}
.ie #gNavi > ul > li > .sub table th{
	background-color:transparent;
}
#gNavi > ul > li > .sub table td{
	vertical-align:top;
	background-image:url(../img/menu_line.gif);
	background-position:right 4px;
	background-repeat:no-repeat;
	padding-bottom:4px;
}
.ie #gNavi > ul > li > .sub table td{
	background-color:#FFF;
}
.ie #gNavi > ul > li > .sub table td.sub1{
	border-left:solid 3px #cc0011;
}
#gNavi > ul > li > .sub table td.sub4{
	background-image:none;
}
.ie #gNavi > ul > li > .sub table td.sub4{
	border-right:solid 3px #cc0011;
}
#gNavi > ul > li > .sub table td ul{
	padding:20px 15px 0 20px;
}
#gNavi > ul > li > .sub table td ul li{
	margin-bottom:15px;
	padding-left:13px;
	background-image:url(../img/menu-arrow.gif);
	background-position:left 2px;
	background-repeat:no-repeat;
}
#gNavi > ul > li > .sub table td ul li a{
	display:block;
}
#gNavi > ul > li > .sub table td ul li a img{
	display:block;
}

/* CONTAINER */
#container{
	padding-bottom:20px;
}
#container .col2{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-top:20px;
}

/* 2COLUMN CONTENTS */
#container .col2 #contents{
	width:790px;
	float:left;
	background:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.ie #container .col2 #contents{
	background:#FFF;
}
#container .col2 #contents .inner{
	padding:30px 25px 25px;
}
#container .col2 #contents .pageTop {
    text-align: right;
}
#container .col2 #contents .pageTop img {
    cursor: pointer;
}
#container .col2 #contents .pageTop img:hover {
    opacity: 0.8;
}
/*================ サイドコンテンツ ================*/

#container #side {
	width: 200px;
	line-height: 1.2em;
	float: right;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
	text-decoration: none;
}
#container #side img{
	display: block;
}
#container #side a {
	color: #753F2A;
	text-decoration: none;
}
#container #side a:hover {
	color: #753F2A;
	text-decoration: underline;
}

/* レシピ検索など */
#container #side .side_search{
	width: 200px;
	padding: 10px 0 0 0;
	background: url(../img/bg_side_01.gif) left top no-repeat;
}

/* 母の日 */
#container #side .side_haha{
	width: 200px;
	margin: 15px 0 0 0;
	padding: 25px 0 0 0;
	background: url(../img/bg_side_haha.gif) left top no-repeat;
}

/* レシピ特集 */
#container #side .side_recipe {
	width: 200px;
	height: auto;
	margin: 15px 0 0 0;
	padding: 25px 0 0 0;
	background: url(../img/bg_side_01_02.png) left top no-repeat;
}
#container #side .side_search .cell .icon2 {
	font-size: 12px;
	font-weight: normal;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* 手づくりとラッピング */
#container #side .side_wrap {
	width: 200px;
	margin: 15px 0 0 0;
	padding: 25px 0 0 0;
	background: url(../img/bg_side_01_01.png) left top no-repeat;
}

/* バナーしかない場合の汎用 */
#container #side .side_bnr {
	width: 200px;
	height: auto;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	background: url(../img/bg_side_01.gif) left top no-repeat;
}

/* リンク */
#container #side .side_link {
	width: 200px;
	height: auto;
	margin: 15px 0 0 0;
	padding: 5px 0 10px 0;
	background: url(../img/bg_side_01.gif) left top no-repeat;
}

#container #side .side_inner{
	background: #fff;
}
#container #side .side_column{
	background: url(../img/bg_side_03.gif) left bottom no-repeat;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 13px;
	margin: 0 0 0 0;
	width: 187px;
}
#container #side .cell {
	width:173px;
	padding:10px 0 0 0;
}

#container #side .cell_last{
	width:173px;
	padding:10px 0 5px 0;
}
#container #side .cell .icon {
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #side .cell .txt {
	float: left;
	margin: 0px;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #side .cell .txt3 {
	font-size: 12px;
	font-weight: normal;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #side .line {
	width: 173px;
	padding: 7px 0 0px 0;
	margin: 0px;
}
#container #side .line1 {
	width: 173px;
	padding: 10px 0 0 0;
	margin: 0px;
	clear:both;
}
#container #side .all {
	clear: both;
}


/* FOOTER */
#footer{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-bottom:13px;
}
#footer .buy{
	text-align:right;
	margin-bottom:10px;
}
#footerWrap{
	overflow:hidden;
}
.footerLeft{
	float:left;
	width:310px;
}
.footerLeft .link2 img{
	width:122px !important;
}
.footerLeft ul{
	overflow:hidden;
}
.footerLeft  li{
	float:left;
	padding-left:15px;
	padding-right:11px;
	border-right:solid 1px #FFF;
	display:block;
	line-height:1em;
}
.footerLeft  li.link3{
	padding-right:0px;
	border-right:none;
}
.footerLeft  li a{
	display:block;
}
.footerLeft  li a img{
	vertical-align:middle;
}
.footerRight{
	float:right;
	width:318px;
}