@charset "UTF-8";
@import url("/common/css/default.css");
@import url("/common/css/layout.css");
@import url("/common/css/parts_common.css");
@media tty {
i{content:"\";/*" "*/}} @import 'product_ie55.css'; /*";}
}/* */

/* --------------------------------
	product.css
--------------------------------
product.cssは商品詳細ページで使用しているCSSファイルです。

** imported list
（なし）

** index
01:カスタマイズ
02:#ItemDetail	商品情報
	01:#ItemInfo	情報
	02:#ItemLead	案内
03:#RelatedCategories	関連カテゴリ
-------------------------------- */

/* --------------------------------
■01.カスタマイズ
--------------------------------
共有読み込み用CSSの記述の上書きしています。
-------------------------------- */
/* 大枠 */
#Article {
	width:100%;
}
#Main {
	width:710px;
}

/* items */
.items .line-2 .item {
	width:242px;
	padding:0 0 0 108px;
}

/* Information */
#Information .body {
	overflow:hidden;
	padding:15px 15px 0;
	_zoom:1;	/* IE6 */
}
#Information .group {
	width:334px;
}
#Information .send-off,
#Information .sending {
	float:left;
}
#Information .paying {
	float:right;
}
#Information .group dt {
	*height:16px;	/* IE7 */
	*overflow:hidden;	/* IE7 */
	padding:0;
	border-bottom:1px solid;
}
#Information .send-off dt {
	border-bottom-color:#319bc0;
}
#Information .paying dt {
	border-bottom-color:#e65f30;
}
#Information .sending dt {
	border-bottom-color:#69c031;
}
#Information .group dd {
	margin:0;
	padding:5px 10px 10px;
	font-size:100%;
}
#Information .group .more {
	text-align:right;
}

/* Ranking */
#Ranking {
	padding:10px;
	background:#f1f1e2;
	font-weight:bold;
}
#Ranking a {
	padding-left:15px;
	background:url("/common/img/icon/arrow_circle_bb4ca0.gif") no-repeat 0 2px;
}

/* pr */
#Sub .pr {
	font-size:100%;
}
#Sub .pr dd,
#Sub .pr p {
	font-size:83%;
	*font-size:79%;	/* IE7 */
}
/* 09/11/16削除  */
/*#Sub .pr .title,
#OtherSite .title {
	padding:5px 10px!important;
	border-bottom:2px solid #d81a1a!important;
	background:transparent!important;
	color:#000000!important;
}*/
#Sub .pr .more {
	font-size:100%;
	*font-size:110%;	/* IE7 */
}

/* return-to */
.return-to {
	padding-right:0;
}



/* --------------------------------
■02.ItemDetail(商品情報)
--------------------------------
メインカラム上部の、商品情報をまとめたブロックです。
[div#ItemDetail] - 商品情報
[div#ItemDetail div#ItemInfo] - 情報
[div#ItemDetail div#ItemLead] - 案内
-------------------------------- */
#ItemDetail {}

/* --------------------------------
■■02-01.ItemInfo(情報)
--------------------------------
写真と基本情報をまとめたブロックです。
[div#ItemInfo] - 情報
[div#ItemInfo div#ItemPhoto] - 写真
[div#ItemInfo div#ItemPhoto div.main] - メイン写真
[div#ItemInfo div#ItemPhoto dl.sub dt img] - サブ写真見出し
[div#ItemInfo div#ItemPhoto dl.sub dd ul li img] - サブ写真
[div#ItemInfo div#ItemText] - テキスト
[div#ItemInfo div#ItemText ul.icons li img] - 商品アイコン
[div#ItemInfo div#ItemText table] - 情報表
[div#ItemInfo div#ItemText p.price] - 価格
[div#ItemInfo div#ItemText form.order] - 注文フォーム
[div#ItemInfo div#ItemText form.order table] - 注文表
[div#ItemInfo div#ItemText form.order table thead td] - 見出し行
[div#ItemInfo div#ItemText form.order table tbody th] - 色名
[div#ItemInfo div#ItemText form.order table tbody td.color-sample] - 色見本
[div#ItemInfo div#ItemText form.order table tbody td.id] - 商品番号
[div#ItemInfo div#ItemText form.order table tbody td.volume] - 数量
[div#ItemInfo div#ItemText form.order ul.attention] - 注意事項
-------------------------------- */
#ItemInfo {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}

