@charset "utf-8";

/* ****************************************************************************************************
   * 一覧ページ
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 商品件数
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.page-list div.dic-totaltext {
  margin: 0.5em 0 1em;
}

div.page-list div.dic-totaltext span {
  color: #f00;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * ソート機能 / ページナビ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.page-list div.pagenumber_area {
}

/* 上部 */

div.page-list form#page_navi_top div.pagenumber_area {
  padding-bottom: 20px;
	border-bottom: dotted 2px #cbba9f;
}

/* 下部 */

div.page-list form#page_navi_bottom div.pagenumber_area {
  margin-top: 25px;
  padding-top: 20px;
	border-top: dotted 2px #a6bd82;
}

/* * ソート機能
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.pagenumber_area div.change {
	width: 34%;
	float: left;
}

/* * ページナビ
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.pagenumber_area div.navi {
	width: 66%;
	float: right;
	text-align: center;
}

div.page-list div.pagenumber_area div.navi a,
div.page-list div.pagenumber_area div.navi strong {
	padding: 4px 6px 2px;
  line-height: 1;
	color: inherit;
	text-decoration: none;
	border: solid 1px #5b2b00;
	vertical-align: middle;
	display: inline-block;
} .ie7 div.page-list div.pagenumber_area div.navi a { color:#5b2b00; display:inline; zoom:1; }

div.page-list div.pagenumber_area div.navi a:hover {
	color: #fff;
	border: solid 1px #5b2b00;
	background: #5b2b00;
}

div.page-list div.pagenumber_area div.navi strong {
	color: #fff;
	font-weight: normal;
	border: solid 1px #5b2b00;
	background: #5b2b00;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 商品リスト
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.page-list div#dic-container {
  margin-top: -40px;
  margin-left: -26px;
  letter-spacing: -0.4em;
}

div.page-list div#dic-container > * {
  letter-spacing: normal;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 一覧
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.page-list form.dic-item {
  width: 158px;
  margin-top: 50px;
  margin-left: 26px;
  vertical-align: top;
  display: inline-block;
} .ie7 div.page-list form.dic-item { display:inline; zoom:1; }

/* * 画像
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.listphoto {
  text-align: center;
  padding: 4px;
  background: #fff;
  border: 1px solid #cbba9f;
  margin-bottom: 1em;
}

/* * ステータス アイコン
/* ------------------------------------------------------------------------------------------------- */

div.page-list ul.status_icon,
div.page-list ul.status_icon li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.page-list ul.status_icon {
	margin-bottom: 0.75em !important;
}

div.page-list ul.status_icon li {
  line-height: 1;
	vertical-align: top;
	display: inline-block;
} .ie7 div.page-list ul.status_icon li { display:inline; zoom:1; }

/* * 商品名
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.list_area h3 {
	margin-bottom: 0.25em;
}

div.page-list div.list_area h3 a {
  color: inherit;
}

/* * 価格
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.sale_price {
	margin-bottom: 0.75em;
	color: #f00;
	text-align: right;
}

div.page-list div.sale_price span.price {
  vertical-align: top;
  display: inline-block;
} .ie7 div.page-list div.sale_price span.price { display:inline; zoom:1; }

/* * コメント
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.listcomment {}

/* * 商品詳細を見る
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.detail_btn {
  text-align: center;
}

/* * 買い物かご
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.cart_area {
  padding: 0;
  border: none;
  text-align: center;
  background: none;
}

/* 数量／カゴに入れる */

div.page-list div.cartin {
  text-align: center !important;
}

/* 数量 */

div.page-list div.quantity {
	margin-bottom: 0.75em;
}

/* カゴに入れる */

div.page-list div.cartin_btn {}

/* * 商品名・セレクトメニュー
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.classlist {
  border-bottom: solid 1px #e7e2d8;
	background: none;
}

div.page-list div.classlist dl dt,
div.page-list div.classlist dl dd {
  display: inline;
}

/* * 数量・カートボタン
/* ------------------------------------------------------------------------------------------------- */

div.page-list div.cartin {
  text-align: right;
}

/* 数量 */
div.listrightbloc .cartin .quantity {
  vertical-align: middle;
  display: inline-block;
} .ie7 div.listrightbloc .cartin .quantity { display:inline; zoom:1; }

/* 数量 テキストフィールド */
div.listrightbloc .cartin .quantity input.box {
  max-width: 6em;
}

/* カートボタン */
div.listrightbloc .cartin_btn {
  vertical-align: middle;
  display: inline-block;
} .ie7 div.listrightbloc .cartin_btn { display:inline; zoom:1; }

/* ****************************************************************************************************
   * 詳細ページ
**************************************************************************************************** */

div#detailarea {
  margin-bottom: 20px;
}

/* * 画像
/* ------------------------------------------------------------------------------------------------- */

div#detailphotobloc {
	width: 220px;
	float: left;
}

