@charset "Shift_JIS";




/* ページ全体
----------------------------------------------- */

/* 通常使用 */
body { background-color: #F3E1C2 ;
	margin:0;
	padding:0;
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", Arial, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "平成角ゴシック", "Osaka", sans-serif;
	color:#333333;
	line-height: 1.5 ;
	text-align:center;
}
/* 通常使用 */

/* クリスマス仕様
body { background: url(../img/cmn/xmas_bg1.gif) repeat left top ;
	margin:0;
	padding:0;
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", Arial, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "平成角ゴシック", "Osaka", sans-serif;
	color:#333333;
	line-height: 1.5 ;
	text-align:center;
}
クリスマス仕様 */

/* ホワイトデー仕様
body { background: #ffe9ce url(../img/cmn/2016_wd_bg.jpg) no-repeat center top ;
}
ホワイトデー仕様 */

/* バレンタイン仕様
body { background: #ffe2e2 url(../img/cmn/2016_vltn_bg.jpg) no-repeat center top ;
}
バレンタイン仕様 */

a:link    {color:#69432C; text-decoration: underline;}
a:visited {color:#69432C; text-decoration: underline;}
a:active  {color:#69432C; text-decoration: none;}
a:hover   {color:#69432C; text-decoration: none;}

.arw { background: url(../img/cmn/arw.gif) no-repeat left center ;
	padding-left: 12px ;
}

img{
   border:0;
   }

#wrapper {
	width: 840px;
	margin: 0 auto ;
	text-align:left;
}


p { margin:0;
	padding:0;
}
ul { margin: 0 ;
	padding: 0 ;
}
ol { margin: 0 ;
	padding: 0 ;
}
li { list-style: none ;
	margin: 0 ;
	padding: 0 ;
}
h1 { margin: 0 ;
	padding: 0 ;
}
h2 { margin: 0 ;
	padding: 0 ;
}
h3 { margin: 0 ;
	padding: 0 ;
}
h4 { margin: 0 ;
	padding: 0 ;
}
h5 { margin: 0 ;
	padding: 0 ;
}
h6 { margin: 0 ;
	padding: 0 ;
}
dl { margin: 0 ;
	padding: 0 ;
}
dt { margin: 0 ;
	padding: 0 ;
}
dd { margin: 0 ;
	padding: 0 ;
}

.normal { font-size: 12px ;
}
.small { font-size: 10px ;
}
.large { font-size: 14px ;
}
.x-large { font-size: 16px ;
}
.red {
color:#FF0000;
}

.red_mini {
color:#FF0000;
font-size:0.9em;
margin-top:10px;
}

.sqr { color: #856146 ;
}

.brown{
color:#7C553D;
}

.text_mini {
font-size:10px;
}

.mg0{
margin:0;
padding:0;
}


/* floatのheight弊害解消 */
	.dr-K:after { content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.dr-K { display: inline-block;
	}

	/* Hides from IE-mac \*/
	* html .dr-K { height: 1%; }
	.dr-K { display: block; }
	/* End hide from IE-mac */
/* floatのheight弊害解消 */



/* フォーム関連
---------------------------------------------------- */
form {
margin:0;
}

input, select, textarea {
font-size:12px;
font-family: "ＭＳ Ｐゴシック", Arial, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "平成角ゴシック", "Osaka", sans-serif;
color: #000000;
vertical-align: middle;
}




/* ヘッダ
---------------------------------------------------- */
/* 通常使用 */
#HDR { padding: 3px 6px 0 ;
  width: 828px;
  height: 108px;
  margin: 0 ;
  background : url(./img/bg.gif) repeat-y 0 0 ;
  background-color: #FFFFFF ;
}
/* 通常使用 */

/* クリスマス仕様
#HDR { padding: 3px 6px 0 ;
  width: 828px;
  height: 108px;
  margin: 0 ;
  background : url(../img/cmn/xmas_bg2.gif) repeat-y 0 0 ;
  background-color: #FFFFFF ;
}
クリスマス仕様

/* バレンタイン仕様
#HDR { background : url(../img/cmn/2016_vltn_bg1.png) repeat-y 0 0;
}
バレンタイン仕様 */

/* ホワイトデー仕様
#HDR { background : url(../img/cmn/2016_wd_bg1.png) repeat-y 0 0;
}
ホワイトデー仕様 */

#HDR img { display: block ;
}
h1 { padding: 0 0 0 12px ;
	float: left ;
}

h1 a:link { text-decoration: none;}
h1 a:visited { text-decoration: none;}
h1 a:active  { text-decoration: none;}
h1 a:hover { text-decoration: none;}

/* ヘッダメニュー
---------------------------------------------------- */

#HDR li { float: left ;
}
/* 通常使用 */
#SUB-NV { float: right;
	width: 574px ;
	padding: 17px 0 31px 0 ;
	margin: 0 3px 6px 120px ;
}
/* 通常使用 */

