@charset "utf-8"; 

/*box_search.css
search_result.html search_result1.html search_result2.html
用ボックスCSS

【1】ボックス共通
【2】メイン内ボックス共通
【3】サイド内ボックス
【4】サイド1内ボックス
【5】サイド2内ボックス
【6】サイド3内ボックス
*/

/*【0】ページ共通*/
form {
	margin:0;
}
.pagetitle {
	margin: 0 20px 20px 0;
}

/*【1】ボックス共通*/
.box {}
.title {}
.content {}
.unit {}
.comment {}
.more {}
.sw {}
.bt {}


/*【2】メイン内ボックス共通*/
.main .box {
	margin: 0 15px 50px;
}
.main .title {}
.main .content {}
.main .unit {}
.main .comment {}
.main .more {
	background-color: #E8E8E8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 0.834em;
	padding: 0 5px 0 0;
}
.main .sw {}
.main .bt {}

/*2-1　商品一覧（共通）*/

/*2-1-1　商品一覧（画像のみ）*/
.searchresult1 #showcase {}
.searchresult1 #showcase .content {
	background:url(../img/bg_showcase_content.gif) no-repeat 25px 0;
	margin: 0;
}
.searchresult1 #showcase .content ul {
	background:url(../img/bg_showcase_content_ul.gif) no-repeat 25px 100%;
	padding: 15px 0 15px 30px;
}
.searchresult1 #showcase .content li {
	width: 140px;
	float: left;
	margin: 0 20px 0 0;
	display: inline;
}
.searchresult1 #showcase .content li .title {
	border: 0;
	margin: 0 0 5px;
	text-align: left;
	font-size: 1em;
}
.searchresult1 #showcase .content li .title img {
	display:block;
	margin: 0 0 0 5px;
}
.searchresult1 #showcase .content li .title span {
	height: 3em;
	overflow: hidden;
	width:140px;
	display:block;
}
.searchresult1 #showcase .content li .eval {
	line-height: 1;
	text-align: right;
	margin: 0 0 5px;
	height: 12px;
	overflow: hidden;
}
.searchresult1 #showcase .content li .seller {
	font-size: 0.834em;
	line-height: 1.2;
	text-align: right;
	margin: 0;
	height: 1.2em;
	overflow: hidden;
}
.searchresult1 #showcase .content li .price {
	text-align: center;
	font-size: 1.16em;
	color: #f00;
	font-weight: bold;
	height: 3em;
	overflow: hidden;
}
.searchresult1 #showcase .unit {}
.searchresult1 #showcase .comment {}


/*2-1-2　商品一覧（商品説明つき）*/
.searchresult2 #showcase {}
.searchresult2 #showcase .content {
	background:url(../img/bg_showcase_content.gif) no-repeat 0px 0;
	margin: 0 0 0 20px;
	width: 478px;
	position: relative;
}
.searchresult2 #showcase .content ul {
	padding: 15px 0 15px 0px;
	width: 470px;
	margin: 0 0 0 4px;
}
.searchresult2 #showcase .content li {
	background:url(../img/bg_showcase2_content_li.gif) no-repeat 0px 100%;
	position: relative;
	width: 470px;
	display: block;
	padding:0 0 10px;
	top: 0px;
	left: 0px;
	color: #666;
	margin: 0 0 10px;
}
.searchresult2 #showcase .content li .title {
	border: 0;
	margin: 0 0 5px 90px;
	text-align: left;
	font-size: 1.16em;
	width: 280px;
	display: inline;
	float: left;
}
.searchresult2 #showcase .content li .title img {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0px;
	left:0;
}
.searchresult2 #showcase .content li .title span {
}
.searchresult2 #showcase .content li .price {
	margin: 0;
	width: 100px;
	display: block;
	float: right;
	text-align: right;
}
.searchresult2 #showcase .content li .comment {
	margin: 0 0 5px 90px;
	clear: both;
	height: 3em;
	overflow: hidden;
	width: 380px;
}
.searchresult2 #showcase .content li .unit {
	margin: 0 0 5px 90px;
	text-align:right;
}
.searchresult2 #showcase .content li .eval {
}
.searchresult2 #showcase .content li .eval img {
	vertical-align:middle;
}
.searchresult2 #showcase .content li .seller {}
.searchresult2 #showcase .content li .seller a {
	font-weight:bold;
}
.searchresult2 #showcase .unit {}

/*【3】サイド内ボックス*/
.side .box {}
.side .title {
	border-bottom: 3px solid #0099FF;
	font-size: 1.25em;
	color: #5A5A5A;
	font-weight: bold;
}
.side .content {}
.side .unit {}
.side .comment {}
.side .more {}
.side .sw {}
.side .bt {}


/*【4】サイド1内ボックス*/
#side1 .box {}
#side1 .title {}
#side1 .content {}
#side1 .unit {}
#side1 .comment {}
#side1 .more {}
#side1 .more a {}
#side1 .sw {}
#side1 .bt {}


/*【5】サイド2内ボックス*/
#side2 .box {}
#side2 .title {}
#side2 .content {}
#side2 .unit {}
#side2 .comment {}
#side2 .more {}
#side2 .sw {}
#side2 .bt {}

/*5-1　カテゴリで絞り込む*/
#categorysearch {}
#categorysearch .content {}
#categorysearch ul {}
#categorysearch li {
	margin:0 0 2px;
}
#categorysearch li a:link ,
#categorysearch li a:visited {
	text-decoration:none;
}
#categorysearch li a:hover ,
#categorysearch li a:active {
	text-decoration:underline;
}
#categorysearch li span {
	font-size:0.834em;
}

/*地域で絞り込む*/
#areasearch {}
#areasearch .content {}
#areasearch ul {}
#areasearch li {
	margin:0 0 2px;
}
#areasearch li a:link ,
#areasearch li a:visited {
	text-decoration:none;
}
#areasearch li a:hover ,
#areasearch li a:active {
	text-decoration:underline;
}
#areasearch li span {
	font-size:0.834em;
}

/*5-3　検索条件(サイド)*/
#sidesearch {}
#sidesearch .comment {
	font-weight:bold;
	color: #5a5a5a;
	margin: 0 0 8px;
}

#keysearch {
	border-bottom: 1px dotted #a4a4a4;
	margin: 0 0 10px;
}
#keysearch p {
	margin:0 0 10px 8px;
}
#keysearch .texts {
	width:130px;
}

#pricesearch {}
#pricesearch p {
	margin:0 0 0 8px;
}
#pricesearch label {
	margin:0 0 5px;
	display: block;
}
#pricesearch select {
	width:100px;
}
#pricesearch .bt {
	text-align:center;
	padding: 0 0 5px;
}

/*【6】サイド3内ボックス*/
#side3 .box {}
#side3 .title {}
#side3 .content {}
#side3 .unit {}
#side3 .comment {}
#side3 .more {}
#side3 .sw {}
#side3 .bt {}

/*6-1　パーソナルエリア*/
#side_idinfo {}
#side_idinfo .idmenu {
	border-bottom: 0;
	padding: 0 0 0;
}

/*6-2　地域から選ぶ*/
#area {}
#area .title {}
#area .content {}
#area ul {}
#area li {
	display:inline;
	margin:0 5px 0 0;
}
#area a {
	white-space:nowrap;
}
#area a:link ,
#area a:visited {
	color:#0066FF;
	text-decoration:none;
}
#area a:hover ,
#area a:active {
	color:#0066FF;
	text-decoration:underline;
}

#area .comment {}
#area .more {}