@charset "utf-8";

/*

▼このcssファイルは【items.html】用です

\andy_2\pc\views\elements\cat\items.html

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

div.items{
	margin:0 0 15px 0;
}

/* ▼商品で探す・ショップで探す 切り替え */
.item_shop{
}

.item_shop li#items a{
background: url(../../../img/shops/cat/item_shop/button_items_u.jpg) no-repeat;/* 【商品で探す】画像 */
margin:5px 0 0 0;
height:27px;
} 

.item_shop li#shops a{
background: url(../../../img/shops/cat/item_shop/button_shops.jpg) no-repeat; /* 【ショップで探す】画像 */
}

.item_shop ul{
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}

.item_shop li{
	width:151px;
	height:32px;
	float:left;
	text-indent:-9999px;
	margin:0 3px 0 0;
	_padding:1px 0 0 0;
}

.item_shop li a{
	width:151px;
	height:32px;
	outline:0;
	list-style:none;
	display:block;
	float:left;
	text-align:center;
}

/* serviceトップタブ設定 */
.tab_cat_list{
float:left;
width:100%;
}

.tab_cat_list_l{
float:left;
background:url(../../../img/shops/living_service/tab_cat_list.jpg) no-repeat;
width:185px;
height:23px;
padding:8px 0 0 0;
text-align:center;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

.attention_service{
float:right;
padding:10px 0 0 0;
_padding:7px 0 3px 0;
}

/* 上部注意文(cat/service.htmlで使用)
------------------------------------------------*/


.attention_service a:link,
.attention_service a:visited{
text-decoration:underline;
color:#1D3994;
}

.attention_service a:hover{
color:#EB6100 !important;
text-decoration:underline;
}


/* table.item_top設定 */

table.item_top{
clear:both;
width:100%;
margin:0 0 10px 0;
_margin:-2px 0 10px 0;
padding:0;
background:#EAEAEA;
border-top:solid 3px #ABCD03;
border-bottom:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
}
}

table.item_top tr#up{
/* 	height:28px;
	_height:22px; */
}

/* 表示件数 */
table.item_top td#left{
	width:33%;
	align:left;
	padding:5px 0 0 10px;
	vertical-align:top;
}

/* ページング */
table.item_top td#center{
	width:34%;
	padding:5px 0 0 0;
	text-align:center;
	vertical-align:top;
	font-size:14px;
}

/* 検索 */
table.item_top td#right{
	width:33%;
	text-align:right;
	padding:2px;
	vertical-align:top;
/*	background:#000;*/
}

#service_detail{
	background: url(../../../img/shops/cat/item_shop/item_bg.jpg);
	height:25px;
	padding:6px 0 6px 10px;
	_padding:10px 0 2px 10px;
	margin:0;
	line-height:1.3;
	word-break:break-all;
	font-weight:bold;
}


table.item_top td#button{
	vertical-align:top;
}


table.item_top ul{
	list-style:none;
	margin:0;
	padding:0 0 0 25px;
	display:block;
}

table.item_top li{
	width:100px;
	height:16px;
	float:left;
	text-indent:-9999px;
	margin:0 0 0 3px;
	_padding:1px 0 0 0;
}

table.item_top li a{
	width:100px;
	height:16px;
	outline:0;
	list-style:none;
	display:block;
	float:left;
	text-align:center;
}

table.item_top li#items a{ background: url(../../../img/shops/cat/item_shop/button_items_u.jpg) no-repeat;} /* 【商品で探す】画像 */

table.item_top li#shops a{ background: url(../../../img/shops/cat/item_shop/button_shops.jpg) no-repeat;} /* 【ショップで探す】画像 */



/* div#list設定 */

div#list{
background:url(../../../img/common/icon/dotline.gif) repeat-x left bottom;
height:22px;
margin:0 0 10px 0;
padding:5px 0 0 0;
}

div#list ul{
	list-style:none;
	margin:0 85px 0 0;
	padding:0;
}

div#list li{
	height:16px;
	float:right;
	margin:0 0 0 9px;
	padding:0 0 0 0px;
}

div#list li a{
	height:16px;
	outline:0;
	list-style:none;
	font-size:12px;
}

/* ネット証券人気ランキングバナー
------------------------------------------------*/
div.sec_ranking{
clear:both;
padding:0 0 10px 0;
margin-bottom:8px;
text-align:center;
width:100%;
background:url(../../../img/common/icon/dotline.gif) repeat-x left bottom;
}

/* ショップ設定
------------------------------------------------*/

div.shop_box{
padding:0 0 0 0;
margin-bottom:8px;
width:100%;
background:url(../../../img/common/icon/dotline.gif) repeat-x left bottom;
}



