/* 共通スタイルシートの読み込み */
@import url("./common.css");
@import url("./banner.css");
@import url("./css/contact.css");
@import url("./css/mail.css");
@import url("./css/cart.css");
@import url("./css/info.css");




/* //////////目次////////////////////////////// /


/* ■商品一覧設定---------- */

/* ▽商品一覧---------- */
/* ▽下部商品リンク---------- */
/* ▽ページの先頭に戻る---------- */






/* ■商品一覧設定
-------------------------------------------------- */

/* ▽商品一覧---------- */

/* 全体設定 */
#list {
	float: left;
	width: 470px;
}


/* タイトル設定 */
#list h3 {
	float: left;
	width: 470px;
	xxmargin-bottom: -10px;
}


/* 商品ループ/ボックス設定 */
.listItem {
	float: left;
	width: 470px;
	margin-top: 20px;
	background: url(images/list_line_partition.jpg) no-repeat 0 bottom;
}
* html .listItem {	
	margin-right: -3px;
}


/* 商品ループ/商品名の設定 */
.listItem h4 {
	width: 450px;
	padding: 0 0 10px 25px;
	background: url(./images/list_icon_name.jpg) no-repeat 0 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
}
* html .listItem h4 {
	width: 470px;
}

.listItem h4 a {

}

.listItem h4 a:hover {
	color: #e4007f;
}


/* 商品ループ/商品画像サイズの指定 */
.listItem_pic img {
	display: block;
	width: 100px;
	height: 100px;
}


/* 商品ループ/商品背景画像の設定 */
.listItem_pic {
	float: left;
	width: 100px;
	height: 100px;
	padding: 5px;
	background: url(images/list_bg_item.jpg) no-repeat 0 bottom;
}




/* 商品ループ/商品画像のロールオーバーの設定 */
a.listItem_pic:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 商品ループ/詳細内容－全体設定 */
.listItem_details {
	float: left;
	width: 350px;
	margin-left: 10px;
	background: url(images/list_line_under.jpg) no-repeat 0 0;
}


/* 商品ループ/詳細内容－商品価格、在庫状況の設定 */
.listItem_details dl {
	float: left;
	width: 350px;
	padding: 10px 0;
	margin-bottom: 10px;
	background: url(images/list_line_under.jpg) no-repeat 0 bottom;
}

.listItem_details dt {
	float: left;
	height: 20px;
	margin-right: 10px;
}

.listItem_details dd {
	float: left;
	height: 20px;
	margin-right: 20px;
	line-height: 20px;
	
	color: #e4007f;
}
* html .listItem_details dd {
	display: inline;
} 


dd.listItem_details_stock {
	margin-right: 0px;
}



/* 商品ループ/「商品詳細へ」ボタンの設定 */
.goDetails {
	float: left;
	width: 100px;
	height: 25px;
	margin-bottom: 10px;
	background: url(images/list_btn_godetails.jpg) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}


/* 商品ループ/「商品詳細へ」ボタンのロールオーバーの設定 */
a.goDetails:hover {
	background: url(images/list_btn_godetails_o.jpg) no-repeat left top;
}


/* 商品ループ/商品説明の設定 */
.listItem_details p {
	float: left;
	width: 350px;
	padding: 10px 0;
	background: url(images/list_line_under.jpg) no-repeat 0 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	

}



/* ▽下部商品リンク---------- */

/* 全体設定 */
#bottomList {
	float: left;
	width: 450px;
	margin-top: 20px;
	text-align: center;
}
* html #bottomList {
	margin-right: -3px;
}

#bottomList a {
	color: #808080;
}

#bottomList a:hover {
	color: #e4007f;
}



/* ▽ページの先頭に戻る---------- */

/* 全体設定 */
#goTop {
	float: left;
	width: 450px;
	margin-top: 20px;
	text-align: center;
}
* html #goTop {
	margin-right: -3px;
}


/* ボタンの設定 */
#goTop a {
	display: block;
	width: 150px;
	height: 25px;
	margin: 0px auto 0 auto;
	background: url(images/btn_gotop.jpg) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}


/* ボタンのロールオーバーの設定 */
#goTop a:hover {
	background-image: url(images/btn_gotop_o.jpg);
}