@charset "utf-8";

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

*　■商品系ページ共通

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

#item-list{}



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

■レイアウト調整用

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

#item-list h2{

	margin-bottom: 10px;

}







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

■専用スタイル

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



/* 絞り込み検索 */

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

#arrival-search{

	padding-bottom: 8px;

	margin-bottom: 20px;

	background: url(../img/common_img/col_rifine_btm.gif) no-repeat left bottom;

}

#arrival-search h3{

	height: 34px;

	text-indent: -9999px;

	background: url(../img/common_img/cpt_rifine.gif) no-repeat;

}

#arrival-search div.div-form{

	text-align:center;

	padding: 20px 25px;

	background: url(../img/common_img/col_rifine_loop.gif) repeat-y left top;

}



#arrival-search fieldset{

	text-align: left;

	display: inline;

	margin-right: 20px;

	vertical-align: top;

}

#arrival-search legend{

	padding-left: 20px;

	margin-bottom: 5px;

	background: url(../img/common_img/icn_rifine.gif) no-repeat left center;

}

#arrival-search input.search_button{

	vertical-align: bottom;

	

	height:23px;

	width: 65px;

	cursor: pointer;

	border: 0 none;

	text-align: left;

	text-indent: -9999px;

	background-position: 0px 0px;

	background-repeat: no-repeat;

	background-image: url(../img/common_img/bt_rifine.gif);

}

#arrival-search input.search_button:hover{

	background-position: 0px -23px;

}

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



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

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

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

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

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





/* 絞り込み検索[commonスタイル調整] */

#arrival-search{}

#arrival-search div.div-form,

#arrival-search div.div-form2{

	padding-left: 200px;

}

#arrival-search div.div-form{

	background: #009FE8 url(../img/items_img/cpt_arrival_search.gif) no-repeat left top;

}



#arrival-detail{

	padding-top: 10px;

	background: url(../img/items_img/col_narrow_loop.gif) repeat-y;

}

/*

#arrival-detail h3{

	height: 25px;

	width: 642px;

	margin: 0 0 20px 1px;

	background: url(../img/index_img/cpt_narrow.gif) no-repeat center bottom;

}

*/



#arrival-detail-step1,

#arrival-detail-step2,

#arrival-detail-step3,

#arrival-detail-step4{

	padding-bottom: 10px;

	background: url(../img/index_img/col_narrow_btm.gif) no-repeat center bottom;

}



#arrival-detail-step2 h3{

	height: 225px;

	background: url(../img/items_img/cpt_narrow_err.gif) no-repeat center center;

}





















/* 絞り込みカテゴリ */

#arrival-sub-category{

	padding-bottom: 10px;

	margin: -15px 0 20px 0;

	background: url(../img/base_img/separator.gif) no-repeat left bottom;

}

#arrival-sub-category h3{

	display: none;

}

#arrival-sub-category ul{

	list-style: none;

	/*margin-top: 18px;*/

	margin-top: 33px;

	padding-left: 6px;

}

#arrival-sub-category li{

	float: left;

	margin: 0 10px 5px 0;

	white-space: nowrap;

}

#arrival-sub-category li img{

	vertical-align: middle;

}











/* 検索結果 */

#item-list p.result{

	margin-bottom: 10px;

}

#item-list p.result strong,

#item-list p.result span.em{

	color: #FF9900;

	font-weight: bold;

}

#item-list p#tx-search-result{

	border: 1px solid #ccc;

	background:#f0f0f0;

	padding: 5px 0;

	margin: 0px 0 20px 0;

	text-align: center;

}





/* 検索結果ステータス */

#search-option{

	color: #333;

	position: relative;

}

#search-option a{

	color: #666;

}

.option-top{

	margin-bottom: 25px;

	padding-bottom: 15px;

	background: url(../img/base_img/separator.gif) no-repeat left bottom;

}

.option-bottom{

	padding-top: 15px;

	background: url(../img/base_img/separator.gif) no-repeat left top;

}

#search-option p.hit-value{

	width: 770px;

	text-align: right;

	position:absolute;

}

#search-option dl{

	margin-bottom: 4px;

	padding: 0 0 4px 80px;

}

#search-option dt{display: none;}

#search-option dd{

	display: inline;

}



#search-option dl.pages{

	background: url(../img/common_img/lab_result_page.gif) no-repeat;

}

#search-option dl.pages dd{padding-right: 2px;}

#search-option dl.sort{background: url(../img/common_img/lab_result_sort.gif) no-repeat;}

#search-option dl.sort dd{

	padding-right: 4px;

	padding-left: 6px;

	border-left: 1px solid #666;

}

#search-option dl.sort dd,

#search-option dl.sort dd img{

	vertical-align: middle;

}

#search-option dl.sort dd.firstChild{

	padding-left: 0;

	border-left: 0 none;

}

#search-option dl.view{

	background: url(../img/common_img/lab_result_sort.gif) no-repeat;

}

#search-option dl.view dd,

#search-option dl.view dd select{

	vertical-align: middle;

}









/* 商品リスト */

#item-list #pick-up{

	margin-bottom: 25px;

}

#item-list #pick-up table.type_list{

	width: 645px;

}

#item-list .pickup-img{

	margin-bottom: 20px;

}

#item-list p.product-id{

	margin-bottom: 0;

	font-size: 11px;

}

#item-list p.maker-name{

	margin-bottom: 5px;

	padding-top: 10px;

}

#item-list  h4 a{

	color: #600;

}