/* クリスマス仕様
#SUB-NV { float: right;
	width: 574px ;
	padding: 17px 0 31px 0 ;
	margin: 0 3px 6px 111px ;
}
クリスマス仕様 */

#GNV { width: 824px;
	padding: 0 2px 0 2px ;
}
#GNV a,
#GNV .nolink { display: block;
	background: url(../img/cmn/gnv_new.gif) no-repeat left top;
	height: 0px;
	text-decoration: none;
	overflow:hidden;
	padding-top: 23px;
}
#GNV #NV-1 a { width: 153px ;
}
#GNV #NV-1 a:hover,
#GNV #NV-1 a.selected  { background-position: 0px -25px;
	width: 153px ;
}
#GNV #NV-2 a { background-position: -153px 0px;
	width: 96px ;
}
#GNV #NV-2 a:hover,
#GNV #NV-2 a.selected  { background-position: -153px -25px;
	width: 96px ;
}
#GNV #NV-3 a  { background-position: -249px 0px;
	width: 161px ;
}
#GNV #NV-3 a:hover,
#GNV #NV-3 a.selected  { background-position: -249px -25px; 
	width: 161px ;
}
#GNV #NV-4 a { background-position: -410px 0px;
	width: 140px ;
}
#GNV #NV-4 a:hover,
#GNV #NV-4 a.selected  { background-position: -410px -25px;
	width: 140px ;
}
#GNV #NV-5 a { background-position: -550px 0px; 
	width: 161px;
}
#GNV #NV-5 a:hover,
#GNV #NV-5 a.selected  { background-position: -550px -25px;
	width: 161px;
}
#GNV #NV-6 a { background-position: -711px 0px; 
	width: 113px;
}
#GNV #NV-6 a:hover,
#GNV #NV-6 a.selected  { background-position: -711px -25px;
	width: 113px;
}

/* 検索 */
#SUB-NV #SEARCH-CLM { padding: 0 ;
	margin: 0 12px 0 0 ;
	width: 227px;
	float: left;
}

#SUB-NV #SEARCH-CLM .text-clm { float: left;
	width: 150px;
}
#SUB-NV #SEARCH-CLM .search-btn { float: right;
}

/* 検索 */

/* 文字サイズ変更 */
#SUB-NV .guide-lst { float: left;
	width: 208px;
	padding-top: 2px;
}
#SUB-NV #SIZE { float: left;
	width: 114px;
	height: 22px ;
	overflow: hidden;
}
#SUB-NV #SIZE li { float: left;
	list-style: none;
}
#SUB-NV #SIZE a { background: url(../img/cmn/hdr_fontsize_nv.gif) no-repeat 0 0;
	display: block;
	font-size: 2px;
	height: 0;
	line-height: 2em;
	overflow: hidden;
	padding-top: 22px;
	text-decoration: none;
}
#SUB-NV #SIZE #SIZE-1 a { width: 23px;
	background-position: 0px -22px; 
}
#SUB-NV #SIZE #SIZE-1 a:hover { background-position: 0px -22px;
}
#SUB-NV #SIZE #SIZE-2 a { width: 22px;
	background-position: -23px 0px; 
} 
#SUB-NV #SIZE #SIZE-2 a:hover { background-position: -23px -22px;
}
/* 文字サイズ変更 */