/* 左側テーブル
------------------------*/

table#shop_box_l{
	width:135px;
	text-align:center;
	margin:0;
	padding:0;
}

/* 画像 */
table#shop_box_l td#shop_pic{
	padding:5px 0 5px 0;
/*	background:#eee;*/
}

/* 『お気に入りに投稿する』ボタン */
table#shop_box_l td#favorite a{
	background:url(../../../img/shops/cat/item_shop/button_favorite.jpg) no-repeat;
	width:106px;
	height:18px;
	margin:0 0 0 0;
	display:block;
	text-indent:-9999px;
	outline-style:none;
}


/* 右側テーブル（ショップ･サービス）
-------------------------------------*/

table#shop_box_r{
	width:420px;
	margin:0 0 10px 0;
	padding:0;
}


/* 店舗名 */
table#shop_box_r td#shop_name{
/*background: url(../../../img/shops/cat/item_shop/item_bg.jpg) repeat-x;*/
padding:3px 0 4px 0;
margin:0;
font-size:14px;
font-weight:bold;
line-height:1.3;
word-break:break-all;
}

table#shop_box_r td#shop_name a{
text-decoration:underline;
}

/* ポイントバック */
table#shop_box_r td#point{
/*background:url(../../../img/shops/cat/item_shop/shop_point.jpg) no-repeat 5px 0px;*/
margin:0;
line-height:1.3;
height:16px;
text-align:center;
font-weight:bold;
font-size:14px;
}

td.shop_point{
text-align:center;
}


/* ショップ説明 */
table#shop_box_r td#explanation{
width:284px;
padding:0 0 2px 0;
line-height:1.5;
vertical-align:top;
word-break:break-all;
}


/* 獲得条件・加算時期 */
table#shop_box_r td#condition{
	font-size:12px;
	padding:0 0 0 0;
}

table#shop_box_r td#condition ul{
	list-style:none;
	margin:0;
	padding:0;
}

table#shop_box_r td#condition li{
	float:left;
	display:block;
	margin:0 0 0 0;
	padding:0 0 3px 0;
	_padding:0 0 3px 0;
	text-indent:60px;
}

table#shop_box_r td#condition li#acquisition{
	background: url(../../../img/shops/cat/item_shop/bg_acquisition.jpg) no-repeat;
	padding:0 0 0 0;
}

table#shop_box_r td#condition li#addition{
	background: url(../../../img/shops/cat/item_shop/bg_addition.jpg) no-repeat;
	margin:0 0 0 10px;
}

/* ポイント獲得詳細（サービス用） */
.get_detail_box{
width:419px;
margin:10px 0 0 0;
}

.get_detail_box h4{
background:url(../../../img/shops/living_service/get_detail_header.jpg) no-repeat;
width:411px;
height:20px;
margin:0;
padding:2px 0 0 8px;
font-size:12px;
}

.get_detail_body{
background:url(../../../img/shops/living_service/get_detail_body.jpg) repeat-y;
width:409px;
padding:5px 5px 5px 7px;
}

.get_detail_footer{
background:url(../../../img/shops/living_service/get_detail_footer.jpg) no-repeat;
width:419px;
height:6px;
font-size:1px;
}



/* カテゴリに●●件あります */
table#shop_box_r td#done{
	width:100%;
	padding:0;
	color:#E60012;
}



/* ショップへ */
table#shop_box_r td#goto_shop{
	padding:0 0 0 5px;
}

table#shop_box_r td#goto_shop a{
	background: url(../../../img/shops/cat/item_shop/goto_shop_bg.jpg) no-repeat;
	height:40px;
	width:123px;
	display:block;
	text-indent:-9999px;
	font-size:10px;
	outline:0;
	margin:0 auto 2px auto;
}

table#shop_box_r td#goto_site a{
	background: url(../../../img/shops/cat/item_shop/goto_site_bg.jpg) no-repeat;
	height:39px;
	width:123px;
	display:block;
	text-indent:-9999px;
	font-size:10px;
	outline:0;
	margin:0 6px 5px;
}

/* ショップがないの場合 */
div.no_shop{
text-align:center;
margin:30px 0 50px 0;
font-size:14px;
}

/* ショップがないの場合 マイクロアド */
div.cat_shop_micro_ad{
text-align:center;
}

/* 下部ページング */

div#item_box_bottom{
	/*background: url(../../../img/shops/cat/item_shop/items_bottom.jpg) no-repeat;*/
	width:100%;
	height:25px;
	padding:0;
	text-align:center;
	font-size:14px;
}

div#item_box_bottom table{
width:100%;
}

td.check_bottom{
width:150px;
}

td.page_bottom{
}