@charset "utf-8";

/*
▼このcssファイルはshopsの【index.html】用です
\andy_2\pc\views\shops\index.html
---------------------------------------------- */

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

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

.h_title{
text-indent:-9999px;
font-size:10px;
}

/* shops_main
------------------------- */

/* カテゴリから探す */

div#shops_main{
	width:74%;background:#fff;
	float:right;
}

div#shops_main h3{
	width:590px;
	height:25px;
	text-indent:-9999px;
}

h3#category{ background: url(../../img/shops/index/h3_category.jpg) no-repeat;}/* カテゴリ */
h3#campaign{ background: url(../../img/shops/index/h3_campaign.jpg) no-repeat;}/* キャンペーン・オススメ */



div.item_box{
clear:both;
padding:10px 0 0 0;
}

.cat_d_link{
width:70px;
height:50px;
text-indent:-9999px; 
display:block;
outline-style:none;
}

body:first-of-type .cat_d_link{
/*
font-size:90%;
letter-spacing:-0.1em;
text-indent:-9999px;
display:block;
outline-style:none;*/
}

.cat_tx_link{
width:125px;
word-break:break-all;
overflow: hidden;
padding:2px 0 0 5px;
}

.cat_tx_link_2{
width:150px;
height:50px;
word-break:break-all;
overflow: hidden;
padding:2px 0 0 3px;
}


p#more{
	background:url(../../img/shops/index/arrow_more.jpg) 200px 3px  no-repeat;
	text-align:right;
	margin:0;
	padding:0;
}


div.item_box ul{
	list-style:none;
	margin:0 0 0 140px;
	padding:0 0 0 0;
}

div.item_box li{
	margin:0 0 0 0;
	_margin:3px 0 0 0;
	padding:2px 0 0 0;
	_padding:0 0 0 0;
	font-size:10px;
	_font-size:9px;
}


div.item_box li a{
	background: url(../../img/shops/index/arrow.jpg) 0px 2px no-repeat;
	_background: url(../../img/shops/index/arrow.jpg) no-repeat;
	padding:0 0 0 14px;
	text-decoration:none;
}





table.item_ll{
    width:214px;
	background:#fff;
	height:50px;
	float:left;
	margin:0 9px 3px 0;
	padding:0;
}

table.item_rr{
    width:214px;
	background:#fff;
	height:50px;
	float:left;
	margin:0 0 3px 0;
	padding:0;
}


td.category_box{
	padding:0;
	vertical-align:top;
	line-height:1.4;
	_line-height:1.5;
	font-size:10px;
	_font-size:10px;
	_line-height:150%;
}


body:first-of-type td.category_box{
/* safari3 only */
padding:0;
vertical-align:top;
line-height:1.4;
font-size:10px;
letter-spacing:-0.1em;
}

/*	padding:4px 0 0 112px;*/

td.category_box p{
	margin:0;
	padding:0;
	color:#555;
	font-weight:bold;
	font-size:12px;
}

body:first-of-type td.category_box p{
/* safari3 only */
	margin:0;
	padding:0;
	color:#555;
	font-weight:bold;
	font-size:12px;
}


/* カテゴリ個別bg */
table#cat_pc{ background:#fff url(../../img/shops/index/cat_pc.jpg) 0 0  no-repeat;}/* パソコン・周辺機器 */
table#cat_av{ background:#fff url(../../img/shops/index/cat_av.jpg) 0 0  no-repeat;}/* AV機器・カメラ */
table#cat_electro{ background:#fff url(../../img/shops/index/cat_electro.jpg) 0 0  no-repeat;}/* 家電 */
table#cat_fashion{ background:#fff url(../../img/shops/index/cat_fashion.jpg) 0 0  no-repeat;}/* ファッション */
table#cat_interior{ background:#fff url(../../img/shops/index/cat_interior.jpg) 0 0  no-repeat;}/* インテリア・生活雑貨 */
table#cat_beauty{ background:#fff url(../../img/shops/index/cat_beauty.jpg) 0 0  no-repeat;}/* ビューティー・ヘルス */
table#cat_sports{ background:#fff url(../../img/shops/index/cat_sports.jpg) 0 0  no-repeat;}/* スポーツ・アウトドア */
table#cat_game{ background:#fff url(../../img/shops/index/cat_game.jpg) 0 0  no-repeat;}/* ゲーム・ホビー */
table#cat_food{ background:#fff url(../../img/shops/index/cat_food.jpg) 0 0  no-repeat;}/* フード・ドリンク */
table#cat_baby{ background:#fff url(../../img/shops/index/cat_baby.jpg) 0 0  no-repeat;}/* ベビー・キッズ */
table#cat_book{ background:#fff url(../../img/shops/index/cat_book.jpg) 0 0  no-repeat;}/* 本 */
table#cat_cd{ background:#fff url(../../img/shops/index/cat_cd.jpg) 0 0  no-repeat;}/* CD・DVD */
table#cat_pet{ background:#fff url(../../img/shops/index/cat_pet.jpg) 0 0  no-repeat;}/* ペット */
table#cat_car{ background:#fff url(../../img/shops/index/cat_car.jpg) 0 0  no-repeat;}/* 車・バイク・自転車 */
table#cat_flower{ background:#fff url(../../img/shops/index/cat_flower.jpg) 0 0  no-repeat;}/* 花・ガーデン・DIY */
table#cat_health{ background:#fff url(../../img/shops/index/cat_health.jpg) 0 0  no-repeat;}/* ギフト・中元・歳暮 */
table#cat_travel{ background:#fff url(../../img/shops/index/cat_travel.jpg) 0 0  no-repeat;}/* トラベル */
table#cat_shop{ background:#fff url(../../img/shops/index/cat_shop.jpg) 0 0  no-repeat;}/* ショップの種類 */


