@charset "shift_jis";

/*==============================================
  01.基本設定
	・枠組み
  02.h1の設定
	・h1の設定
  03.h2の設定
	・h2の設定
	・今月のおすすめの設定
	・取扱店のご紹介の設定
	・商品詳細の設定
	・下層ページのタイトル左
	・下層ページのタイトル右
	・About Usのタイトル
	・取扱店のご紹介のタイトル
	・今月のおすすめのタイトル
  04.h3の設定
	・h3の設定
	・製品の特徴の設定
	・STAFF イチオシ商品 ！の設定
	・製品の設定
  05.ヘッダーの設定
	・ロゴ
	・検索の設定
	・Travel Made Easierの設定
	・ヘッダーのメニュー（HOME等）
	・ヘッダーのメニュー（Collections等）
  06.フッターの設定
	・フッターメニュー（faq等）
	・フッターメニュー（ダミー）
	・フッターメニュー（イーグルクリークTOP等）
	・コピーライト
  07.サイト内共通の設定
	・パンクズ
	・テキスト 赤
	・下層のトップ画像
  08.STORE TOPの設定
	・トップの画像
	・top-contの設定
	・top-contの左側の設定
	・top-contの真ん中の設定
	・top-contの右側の設定
	・詳細はこちらの設定
  09.商品詳細画面（動的）の設定
	・商品リスト
	・商品詳細の枠
	・商品詳細の左側
	・マルチビューボタン
	・商品のカラーバリエーション
	・商品詳細の右側
	・商品名の枠
	・商品ナンバー
	・製品詳細
	・製品のサイズアイコン
	・製品詳細のリスト
	・製品詳細のテーブル
	・サイズ説明
  10.マルチビューの設定
	・マルチビューの枠
	・マルチビューのヘッダー
	・マルチビューのヘッダーのライン
	・マルチビューのヘッダーのメニュー
	・マルチビューのコンテント
	・マルチビューのフッター
  11.一覧ページの設定
	・一覧ページのメイン
	・一覧のサムネイル
	・一覧の敷居
  12.下層ページの設定
	・下層ページのタイトルの枠
	・下層ページのメインの枠の中の枠
	・下層ページのメインの枠の中の敷居
	・下層ページの枠01
	・下層ページのメインの中のテーブル01
	・下層ページの枠02
	・下層ページのメインの中のテーブル上02
	・下層ページのメインの中のテーブル下02
	・下層ページの枠03
	・下層ページの枠04
	・下層ページの枠05
  13.お問い合わせの設定
	・お問い合わせのテーブル
	・お問い合わせのテーブル
	・お問い合わせのテキストエリア幅
  14.サイトマップの設定
	・サイトマップのテーブル
  15.取扱店のご紹介の設定
	・取扱店のご紹介のタイトルの枠
	・取扱店のご紹介の文字
	・取扱店のご紹介の上の枠
	・取扱店のご紹介の上の枠内の文字
  16.今月のおすすめの設定
	・今月のおすすめの枠
	・今月のおすすめ商品詳細の左側
	・今月のおすすめ商品詳細の右側
	・今月のおすすめ商品名の枠
	・今月のおすすめ製品詳細のテーブル
  17.よくある質問の設定
	・よくある質問の敷居
==============================================*/

/*==============================================
  01.基本設定
==============================================*/
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	text-align: center;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

a {
	text-decoration: underline;
	color: #804418;
}

a:visited {
	text-decoration: underline;
	color: #804418;
}

a:hover {
	text-decoration: none;
	color: #804418;
}

img {
	border-style: none;
}

form {
	margin: 0px;
	padding: 0px;
}

/* 枠組み
----------------------------------*/
#wrapper {
	color: #333333;
	margin: 0px auto;
	padding: 0px;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	width: 775px;
	text-align: left;
}

.content {
	margin: 0px;
	padding: 0px 0px 2px;
	width: 775px;
}

.content:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .content {
    height      : 1em;
    overflow    : visible;
}
/**/

/*==============================================
  02.h1の設定
==============================================*/
/* h1の設定
----------------------------------*/
h1 {
	margin: 0px;
	padding: 0px;
}

/*==============================================
  03.h2の設定
==============================================*/
/* h2の設定
----------------------------------*/
h2 {
	margin: 0px;
	padding: 0px;
}

