@charset "utf-8";

/* ****************************************************************************************************
   * 共用
**************************************************************************************************** */

body {
  min-width: 960px;
  color: #36362f;
  background: url(../../../img/_customize/_common/bg-2.jpg) center 0 repeat-y;
}

a {
  color: #b81621;
}

/* ****************************************************************************************************
   * ヘッダー
**************************************************************************************************** */

div#header-base {
  height: 128px;
  background: url(../../../img/_customize/_common/h-bg-1.jpg) center 0 no-repeat;
}

div#header {
  width: 960px;
  color: #a02623;
  margin: 0 auto;
  padding: 20px 0 10px;
  overflow: hidden;
}

div#header a {
}

div#header-contents {
  letter-spacing: -0.4em;
	font-size: 12px;
}

div#header-contents > * {
  letter-spacing: normal;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * h1
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#header-contents div.h1 {}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ロゴ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#header-contents div.logo {
  width: 520px;
  vertical-align: middle;
  display: inline-block;
} .ie7 div#header-contents div.logo { display:inline; zoom:1; }

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 管理機能
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#header-contents div.management {
  width: 440px;
  vertical-align: middle;
  display: inline-block;
} .ie7 div#header-contents div.management { display:inline; zoom:1; }

/* * ナビ
/* ------------------------------------------------------------------------------------------------- */

div#header-contents div.management div.navi ul,
div#header-contents div.management div.navi ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#header-contents div.management div.navi ul {
  margin-top: -10px;
  margin-left: -10px;
  letter-spacing: -0.4em;
  text-align: right;
}

div#header-contents div.management div.navi ul li {
  margin-top: 10px;
  margin-left: 10px;
  letter-spacing: normal;
  vertical-align: middle;
  display: inline-block;
} .ie7 div#header-contents div.management div.navi ul li { display:inline; zoom:1; }

/* * ログイン前／ログイン後
/* ------------------------------------------------------------------------------------------------- */

div#header-contents div.management div.login ul.formlist,
div#header-contents div.management div.login ul.formlist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#header-contents div.management div.login ul.formlist {
  margin-top: 10px;
	letter-spacing: -0.4em;
  text-align: right;
}

div#header-contents div.management div.login ul.formlist li {
	letter-spacing: normal;
	vertical-align: middle;
	display: inline-block;
} .ie7 div#header-contents div.management div.login ul.formlist li { display:inline; zoom:1; }

/* メールアドレス／パスワード */

div#header-contents div.management div.login ul.formlist li input[type="text"],
div#header-contents div.management div.login ul.formlist li input[type="password"] {
	width: 130px;
	text-align: center;
}

/* 記憶 */

div#header-contents div.management div.login ul.formlist li.login_memory {
  margin-left: 10px;
  margin-right: 10px;
}

/* ログイン */

div#header-contents div.management div.login ul.formlist li.login {
  margin-left: 10px;
}

/* パスワードを忘れた方 */

div#header-contents div.management div.login ul.formlist li.forgot {
  margin-top: 0;
  line-height: 30px;
	text-align: right;
}

/* ようこそ～様 */

div#header-contents div.management div.login ul.formlist li.message {
  min-height: 30px;
  margin-right: 10px;
  display: block;
  line-height: 1.2;
  font-size: 14px;
}

div#header-contents div.management div.login ul.formlist li.message span.point {
  font-size: 15px;
}

/* マイページ */

div#header-contents div.management div.login ul.formlist li.mypage {}

/* ログアウト */

div#header-contents div.management div.login ul.formlist li.logout {
  margin-left: 10px;
}

/* ****************************************************************************************************
   * グローバルナビ
**************************************************************************************************** */

div#navi {
	background: url(../../../img/_customize/_common/navi-bg.png) center 0 no-repeat;
  position: relative;
  z-index: 1;
}

div#navi .block_outer {
	width: 960px;
	margin: 0 auto;
	position: relative;
} .ie7 div#navi .block_outer { zoom:1; }


