@charset "Shift_JIS";
 
/* =========================================================
 
	    WEB限定アイテムカテゴリ用CSSファイル（web）
					
========================================================= */

/* --------------------------------------------------------
     見出し
-------------------------------------------------------- */
/* -- 扉ページ -- */
body#web div#title-area {
 width: 559px;
	_width: 660px; /* 【WinIE対策】 */
	height: 69px;
	_height: 88px; /* 【WinIE対策】 */
	padding: 16px 0 0 101px;
	margin-bottom: 8px;
	background: url(../../web/images/com_bg001.gif) no-repeat left bottom;
	border-top: 3px solid #9B744D;
	color: #9B744D;
}
body#web div#title-area h1 {
 margin-bottom: 7px;
}
body#web h2 {
 margin: 0 0 10px 0;
	padding: 4px 12px;
	background-color: #FFCC66;
	font-size: 110%;
	color: #FF6600;
}
body#web h3 {
 margin: 20px 0 10px 0;
}

/* -- リード文 -- */
p.lead {
 padding: 0 0 0 14px;
	}

/* -- ご購入に際してのご注意 -- */
div#notice-link {
 margin: 28px 0;
	_margin: 16px 0 20px 0; /* WinIE調整用 */
	text-align: center;
	}
div#notice-link span {
 padding: 8px 14px;
 border: solid 2px #CCCCCC;
	_height: 40px; /* IEで文字サイズを変更した際にボーダーが消えないよう */
 }

/* -- ページ間リンク -- */
ul#lnavi li {
	float: left;
	margin: 0 3px 0 0;
	padding: 3px 9px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}
ul#lnavi li.on {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #666666;
}

/* -- 定義リスト（商品番号・価格・カラー・素材） -- */
dl.product-detail {	
 margin: 10px 0 0 0;
}
dl.product-detail dt {	
 color: #973331;
	font-weight: bold;
}
dl.product-detail dd {	
	margin: -1.2em 0 0 5.5em;
}

/* -- 商品詳細ボタン -- */
div.rec-box div.rec-wrap div.txt p.more {
 margin: -40px 0 0 0;
 text-align: right;
	padding-top: 18px;
}


/* --------------------------------------------------------
    共通・トレンド
-------------------------------------------------------- */
div.rec-box {
 margin-top: 10px;
	padding: 4px 0 0 0;
	background: url(../../web/images/com_bg022.gif) no-repeat top left;
	_height: 1px;
}
div.rec-box.first {
 margin-top: 0;
}
div.rec-box div.rec-wrap {
 padding: 14px 20px 18px 18px;
	background: url(../../web/images/com_bg023.gif) no-repeat bottom left;
	_height: 1px;
}
div.rec-box div.rec-wrap p.image {
 float: left;
	width: 150px;
	border: 1px solid #999999;
}
div.rec-box div.rec-wrap div.txt {
 float: right;
	width: 440px;
	margin: 0 0 0 30px;
}
div.rec-box div.rec-wrap div.txt p.catch {
 font-weight: bold;
	font-size: 115%;
	color: #CF6E0A;
}
div.rec-box div.rec-wrap div.txt p.comment {
 margin: 6px 0 0 0;
	line-height: 140%;
}


/* --------------------------------------------------------
    ご購入に際してのご注意
-------------------------------------------------------- */

body#notice div#hdr {
 height: 80px;
	}
body#notice h1 {
 float: left;
	margin: 25px 0 40px 15px;
	_margin: 25px 0 40px 7px;
	padding: 0 0 0 7px;
	border-left: solid 3px #CF6E0A;
	}
body#notice div#logo {
	margin: 12px 8px 0 0;
	float:right;
}
body#notice div#wrapper {
	margin: 0 15px;
	padding: 10px 13px;
	text-align: left;
	border-top: solid 1px #CCCCCC;
	}
body#notice p {
 padding: 10px 0 0 0.9em;
	text-indent: -0.9em;
	}