@charset "shift_jis";
/* CSS Document */

body.list {}


body.list a img:hover {
	opacity:0.7;
	}


/* 全体 */
body.list .wrapper{
	width:100%;
	margin: 0 auto;
	background-color: #ffffff;
	position: inherit;
}

/* ヘッダー */

body.list #header {
}

body.list #header_h1 {
	width:1092px;
	margin-left:auto;
	margin-right:auto;
}


body.list .wrapper h1{
	width:700px;
	float:left;
	font-size: 11px;
	padding-top:1px;
}

/* ページ右上の文字ナビ */
body.list p#navi {
	width:382px;
	float:left;
	font-size: 12px;
	padding: 5px 5px;
	text-align:right;
}

/* ロゴ */
body.list #logo_navi {
	width:1092px;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	}

body.list #logo_area {
	text-align:left;
	clear:both;
	width:482px;
	float:left;
}


/* 市場バナー部分 */
body.list .ichiba_bnr_area {
	text-align:left;
	width:610px;
	float:left;
}


body.list .ichiba_bnr_area table {
	width:610px;
	text-align:right;
}

body.list .ichiba_bnr_area div.no_ichiba_bnr_utuwa {
	width:610px;
	height:100px;
	background: url(/img/img_utuwa.jpg) ;
	background-repeat: no-repeat;
	background-position: 100%, 0;
	background-size: cover;
}


body.list .search {
	padding:10px;
	}

body.list .search_area .search input[type="text"] {
	width:300px;
	padding:1px 0;
	margin:3px 0;
}

body.list .search_area .search input[type="submit"] {
	padding:3px 10px;
}
body.list #logo_area > img {
}


body.list #logo_navi p#navi a{
	color:#555555;
}
body.list #logo_navi p#navi a:hover{
	color:#be0000;
	text-decoration:underline;
}

/* グローバルナビ */
body.list #global_navi {
	width:100%;
	z-index:100;
	border-top:1px solid #ccc;
	border-bottom:2px solid #be0000;
	background:#fff;
	clear:both;
}
body.list #global_navi > ul {
	width:1092px;
	margin-left:auto;
	margin-right:auto;
}

body.list #global_navi > ul > li {
	display:inline-block;
	width:182px;
	text-align:center;
}
body.list #global_navi > ul.megamenu > li {
	
}

body.list #global_navi > ul.megamenu > li td,
body.list #global_navi > ul.megamenu > li div {
	text-align:left;
}

body.list #global_navi > ul > li > a {
	display:block;
	padding:10px 0px;
	font-size:14px;
	color:#0a0579;
}

body.list #global_navi > ul > li > a:hover  {
	color:#be0000;
	background:#fddaaf;
	cursor:pointer;
}

body.list .content_header {
	clear:both;
	max-width:1320px;
	min-width:1052px;
	padding:10px 0 0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

body.list .content {
	clear:both;
	max-width:1320px;
	min-width:1052px;
	padding:10px 0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:table;
}

body.list .topicpath {
	clear:both;
	padding:10px 0;
}

.list_left_frame {
	display:table-cell;
	max-width: 200px;
	min-width: 190px;
	vertical-align:top;
}

.list_right_frame {
	display:table-cell;
	max-width:1120px;
	min-width:850px;
	}


/* メインコンテンツ */
body.list .main_content {
	padding:0 0 20px 20px;
	margin-left:12px;
}


/* 今月のランキング20 */

body.list .ranking {
	clear:both;
	padding:20px;
	}

body.list .ranking table {
	width:100%;
	}

body.list .ranking table th {
	background:#c00;
	color:#fff;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #ccc;
	font-size:18px;
	text-align:right;
	width:5%;
	}

body.list .ranking table td {
	background:#f2f2f2;
	padding:5px;
	border-bottom:1px solid #ccc;
	font-size:16px;
	width:45%;
	}


/* トップページ左フレーム */
body.list .red_title {
	background-color:#be0000;
	height:2px;
	color:#fff;
	padding:2px;
}



/* 市場ボタン */
body.list h2.red_title {
	clear:both;
}


body.list .clearfix1 {
	float: none;
	clear: both;
}



body.list .pager {
	/* float: left; */
	width: 100%;
	text-align: center;
	margin-top:30px;
}
body.list .pager a {
	margin: 0 2px;
	text-decoration: none;
	border: 1px solid #c5c5c5;
	padding:2px 2px;
	color:#666;
}
/* IE7ハック */
*:first-child+html  body.list .pager {
	padding-top:20px;
}
/* IE7ハック */
*:first-child+html body.list .pager a{
	border:none;
	text-decoration:underline;
	background-color:#eaeaea;
}
body.list .pager a.selected {
	color:#ff0000;
}
body.list .timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}

