﻿/* 共通スタイルシートの読み込み */
@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");
@import url("./form.css");




/* //////////目次////////////////////////////// /

/* ■各カテコリ商品一覧設定---------- */

/* ■商品一覧設定---------- */





/* ■各カテコリ商品一覧設定
-------------------------------------------------- */

/* ▽各カテコリ商品一覧---------- */

/* 全体設定 */
#c_newitem2 {
	float: left;
	width: 450px;

}
* html #c_newitem2 {
	margin-right: -3px;
	display: inline;
}
/* タイトル */
#c_newitem2 h3 {
	width: 450px;
	margin-bottom:10px;
}
#newItem_icon img {
	width:105px;
	height:20px;
}
/* 各アイテム全体設定 */
.newitem2 {
	float: left;
	width:105px;
	background: url(images/goods_bg2.jpg) repeat 0 0px;
	margin: 0px 7px 10px 0px;
}
.newitem2_right {
	float: left;
	width:105px;
	background: url(images/goods_bg2.jpg) repeat 0 0px;
	margin: 0px 0px;
}

/* 画像設定 */
.listItem_pic {
	width: 93px;
	height: 93px;
	background: url(images/goods_bg.jpg) no-repeat 0 0px;
	padding:4px;
	margin:2px;
}
*html .listItem_pic {
	width: 101px;
	height: 101px;
	padding:4px;
}
.newitem2 img,
.newitem2_right img{
	display: block;
	width: 93px;
	height: 93px;
}

/* ロールオーバーの設定 */
.newitem2 a:hover img,
.newitem2_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);	
}

/* 商品名設定 */
.newitem2 h5 ,
.newitem2_right h5 {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align:center;
	width:99px;
	margin:2px 3px 0px 3px;
}
.newitem2 a,
.newitem2_right a{
	display: block;
	color: #557800;
	padding-bottom:5px;
}

/* ロールオーバーの設定 */
.newitem2 h5 a:hover,
.newitem2_right h5 a:hover {
	color: #f24d0c;
}

/* 商品価格設定 */
.newitem2 .price ,
.newitem2_right .price {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align:center;
	color:#f24d0c;
	width:99px;
	margin:2px 3px 0px 3px;
}

.newitem2 .details_bt a ,
.newitem2_right .details_bt a {
	width:105px;
	height:21px;
	background: url(images/syousai_bt.jpg) no-repeat 0 0;
	text-indent:-9999px;
	padding-bottom:0px;
}
.newitem2 .details_bt a:hover, 
.newitem2_right .details_bt a:hover {
	background: url(images/syousai_bt_o.jpg) no-repeat 0 0;
}

/* ■商品一覧設定
-------------------------------------------------- */

/* ▽商品一覧---------- */

/* 全体設定 */
#list {
	float: left;
	width: 450px;
}
*html #list {
	margin-right: -3px;
	display: inline;
}

/* タイトル設定 */
#list h3 {
	float:left;
	width: 450px;
	margin-bottom:10px;
}

/* 各アイテム全体設定 */
.listitem {
	float: left;
	width:105px;
	background: url(images/goods_bg2.jpg) repeat 0 0px;
	margin: 0px 7px 10px 0px;
}

.listitem_right {
	float: left;
	width:105px;
	background: url(images/goods_bg2.jpg) repeat 0 0px;
	margin: 0px 0px 10px;
}

/* 画像設定 */
.listitem_pic {
	width: 93px;
	height: 93px;
	background: url(images/goods_bg.jpg) no-repeat 0 0px;
	padding:4px;
	margin:2px;
}
*html .listitem_pic {
	width: 101px;
	height: 101px;
	padding:4px;
}
.listitem img ,
.listitem_right img{
	display: block;
	width: 93px;
	height: 93px;
}

/* ロールオーバーの設定 */
.listitem a:hover img,
.listitem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);	
}

/* 商品名設定 */
.listitem h5 ,
.listitem_right h5 {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	text-align:center;
	width:99px;
	margin:2px 3px 0px 3px;
}
.listitem a,
.listitem_right a{
	display: block;
	color: #557800;
	padding-bottom:5px;
}

/* ロールオーバーの設定 */
.listitem a:hover,
.listitem_right a:hover {
	color: #f24d0c;
}

/* 価格設定 */
.listprice {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align:center;
	color:#f24d0c;
	width:99px;
	margin:2px 3px 0px 3px;
}

/* 詳細へボタン設定 */

.listitem .details_bt a ,
.listitem_right .details_bt a {
	width:105px;
	height:21px;
	background: url(images/syousai_bt.jpg) no-repeat 0 0;
	text-indent:-9999px;
	padding-bottom:0px;
}
.listitem .details_bt a:hover ,
.listitem_right .details_bt a:hover {
	background: url(images/syousai_bt_o.jpg) no-repeat 0 0;
}




/* ▽下部商品リンク---------- */

/* 全体設定 */
#bottomList {
	float: left;
	width: 450px;
	text-align: left;
	clear:both;
}
*:first-child+html #bottomList {
	margin-top:10px;
}
* html #bottomList {
	margin-right: -3px;
}

#bottomList a {
	color: #005871;
}

#bottomList a:hover {
	color: #f24d0c;
}