div#navi ul,
div#navi ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#navi ul {
}

div#navi ul li {
	position: relative;
}

div#navi ul li.dropdown_active > ul {
	visibility: visible;
}

div#navi ul li a {
	display: block;
	text-decoration: none;
}

div#navi ul ul {
	min-width: 100%;
	border: solid 1px #bbb;
	background: #fff;
	white-space: nowrap;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 100%;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
	.ie7 div#navi ul ul { width:100%; white-space:normal; }
	.ie7 div#navi ul ul li { zoom:1; }

div#navi ul ul li ~ li {
	border-top: dotted 1px #aaa;
}

div#navi ul ul li a {
	padding: 0.5em 1em;
	color: #666;
}

div#navi ul ul li.dropdown_active,
div#navi ul ul li a:hover {
	background: #f6f5f6;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * lv.1
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#navi div.block_body > ul > li {
	height: 50px;
  float: left;
	position: relative;
}

div#navi div.block_body > ul > li > a {
	height: 100%;
	overflow: hidden;
}

/*
div#navi div.block_body > ul > li > a:hover img {
	opacity: 1.0;
	filter: none;
}

div#navi div.block_body > ul > li.dropdown_active > a img,
div#navi div.block_body > ul > li > a:hover img,
div#navi div.block_body > ul > li.current > a img {
	margin-top: -50px;
}
*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * lv.2
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#navi div.block_body > ul > li > ul {
	top: 100%;
	left: 3px;
	z-index: -1;
}

div.frame_outer {
  background: url(../../../img/_customize/_common/bg-1.jpg) center 178px no-repeat;
}

html.LC_Page_Error div.frame_outer {
  background: none;
}

/* ****************************************************************************************************
   * container
**************************************************************************************************** */

div#container {
	width: 960px;
	margin: 30px auto 0;
}

/* ****************************************************************************************************
   * メイン
**************************************************************************************************** */

div#two_maincolumn_right {
	width: 740px;
	float: right;
  font-size: 14px;
  overflow: hidden;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ショッピングガイド
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#mainbottom {
  margin-top: 20px;
  margin-left: -20px;
  letter-spacing: -0.4em;
}

div#mainbottom > * {
  letter-spacing: normal;
}

div#mainbottom div.column {
  width: 360px;
  margin-top: 30px;
  margin-left: 20px;
  vertical-align: top;
  display: inline-block;
} .ie7 div#mainbottom div.column { display:inline; zoom:1; }

div#mainbottom div.column h2 {
  margin-bottom: 0.75em;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メイン下部コンテンツ :: frontparts/bloc/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#main-bottom {
  width: 740px !important;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 支払い :: frontparts/bloc/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#main-payment {}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 配送 :: frontparts/bloc/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#main-delivery {}

div#main-delivery ul li {
  background: url(../../../img/_customize/_common/c-listmark-3.png) left 6px no-repeat;
  padding-left: 1em;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 営業日 :: frontparts/bloc/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#main-calendar div.block_body {
	letter-spacing: -0.4em;
}

div#main-calendar div.block_body > * {
	letter-spacing: normal;
}

div#main-calendar table {
	width: 48%;
	margin: 0;
	margin-right: 2%;
  vertical-align: top;
	display: inline-table;
} .ie7 div#main-calendar table { display:inline; zoom:1; }

div#main-calendar table ~ table {
	margin-right: 0;
	margin-left: 2%;
}

div#main-calendar table th,
div#main-calendar table td {
	width: 14.285%;
	padding: 0;
	font-size: 12px;
	text-align: center;
}

div#main-calendar table th.sun {
	color: #f00;
	background: #ffe4db;
}

div#main-calendar table th.sat {
	color: #201cd5;
}

div#main-calendar table td.off {
	color: #f00;
	background: #ffe4db;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * お問い合わせ先 :: frontparts/bloc/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#main-contact {}