/* メインエリア
---------------------------------------------------- */
/* 通常使用 */
#pagebody{
	width: 840px;
	background : url(img/bg.gif) repeat-y ;
	position:relative;
}
/* 通常使用 */

/* クリスマス仕様
#pagebody{
	width: 840px;
	background : url(../img/cmn/xmas_bg2.gif) repeat-y  ;
	position:relative;
}
クリスマス仕様 */

/* バレンタイン仕様
#pagebody{
	background : url(../img/cmn/2016_vltn_bg1.png) repeat-y left 0 ;
}
バレンタイン仕様 */

/* ホワイトデー仕様
#pagebody{
	background : url(../img/cmn/2016_wd_bg1.png) repeat-y left 0 ;
}
ホワイトデー仕様 */

#MAIN_CLM { float: left ;
	padding: 0 0 0 24px ;
	width: 609px ;
}


/* パンくずリスト
---------------------------------------------------- */
#breadcrumbs {
width: 840px;
height:39px;
background:url(../img/cmn/bc_bg.gif) no-repeat 6px top ;
font-size:10px;
color:#E2E2E2;
padding: 10px 0px 6px 15px;
}

#breadcrumbs a:link    {color:#E2E2E2; text-decoration: underline;}
#breadcrumbs a:visited {color:#E2E2E2; text-decoration: underline;}
#breadcrumbs a:active  {color:#E2E2E2; text-decoration: none;}
#breadcrumbs a:hover   {color:#E2E2E2; text-decoration: none;}




/* サイド 全体
----------------------------------------------- */
#side {
	float: right;
	width: 159px;
	margin:0;
	padding:0 24px 60px 0 ;
}

#side ul{
list-style:none;
margin:0;
padding:0;
text-align:left;
}

/* お問い合せ */
#inq { padding: 2px 2px 7px ;
	border: 1px solid #E6DEDA ;
	margin-bottom: 12px ;
	width: 153px ;
}
#inq dt { padding-bottom: 8px ; 
}
#inq dd img { padding-bottom: 7px ; 
}
#inq dd img.fax { padding-bottom: 5px ; 
}

/* 会員登録不要バナー */
#first-att {
	margin-bottom: 12px;
}

/* サイド お届け日
----------------------------------------------- */
#otodoke { width: 159px;
	height:62px;
	background:url(img/otodoke_bg_new.gif) no-repeat;
	text-align:center;
	margin-bottom: 9px;
}
#otodoke dt img { display: block ;
}

/* サイド　ログイン・カート
---------------------------------------------------- */
#menu01 {
	width: 159px;
	padding: 0;
	margin: 0;
}
#menu01 li{
	display: block;
	width: 159px;
	margin: 0 0 9px 0;
}
#menu01 #menu01a {
	height: 59px;
}
#menu01 #menu01b {
	height: 39px;
}

/* #menu01 a{
text-decoration:none;
display:block;
width:159px;
height:33px;
text-indent:-9999px;

}
#menu01a a { background-image:url(img/btn_login.gif); }
#menu01a a:hover{ background-position:0px -33px; }
#menu01b a{ background-image:url(img/btn_cart_new.gif); }
#menu01b a:hover{ background-position:0px -33px; } */

/* サイド 送料バナー */
#PSTG { padding-bottom: 11px ;
}

/* サイド その他お知らせ関連バナー */
#PSTG2 .bnr { padding-bottom: 11px ;
}


/* サイド　閲覧記録
---------------------------------------------------- */
#check  {
width: 159px;
margin: 0 0 18px 0;
padding:0 0 10px 0;
	background:url(../img/cmn/dotline1.gif) repeat-x bottom ;
}
#check dt{ padding:0 0 3px 0;
}
#check th{
padding:1px 6px 1px 0;
}
#check td{
line-height:120%;
}
#check select{
font-size:0.9em;
margin:3px 0;
}