/* 今月のおすすめの設定
----------------------------------*/
h2.bc {
	margin: 0px 0px 6px;
	padding: 0px;
	height: 30px;
	width: 133px;
}

/* 取扱店のご紹介の設定
----------------------------------*/
h2.shop {
	margin: 0px 0px 6px;
	padding: 0px;
	height: 30px;
	width: 99px;
}

/* 商品詳細の設定
----------------------------------*/
h2.detaile {
	margin: 0px;
	padding: 0px;
	width: 330px;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
}

/* 下層ページのタイトル左
----------------------------------*/
h2.u-ttll {
	width: 373px;
	margin: 0px 1px 0px 0px;
	padding: 7px;
	font-size: 100%;
	font-weight: bold;
	float: left;
	background: #CDCDC3;
}

/* 下層ページのタイトル右
----------------------------------*/
h2.u-ttlr {
	width: 373px;
	margin: 0px;
	padding: 7px;
	float: left;
	font-size: 100%;
	font-weight: bold;
	background: #CDCDC3;
}

/* About Usのタイトル
----------------------------------*/
h2.au {
	background: url(../../au/images/h2_auttl.gif) no-repeat;
	text-indent: -9999px;
	margin: 17px 0px 0px;
	padding: 0px;
	height: 19px;
	width: 252px;
}

/* 取扱店のご紹介のタイトル
----------------------------------*/
h2.si-ttl {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
}

/* 今月のおすすめのタイトル
----------------------------------*/
h2.rcmnd-ttl {
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 10px;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	border-left: 5px solid #005496;
}

/*==============================================
  04.h3の設定
==============================================*/
/* h3の設定
----------------------------------*/
h3 {
	margin: 0px;
	padding: 0px;
}

/* 製品の特徴の設定
----------------------------------*/
h3.feature-ttl {
	margin: 0px;
	padding: 14px 0px 15px 10px;
	height: 16px;
	width: 80px;
	float: left;
}

/* STAFF イチオシ商品 ！の設定
----------------------------------*/
h3.staff-ttl {
	margin: 0px;
	padding: 0px 0px 9px;
	height: 29px;
	width: 743px;
	background: url(../../shopinfo/images/h3_staff.gif) no-repeat;
	text-indent: -9999px;
}

/* 製品の設定
----------------------------------*/
h3.rcmnd-ttl {
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/*==============================================
  05.ヘッダーの設定
==============================================*/
#header {
	margin: 0px;
	padding: 10px 0px 0px;
	height: 109px;
	position: relative;
	width: 775px;
}

/* ロゴ
----------------------------------*/
.logo {
	margin: 0px;
	padding: 0px;
	height: 71px;
	width: 94px;
	position: absolute;
	left: 11px;
	top: 16px;
}

.logo a {
	margin: 0px;
	padding: 0px;
	height: 71px;
	width: 102px;
	display: block;
	text-decoration: none;
}

.logo a:visited {
	text-decoration: none;
}

.logo a:hover {
	text-decoration: none;
}

/* 検索の設定
----------------------------------*/
.search {
	left: 589px;
	top: 57px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 179px;
}

.sbox120-18 {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	width: 120px;
	border: 1px solid #4D4D4D;
	float: left;
	height: 18px;
}

.sbox50-20 {
	margin: 0px;
	padding: 0px;
	width: 50px;
	height: 20px;
	border: 1px solid #4D4D4D;
	float: left;
	cursor: pointer;
}

/* Travel Made Easierの設定
----------------------------------*/
.hdr-tme {
	height: 14px;
	width: 109px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 112px;
	top: 44px;
}

/* ヘッダーのメニュー（HOME等）
----------------------------------*/
.hdrmn-sub {
	margin: 0px;
	padding: 6px 0px 0px 28px;
	height: 16px;
	width: 151px;
	position: absolute;
	left: 588px;
	top: 19px;
	background: url(../images/hdr_submnbg.gif) no-repeat;
}

.hdrmn-sub ul {
	margin: 0px;
	padding: 0px;
}

.hdrmn-sub li {
	margin: 0px;
	padding: 0px;
	height: 10px;
	display: inline;
	width: 64px;
	float: left;
}