/* * 詳細
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc {
  width: 460px;
  float: right;
}

/* * ステータス アイコン
/* ------------------------------------------------------------------------------------------------- */

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

div#detailrightbloc ul.status_icon {
	margin: 0.25em 0;
}

div#detailrightbloc ul.status_icon li {
	margin: 0.25em 0;
	vertical-align: top;
	display: inline-block;
} .ie7 div#detailrightbloc ul.status_icon li { display:inline; zoom:1; }

/* * 商品コード
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc dl.product_code,
div#detailrightbloc dl.product_code dt,
div#detailrightbloc dl.product_code dd {
	margin: 0;
	padding: 0;
}

div#detailrightbloc dl.product_code dt,
div#detailrightbloc dl.product_code dd {
	display: inline-block;
}
	.ie7 div#detailrightbloc dl.product_code dt,
	.ie7 div#detailrightbloc dl.product_code dd { display:inline; zoom:1; }

/* * 商品名
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc h2 {
	margin: 0.25em 0;
	font-size: 24px;
}

/* * 通常価格
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc dl.normal_price,
div#detailrightbloc dl.normal_price dt,
div#detailrightbloc dl.normal_price dd {
	margin: 0;
	padding: 0;
	text-align: right;
}

/* * 販売価格
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc dl.sale_price,
div#detailrightbloc dl.sale_price dt,
div#detailrightbloc dl.sale_price dd {
	margin: 0;
	padding: 0;
	text-align: right;
}

div#detailrightbloc dl.sale_price dd {
	font-size: 22px;
	color: #e9645c;
}

/* * ポイント
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc div.point {
	margin: 1em 0;
	text-align: center;
}

/* * 関連カテゴリ
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc dl.relative_cat,
div#detailrightbloc dl.relative_cat dt,
div#detailrightbloc dl.relative_cat dd {
	margin: 0;
	padding: 0;
}

div#detailrightbloc dl.relative_cat {
	padding: 1em 0;
	border-top: dotted 1px #999;
}

/* * コメント
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc div.main_comment {
	padding: 1em 0;
	border-top: dotted 1px #999;
	border-bottom: dotted 1px #999;
}

/* * 買い物かご
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc div.cart_area {
	margin-top: 1em;
  padding: 0;
  border: none;
  background: none;
}

/* * 商品名・セレクトメニュー
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc div.classlist {
  padding: 0;
  border-bottom: solid 1px #e7e2d8;
	background: none;
}

/* * 数量・カートボタン
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc div.cartin {
  text-align: right;
}

/* 数量 */
div#detailrightbloc .quantity {
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
} .ie7 div#detailrightbloc .quantity { display:inline; zoom:1; }

/* 数量 テキストフィールド */
div#detailrightbloc .quantity input.box60 {
  max-width: 6em;
}

/* カートボタン */
div#detailrightbloc .cartin_btn {
  vertical-align: middle;
  display: inline-block;
} .ie7 div#detailrightbloc .cartin_btn { display:inline; zoom:1; }

/* * お気に入りに追加
/* ------------------------------------------------------------------------------------------------- */

div#detailrightbloc div.favorite_btn {
	text-align: right;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * サブ情報
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div.page-detail div.sub_area {
	width: 160px;
	margin: 7px;
	display: inline-block;
} .ie7 div.page-detail div.sub_area { display:inline; zoom:1; }

div.page-detail div.sub_area img {
	width: 100%;
	height: auto;
}

/* タイトル */

div.page-detail div.sub_area h3 {
  margin-bottom: 0.5em;
  font-weight: bold;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * お客様の声
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#customervoice_area h2 {
	padding: 0;
	border: none;
	background: none;
}

div#customervoice_area div.review_bloc p {
  margin: 0;
  float: none;
  line-height: 1.2;
  vertical-align: middle;
  display: inline-block;
}

div#customervoice_area div.review_bloc div.review_btn {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 関連商品
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#whobought_area {
  margin: 0 -15px;
	letter-spacing: -0.4em;
}

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

/* * タイトル
/* ------------------------------------------------------------------------------------------------- */

div#whobought_area h2 {
  margin: 0 15px;
}

/* * 一覧
/* ------------------------------------------------------------------------------------------------- */

div#whobought_area div.product_item {
  width: 340px;
  margin: 15px;
  vertical-align: top;
  display: inline-block;
} .ie7 div#whobought_area div.product_item { display:inline; zoom:1; }

/* 画像 */
div#whobought_area div.productImage {
  width: 120px;
  float: left;
}

div#whobought_area div.productImage img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: none;
}

/* 内容 */
div#whobought_area div.productContents {
  width: 210px;
  float: right;
}

/* 商品名 */
div#whobought_area div.productContents h3 {}

div#whobought_area div.productContents h3 a {}

/* 価格 */
div#whobought_area div.productContents p.sale_price {}

div#whobought_area div.productContents p.sale_price span.price {}

/* 紹介文 */
div#whobought_area div.productContents p.comment {}