/* サイド　期間限定
---------------------------------------------------- */
#menu_gentei { padding:0 0 12px 0;
	background:url(../img/cmn/dotline1.gif) repeat-x bottom ;
	margin-bottom: 12px ;
}
#menu_gentei dt { padding-bottom: 6px ;
}
#menu_gentei li{
display:block;
width:159px;
height:41px;
padding:0 0 7px 0;
}
#menu_gentei .li-height {
display:block;
width:159px;
height:50px;
padding:0 0 7px 0;
}
#menu_gentei .li-height2 {
display:block;
width:159px;
height:59px;
padding:0 0 7px 0;
}

#menu_gentei a{
text-decoration:none;
display:block;
width:159px;
height:41px;
text-indent:-9999px;
}



#menu_gentei a:hover{ background-position:0px -41px; }

#menu_gentei0905a a { background:url(img/btn_0905a.jpg); }
#menu_gentei0905c a { background:url(img/btn_0905c.jpg); }
#menu_gentei0905d a { background:url(img/btn_0905d.jpg); }
#menu_gentei0905e a { background:url(img/btn_0905e.jpg); }


#menu_gentei .bnr a {
	text-indent: 0 ;
}

/* サイド　期間限定お菓子と用途別ギフトのバナー
---------------------------------------------------- */
#menu_use-imadake li { display:block;
	width:159px;
	height:51px;
	padding:0 0 7px 0;
}
#menu_use-imadake .lng-bnr {
	height: 96px;
}
#menu_use-imadake .xmas-bnr {
	height: 66px;
}

#menu_use-imadake .mmg_prs_bnr li { display:block;
	width:159px;
	height:96px;
	padding:0 0 7px 0;
}

#menu_use-imadake a { text-decoration:none;
	display:block;
	width:159px;
	height:51px;
	text-indent:-9999px;
}
#menu_use-imadake a:hover{
	background-position:0px -41px;
}

#menu_use-imadake .bnr a {
	text-indent: 0 ;
}

/* サイド　その他バナー　ツマガリサイト関連バナー
---------------------------------------------------- */
#CONCEPT { padding:0 0 12px 0;
	background:url(../img/cmn/dotline1.gif) repeat-x bottom ;
	margin-bottom: 12px ;
}
#CONCEPT .cncept-1 {
	padding: 0 0 8px 0;
	margin: 0;
}
#CONCEPT .cncept-1 {
	padding: 0 0 8px 0;
	margin: 0;
}
#CONCEPT .cncept-1 .xmas-bnr {
	padding: 0 0 8px;
}

#CONCEPT .cncept-1 .lng-bnr {
	padding: 0;
}
#CONCEPT .sub-cpt { 
	padding: 6px 0 14px 0;
	margin: 0;
}
#CONCEPT img {
	vertical-align:top ;
}

#side ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
}

#CONCEPT .bnr a {
	text-indent: 0 ;
}



/* サイド　期間日付----- */
#menu_gentei h4{
width:159px;
height:16px;
text-indent: -9999px;
margin:5px 0 0 0;
padding:0 0 0 0;
font-size:small;
text-align:left;
}




/* クローズアップ 固まり----- */
.closeup {
width:159px;
background:url(img/line_dot.gif) repeat-x top;
padding:15px 0 0 0;
}


/*  固まり----- */
.w_b {
width:159px;
background:url(img/line_dot.gif) repeat-x top;
padding:5px 0 0 0;
}



/* サイド　キャンペーン----- */
#menu_cmp {
width: 159px;
margin:0px 0 0px 0;
padding:0 0 12px 0;
background:url(img/line_dot.gif) repeat-x bottom;
}


#menu_cmp li{
display:block;
width:159px;
height:22px;
padding:0 0 3px 0;
}