div#main-contact ul li {}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 返品 :: frontparts/bloc/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#main-return {}

div#main-return ul li {
  background: url(../../../img/_customize/_common/c-listmark-3.png) left 6px no-repeat;
  padding-left: 1em;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * プライバシー :: frontparts/bloc/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#main-privacy {}

/* ****************************************************************************************************
   * サイド
**************************************************************************************************** */

div#leftcolumn {
	width: 200px;
	float: left;
}

div#leftcolumn div.column ~ div.column {
	margin-top: 20px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 商品検索
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#side-search div.block_body {
  padding: 10px;
  background: #f4eade;
  border: 1px solid #cbba9f;
  border-top: 0;
}

div#side-search dl.formlist,
div#side-search dl.formlist dt,
div#side-search dl.formlist dd {
	margin: 0;
	padding: 0;
}

div#side-search dl.formlist {
	margin-bottom: 15px;
}

div#side-search dl.formlist dt {
  margin-bottom: 0.25em;
}

div#side-search select {
	width: 100%;
	padding: 2%;
}

div#side-search input[type="text"] {
	width: 92%;
	padding: 2% 4%;
}

div#side-search p.btn {
	margin: 0.25em 0;
	text-align: center;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * カテゴリー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#side-category div.block_body {
  padding: 10px;
}

div#side-category ul,
div#side-category ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#side-category ul ul {
  padding-left: 1.5em;
}

div#side-category ul li.level1 {
  border-bottom: 1px solid #a02623;
}

div#side-category ul li a {
  padding: 0.8em 1em;
  padding-left: 20px;
  display: block;
  color: inherit;
  background: url(../../../img/_customize/_common/c-listmark-1.png) left 1em no-repeat;
}
div#side-category ul li a:hover {
  text-decoration: none;
  background-color: #f8f5ef;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ナビ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#side-navi ul,
div#side-navi ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * バナー
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#side-bnr {
  text-align: center;
}

div#side-bnr p {
  margin-top: 0.25em;
}

div#side-bnr .bnr {
  margin-top: 20px;
}

/* ****************************************************************************************************
   * ページトップ
**************************************************************************************************** */

div#pagetop-base {
	margin-top: 50px;
}

div#pagetop {
	width: 960px;
	margin: 0 auto;
}

div#pagetop p {
	text-align: right;
}

div#pagetop p a {
  display: inline-block;
} .ie7 div#pagetop p a { display:inline; zoom:1; }

/* ****************************************************************************************************
   * フッター
**************************************************************************************************** */

div#footer-base {
  height: 300px;
  background: url(../../../img/_customize/_common/f-bg.jpg) center 0 no-repeat;
}

div#footer {
	width: 960px;
	margin: 0 auto;
  padding: 60px 0;
	letter-spacing: -0.4em;
	font-size: 12px;
}

div#footer a {
	color: #cbba9f;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * navi
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#footer div.navi {
  letter-spacing: -0.4em;
  margin: -30px auto 0;
  display: table;
}

div#footer div.navi > * {
  letter-spacing: normal;
}

div#footer div.navi ul,
div#footer div.navi ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#footer div.navi ul {
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: top;
  display: inline-block;
} .ie7 div#footer div.navi ul { display:inline; zoom:1; }

div#footer div.navi ul li {
  padding-left: 20px;
  background: url(../../../img/_customize/_common/c-listmark-2.png) left 3px no-repeat;
} .ie7 div#footer div.navi ul li { zoom:1; }

div#footer div.navi ul li ~ li {
  margin-top: 0.75em;
}

div#footer div.navi ul li a {
  display: block;
}

/* ****************************************************************************************************
   * コピーライト
**************************************************************************************************** */

div#copyright-base {
}

div#copyright {
	width: 960px;
	margin: 0 auto;
  padding: 0.5em 0;
}

div#copyright p {
  color: #fff;
	line-height: 1.2;
	text-align: center;
}