/* キャンペーン・オススメ */
.item_l p.border-bottom,
.item_r p.border-bottom{
	border-bottom:1px #bbb solid;
	margin:0;
	padding:0;
}

p.p_icon{
	background:url(../../img/shops/index/icon_point.jpg) 1px 1px no-repeat;
	_background:url(../../img/shops/index/icon_point.jpg) 1px 0 no-repeat;
	padding:0 0 3px 16px;
	margin:0;
	border-bottom:1px #bbb solid;
}

table.item_l{
	background:#fff;
	width:276px;
	float:left;
	margin-bottom:10px;
}

table.item_r{
	background:#fff;
	width:276px;
	float:right;
	display:inline;
	margin:0 1px 10px 0;
}

table.item_l td,
table.item_r td{
	line-height:1.3;
	font-size:88%;
	_font-size:85%;
}



/* アシスタントツール */
div#item_box_half{
	width:50%;
	margin:0 0 20px 0;
}

div#item_box_half h4{
	border:0;
	text-indent:-9999px;
}

h4#assistant{
	background: url(../../img/shops/index/h4_assistant.jpg) 0px 0px no-repeat;
}


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

■ショッピングTOP用CSS
---------------------------------------------*/

/* #shop_index設定
---------------------------------------------- */

#shop_index{
width:970px;
margin:0;
padding:0;
float:left;
}


#shop_main{
float:left;
margin:0 0 0 0;
padding:0;
width:660px;
}

.shop_main_banner{
text-align:center;
padding:0 0 18px 0;
}


h3.category_title{
float:left;
background:url(../../img/shops/index/title_cat.gif) no-repeat;
width:660px;
height:25px;
padding:3px 0 0 0;
}

.cat_title{
float:left;
padding:0 0 0 27px;
}

.to_item{
float:right;
background:url(../../img/common/icon/triangle_s.gif) 0 5px no-repeat;
padding:3px 10px 0 18px;
font-size:12px;
font-weight:normal;
}

.category_body{
width:590px;
height:200px;
}



a.cat_link:link{
color:#444444;
text-decoration:none;
}


a.cat_link:visited{
color:#444444;
text-decoration:none;
}

a.cat_link:hover{
color:#EB6100;
text-decoration:underline;
}


.hot_keyword{
background:url(../img/shop_index/hot_keyword.gif) right 0 no-repeat;
height:26px;
margin-top:-15px;
/*
margin-left:auto;
margin-right:auto;
*/
padding-top:5px;
padding-left:5px;
font-size:12px;
}

/* shops_top_main インタレストマッチ広告 */
div.shops_top_main{
float:left;
width:660px;
}

div.shops_top_main a.l_box {
display:block;
float:left;
cursor:pointer;
}

div.shops_top_main dl{
float:left;
width:660px;
padding:5px 0 0 0;
}

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

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

div.shops_top_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_top_main ul.def2_overtureimHeight{
float:left;
width:650px;
list-style:none outside none;
margin:0;
padding:2px;
text-align:right;
}

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


/* ホットTOPICS */
div.hot_topics{
margin:0 0 25px 0;
}

div.hot_topics h3.hot_topics_title{
background:url(../../img/shops/index/title_topics.gif) no-repeat;
width:633px;
height:25px;
padding:3px 0 0 27px;
}

/* 注目アイテム */
h3.hot_item_title{
background:url(../../img/shops/index/title_item.gif) no-repeat;
width:633px;
height:25px;
padding:3px 0 0 27px;
}



.hot_item_body{
width:660px;
}



.hot_items_space{
width:30px;
height:40px;
float:left;
}


.hot_items_space2{
width:15px;
height:40px;
float:left;
}

.hot_items{
background:url(../../img/common/icon/dotline_y.gif) right top repeat-y;
width:142px;
padding:18px 12px 0 11px;
float:left;
}

.hot_items table{
width:100%;
}

.hot_items table td{
text-align:center;
vertical-align:middle;
height:110px;
}

