@charset "utf-8";
/* Table of Content
==================================================
	kekka.php リスト表示用　cssファイル
	
	01. title
	02. item

	index.html(index.php) - style.css
	kekka.php             - style2.css
								 list - list.css
				              catalog - catalog.css
/* 
================================================== */

/* 	01. title
================================================== */

#itemContent{
	border:1px solid #CCCCCC;
	padding-bottom: 30px;
}

.itemrecord a {
}
.itemrecord a:hover {
}
#item_list_header {
	width: 100%;
	height: 30px;
	background: #CC0000;
}
.itemtitle {
	position: relative;
	height: 30px;
	background: #CC0000;
	color:#FFFFFF;
	line-height: 30px;
	text-align: center;
	font-weight: bold;
}
.itemjan {
	float: left;
	width: 28px;
	height: 30px;
	display: none;
}
.itemjan img {
	display: block;
	margin: 0 auto;
	padding: 5px 0;
}
.itemimg {
	float: left;
	width:140px;
}
.itemname.itemtitle {
	display: none;
	width: 100%;
}
.itemprice {
	float: left;
	width: 100px;
}
.itempoint {
	float: left;
	width: 100px;
}
.soryo {
	float: left;
	width:85px;
	width: 10%;
}
.shopname {
	float: left;
	width: 85px;
	width: 15%;
}
.kakunin,
.kakuninWidthMail1,
.kakuninWidthMail2 {
	float: right;
	width:180px;
	width: 25%;

	/* min-width: 185px; */
}

/* 	02. item
================================================== */
.itembox {
	position: relative;
	height: 160px;
	border-bottom:1px solid #CCCCCC;
}
.itembox .linklayer {
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
	/* リスて全部Aリンクにする時は以下のコメントアウトを外す */
	display: block;  
	width: 100%;
	height: 160px;
	text-indent: -9999em;
}

/* リスて全部Aリンクにする時は以下のコメントアウトを外す */

.itembox .linklayer:hover {
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	ms-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}


.itembox:hover a {
	text-decoration: underline;
	/* 価格なび テスト */
	/* color:#CC0000; */
}

.itembox:hover .kakunin_saishin a{
	background: url(imgs/newinfo_over.png) no-repeat;
}

/*
.itembox:hover .send_mail .btn_sendmail {
	background: url(imgs/btn_sendmail.png) no-repeat;	
	cursor: pointer;
}
*/


.itembox:hover .send_mail .btn_jansearch {
	background: url(imgs/btn_jansearch_over.png) no-repeat;	
	cursor: pointer;
}



.itembox:nth-child(odd){
	background:#f0f0f0;
}
.itemrecord.itemjan {
	float: left;
	width:28px;
	height: 130px;
	margin-top: 30px;
	border-right:1px solid #CCCCCC;
}
.itemjan1 img {
	position: relative;
	z-index: 10;
	display: block;
	margin-top: 43px;
}
.itemrecord.itemimg {
	margin-top:30px;	
}
.itemimg1 {
	width: 140px;
	height: 130px;
	text-align: center;
}
.itemimg1 img  {
	max-width: 100px;
	max-height: 100px;
	margin:15px auto 0;
}
.itemname1{
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 100%;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 30px;
	text-indent: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.payment{
	position: absolute;
	bottom: 15px;
	left:180px;
}
.description{
	/* display: none; */
	position: absolute;
	top: 45px;
	left: 180px;
	width:50%;
	padding-right: 10px;
}
.descriptionWidthMail {
	position: absolute;
	top: 40px;
	left: 180px;
	min-width: 50%;
	max-width: 80%;
	padding-right: 10px;
}
.itemprice1{
	float: left;
	height: 60px;
	margin-top: 45px;
	padding-top:40px;
	color:#CC0000;
	text-align: center;
	font-weight: bold;
}
.itempoint1{
	float: left;
	height: 80px;
	margin-top: 30px;
	padding-top:40px;
	color:#CC0000;
	text-align: center;
	font-weight: bold;
}
.nomalprice2 {
	display:block;
}
.soryo.itemrecord {
	float: left;
	height: 60px;
	margin-top: 45px;
	padding-top: 40px;
	text-align: center;
}
.soryo.itemrecord a {
	position: relative;
	z-index: 10;
}
.shopname.itemrecord {
	float: left;
	height: 60px;
	margin-top: 45px;
	padding-top: 35px;
	text-align: center;
}
img#shopnameimg_r {
	width:20px;
	height:20px;
	padding-top:5px;
}
.kakunin.itemrecord {
	float: right;
	height: 100px;
	margin-top: 40px;
	text-align: center;
}
.kakuninWidthMail1.itemrecord {
	float: right;
	height: 100px;
	margin-top: 10px;
	text-align: center;
}
.kakuninWidthMail2.itemrecord {
	float: right;
	height: 100px;
	margin-top: 25px;
	text-align: center;	
}

.kakunin_saishin a{
	margin:36px auto 10px;
	display:block;
	height:28px;
	width:170px;
	background: url(imgs/newinfo.png) no-repeat;
}
.kakunin_saishin a:hover{
	background: url(imgs/newinfo_over.png) no-repeat;
}
.kakunin2 a {
	position: relative;
	z-index: 10;
}
.send_mail {
	width: 170px;
	margin: 0 auto;
}
.send_mail .btn_sendmail {
	display: block;
	position: relative;
	float: left;
	margin:10px auto 0;
	display:block;
	height:28px;
	width:80px;
	background: url(imgs/btn_sendmail.png) no-repeat;
	border:none;
	z-index: 100;
	text-indent: -9999em;
}

.send_mail .jan_search_a {
	display: block;
	position: relative;
	float: right;
	margin:10px auto 0;
	display:block;
	height:28px;
	width:80px;
	background: url(imgs/btn_jansearch.png) no-repeat;
	z-index: 100;
	text-indent: -9999em;	
}

/*
.send_mail .btn_jansearch {
	display: block;
	position: relative;
	float: right;
	margin:10px auto 0;
	display:block;
	height:28px;
	width:80px;
	background: url(imgs/btn_jansearch.png) no-repeat;
	border:none;
	z-index: 100;
	text-indent: -9999em;
	border:none;
	background: transparent;
}
*/

.send_mail .btn_sendmail:hover,
.send_mail .btn_jansearch:hover {
	cursor: pointer;
}

.btn_sendmail:hover {
	background: url(imgs/btn_sendmail_over.png) no-repeat;
	z-index: 200;
}
.jan_search_a:hover {
	background: url(imgs/btn_jansearch_over.png) no-repeat;
	z-index: 200;
}