/* 商品一覧クラス */

table.type_list{

	width: 645px;

	margin-bottom: -20px;

}

table.type_list td{

	width: 25%;

	padding-bottom: 20px;

	vertical-align: top;

}

table.type_list td.firstChild{text-align: left;}

table.type_list td.secondChild,

table.type_list td.thirdChild{text-align: center;}

table.type_list td.fourthChild{text-align: rightl;}

table.type_list td.firstChild div.pickup-item{margin:0 auto 0 0;}

table.type_list td.secondChild div.pickup-item{margin:0 auto 0 auto;}

table.type_list td.thirdChild div.pickup-item{margin:0 auto 0 auto;}

table.type_list td.fourthChild div.pickup-item{margin:0 0 0 auto;}

table.type_list div.pickup-item{

	width:152px;

	text-align:center;

	padding-top: 5px;

	background: #FEF9F3;

	border:1px solid #FF6801;

	position: relative;

	line-height: 1.2em;

}

#pick-up div.pickup-icon{

	position: absolute;

	left:0;

	top:0;

}

#pick-up div.pickup-img{

	margin-bottom:5px;

}

table.type_list div.pickup-item div.pickup-img img{

	border: 1px solid #DEDDD8;

	margin:0;

	padding:0;

}

table.type_list p.pickup-comment{

	color: #333;

	margin-bottom: 3px;

}

table.type_list div.pickup-item h4{

	margin-bottom: 3px;

	font-size: 11px;

}

table.type_list div.pickup-item h4 a{

	color: #0099FF !important;

}

table.type_list div.pickup-item h4 a:hover{

	text-decoration: none;

}

table.type_list div.pickup-item p{}

table.type_list div.pickup-item p.price{

	margin-bottom: 3px;

	font-size: 11px;

}

table.type_list div.pickup-item p.price del{}

table.type_list div.pickup-item div.bt-detail{}

table.type_list div.pickup-item div.bt-detail a{

	display: block;

	width:134px;

	height: 21px;

	text-align: left;

	text-indent:-9999px;

	margin: 0 auto 10px auto;

	

	background-repeat: no-repeat;

	background-position: 0px 0px;

	background-image: url(../img/common_img/bt_item_detail.gif);

}

table.type_list div.pickup-item div.bt-detail a:hover{

	background-position: 0px -21px;

}





/* big version */

table.type_list td.firstChild-colspan,

table.type_list td.secondChild-colspan,

table.type_list td.thirdChild-colspan{

	width: 50%;

}

table.type_list td.firstChild-colspan div.pickup-item,

table.type_list td.secondChild-colspan  div.pickup-item,

table.type_list td.thirdChild-colspan div.pickup-item{

	width: 315px;

}

table.type_list td.thirdChild-colspan{text-align:center;}

table.type_list td.thirdChild-colspan div.pickup-item{margin: 0 auto 0 auto;}

table.type_list td.thirdChild-colspan{text-align:right;}

table.type_list td.thirdChild-colspan div.pickup-item{margin: 0 0 0 auto;}









/* カテゴリ一覧 */

#item-list .category-list{

	margin-bottom: 40px;

}

#item-list .category-list h3{

	height:40px;

	line-height: 40px;

	margin-bottom: 20px;

	padding-left: 35px;

	background: #F5F3EA url(../../img/items_img/bg_arrow.gif) no-repeat 13px center;

	border-bottom: 1px solid #D4CAC3;

}

#item-list .category-list table.type_relation{

	width: 770px;

}

#item-list .category-list table.type_relation td{

	width: 50%;

	padding: 7px;

}

#item-list .category-list dl{

	font-size: 11px;

}

#item-list .category-list dt{}

#item-list .category-list dt.category-img{

	width: 126px;

	float: left;

}

#item-list .category-list dt.category-name{

	margin-bottom: 10px;

}

#item-list .category-list dd{}











/* 特集ページ一覧 */

#sp-contents{

	margin-bottom: 20px;

}



/* 現在の特集 */

#sp-contents #contents-list{

}



#sp-contents #contents-list table{

	width: 770px;

	margin-bottom: 20px;

}

#sp-contents #contents-list td{

	width: 25%;

}

#sp-contents #contents-list td.firstChild{}



#sp-contents #contents-list dl{

	padding-left: 7px;

	background: url(../../img/contents_img/separator.gif) repeat-y left top;

}

#sp-contents #contents-list dt,

#sp-contents #contents-list dd{

	margin-bottom: 5px;

}

#sp-contents #contents-list td.firstChild dl{

	background: none;

	x padding-left: 0;

}

#sp-contents #contents-list dt.item-image{}

#sp-contents #contents-list dt.item-image img{

	padding: 3px;

	border: 1px solid #ccc;

}

#sp-contents #contents-list dt.contents-season{}

#sp-contents #contents-list dd.contents-title{}





/* 過去の特集 */

#sp-contents #past-list{

	margin-top: 10px;

	padding-top: 20px;

}

#sp-contents #past-list h3{

	margin-bottom: 10px;

}

#sp-contents #past-list table.type_input{

	width: 770px;

}

#sp-contents #past-list table.type_input th{

	text-align: center;

}

#sp-contents #past-list table.type_input td{}













/*----------[thickboxカスタム]----------*/

body #TB_window{

	border: 4px solid #00A4E9;

}

body #TB_closeAjaxWindow a{

	background: url(../img/index_img/thickbox_close.gif) no-repeat;

}


