﻿/* 共通スタイルシートの読み込み */
@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:17px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
	margin:0px;
}
/* 各アイテム全体設定 */
.newitem2 {
	float: left;
	width:105px;
	margin:0px 10px 10px 0px;
	background: url(images/goods_bg.jpg) no-repeat 0 17px;
}
.newitem2_right {
	float: left;
	width:105px;
	margin:0px 0px 10px 0px;
	background: url(images/goods_bg.jpg) no-repeat 0 17px;	
}

/* 画像設定 */
.newitem2 img,
.newitem2_right img{
	display: block;
	width: 92px;
	height: 92px;
	border: 1px solid #b2b2b1;
	margin:5px;
}

/* ロールオーバーの設定 */
.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:left;
	width:89px;
	margin:0px 8px 0px 8px;
}
.newitem2 a,
.newitem2_right a{
	display: block;
	color: #237897;
}

/* ロールオーバーの設定 */
.newitem2 h5 a:hover,
.newitem2_right h5 a:hover {
	color: #ff0000;
}

/* 商品価格設定 */
.newitem2 .price ,
.newitem2_right .price {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align:left;
	color:#ff0000;
	width:89px;
	margin:2px 8px 5px 8px;
}
.newitem2 .details_bt  ,
.newitem2_right .details_bt {
	width:105px;
	height:31px;
	background: url(images/syousai_bt_bg.jpg) no-repeat 0 0;

}
.newitem2 .details_bt a ,
.newitem2_right .details_bt a {
	width:93px;
	height:23px;
	background: url(images/syousai_bt.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0px 6px;
}
.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;
	margin:0px 10px 10px 0px;
	background: url(images/goods_bg.jpg) no-repeat 0 0px;
}

.listitem_right {
	float: left;
	width:105px;
	margin:0px 0px 10px 0px;
	background: url(images/goods_bg.jpg) no-repeat 0 0px;
}

/* 画像設定 */
.listitem img ,
.listitem_right img{
	display: block;
	width: 92px;
	height: 92px;
	border: 1px solid #b2b2b1;
	margin:5px;
}

/* ロールオーバーの設定 */
.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:left;
	width:89px;
	margin:0px 8px 0px 8px;
}
.listitem a,
.listitem_right a{
	display: block;
	color: #237897;
}

/* ロールオーバーの設定 */
.listitem a:hover,
.listitem_right a:hover {
	color: #ff0000;
}

/* 価格設定 */
.listprice {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align:left;
	color:#ff0000;
	width:89px;
	margin:2px 8px 5px 8px;
}

/* 詳細へボタン設定 */
.listitem .details_bt  ,
.listitem_right .details_bt {
	width:105px;
	height:31px;
	background: url(images/syousai_bt_bg.jpg) no-repeat 0 0;

}
.listitem .details_bt a ,
.listitem_right .details_bt a {
	width:93px;
	height:23px;
	background: url(images/syousai_bt.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0px 6px;
}
.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;
}