#menu_cmp a{
text-decoration:none;
display:block;
width:159px;
height:22px;
text-indent:-9999px;
}

#menu_cmp a:hover{ background-position:0px -22px; }


/* ランキング・ネットアクセ----- */
#menu_ranking {
width: 159px;
margin:0px 0 0px 0;
padding:0 0 12px 0;
background:url(img/line_dot.gif) repeat-x bottom;
}


#menu_ranking li{
display:block;
width:159px;
height:36px;
padding:0 0 3px 0;
}

#menu_ranking li a{
text-decoration:none;
display:block;
width:159px;
height:36px;
text-indent:-9999px;
}

#menu_ranking2 a { background: url(img/btn_net.jpg) no-repeat; }

#menu_ranking a:hover{ background-position:0px -36px; }



/* サイド　送料無料
---------------------------------------------------- */
#menu_souryou{
background:url(img/souryou.gif) no-repeat;
width:159px;
height:123px;
text-indent: -9999px;
}

/* サイド　レギュラー商品
---------------------------------------------------- */
#menu_regular {
width: 159px;
margin:5px 0 5px 0;
padding:0 0 10px 0;
background:url(img/line_dot.gif) repeat-x bottom;
}

#menu_regular h3{
background:url(img/sidetitle_regular.gif) no-repeat;
width:81px;
height:15px;
text-indent: -9999px;
margin:0;
padding:0 0 3px 0;
font-size:small;
text-align:left;
}


#menu_regular li{
display:block;
width:159px;
height:29px;
padding:0 0 3px 0;
}

#menu_regular a{
text-decoration:none;
display:block;
width:159px;
height:29px;
text-indent:-9999px;
}

#menu_regular a:hover{ background-position:0px -29px; }

#menu_regular01 a { background-image:url(img/btn_01.jpg); }
#menu_regular02 a { background-image:url(img/btn_02.jpg); }
#menu_regular03 a { background-image:url(img/btn_03.jpg); }
#menu_regular04 a { background-image:url(img/btn_04.jpg); }
#menu_regular05 a { background-image:url(img/btn_05.jpg); }
#menu_regular06 a { background-image:url(img/btn_06.jpg); }
#menu_regular07 a { background-image:url(img/btn_07.jpg); }
#menu_regular08 a { background-image:url(img/btn_08.jpg); }
#menu_regular09 a { background-image:url(img/btn_09.jpg); }
#menu_regular10 a { background-image:url(img/btn_10.jpg); }
#menu_regular11 a { background-image:url(img/btn_11.jpg); }
#menu_regularfc a { background-image:url(img/btn_fc.jpg); }

/* サイド　素材
---------------------------------------------------- */
#menu_sozai {
width: 159px;
margin:5px 0 5px 0;
padding:0 0 10px 0;
background:url(img/line_dot.gif) repeat-x bottom;
}

#menu_sozai li{
display:block;
width:159px;
height:29px;
padding:0 0 3px 0;
}

#menu_sozai a{
text-decoration:none;
display:block;
width:159px;
height:29px;
text-indent:-9999px;
}

#menu_sozai a:hover{ background-position:0px -29px; }

#menu_sozai01 a { background-image:url(img/btn_10.jpg); }



/* サイド　読み物など
---------------------------------------------------- */
#menu_reading {
width: 159px;
margin:5px 0 5px 0;
padding:0 0 10px 0;
background:url(img/line_dot.gif) repeat-x bottom;
}

#menu_reading h3{
background: url(img/sidetitle_reading.jpg) no-repeat;
width:159px;
height:17px;
text-indent: -9999px;
margin:0;
padding:0 0 3px 0;
font-size:small;
text-align:left;
}

#menu_reading li{
display:block;
width:159px;
height:29px;
padding:0 0 3px 0;
}

#menu_reading a{
text-decoration:none;
display:block;
width:159px;
height:29px;
text-indent:-9999px;
}

#menu_reading a:hover{ background-position:0px -29px; }

