@charset "Shift_JIS";
/* CGIテンプレート用 */

div,span,p,th,td{
	font-size:12px;
	line-height:1.5em;
}


div#contents{
	width:550px;
	margin-left:20px;
}


div#imageArea{
	text-align:center;
}

/* ************************** */
/* 商品イメージ画像 */
div#imageArea{
position:relative;
margin-left:-20px;
width:570px;
}

div#imageArea img{
	margin-bottom:10px;
}

/* ************************** */
/* 商品画像と価格など */
div#dataArea{
	margin-top:12px;
	width:550px;
}

div#dataArea img.photo{/* 商品画像 */
	float:left;
	margin-right:20px;
	margin-left:0px;
	margin-bottom:4px;
}

div#dataArea th,
div#dataArea td{
	padding-bottom:4px;
}

div#dataArea th{
	padding-right:6px;
	text-align:left;
}

div#dataArea td img{/* 「カートに入れる」ボタン */
	margin-top:12px;
	margin-bottom:12px;
}

div#dataArea div{/* ボタン下、コメント欄(小) */
	margin:0px;
	padding:0px;
	margin-right:10px;
	line-height:1.4em;
}
div#dataArea div p{
	margin-top:0px;
	margin-bottom:0.5em;
}


/* ************************** */
/* ページ下部 コメント群 */

div#commentArea{
	clear:both;
	margin-top:24px;
	margin-bottom:36px;
	margin-right:20px;
/*	background-color:pink; */
}
div#commentArea h2,
div#commentArea h3,
div#commentArea h4,
div#commentArea h5,
div#commentArea h6{
	font-size:14px;
	line-height:1.1em;
	margin:0px;
	padding:0px;
	padding:5px 20px;
	margin-bottom:4px;
}

div#commentArea h2{
	margin-top:18px;
	margin-bottom:6px;

}

div#commentArea h2.pink{
	background-color:#FCA6A6;
}

div#commentArea h2.gray{
	background-color:#ccc;
}

div#commentArea p{
	margin:0px;
	padding:0px;
	margin-left:20px;
}

/* 巻き戻しリンク */
div.rollBack{
	clear:both;
	margin-bottom:14px;
}


/* ****************************************** */
/* **************** 商品一覧 **************** */
/* ****************************************** */

div#listContents{
	width:570px;
/*	margin-left:20px;*/
/*	background-color:lightgreen;*/
	height:auto;
}

div.line{
	clear:both;
	width:520px;
	margin-left:25px;
/*	margin-top:25px;*/
	margin-bottom:18px;
	border-style:dotted;
	border-width:0px 0px 2px 0px;
	border-color:#aaa;
}


div.listData{
	text-align:center;
	margin:0px;
	width:190px;
	float:left;
/*	margin-bottom:20px;*/
/*	background-color:skyblue;*/
}
* html div.listData{
	margin-left:0px;
}

div.listData table{
	width:150px;
	margin:0px auto;
	margin-top:6px;
/*	background-color:red;*/
}
div.listData th,
div.listData td{
	font-weight:normal;
	vertical-align:top;
	line-height:1.3em;
	text-align:left;
}
div.listData th{
	white-space:nowrap;
	padding-right:4px;
}
div.listData td.bt{
	padding-top:6px;
	text-align:center;
}