@charset "utf-8";

/*

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

\andy_2\pc\views\shops\cat.html

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


/* title
------------------------- */

div#title{
background:url(../../../andy/img/shop_index/shopping_bar.gif) no-repeat;
height:70px;
padding:6px 0 0 0;
}


/* 上部商品名 */
.shop_name_box table{
background:url(../../../img/shops/shop_detail/shop_detail_name_bg.gif) repeat-x center;
width:755px;
}

.shop_name_box th{
background:url(../../../img/shops/shop_detail/shop_detail_name_top.gif) -1px 0 repeat-y;
width:7px;
border-top:solid 1px #E39700;
border-bottom:solid 1px #E39700;
border-left:solid 1px #E39700;
}

.shop_name_box td.name_main{
padding:4px 5px 1px 10px;
font-weight:bold;
font-size:14px;
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
border-right:1px solid #CCCCCC;
}




/* cat_main
------------------------- */

div#shop_detail_main{
float:left;
width:760px;
margin:0 0 0 0;
}






/* cat_side
------------------------- */

div#cat_side{
	width:24%;
	float:left;
	margin:0 0 0 5px;
}


/* div#list設定 */

div#list{
	height:22px;
	margin:0 0 20px 0;
	padding:5px 0 0 0;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}

div#list ul{
	list-style:none;
	margin:0 10px; 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;
	_font-size:10px;
}




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

div.shop_box{
	padding:0 0 0 0;
	width:100%;
	margin:0 0 15px 0;
}


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

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

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

/* 『お気に入りに投稿する』ボタン */

table#shop_box_l td#favorite a{
	background:url(../../../img/shops/cat/item_shop/button_favorite.jpg) no-repeat;
	width:106px;
	height:22px;
	margin:0 0 10px 0;
	display:block;
	outline-style:none;
	text-indent:-9999px;
}

/* ショップへ */
table#shop_box_l td#goto_shop{
	width:200px;
	padding:0;
}

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


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

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

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

/* 商品説明 */
table#shop_box_r td#explanation{
	width:100%;
	padding:3px 0 10px 0;
	line-height:1.4;
}

/* ショップポイント */
div.shop_point_box{
padding:10px 0 0 0;
}

.shop_point_tx{
background:url(../../../img/shops/shop_detail/icon_shop_p.gif) left center no-repeat;
padding:5px 0 3px 23px;
color:#EF8000;
}

/* 送料 */
table#shop_box_r td#carriage{
background:url(../../../img/shops/shop_detail/carriage_bg.jpg) no-repeat;
width:265px;
height:50px;
padding:0 0 0 10px;
}

table#shop_box_r td#carriage p{
margin:0;
padding:19px 0 0 0;
}

/* 支払方法 */
table#shop_box_r td#payment{
background:url(../../../img/shops/shop_detail/payment_bg.jpg) no-repeat;
width:265px;
height:50px;
padding:0 0 0 10px;
}

table#shop_box_r td#payment p{
margin:0;
padding:19px 0 0 0;
}


/* ポイント獲得詳細 */
div.get_detail{
padding:10px 0 0 0;
}

div.get_detail_header{
background:url(../../../img/shops/shop_detail/get_detail_header.jpg) no-repeat;
width:555px;
height:22px;
font-size:1px;
}

div.get_detail_body{
background:url(../../../img/shops/shop_detail/get_detail_body.jpg) repeat-y;
width:545px;
padding:5px;
}

div.get_detail_body table{
width:550px;
}

div.get_detail_body td.get_detail_l{
background:url(../../../img/common/icon/dotline_y.gif) repeat-y right top;
}

div.get_detail_body ul{
margin:0;
padding:5px 10px 0 10px;
}

div.get_detail_body li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

div.get_detail_body li.icon_point{
background:url(../../../img/shops/shop_detail/icon_point.gif) no-repeat;
height:18px;
font-size:14px;
font-weight:bold;
color:#E60012;
padding:0 0 5px 60px;
}

div.get_detail_body li.icon_coin{
background:url(../../../img/shops/shop_detail/icon_coin.gif) no-repeat;
height:18px;
font-size:14px;
font-weight:bold;
color:#E60012;
padding:0 0 5px 60px;
}

div.get_detail_body li#acquisition{
background:url(../../../img/shops/shop_detail/icon_how_get.gif) no-repeat;
height:18px;
font-size:14px;
padding:0 0 5px 60px;
}

div.get_detail_body li#addition{
background:url(../../../img/shops/shop_detail/icon_rag_date.gif) no-repeat;
height:18px;
font-size:14px;
padding:0 0 5px 60px;
}


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


/* ポイントバック */
table#shop_box_r td#point{
	background:url(../../../img/shops/cat/item_shop/shop_point.jpg) no-repeat 32px 5px;
	_background:url(../../../img/shops/cat/item_shop/shop_point.jpg) no-repeat 26px 5px;
	height:15px;
	padding:8px 0 8px 65px;
	margin:0;
	line-height:1.3;
	word-break:break-all;
	color:#77AB1B;
}

/* レビュー */
table#shop_box_r td#review{
	width:100%;
	padding:10px 0 0 0;
	line-height:1.4;
}