/* ItemPhoto */
#ItemPhoto {
	float:left;
	width:310px;
}
#ItemPhoto img {
	vertical-align:bottom;
}
#ItemPhoto .main {
	padding-left:10px;
}
#ItemPhoto .sub {
	overflow:hidden;
	margin:20px 0 0;
	_zoom:1;	/* IE6 */
}
#ItemPhoto .sub dt {
	padding:0 5px 5px;
	border-bottom:1px solid #c9c9c9;
}
#ItemPhoto .sub ul {
	overflow:hidden;
	margin-right:-10px;
	_zoom:1;
}
#ItemPhoto .sub li {
	float:left;
	width:70px;
	height:70px;
	margin:10px 10px 0 0;
}

/* ItemText */
#ItemText {
	float:right;
	width:360px;
}

/* --icons */
#ItemText .icons {
	overflow:hidden;
	padding:0 0 10px 10px;
	background:url("/common/img/line/line_side_dashed_cbcbc1.gif") repeat-x left bottom;
	_zoom:1;	/* IE6 */
}
#ItemText .icons li {
	float:left;
	margin:0 10px 0 0;
}
#ItemText .icons li img {
	vertical-align:bottom;
}

/* --detail */
#ItemText .detail {
	width:100%;
	background:url("/common/img/line/line_side_dashed_cbcbc1.gif") repeat-x left bottom;
}
#ItemText .detail th,
#ItemText .detail td {
	padding:5px 10px;
}
#ItemText .detail .first th,
#ItemText .detail .first td {
	padding-top:10px;
}
#ItemText .detail .end th,
#ItemText .detail .end td {
	padding-bottom:10px;
}
#ItemText .detail th {
	vertical-align:top;
	padding-left:10px;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
}
#ItemText .detail td {
	width:100%;
	line-height:1.5;
}

/* --site-guide */
#ItemText .size-guide {
	padding:10px;
	background:url("/common/img/line/line_side_dashed_cbcbc1.gif") repeat-x left bottom;
}
#ItemText .size-guide a {
	padding-left:20px;
	background:url("/common/img/icon/arrow_circle_ffffff-a49d4d.gif") no-repeat 0 0;
}

/* --price */
#ItemText .price {
	margin:0 0 20px;
	padding:15px 0;
	background:#f3f0e7 url("/common/img/bg/pattern_tilt_f3f0e7.gif");
	font-size:117%;
	font-weight:bold;
	text-align:center;
}
#ItemText .price span {
	margin:0 0 0 5px;
	color:#db1a1a;
	font-family:Arial,Verdana,sans-serif;
	letter-spacing:0.1em;
}

/* --order */
#ItemText .order table {
	width:100%;
}
#ItemText .order table th,
#ItemText .order table td {
	padding:5px;
	border:1px solid #89100f;
}
#ItemText .order thead th,
#ItemText .order thead td {
	background:#dbbcbc;
	text-align:center;
}
#ItemText .order tbody .color-sample {
	padding:2px 5px;
}
#ItemText .order table .id,
#ItemText .order table .volume {
	text-align:center;
	white-space:nowrap;
}
#ItemText .order tbody th {
	width:100%;
	text-align:left;
}
#ItemText .order tbody .volume {
	color:#89100f;
}
#ItemText .order .volume select {
	vertical-align:middle;
}
#ItemText .order .submit {
	padding:10px 0;
	background:url("/common/img/line/line_side_dashed_cbcbc1.gif") repeat-x left bottom;
	text-align:center;
}
#ItemText .order .attention {
	margin-top:5px;
	font-size:83%;
	*font-size:79%;	/* IE7 */
}



/* --------------------------------
■■02-02.ItemLead(案内)
--------------------------------
自由記入欄を中心とした商品の追加紹介ブロックです。
[div#ItemLead] - 案内
[div#ItemLead h2 span] - 見出し
[div#ItemLead div#FreeGuide] - 自由入力欄
[div#ItemLead div#FreeGuide div.section] - ブロック
[div#ItemLead div#FreeGuide div.section.non-border] - 線なしブロック
[div#ItemLead div#FreeGuide div.column-lr] - レイアウトパターン01
[div#ItemLead div#FreeGuide div.column-rl] - レイアウトパターン02
[div#ItemLead div#FreeGuide div.column-XX div.column01/02] - レイアウトパターン用ブロック
[div#ItemLead div#OptionGuide] - 仕様テキスト
[div#ItemLead div#OptionGuide dl dt span] - 項目名
[div#ItemLead div#OptionGuide dl dd] - 項目内容
[div#ItemLead div#OptionGuide dl dt.detail/dd.detail] - 主な仕様
[div#ItemLead div#OptionGuide dl dt.attention/dd.attention] - ご注意
-------------------------------- */
#ItemLead {
	margin:30px 0 0;
}