/* ギミック：トップへ */
body.list #page { /* position　基準　親要素 */
    position: relative;
	z-index:10;
}
body.list #page_top { /* ボタン */
    font-size:12px;
    font-weight:bold;
	bottom:60px;
	position:fixed;
	opacity:0.5;
	z-index:20;
}

body.list .red {color:#f00000;}
body.list .red a {
	color:#f00000;
	text-decoration:underline;
}
body.list p.caution {
	width:500px;
	text-align:left;
	color:#f00000;
	margin:20px auto 0 auto;
	padding:10px 10px 10px 50px;
	border: solid 2px #f00000;
	background: #ffffff url(../img/common_img/caution.gif) no-repeat 10px 13px;
}


/*------------------------------------------------------------------------*/

.bg_utuwa {
	background:url(/img/img_utuwa.jpg) top right no-repeat;
	background-size: cover;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,ffffff+100&1+50,0+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}


.list_main_search {
	background:#f2f2f2;
	padding:10px;
	}

.list_main_search input.search_text {
    height: 20px;
    vertical-align: bottom;
    width: 200px;
}

.list_main_search input {
}

.list_main_search input.search_button {
    font-size: 12px;
    height: 24px;
    margin-left: 0;
    padding: 0 0 2px;
    width: 80px;
}

.list_main_search span.price_range {
	display:inline-block;
	margin-right:30px;
	}
.list_main_search span.keywords {
	display:inline-block;
	}

.main_content {margin-bottom:50px;}
.main_content a { color:#0093D8 }
.main_content a:hover {
    color: #FC6320;
    text-decoration: underline; }


h3.title_line {
	font-size:18px;
	color:#BE0000;
	border-bottom:solid 3px #BE0000;
	margin:30px 0 10px 0;
}

.item_area {
	width:auto;
	margin-top:10px;
	overflow:inherit;
	min-width:890px;
}
.item_area_wrap {
	width:auto;
	min-width:890px;
}
/*各商品*/
.item {
	width:248px;
	height:500px;
	border:solid 1px #CCC;
	padding:10px 10px 0 10px;
	margin:0 2px 2px 0;
	float:left;
	overflow:hidden;
	font-size:1em;
	line-height:13px;
	}

.discount {border-color:#c00;}

.rank_g {background:#FFEEEF;}

	.cateImg td:hover {
			filter: alpha(opacity=70); /* for IE */
			-moz-opacity: 0.7;
			opacity: 0.7;
	}
	.cateImg td {
		width:248px;
		height:248px;
		margin:0 auto;
			-webkit-transition: All 0.3s ease;
			-moz-transition: All 0.3s ease;
			-o-transition: All 0.3s ease;
			-ms-transition: All 0.3s ease;
			transition: All 0.3s ease;
	}
	.cateImg {
		width:248px;
		height:248px;
		margin:0 auto;
		background-color:#FFF;
		text-align:center;
	}
	.imgReSize {
		max-height:248px;
		max-width:248px
	}
	* html body .imgReSize {
		width: expression(this.width >= this.height ? "198px" : "auto");
		height: expression(this.width <= this.height ? "198px" : "auto");
	}
	.resizeBug {
		display:block;
		width:248px;
}

h4.item_name {
	font-size:1em;
	line-height:14px;
	margin:2px 0 3px 0;
    height: 2.4em;
    overflow: hidden;
}
p.kingaku {
	font-size:1em;
	color:#BE0000;
    height: 3.6em;
    overflow: hidden;
	margin:0 0 3px 0;
}
p.size {
	font-size:1em;
	overflow:hidden;
	margin:0 0 3px 0;
	padding:3px 0 0 0;
	border-top: dashed 1px #333;
	border-bottom: dashed 1px #333;
    height: 1.2em;
    overflow: hidden;

}
.sp_price {
	font-size:1em;
	color:#c00;
    height: 2em;
	font-weight:bold;
	text-align:center;
}

p.item_txt {
	font-size:1em;
	padding-top:3px;
	line-height:15px;
	border-top: dotted 1px #333;
    height: 4em;
    overflow: hidden;
}
.item a , .item p {
	word-break:break-all;
	word-wrap:break-word;
}

p.seller_name {
	font-size:1em;
    border-top: 1px dashed #000;
    height: 2.6em;
    overflow: hidden;
    padding: 3px;
}

/* ---- ボタン ------*/

a.btn {
	display:block;
	padding:5px 5px;
	background:#f2f2f2;
	color:#333;
	font-weight:bold !important;
	text-align:center !important;
	font-size:13px;
	margin-bottom:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

a.btn span {
	font-size:10px;
	font-weight:normal;
}


/* ---- リスト ------*/


a {color:#0093D8;}
a:hover {color:#fc6320;
	text-decoration:underline;}

.list_tit {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:3px solid #be0000;
	padding:10px 0;
	margin-top:20px;
	}


.list_tit h2 {
	margin-left:20px;
	border-left:10px solid #be0000;
	padding:0 10px;
	font-size:24px;
	}

.cate1_list {
	border:1px solid #ccc;
	padding:10px 10px 10px 20px;
	margin-bottom:0;
	}

.cate1_list a.active {
	font-weight:bold;
	color:#555;
	}

.category_list ul { margin:0;padding:0;}

.cate1_list h2 {
	font-size:16px;
	border-bottom:1px dotted #777;
	padding:2px 10px;
	margin-bottom:3px;
	}

.category_list li {
	background:url(../img/icon_red.png) left no-repeat;
	padding:0 0 0 15px;
	margin:0 10px 0 0;
	float:left;
	width:110px;
	font-size:14px;
}


.category_list li a span {
	font-size:11px;
	color:#555;
}

.refine_list_buyer ul { margin:0;padding:0;}

.refine_list_buyer h2 {
	font-size:16px;
	border-bottom:1px dotted #777;
	padding:2px 10px;
	margin-bottom:3px;
	width:300px;
	float:left;
	}

.refine_list_buyer li {
	background:url(/img/arrow_red.png) left no-repeat;
	padding:0 0 0 15px;
	margin:0 10px 0 0;
	float:left;
	width:300px;
	font-size:14px;
}


.refine_list_buyer li a span {
	font-size:11px;
	color:#555;
}

.list_red_title {
	padding:10px 10px 15px 20px;
	font-weight:bold;
	font-size:14px;
	background-color: #be0000;
    color: #ffffff;
    height: 14px;
	}

.cate2_list {
	background:#f2f2f2;
	padding:10px;
	}

.cate2_list ul.cate_ul li ul.cate_ul {
	margin-bottom:20px;
	}

.cate2_list li {
	font-size:12px;
	}

.cate2_list ul.cate_ul li h2 a.active {
	font-weight:bold;
	color:#555;
	}
.cate2_list ul.cate_ul li h3 a.active {
	font-weight:bold;
	color:#555;
	}
.cate2_list li h2 {
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
	border-bottom:1px dotted #777;
	padding-bottom:3px;
	}

.cate2_list li h3 {
	margin-left:10px;
	}

.item_count {
	font-size:11px;
	color:#555;
}

.result_pager {
	width:100%;
	display:table;
	margin:10px 0;
	}

.result {
	display:table-cell;
	width:50%;
	text-align:left;
	}

.pager {
	width:50%;
	display:table-cell;
	font-size:14px;
	clear: both;
	color: #2583ad;
	line-height: 2em;
	text-align: right !important;
}


a.page-numbers, 
.result_list .current {
	color: #00019b;
	padding: 5px 0.8em !important;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}
a.page-numbers:hover {
	color:#fff !important;
	background: #328ab2;
}
.pager .current {
	color: #fff !important;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold !important:
}
.pager .p_next, .result_list .p_prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}