/* 獲得条件・加算時期 */
table#shop_box_r td#condition{
	font-size:12px;
	padding:3px 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;
	padding:0;
	text-indent:60px;
	height:20px;
}

/* 獲得条件画像 */
table#shop_box_r td#condition li#acquisition{
	background: url(../../../img/shops/cat/item_shop/bg_acquisition.jpg) no-repeat;
}

/* 加算時期画像 */
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;
}



/* ポイント獲得方法 */
table#shop_box_r td#done{
	padding:3px 10px 0 10px;
	color:#E60012;
}



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

.done_b a:visited{
color:#1D3994;
text-decoration:none;
}

.shop_attention{
background:url(../../../img/common/icon/attention_l.gif) 0 center no-repeat;
padding:4px 0 0px 23px;
}




/* ショップ紹介
------------------------------------------------*/

div#shop_intro{
	
}

div#shop_intro h4{
	background: url(../../../img/shops/shop_detail/shop_intro.jpg) no-repeat;
	margin:10px 0 0 0;
	padding:0;
	border:none;
	text-indent:-9999px;
}



/* おすすめ情報
------------------------------------------------*/
.recshop_info{
margin:0 0 15px 0;
}

.recshop_info_header{
background:url(../../../img/shops/shop_detail/rec_info_header.jpg) no-repeat;
width:754px;
height:15px;
font-size:1px;
}

.recshop_info_body{
background:url(../../../img/shops/shop_detail/rec_info_body.jpg) repeat-y;
width:734px;
padding:0 0 0 20px;
}

.recshop_info_body h3{
background:url(../../../img/shops/shop_detail/icon_recshop.gif) 0 center no-repeat;
padding:3px 0 0 15px;
margin:0;
font-size:16px;
}

.service_box{
background:url(../../../img/common/icon/dotline.gif) repeat-x left top;
padding:15px 0 15px 0;
width:710px;
}

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

table#service_box_l{
text-align:center;
margin:0;
padding:0 10px 0 15px;
}

/********** 右側テーブル ************/

table#service_box_r{
width:555px;
margin:0;
padding:0;
}


/* 店舗名 */
table#service_box_r td#shop_name{
font-size:14px;
font-weight:bold;
padding:0 0 3px 0;
margin:0;
line-height:1.3;
word-break:break-all;
}

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

/* 商品説明 */
table#service_box_r td#explanation{
	padding:3px 0 6px 0;
	line-height:150%;
	width:440px;
}

/* 商品説明 */
table#service_box_r td#point{
font-weight:bold;
text-align:center;
font-size:14px;
}

/* ショップへ */
table#service_box_r td#goto_site{
	padding:0;
}

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


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

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

table#service_box_r td#condition li{
	float:left;
	display:block;
	margin:0;
	padding:0;
	text-indent:60px;
	height:20px;
}

/* 獲得条件画像 */
table#service_box_r td#condition li#acquisition{
background:url(../../../img/shops/shop_detail/icon_how_get.gif) no-repeat;
}

/* 加算時期画像 */
table#service_box_r td#condition li#addition{
background:url(../../../img/shops/shop_detail/icon_rag_date.gif) no-repeat;
	margin:0 0 0 10px;
}


.recshop_info_footer{
background:url(../../../img/shops/shop_detail/rec_info_footer.jpg) no-repeat;
width:754px;
height:17px;
font-size:1px;
}

/* shops_detail_main インタレストマッチ */
div.shops_detail_main{
float:left;
}

div.shops_detail_main a.l_box{
display:block;
cursor:pointer;
}

div.shops_detail_main dl{
float:left;
padding:0 0 0 10px;
width:740px;
}

div.shops_detail_main dl dt.def2_adtitle{
background:url(../../../img/common/icon/gray_arrow.gif) left center no-repeat;
float:left;
font-size:13px;
font-weight:bold;
line-height:1.2;
padding:0 5px 0 10px;
text-decoration:underline;
}

div.shops_detail_main dl dd.def2_adBody{
float:left;
color:#666666;
font-size:12px;
line-height:1.2;
padding:0 0 0 0;
}

div.shops_detail_main dl dd.def2_adFooter{
clear:both;
color:#71B537;
margin:0;
padding:0 0 0 10px;
font-size:12px;
line-height:1.2;
}

div.shops_detail_main ul.def2_overtureimHeight{
float:left;
width:750px;
list-style:none outside none;
margin:0;
padding:2px;
text-align:right;
font-size:11px;
color:#999999;
}

div.shops_detail_main ul li a,
div.shops_detail_main ul li a:visited,
div.shops_detail_main ul li a:hover{
color:#999999;
font-size:11px;
}


/* 下部ページング
------------------------------------------------*/

div#item_box_bottom{
	width:100%;
	height:25px;
	padding:4px 0 0 0;
	text-align:center;
	font-size:14px;
}

.img_box{

	width:120px;height:60px;
	margin-bottom:5px;
	padding:2px;
}


/* 右サイド
------------------------------------------------*/
.shop_detail_r{
float:right;
}

div.shopDetail_ad{
text-align:center;
margin:0 0 5px 0;
}




