/* ///////////////////////////////////////////////

ファイル名：products.css
適応ページ：おすすめ商品のページ

----------------------------

このCSSの内容

1. hx タグの設定(h1,h2等)
2. header の設定
3. コンテンツ部分の設定

X. etc

/////////////////////////////////////////////// */


/* 1. hx タグの設定(h1,h2等)
--------------------------------------------- */

h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
}

/* 2. header の設定
--------------------------------------------- */

/* ページ上部ナビの「イベントカレンダー」を選択した状態 */
#mainNavi li#productsBtn a {
	width: 110px;
	height: 35px;
	background: transparent url(../img/base/navi_products.gif) no-repeat -150px 0;
}


/* タイトル写真 */
#products #header #photoTit {
	clear: both;
	width: 770px;
	height: 140px;
	margin: 4px 0 0 0;
	padding: 0;
	background: transparent url(../img/products/products_tit_photo.jpg) no-repeat 0 0;
}



/* 3. コンテンツ部分の設定
--------------------------------------------- */
#products #contents #contentsBox h3 {
	width: 570px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/products/products_tit.gif) no-repeat 0 0;
}

#products #contents #contentsBox h3.tokutei {
	width: 570px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/products/tokutei_tit.gif) no-repeat 0 0;
}

#products #contents #contentsBox p.list {
	background-image:url(../img/products/list01.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 16px;
	line-height:2em;
}

#products #contents #leftNavi h3 {
	width: 190px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../img/products/products_tit_leftnavi.gif) no-repeat 0 0;
}

#products .articleBox {
	/*background: url(../img/base/border_type02.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	padding: 8px 0;
}

#products .articleBox .articleInfo {
	width: 370px;
	float: right;
	color: #666666;
}

#products .articleBox p {
	margin: 12px 5px;
}

#products .articleBox div#goodsImg p {
	background-color:#F5F5F4;
	display:block;
	height:285px;
	width:568px;
	margin:0;
	padding:0;
	text-align:center;
	border:1px solid #CCCCCC;
}

#products .articleBox div#goodsImg a img {
	height:285px;
	width:380px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#products .articleBox div#goodsImg p a {
	height:285px;
	width:380px;
}

#products .articleBox h4 {
	background-image:url(../img/products/goods_tit.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:555px;
	height:22px;
	margin: 7px 5px 10px 0;
	padding:5px 0 0 15px;
}

#products .articleBox h5 {
	background-color:#AAA9A9;
	line-height:1.8em;
	font-weight:bold;
	padding:0 0 0 10px;
	color:#FFFFFF;
}

#products .articleBox #borderTop {
	background-image:url(../img/products/border_top.gif);
	background-repeat:repeat-x;
	background-position:center top;
	height:5px;
	width:100%;
	margin:0;
	padding:0;
}

#products .articleBox #borderBottom {
	background-image:url(../img/products/border_bottom.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
	height:5px;
	width:100%;
}

#products #goodsDiscription {
	background-color:#F1F1F1;
	margin:0;
	padding:0;
}

#products #goodsDiscription input.cartIn {
	background-image:url(../img/products/btn_cart_buy.gif);
	width:144px;
	height:27px;
}

#products .articleBox .articlePhoto {
	width: 185px;
	float: left;
	padding: 5px;
}

#products #contents #contentsBox dl {
margin:1em 0;
padding:0 0 10px 0;
font-size:small;
line-height:150%;
border-bottom:#999 1px dotted;
}

#products #contents #contentsBox dt {
font-weight:bold;
margin:1em 0 0 0;
}

#products #contents #contentsBox dd {
margin:0 0 0 2em;
}

#products #contents #contentsBox #tb_tokutei {
margin: 12px 10px;
color: #333;
}

#products #contents #contentsBox #tb_tokutei th {
margin: 0;
padding: 6px 8px;
width: 131px;
background: #e1e1e1;
font-weight: lighter;
vertical-align: top;
}

#products #contents #contentsBox #tb_tokutei td {
margin: 0;
padding: 6px 8px;
background: #ebebeb;
}



/*
買い物かごフォーム部分
----------------------------------------*/
#products .articleBox form {
	font-size:small;
	margin: 0;
}

#products .articleBox form.second {
margin:1em 0 0 0;
}

.ossmBodyDiv form {
font-size:small;
}

/* X. etc
--------------------------------------------- */



/* btob
--------------------------------------------- */
#products #contents #contentsBox dl.btobDl {
margin:0;
padding:5px 0 5px 0;
font-size:small;
line-height:150%;
border-bottom:#999 1px dotted;
}

#products #contents #contentsBox dl.btobDl dt {
font-weight:bold;
margin:0;
float:left;
padding-left:0.5em;
width:12em;
}

#products #contents #contentsBox dl.btobDl dd {
margin:0;
float:left;
}

#products #contents #contentsBox div.btobGrayBox {
background-color:#e2e2e2;
padding:3px 10px;
}

div#goodsImg {
	text-align:center;
}

div.pdctMenu {
	margin-top:10px;
}


/* clearFix
----------------------------------------------------------- */
.clearFix{
    zoom:1;/*for IE 5.5-7*/
}
.clearFix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}



/* 20090107 added
----------------------------------------------------------- */
div.btobCautionA,
div.btobCautionB {
	font-size:small;
	line-height:1.5;
	padding:1em 0.5em;
	letter-spacing:0;
}

div.btobCautionA img,
div.btobCautionB img {
	margin-right:4px;
	vertical-align:text-bottom;
}

div.btobCautionA span,
div.btobCautionB span {
	color:#ff0000;
	font-weight:bold;
}

div.btobCautionA { background-color:#eeecd9; }