/* FreeGuide */
#FreeGuide .section {
	margin:0;
	padding:10px!important;
	background:url("/common/img/line/line_side_dotted_89100f.gif") repeat-x left top;
}
#FreeGuide span {
 font-weight:bold;
}/*09/11/24　追加*/
#FreeGuide .non-border {
	padding-top:0;
	background-image:none;	/* 点線をなくす */
}
#FreeGuide .column00 {
 /* 画像とテキストを上下に並べる時の"img"に指定するclass */
 padding:10px 0;
}/* 09/11/24　追加 */
#FreeGuide .column-lr,
#FreeGuide .column-rl {
	/* lrはcolumn01を左へ、column02を右へ配置する2カラム用class。 */
	/* rlはcolumn01を右へ、column02を左へ配置する2カラム用class。 */
	overflow:hidden;
	_padding:10px;	/* IE6 */
	_zoom:1;	/* IE6 */
}
#FreeGuide .column-lr .column01 {
	float:left;
	margin:0 10px 10px 0;
}
#FreeGuide .column-rl .column01 {
	float:right;
	margin:0 0 10px 10px;
}
#FreeGuide hr {
	display:block;
}

/* OptionGuide */
#OptionGuide {
	padding:10px 20px;
	background:url("/common/img/line/line_side_dotted_89100f.gif") repeat-x left top;
}
#OptionGuide dt {
	margin:0 0 5px;
	font-weight:bold;
}
#OptionGuide dt span {
	padding:0 0 0 17px;
	background:no-repeat left center;
}
#OptionGuide dt.detail span {
	background-image:url("/common/img/icon/icon_detail.gif");
}
#OptionGuide dt.attention span {
	background-image:url("/common/img/icon/icon_attention.gif");
}
#OptionGuide dd {
	margin:5px 0 10px;
}

/* Ｂ級品スーツケース用************************************** start */
#bqsuitcase {
	width:666px;
	margin:0 0 0 12px;
}
/*　注意事項ブロック */
#bqsuitcase .attention {
	margin:20px 0 0 0;
}
/* 商品名 */
#bqsuitcase .bqsuitcase-lead {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	
}
/* ＷＨフロート */
#bqsuitcase .wh {
	width:330px;
	float:left;
	margin:0;
	padding:0 0 15px 0
}
/* io TRUNK　左 */
#bqsuitcase .io1 {
	clear:left;
	width:220px;
	float:left;
	display:block;
	margin:0;
	padding:0 0 15px 0
}
/* io TRUNK　左以外 */
#bqsuitcase .io {
	float:left;
	width:220px;
	display:block;
	margin:0;
	padding:0 0 15px 0
}
/* Ｂ級品スーツケース用************************************** end */


/* --------------------------------
■03.RelatedCategories(関連カテゴリ)
--------------------------------
商品の関連カテゴリを紹介するブロックです。
[div#RelatedCategories] - 関連カテゴリ
[div#RelatedCategories h2.main-headline-01 span] - 見出し
[div#RelatedCategories ul.categories] - カテゴリ一覧
[div#RelatedCategories ul.categories li.category ol] - 関連カテゴリのパンくずリスト
[div#RelatedCategories ul.categories li.category ol li.now strong] - 現在地(商品名)
-------------------------------- */
#RelatedCategories .categories {
	margin:15px 15px 0;
}
#RelatedCategories .category ol {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#RelatedCategories .category li {
	float:left;
	margin:0 10px 0 0;
	padding:0 15px 0 0;
	background:url("/common/img/icon/icon_breadcrumbs-list_li.gif") no-repeat right center;
}
#RelatedCategories .category li.now {
	padding-right:0;
	background-image:none;
	color:#e57202;
}
#RelatedCategories .category li.now strong {
	font-weight:bold;
}