/* 共通スタイルシートの読み込み */

@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 20px;

	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 {

	color: #4d4d4d;

}



.listItem h4 a:hover {

	color: #f24d0c;

}





/* 商品ループ/商品画像サイズの指定 */

.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;


	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: #f24d0c;

}

.font-line {
color:#333333;
font-size:12px;
font-weight:normal;
text-decoration:line-through;
}

* html .listItem_details dd {

	display: inline;

} 





dd.listItem_details_stock {

	margin-right: 0px;

}







/* 商品ループ/「商品詳細へ」ボタンの設定 */

.goDetails {

	float: left;

	width: 100px;

	height: 25px;

	margin-bottom: 10px;
	
	margin-top: 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;

	

	color: #4d4d4d;

}







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



/* 全体設定 */

#bottomList {

	float: left;

	width: 450px;

	margin-top: 20px;

	text-align: center;

}

* html #bottomList {

	margin-right: -3px;

}



#bottomList a {

	color: #808080;

}



#bottomList a:hover {

	color: #f24d0c;

}







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



/* 全体設定 */

#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);

}