#menu_reading01 a { background-image:url(img/btn_kageki.jpg); }
#menu_reading02 a { background-image:url(img/btn_kirikata.jpg); }
#menu_reading03 a { background-image:url(img/btn_sozai.jpg); }


/* サイド　その他
---------------------------------------------------- */
#menu_etc {
width: 159px;
margin:5px 0 5px 0;
padding:0 0 10px 0;
background:url(img/line_dot.gif) repeat-x bottom;
}

#menu_etc li{
background:url(img/btn_head.gif) no-repeat left top;
padding:0 0 5px 15px;
font-size:11px;
}

#menu_etc a:link    {color:#4A4A4A; text-decoration: none;}
#menu_etc a:visited {color:#4A4A4A; text-decoration: none;}
#menu_etc a:active  {color:#808080; text-decoration: none;}
#menu_etc a:hover   {color:#808080; text-decoration: none;}

/* ページトップへ
----------------------------------------------- */
.pagetop,
#CLNDR #main_details .pagetop { clear: both;
	text-align:right;
	float: right ;
	font-size:0.8em;
	margin: 4em 0 1em 0 ;
	padding-top: 80px ;
}
/* Facebockいいねボタン
----------------------------------------------- */
#index #FB-IINE,
#main_details #FB-IINE,
#main_list #FB-IINE,
#MAIN-CLM #FB-IINE,
#main_closeup #FB-IINE,
#main_interview #FB-IINE,
#main_interview_index  #FB-IINE {
	float: left ;
	height: 4em ;
	margin-top: 4em ;
	width: 500px ;
}

/* フッター
----------------------------------------------- */
/* 通常使用 */
#footer{
	clear: both;
	width: 828px;
	background:url(../img/cmn/ftr_new_bg.gif) repeat-x 6px top;
	font-size:9px;
	margin:0 auto;
	padding: 21px 0 12px ;
}
/* 通常使用 */

/* クリスマス仕様
#footer{
	clear: both;
	width: 828px;
	background:url(../img/cmn/xmas_ftr_bg.gif) no-repeat left top;
	font-size:9px;
	margin:0 auto;
	padding: 87px 0 12px ;
}
クリスマス仕様 */


/* メルマガ登録・解除、バックナンバー */
#footer .mmg-btn {
	margin: 0 0 24px 24px ;
}
#footer .mmg-btn li {
	float: left;
	margin: 0;
	padding: 0;
}
#footer .mmg-btn .first-btn {
	float: right;
	margin-right: 24px;
}
/* メルマガ登録・解除、バックナンバー */


#footer #FTR-NV { margin: 0 0 42px 24px;
	color: #ffffff;
}

#footer #FTR-NV ul { float: left;
	width: 180px;
	padding: 0 24px 0 0;
}
#footer #FTR-NV li { padding: 0 0 6px 0;
}
#footer #FTR-NV .nv-end { padding: 0 ;
}

#footer #FTR-NV a:link    {color:#ffffff; text-decoration: none;}
#footer #FTR-NV a:visited {color:#ffffff; text-decoration: none;}
#footer #FTR-NV a:active  {color:#ffffff; text-decoration: underline;}
#footer #FTR-NV a:hover   {color:#ffffff; text-decoration: underline;}

#footer #FTR-SUBNV { margin: 0 16px 12px 16px;
}
#footer #FTR-SUBNV .copyright { color: #b99e7d;
	float: left;
}
#footer #FTR-SUBNV .sub-nv { float: right;
}
#footer #FTR-SUBNV .sub-nv li { float: left;
	padding: 0 0 0 15px;
}
 
#footer #FTR-SUBNV a:link    {color:#b99e7d; text-decoration: none;}
#footer #FTR-SUBNV a:visited {color:#b99e7d; text-decoration: none;}
#footer #FTR-SUBNV a:active  {color:#b99e7d; text-decoration: underline;}
#footer #FTR-SUBNV a:hover   {color:#b99e7d; text-decoration: underline;}