﻿/* 共通スタイルシートの読み込み */
@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 {
	width: 670px;
	height: auto;
}

/* タイトル */
#c_newitem2 h3 {
	float: left;
	margin-bottom: 10px;
}

/* 各アイテム全体設定 */
.newitem2,
.newitem2_right {
	float: left;
	width: 163px;
	margin-right: 4px;
	background-color:#fff9cd;
	text-align:center;

	/*text-align: -moz-center;
	#text-align:center;*/
	padding-bottom:10px;
}

.newitem2_right {
	margin-right: 0px;
}

.newitem2 h4 ,
.newitem2_right h4 {
	width: 94px;
	height: 94px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:center;
	background: url(images/new_goods_bg.jpg) no-repeat 0 0px;
}

/* 画像設定 */
.newitem2 img,
.newitem2_right img{
	display: block;
	width: 86px;
	height: 86px;
	padding:4px;
}

*html .newitem2 img,
*html .newitem2_right img {
	margin-top:4px;
}


/* ロールオーバーの設定 */
.newitem2 a:hover img,
.newitem2_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);	
}

/* 商品名設定 */
.newitem2 h5 ,
.newitem2_right h5 {
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	text-align:center;
	width:147px;
	margin-left:8px;
	margin-right:8px;
	
}
.newitem2 h5 a,
.newitem2_right h5 a{
	color: #03286f;
}

/* ロールオーバーの設定 */
.newitem2 h5 a:hover,
.newitem2_right h5 a:hover {
	color: #b70002;
}

/* 商品価格設定 */
.newitem2 p ,
.newitem2_right p {
	font-size: 12px;
	background: url(images/newitem2_price_bg.jpg) no-repeat 0px 0px;
	width: 147px;
	line-height: 21px;
	text-align: right;
	color:#b70002;
	margin-top: 10px;
	margin-left:8px;
	margin-right:8px;
	font-weight: bold;
}

/* ■商品一覧設定
-------------------------------------------------- */

/* ▽商品一覧---------- */

/* 全体設定 */
#list {
	width: 670px;
	margin-bottom: 10px;

}


/* タイトル設定 */
#list h3 {
	float: left;
	width: 670px;
	margin-bottom: 10px;
	margin-top:10px;
}

/* 各アイテム全体設定 */
.listitem,
.listitem_right {
	float: left;
	width: 163px;
	margin-right: 4px;
	background-color:#eaf6ff;
	text-align:center;

	/*text-align: -moz-center;
	#text-align:center;*/
	padding-bottom:10px;
	margin-bottom:10px;
}

.listitem_right {
	margin-right: 0px;
}

.listitem h4 ,
.listitem_right h4 {
	width: 94px;
	height: 94px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:center;
	background: url(images/goods_bg.jpg) no-repeat 0 0px;
}

/* 画像設定 */
.listitem h4 img ,
.listitem_right h4 img{
	display: block;
	width: 86px;
	height: 86px;
	padding:4px;

}

*html .listitem img,
*html .listitem_right img {
	margin-top:4px;
}

/* ロールオーバーの設定 */
.listitem a:hover img,
.listitem_right a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);	
}

/* 商品名設定 */
.listitem h5 ,
.listitem_right h5 {
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	text-align:center;
	width:147px;
	margin-left:8px;
	margin-right:8px;
}
.listitem h5 a,
.listitem_right h5 a{
	color: #03286f;
}

/* ロールオーバーの設定 */
.listitem h5 a:hover,
.listitem_right h5 a:hover {
	color: #b70002;
}

/* 価格設定 */
.listprice {
	font-size: 12px;
	width: 147px;
	line-height: 21px;
	text-align: center;
	color:#b70002;
	margin-top: 5px;
	margin-left: 8px;
	margin-right:8px;
	border-top: 1px solid #7dc7ff;
	border-bottom: 1px solid #7dc7ff;
	font-weight: bold;
}

/* 詳細へボタン設定 */
.to_detail_bt {
	width: 147px;
	text-align: center;
	margin-top: 10px;
	margin-left: 8px;
	margin-right:8px;
}

/* ▽下部商品リンク---------- */

/* 全体設定 */
#bottomList {
	clear:left;
	float: left;
	width: 670px;
	text-align: left;
	margin-bottom:100px;
}
* html #bottomList {
	margin-right: -3px;
}

#bottomList a {
	color: #03286f;
}

#bottomList a:hover {
	color: #b70002;
}