.hot_item_img{
width:100px;
height:100px;
text-align:center;
margin:0 auto 0 auto;
}

.hot_item_name{
font-size:12px;
margin:5px;
text-align:center;
height:34px;
word-break:break-all;
}


.hot_item_tx{
font-size:11px;
line-height:130%;
height:28px;
}

.hot_item_price{
font-size:12px;
font-weight:bold;
text-align:center;
font-family:Verdana,Arial,Helvetica,sans-serif,"Hiragino Kaku Gothic Pro","Osaka","ＭＳＰゴシック";
}

h3.hot_shop_title{
float:left;
background:url(../../img/shops/index/title_shop.gif) no-repeat;
width:633px;
height:25px;
margin:10px 0 10px 0;
padding:3px 0 0 27px;
}



.hot_shop_body{
width:650px;
float:left;
padding:0 0 0 10px;
}

.hot_shops{
width:157px;
height:140px;
padding:5px 0 0 0;
text-align:center;
float:left;
display:inline;
}

.hot_shop_img{
	width:120px;
	height:60px;
	text-align:center;
	padding:2px;
	margin:0 auto;
}

.hot_shop_name{
font-size:11px;
text-align:center;
margin-top:2px;
}

.hot_shop_pt{
margin-top:2px;
font-size:12px;
text-align:center;
/*color:#77AB1B;*/
}

.shop_topic{
background:url(../../img/shops/index/shop_topic_bg.jpg) no-repeat;
width:629px;
height:32px;
margin:5px auto 0 auto;
}

.shop_topic table{
width:100%;
height:35px;
}

.shop_topic td a{
text-decoration:underline;
}

.shop_topic td.topic_new{
background:url(../../img/shops/index/icon_topic_new.gif) 15px center no-repeat;
padding:0 0 0 45px;
}

.shop_topic td.topic_up{
background:url(../../img/shops/index/icon_topic_up.gif) 15px  5px no-repeat;
padding:0 0 0 45px;
}

.shop_topic td.topic_sample{
background:url(../../img/shops/index/icon_topic_sample.gif) 15px 3px no-repeat;
padding:0 0 0 45px;
}


h3.popular_shop_title{
background:url(../../img/shops/index/title_shop_p.gif) no-repeat;
width:633px;
height:25px;
margin:17px 0 10px 0;
padding:3px 0 0 27px;
line-height:150%;
}

.popular_shop_title_tx{
float:left;
padding:0;
}

.to_ranking{
float:right;
background:url(../../img/common/icon/triangle_s.gif) 0 6px no-repeat;
padding:0 10px 0 17px;
font-size:12px;
font-weight:normal;
}

.review_title{
background:url(../../img/shops/index/title_review.gif) no-repeat;
width:633px;
height:25px;
margin:13px 0 2px 0;
padding:3px 0 0 27px;
}

.review_new{
float:left;
padding:5px 0 0 15px;
}

.review_space{
width:28px;
height:65px;
float:left;
}

.review_bg{
	width:630px;
	margin:2px 0 0 0;
	padding:0 0 5px 0;
	float:left;
	background:url(../../img/common/icon/dotline.gif) repeat-x left bottom;
}

.review_img{
float:left;
width:75px;
height:70px;
text-align:center;
}

.review_img img{
}

.review_img_r{
float:left;
width:535px;
}

.review_rate{
font-size:12px;
}

.wordBreak{
word-break:break-all;
width:90%;
}

.review_rate a,
.review_rate a:visited{
text-decoration:underline;
}

.review_tx{
font-size:12px;
font-family:Verdana,Arial,Helvetica,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif
}

.review_tx2{
font-size:12px;
}

/* shops_side
------------------------- */

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

div#shops_side h5{
	margin:20px 0 0 0;
	padding:0:
	border:0 !important;
}

div#side_menu{
	margin:0 0 0 0;
}

div#side_menu ul{
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	text-decoration:none;
	font-size:12px;
	_font-size:10px;
}

div#side_menu li{
	margin:0 0 10px 0;
	text-decoration:none;
}

div#side_menu li a{
	margin:0;
	padding:0 0 0 18px;
	text-decoration:none;
	background: url(../../img/shops/index/arrow.gif) 2px 3px no-repeat;
	_background: url(../../img/shops/index/arrow.gif) 2px 1px no-repeat;
}

h5#news{
	background:url(../../img/shops/index/side_news.gif) 2px 3px no-repeat;
}

/* #andy_home右サイド用設定

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

.andy_shopping_rside{
	float:right;
	margin:0 auto;
	width:300px;
}

.side_guide{
clear:both;
background:url(../../img/shops/index/side_guide_img.gif) no-repeat;
width:285px;
height:29px;
margin:0 0 10px 0;
padding:78px 15px 0 0;
text-align:right;
}

.side_guide a{
background:url(../../img/common/icon/triangle_s.gif) 0 center no-repeat;
padding:0 0 0 17px;
}