@charset "utf-8";
/* ===================================================================
CSS information

 file name  :list.css
 author	 :Ability Consultant
 style info :基本・共通設定　ハックは最下部に記述
=================================================================== */

/*---------------------------------------------------
	#con_search
----------------------------------------------------*/
#con_search {
	width: 715px;
	padding: 17px 0 0 0;
}
#con_search h3 {
	width: 715px;
	height: 38px;
}
#con_search .bg {
	padding: 15px 0 0 0;
	background: #f7f5e5;
}

#con_search table {
	width: 650px;
	margin: 0 0 30px 30px;
	clear: both;
}
#con_search table:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#con_search table th {
	width: 110px;
	padding: 5px 0 5px 10px;
	background: #c8bca2;
	font-size: 90%;
	font-weight: bold;
	color: #581919;
	border-bottom: 1px solid #fff;
}
#con_search table td {
	padding: 8px 0 8px 10px;
	text-align: left;
	border: 1px solid #DFCFBD;
}
#con_search table input {
	border: 1px solid #ccc;
}
#con_search table input.keyword {
	width: 350px;
	padding: 4px;
}

#con_search table li {
	font-size: 90%;
	line-height: 2;
	float: left;
}
#con_search table ul.category li {
	width: 180px;
}
#con_search table ul.village li {
	width: 120px;
}
#con_search table ul.category li input {
	width: 16px;
	height: 16px;
	border: none;
	margin-right: 2px;
}
#con_search table ul.village li input {
	width: 16px;
	height: 16px;
	border: none;
	margin-right: 2px;
}
#con_search table div.all input {
	width: 16px;
	height: 16px;
	border: none;
	margin-right: 2px;
}
#con_search table input.sale {
	width: 16px;
	height: 16px;
	border: none;
	margin-right: 2px;
}
#con_search p.btn {
	padding: 0 0 15px 0;
	text-align: center;
}


#con_search div.view {
	width: 680px;
	height: 28px;
	margin: 0 auto;
	border-bottom: 3px solid #955400;
	clear: both;
}
#con_search div.view p.view {
	width: 242px;
	font-weight: bold;
	text-align: center;
	line-height: 2;
	float: left;
}
#con_search div.view p.view strong {
	width: 120px;
	height: 26px;
	margin: 0 4px 0 0;
	background: #955400;
	border: 1px solid #955400;
	border-bottom: 1px solid #955400;
	color: #fff;
	text-align: center;
	line-height: 2;
	float: left;
}
#con_search div.view p.view a {
	width: 110px;
	height: 26px;
	margin: 0 4px 0 0;
	color: #2e0303;
	background: #e2d9c5;
	border: 1px solid #CCC;
	line-height: 2;
	float: left;
}
#con_search div.view p.view a:hover {
	background: #FFC69E;
	border: 1px solid #E2AE8B;
	border-bottom: 1px solid #E2AE8B;
	text-decoration: underline;
}

#con_search div.view p.order {
	padding: 3px 5px 0 15px;
	font-size: 95%;
	color: #333;
	float: left;
}

#con_search p.result {
	padding: 7px 0 5px 20px;
	color: #362000;
	font-weight: bold;
}
#con_search p.result strong {
	color: #e30707;
	font-size: 140%;
	margin-right: 3px;
}


#con_search div.paging {
	width: 680px;
}



/* -----------------------------------------------------------
	.con_product
----------------------------------------------------------- */

#con_search .con_product {
	width: 700px;
	margin: 0 auto;
	padding: 12px 0 20px 0;
	clear: both;
}
#con_search .con_product:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#con_search .box_product {
	width: 212px;
	margin: 0 8px 30px 8px;
	float: left;
}
*html #con_search .box_product {
	margin: 0 4px 30px 4px;
}

#con_search .box_product p.village {
	width: 96px;
	height: 22px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 1.7;
	float: left;
	background: url(../images/list/bg_vilname.gif) center top no-repeat;
}
#con_search .box_product p.village a {
	color: #fff;
	text-decoration: none;
}
#con_search .box_product p.village a:hover {
	text-decoration: underline;
}

#con_search .box_product p.code {
	font-size: 75%;
	text-indent: 5px;
	line-height: 2;
	float: left;
}
#con_search .box_product .bg_product {
	width: 212px;
	height: 265px;
	clear: both;
	background: url(../images/list/bg_products.gif) left top no-repeat;
}
#con_search .box_product .bg_product h4 {
	padding: 20px 16px 0 16px;
	line-height: 1.3;
	clear: both;
}
#con_search .box_product .bg_product p.photo {
	padding: 8px 0;
	text-align: center;
}
#con_search .box_product .bg_product p.price {
	padding: 0 14px 0 14px;
	line-height: 1.2;
	text-align: center;
}
#con_search .box_product .bg_product p.price strong {
	color: #cb0c0c;
	font-size: 120%;
}




/* -----------------------------------------------------------
	.con_product_easy
----------------------------------------------------------- */
#con_search .con_product_easy {
	width: 680px;
	margin: 0 auto;
	padding: 10px 0;
	margin-bottom: 20px;
	background: url(../images/list/bg_table.gif) left top repeat;
	clear: both;
}
#con_search .con_product_easy table {
	width: 660px;
	margin: 0 auto;
}
#con_search .con_product_easy th {
	padding: 5px 0;
	background: #d5d5bd;
	border: 1px solid #f4f1e5;
}
#con_search .con_product_easy th.photo {
	width: 80px;
	text-align: center;
}
#con_search .con_product_easy th.product {
	padding: 0 0 0 10px;
}
#con_search .con_product_easy th.code {
	width: 90px;
	text-align: center;
}
#con_search .con_product_easy th.village {
	width: 95px;
	text-align: center;
}
#con_search .con_product_easy th.price {
	width: 120px;
	text-align: center;
}
#con_search .con_product_easy th.price span {
	font-size: 80%;
}


#con_search .con_product_easy td {
	padding: 5px 0;
	background: #f4f1e5;
	border: 1px solid #d5d5bd;
}
#con_search .con_product_easy td.photo {
	text-align: center;
}
#con_search .con_product_easy td.product {
	padding: 0 0 0 10px;
}
#con_search .con_product_easy td.code {
	font-size: 85%;
	text-align: center;
}
#con_search .con_product_easy td.village {
	font-size: 85%;
	text-align: center;
}
#con_search .con_product_easy td.price {
	color: #cb0c0c;
	font-weight: bold;
	text-align: center;
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}