li.mn-home a {
	background: url(../images/mn_home_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	height: 10px;
	width: 39px;
	text-decoration: none;
}

li.mn-home a:visited {
	background: url(../images/mn_home_off.gif) no-repeat;
	text-decoration: none;
}

li.mn-home a:hover {
	background: url(../images/mn_home_on.gif) no-repeat;
	text-decoration: none;
}

li.mn-con a {
	background: url(../images/mn_contacts_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 64px;
	text-decoration: none;
}

li.mn-con a:visited {
	background: url(../images/mn_contacts_off.gif) no-repeat;
	text-decoration: none;
}

li.mn-con a:hover {
	background: url(../images/mn_contacts_on.gif) no-repeat;
	text-decoration: none;
}

/* ヘッダーのメニュー（Collections等）
----------------------------------*/
.hdrmn01 {
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 775px;
	position: absolute;
	top: 93px;
	background: url(../images/mn_bg.gif) no-repeat;
	left: 0px;
}

.hdrmn01 ul {
	margin: 0px;
	padding: 0px;
}

.hdrmn01 li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px;
}

li.mn01 a {
	background: url(../images/mn01_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 110px;
	text-decoration: none;
}

li.mn01 a:visited {
	background: url(../images/mn01_off.gif) no-repeat;
	text-decoration: none;
}

li.mn01 a:hover {
	background: url(../images/mn01_on.gif) no-repeat;
	text-decoration: none;
}

li.mn02 a {
	background: url(../images/mn02_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 113px;
	text-decoration: none;
}

li.mn02 a:visited {
	background: url(../images/mn02_off.gif) no-repeat;
	text-decoration: none;
}

li.mn02 a:hover {
	background: url(../images/mn02_on.gif) no-repeat;
	text-decoration: none;
}

li.mn03 a {
	background: url(../images/mn03_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 112px;
	text-decoration: none;
}

li.mn03 a:visited {
	background: url(../images/mn03_off.gif) no-repeat;
	text-decoration: none;
}

li.mn03 a:hover {
	background: url(../images/mn03_on.gif) no-repeat;
	text-decoration: none;
}

li.mn04 a {
	background: url(../images/mn04_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 110px;
	text-decoration: none;
}

li.mn04 a:visited {
	background: url(../images/mn04_off.gif) no-repeat;
	text-decoration: none;
}

li.mn04 a:hover {
	background: url(../images/mn04_on.gif) no-repeat;
	text-decoration: none;
}

li.mn05 a {
	background: url(../images/mn05_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 110px;
	text-decoration: none;
}

li.mn05 a:visited {
	background: url(../images/mn05_off.gif) no-repeat;
	text-decoration: none;
}

li.mn05 a:hover {
	background: url(../images/mn05_on.gif) no-repeat;
	text-decoration: none;
}

li.mn06 a {
	background: url(../images/mn06_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 110px;
	text-decoration: none;
}

li.mn06 a:visited {
	background: url(../images/mn06_off.gif) no-repeat;
	text-decoration: none;
}

li.mn06 a:hover {
	background: url(../images/mn06_on.gif) no-repeat;
	text-decoration: none;
}

li.mn07 a {
	background: url(../images/mn07_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 110px;
	text-decoration: none;
}

li.mn07 a:visited {
	background: url(../images/mn07_off.gif) no-repeat;
	text-decoration: none;
}

li.mn07 a:hover {
	background: url(../images/mn07_on.gif) no-repeat;
	text-decoration: none;
}

/*==============================================
  06.フッターの設定
==============================================*/
#footer {
	margin: 0px;
	padding: 44px 0px 0px;
	clear: both;
	width: 775px;
	position: relative;
}

/* フッターメニュー（faq等）
----------------------------------*/
.ftr-mn01 {
	margin: 0px;
	padding: 0px 0px 0px 555px;
	width: 220px;
	height: 26px;
	background: url(../images/ftr_bg.gif) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ftr-mn01 ul {
	margin: 0px;
	padding: 0px;
}

.ftr-mn01 li {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 26px;
	width: 110px;
}

li.faq a {
	background: url(../images/ftr_mn01_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 110px;
	text-decoration: none;
}

li.faq a:visited {
	background: url(../images/ftr_mn01_off.gif) no-repeat;
	text-decoration: none;
}

li.faq a:hover {
	background: url(../images/ftr_mn01_on.gif) no-repeat;
	text-decoration: none;
}

li.af-top a {
	background: url(../images/ftr_mn02_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 110px;
	text-decoration: none;
}

li.af-top a:visited {
	background: url(../images/ftr_mn02_off.gif) no-repeat;
	text-decoration: none;
}

li.af-top a:hover {
	background: url(../images/ftr_mn02_on.gif) no-repeat;
	text-decoration: none;
}

/* フッターメニュー（ダミー）
----------------------------------*/
.ftr-mn02 {
	margin: 0px;
	padding: 0px;
	width: 775px;
	height: 26px;
	background: url(../images/ftr_bg.gif) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* フッターメニュー（イーグルクリークTOP等）
----------------------------------*/
.ftr-mn11 {
	margin: 0px 0px 13px;
	padding: 0px;
	width: 775px;
	text-align: center;
	color: #4d4d4d;
}

.ftr-mn11 ul {
	margin: 0px 0px 4px;
	padding: 0px;
}

.ftr-mn11 li {
	display: inline;
}

.ftr-mn11 a {
	text-decoration: none;
	color: #0000cc;
}

.ftr-mn11 a:visited {
	text-decoration: none;
	color: #333399;
}

.ftr-mn11 a:hover {
	text-decoration: underline;
	color: #0000cc;
}

/* コピーライト
----------------------------------*/
.copyright {
	font-family: Verdana, Arial;
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 18px;
	width: 775px;
	text-decoration: none;
	text-align: center;
}

/*==============================================
  07.サイト内共通の設定
==============================================*/
/* パンクズ
----------------------------------*/
.pankuzu {
	background: url(../images/pankuzu_bg.gif) repeat;
	margin: 0px;
	padding: 4px 0px 4px 16px;
	width: 759px;
}

.pankuzu a {
	text-decoration: underline;
	color: #0000cc;
}

.pankuzu a:visited {
	text-decoration: underline;
	color: #0000cc;
}

.pankuzu a:hover {
	text-decoration: none;
	color: #0000cc;
}

/* テキスト 赤
----------------------------------*/
.txt-red {
	color: #990000;
}

/* 下層のトップ画像
----------------------------------*/
.u-photo {
	margin: 0px 0px 2px;
	padding: 0px;
	height: 181px;
	width: 775px;
	position: relative;
}

.u-photo p {
	margin: 0px;
	padding: 0px;
	width: 310px;
	position: absolute;
	left: 440px;
	top: 76px;
}

.u-photo p.acc {
	margin: 0px;
	padding: 0px;
	width: 310px;
	position: absolute;
	left: 440px;
	top: 54px;
}

.u-photo p.list-p {
	margin: 0px;
	padding: 0px;
	width: 310px;
	position: absolute;
	left: 440px;
	top: 93px;
}

/*==============================================
  08.STORE TOPの設定
==============================================*/
/* トップの画像
----------------------------------*/
.top-photo {
	margin: 2px 0px;
	padding: 0px;
	height: 276px;
	width: 775px;
}

/* top-contの設定
----------------------------------*/
.top-cont {
	margin: 0px;
	padding: 6px 0px 7px 7px;
	width: 768px;
	background: #dcddcd url(../../images/cont_bg.gif) repeat-y;
}

.top-cont:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .top-cont {
	height      : 1em;
	overflow    : visible;
}
/**/

/* top-contの左側の設定
----------------------------------*/
.tc-left {
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
	width: 269px;
}

.tc-left img {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float: left;
}

.tc-left table {
	margin: 0px;
	padding: 0px;
	border-style: none;
	width: 259px;
	clear: both;
}

.tc-left table th {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 6px;
}

.tc-left table td {
	vertical-align: top;
}

/* top-contの真ん中の設定
----------------------------------*/
.tc-center {
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 6px;
	float: left;
	width: 271px;
}

.tc-center img {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float: left;
}

.tc-center table {
	margin: 0px;
	padding: 0px;
	border-style: none;
	width: 261px;
	clear: both;
}

.tc-center table th {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 6px;
}

.tc-center table td {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

/* top-contの右側の設定
----------------------------------*/
.tc-right {
	margin: 0px;
	padding: 2px 0px 0px 8px;
	float: right;
	width: 212px;
}

/* 詳細はこちらの設定
----------------------------------*/
.tc-details {
	margin: 0px;
	padding: 6px 0px 0px;
	width: 140px;
}

.tc-details:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .tc-details {
	height      : 1em;
	overflow    : visible;
}
/**/

.tc-details img {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float: left;
	height: 12px;
	width: 12px;
}

.tc-details p {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 120px;
}

/*==============================================
  09.商品詳細画面（動的）の設定
==============================================*/
/* 商品リスト
----------------------------------*/
.itm-listbox {
	margin: 0px 0px 2px;
	padding: 0px;
	width: 775px;
	background: #D1DFE8 url(../../itm/detail/icon/dot_bg.gif) no-repeat;
}

.itm-listbox:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .itm-listbox {
    height      : 1em;
    overflow    : visible;
}
/**/

.itm-listbox  li {
	padding-bottom: 3px;
}

.ilb-left {
	margin: 0px 1px 0px 0px;
	padding: 9px 16px 3px;
	float: left;
	width: 226px;
}

.ilb-right {
	margin: 0px;
	padding: 9px 16px 3px;
	float: left;
	width: 225px;
}

/* 商品詳細の枠
----------------------------------*/
.detail-main {
	background: #eff0ea;
	margin: 0px;
	padding: 16px 0px 0px 16px;
	width: 759px;
}

.detail-main:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .detail-main {
    height      : 1em;
    overflow    : visible;
}
/**/

/* 商品詳細の左側
----------------------------------*/
.detail-left {
	margin: 0px 16px 0px 0px;
	padding: 0px 0px 18px;
	float: left;
	width: 303px;
}

/* マルチビューボタン
----------------------------------*/
.multi-btn {
	margin: 0px;
	padding: 10px 0px 10px 100px;
	width: 203px;
}

.multi-btn:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .multi-btn {
    height      : 1em;
    overflow    : visible;
}
/**/

.multi-btn img {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 23px;
}

.multi-btn p {
	margin: 0px;
	padding: 0px;
	float: left;
	line-height: 200%;
}

/* 商品のカラーバリエーション
----------------------------------*/
table.swatches {
	margin: 0px;
	padding: 0px;
	width: 303px;
	border-top: 1px dotted #7E7E7E;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table.swatches td {
	margin: 0px;
	padding: 6px;
	border-bottom: 1px dotted #7E7E7E;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

table.swatches td img {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	float: left;
	height: 16px;
	width: 20px;
}

table.swatches td p {
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	float: left;
}

table.swatches td:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html table.swatches td {
    height      : 1em;
    overflow    : visible;
}
/**/

/* 商品詳細の右側
----------------------------------*/
.detail-right {
	margin: 0px;
	padding: 0px 0px 8px;
	float: left;
	width: 424px;
}

/* 商品名の枠
----------------------------------*/
.detail-name {
	background: #434343;
	margin: 0px 0px 1px;
	padding: 5px 12px;
	width: 400px;
}

.detail-name:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .detail-name {
    height      : 1em;
    overflow    : visible;
}
/**/

/* 商品ナンバー
----------------------------------*/
.d-no {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 70px;
	color: #FFFFFF;
	text-align: right;
}

/* 製品詳細
----------------------------------*/
.feature {
	margin: 0px 0px 16px;
	padding: 0px 0px 15px;
	width: 422px;
	border: 1px solid #7E7E7E;
	background: #f1f2ec;
}

.feature:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .feature {
    height      : 1em;
    overflow    : visible;
}
/**/

/* 製品のサイズアイコン
----------------------------------*/
.size {
	text-align: right;
	margin: 0px;
	padding: 6px 7px 10px 0px;
	float: left;
	width: 325px;
}

.size img {
	margin: 0px 0px 0px 4px;
	padding: 0px;
}

/* 製品詳細のリスト
----------------------------------*/
.feature ul {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.feature li {
	background: url(../../itm/detail/icon/icon_list.gif) no-repeat 15px 4px;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 28px;
	line-height: 120%;
}

/* 製品詳細のテーブル
----------------------------------*/
.detail-right table {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 424px;
	border: 1px solid #7E7E7E;
}

.detail-right table th {
	background: #d7d8d2;
	border-right: 1px solid #7E7E7E;
	border-bottom: 1px dotted #7E7E7E;
	text-align: center;
	margin: 0px;
	padding: 3px;
	width: 84px;
	font-weight: normal;
}

.detail-right table td {
	border-bottom: 1px dotted #7E7E7E;
	margin: 0px;
	padding: 3px;
	background: #e3e4d7;
}

.detail-right table th.drt-thend {
	border-top: none;
	border-bottom: none;
	border-left: none;
}

.detail-right table td.drt-tdend {
	border: none;
}

/* サイズ説明
----------------------------------*/
.size-exp {
	margin: 0px;
	padding: 0px 0px 2px;
	width: 424px;
}

.size-exp:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .size-exp {
    height      : 1em;
    overflow    : visible;
}
/**/

.size-exp img {
	margin: 0px 4px 0px 0px;
	padding: 0px;
	float: left;
}

.size-exp p {
	margin: 0px;
	padding: 0px;
	float: left;
	line-height: 150%;
}

/*==============================================
  10.マルチビューの設定
==============================================*/
/* マルチビューの枠
----------------------------------*/
#multi-box {
	color: #333333;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	margin: 0px auto;
	padding: 0px;
	width: 500px;
}

#multi-box a {
	text-decoration: underline;
	color: #0000cc;
}

#multi-box a:visited {
	text-decoration: underline;
	color: #0000cc;
}

#multi-box a:hover {
	text-decoration: none;
	color: #0000cc;
}

/* マルチビューのヘッダー
----------------------------------*/
#multi-hdr {
	margin: 0px;
	padding: 0px;
	width: 500px;
}

/* マルチビューのヘッダーのライン
----------------------------------*/
.hdr-line {
	margin: 10px 0px 2px;
	padding: 0px;
	width: 500px;
}

/* マルチビューのヘッダーのメニュー
----------------------------------*/
.multi-mn {
	background: #e3e4d7;
	padding: 5px;
	width: 490px;
}

.multi-mn ul {
	margin: 0px;
	padding: 0px;
}

.multi-mn li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* マルチビューのコンテント
----------------------------------*/
.multi-cont {
	margin: 0px;
	padding: 15px 0px;
	width: 500px;
	text-align: center;
}

/* マルチビューのフッター
----------------------------------*/
#multi-ftr {
	margin: 0px;
	padding: 0px 0px 15px;
	width: 500px;
}

#multi-ftr img {
	margin-bottom: 15px;
}

#multi-ftr p {
	margin: 0px;
	padding: 0px;
}

/*==============================================
  11.一覧ページの設定
==============================================*/
/* 一覧ページのメイン
----------------------------------*/
.list-main {
	width: 775px;
	background: #eff0ea;
	margin: 0px;
	padding: 13px 0px;
}

/* 一覧のサムネイル
----------------------------------*/
.list-thum {
	margin: 0px;
	padding: 0px 0px 0px 3px;
	width: 772px;
	clear: both;
}

.list-thum:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .list-thum {
    height      : 1em;
    overflow    : visible;
}
/**/

.list-thumbox {
	width: 95px;
	margin: 0px 0px 0px 13px;
	padding: 0px;
	text-align: center;
	float: left;
	display: inline;
}

.list-thumbox img {
	margin: 0px 0px 4px;
	padding: 0px;
	height: 95px;
	width: 95px;
}

.list-thumbox p {
	margin: 0px;
	padding: 0px 0px 5px;
	width: 95px;
}

/* 一覧の敷居
----------------------------------*/
.list-dot {
	width: 772px;
	margin: 0px;
	padding: 13px 0px;
	text-align: center;
	clear: both;
}

/*==============================================
  12.下層ページの設定
==============================================*/
/* 下層ページのタイトルの枠
----------------------------------*/
.u-ttl {
	width: 775px;
	margin: 0px;
	padding: 0px;
	background: #E9E9DF;
}

.u-ttl:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .u-ttl {
    height      : 1em;
    overflow    : visible;
}
/**/

/* 下層ページのメインの枠の中の枠
----------------------------------*/
.itmbox-left {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
	width: 373px;
}

.itmbox-right {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 373px;
}

/* 下層ページのメインの枠の中の敷居
----------------------------------*/
.dot-line02l {
	margin: 0px;
	padding: 7px 15px 7px 0px;
	width: 373px;
	float: left;
}

.dot-line02r {
	margin: 0px;
	padding: 7px 0px;
	width: 373px;
	float: left;
}
/* 下層ページの枠01
----------------------------------*/
.u-main {
	width: 761px;
	background: url(../images/dot_line01.gif) repeat-y;
	margin: 0px;
	padding: 7px;
}

.u-main:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .u-main {
    height      : 1em;
    overflow    : visible;
}
/**/

/* 下層ページのメインの中のテーブル01
----------------------------------*/
.u-main table {
	margin: 0px;
	padding: 0px;
	border-style: none;
	width: 373px;
	clear: both;
}

.u-main table th {
	text-align: left;
	margin: 0px;
	padding: 0px 0px 6px;
}

.u-main table td {
	vertical-align: top;
}

.u-main table img {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float: left;
}

/* 下層ページの枠02
----------------------------------*/
.u-main02 {
	width: 761px;
	background: #eff0ea;
	margin: 0px;
	padding: 7px;
	text-align: center;
}

.u-main02:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .u-main02 {
    height      : 1em;
    overflow    : visible;
}
/**/

.u-main02 p.txt-l {
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}

.u-main02 p.txt-r {
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}

/* 下層ページのメインの中のテーブル上02
----------------------------------*/
.u-main02 table {
	margin: 0px auto 7px;
	padding: 0px;
	width: 700px;
	text-align: left;
	border-top: 1px solid #7E7E7E;
	border-left: 1px solid #7E7E7E;
}

.u-main02 table th {
	text-align: left;
	margin: 0px;
	padding: 3px;
	background: #D2D3C3;
	border-right: 1px solid #7E7E7E;
	border-bottom: 1px solid #7E7E7E;
	width: 150px;
	font-size: 100%;
	font-weight: normal;
}

.u-main02 table td {
	vertical-align: top;
	border-right: 1px solid #7E7E7E;
	border-bottom: 1px solid #7E7E7E;
	padding: 3px;
}

/* 下層ページのメインの中のテーブル下02
----------------------------------*/
.u-main02 table.u-table {
	margin: 0px auto;
	padding: 0px;
	width: 700px;
	text-align: left;
	border-top: 1px solid #7E7E7E;
	border-left: 1px solid #7E7E7E;
}

.u-main02 table.u-table th {
	text-align: left;
	margin: 0px;
	padding: 3px;
	background: #D2D3C3;
	border-right: 1px solid #7E7E7E;
	border-bottom: 1px solid #7E7E7E;
	width: 150px;
	font-size: 100%;
	font-weight: bold;
}

/* 下層ページの枠03
----------------------------------*/
.u-main03 {
	width: 747px;
	background: #eff0ea;
	margin: 0px;
	padding: 12px 12px 12px 16px;
	text-align: left;
	line-height: 140%;
}

.u-main03:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .u-main03 {
    height      : 1em;
    overflow    : visible;
}
/**/

.u-main03 img {
	margin: 0px 0px 18px 18px;
	padding: 0px;
	float: right;
}

/* 下層ページの枠04
----------------------------------*/
.u-main04 {
	width: 747px;
	background: #eff0ea;
	margin: 0px;
	padding: 12px 12px 12px 14px;
	text-align: left;
	line-height: 140%;
}

.u-main04:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .u-main04 {
    height      : 1em;
    overflow    : visible;
}
/**/

.u-main04 img {
	margin: 0px;
	padding: 0px;
}

.u-main04 p {
	margin: 0px 0px 18px;
	padding: 0px;
}

/* 下層ページの枠05
----------------------------------*/
.u-main05 {
	width: 749px;
	background: #eff0ea;
	margin: 0px;
	padding: 12px 12px 12px 14px;
	line-height: 140%;
}

.u-main05 table {
	margin: 0px auto 15px;
	padding: 0px;
	width: 690px;
	text-align: left;
	border-top: none;
	border-left: none;
	border-right-style: none;
	border-bottom-style: none;
}

.u-main05 table th {
	text-align: left;
	margin: 0px;
	padding: 3px;
	background: #eff0ea;
	font-size: 100%;
	font-weight: bold;
	color: #005496;
}

.u-main05 table.faq th {
	text-align: left;
	margin: 0px;
	padding: 3px;
	background: #D2D3C3;
	border-right: 1px solid #7E7E7E;
	border-bottom: 1px solid #7E7E7E;
	width: 150px;
	font-size: 100%;
	font-weight: normal;
}

.u-main05 table td {
	vertical-align: top;
	padding: 3px;
}

/*==============================================
  13.お問い合わせの設定
==============================================*/
/* お問い合わせのテーブル
----------------------------------*/
.u-main02 table.u-cont {
	border-style: none;
	width: 480px;
}

.u-main02 table.u-cont td {
	border-style: none;
}

/* お問い合わせのテーブル
----------------------------------*/
#submit {
	text-align: center;
}

/* お問い合わせのテキストエリア幅
----------------------------------*/
.text {
	width: 200px;
}

.textarea {
	width: 400px;
	height: 200px;
}

/*==============================================
  14.サイトマップの設定
==============================================*/
/* サイトマップのテーブル
----------------------------------*/
.u-main02 table.u-sm {
	width: 550px;
}

.u-main02 table.u-sm th {
	width: 14px;
	text-align: center;
}

.u-main02 table.u-sm th.sitemap {
	width: 524px;
	text-align: left;
}

.u-main02 table.u-sm td {

}

/*==============================================
  15.取扱店のご紹介の設定
==============================================*/
/* 取扱店のご紹介のタイトルの枠
----------------------------------*/
.si-ttlbox {
	padding: 0px 0px 0px 10px;
	border-left: 5px solid #005496;
	margin: 0px 0px 18px 2px;
}

/* 取扱店のご紹介の文字
----------------------------------*/
.si-ttlbox p {
	margin: 0px;
	padding: 0px;
}

/* 取扱店のご紹介の上の枠
----------------------------------*/
.si-box {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 25px;
	width: 747px;
}

.si-box:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .si-box {
    height      : 1em;
    overflow    : visible;
}
/**/

.si-box img {
	margin: 0px 10px 10px 0px;
	padding: 0px;
	float: left;
}

/* 取扱店のご紹介の上の枠内の文字
----------------------------------*/
.si-box p {
	margin: 0px;
	padding: 0px;
}

/*==============================================
  16.今月のおすすめの設定
==============================================*/
/* 今月のおすすめの枠
----------------------------------*/
.rcmnd-box {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 15px 8px;
	width: 739px;
}

.rcmnd-box:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .rcmnd-box {
    height      : 1em;
    overflow    : visible;
}
/**/

/* 今月のおすすめ商品詳細の左側
----------------------------------*/
.rcmnd-left {
	margin: 0px 16px 0px 0px;
	padding: 0px 0px 18px;
	float: left;
	width: 303px;
}

/* 今月のおすすめ商品詳細の右側
----------------------------------*/
.rcmnd-right {
	margin: 0px;
	padding: 0px 0px 8px;
	float: left;
	width: 424px;
}

/* 今月のおすすめ商品名の枠
----------------------------------*/
.rcmnd-name {
	background: #434343;
	margin: 0px 0px 1px;
	padding: 5px 12px;
	width: 400px;
}

.rcmnd-name:after {
	content  : "";
    display  : block;
    clear    : both;
    height   : 1px;
    overflow : hidden;
}

/*\*/
* html .rcmnd-name {
    height      : 1em;
    overflow    : visible;
}
/**/

/* 今月のおすすめ製品詳細のテーブル
----------------------------------*/
.rcmnd-right table {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 424px;
	border: 1px solid #7E7E7E;
}

.rcmnd-right table th {
	background: #d7d8d2;
	border-right: 1px solid #7E7E7E;
	border-bottom: 1px dotted #7E7E7E;
	text-align: center;
	margin: 0px;
	padding: 3px;
	width: 84px;
	font-weight: normal;
}

.rcmnd-right table td {
	border-bottom: 1px dotted #7E7E7E;
	margin: 0px;
	padding: 3px;
	background: #e3e4d7;
}

.rcmnd-right table th.drt-thend {
	border-top: none;
	border-bottom: none;
	border-left: none;
}

.rcmnd-right table td.drt-tdend {
	border: none;
}

/*==============================================
  17.よくある質問の設定
==============================================*/
/* よくある質問の敷居
----------------------------------*/
.faq-line {
	margin: 0px auto 15px;
	padding: 0px;
	height: 1px;
	width: 685px;
}