@charset "utf-8";

/*
▼このcssファイルは【ranking.html】用です
---------------------------------------------- */

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

div#title{
background: url(../../../img/shops/ranking/ranking_bar.gif) #fff no-repeat;
height:70px;
padding:6px 0 0 0;
}


/* ranking左サイド
------------------------- */
#ranking_lside{
float:left;
margin:0 5px 0 0;
}


/* ranking_main
------------------------- */
div#ranking_main{
width:560px;
float:left;
padding:0 0 0 0;
margin:0 0 0 0;
}

div#bread{margin:0;}


/* 上部バー部分 */

.ranking_main_img{
margin:0 0 15px 0;
}

div#bar{
clear:both;
background: url(../../../img/shops/ranking/bar.jpg) no-repeat;
height:30px;
}


div#bar h3{
margin:3px 0 0 25px;
padding:0;
font-size:15px;
color:#555;
}

div#bar h4{
margin:7px 10px 0 0;
padding:0;
border:none;
font-size:12px;
color:#444444;
font-weight:normal;
}


/* コンテンツ部分
------------------------- */

#contents{
float:left;
margin:10px 0 0 0;
}

/* 上側テーブル */



table#top{
background:#F7EEAD;
width:559px;
margin:0 0 5px 0;
}

table#top td.rank_pic{
width:80px;
padding:3px 0 1px 7px;
}

table#top td.item_name{
font-weight:bold;
font-size:14px;
}

table#top td.item_name a{
text-decoration:underline;
}



/* 左側テーブル */
table#left{
clear:both;
height:80px;
text-align:center;
}

table#left td#check{
width:20px;
}


table#left td#item_pic{
width:70px;
vertical-align:middle;
padding:0 5px;
}


/* 右側テーブル */

table#right{
width:430px;
height:80px;
margin:5px 0 0 10px;
}


table#right td#price{
height:60px;
padding:0px 0 0 10px;
vertical-align:middle;
}



.price_style{
color:#E60012;
font-family:Verdana,Arial,Helvetica,sans-serif,"Hiragino Kaku Gothic Pro","Osaka","ＭＳＰゴシック";
font-weight:bold;
font-size:16px;
margin:0 15px 0 0;
}


table#right td#point{
height:45px;
width:90px;
padding:17px 0px 5px 20px;
background: url(../../../img/shops/ranking/stores_bg.jpg) 0px 12px no-repeat;
text-align:center;
vertical-align:top;
line-height:120%;
}


/* チェックした商品を...上部 */

div#check_top{
padding:7px 0 0 4px;
}


/* チェックした商品を...下部 */

div#check_bottom{
background:url(../../../img/common/icon/dotline.gif) repeat-x left top;
padding:13px 0 15px 4px;
}

.review_field{
margin:5px 0 3px 0;
}

.item_des{
margin:0 0 3px 0;
}

.tab :visited{
color:#3071B8;
}


/* ranking_item_main1 インタレストマッチ */
div.ranking_item_main1{
float:left;
padding:0 0 10px 0;
}

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

div.ranking_item_main1 dl{
float:left;
width:555px;
}

div.ranking_item_main1 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.ranking_item_main1 dl dd.def2_adFooter{
float:left;
color:#71B537;
font-size:12px;
line-height:1.7;
padding:0 0 0 10px;
}

div.ranking_item_main1 dl dd.def2_adBody{
clear:both;
margin:0;
padding:0 0 0 10px;
font-size:12px;
color:#666666;
line-height:1.2;
}

div.ranking_item_main1 ul.def2_overtureimHeight{
clear:both;
width:557px;
list-style:none outside none;
margin:0;
padding:2px;
text-align:right;
}

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


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

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

div.ranking_item_main2 dl{
float:left;
width:555px;
}

div.ranking_item_main2 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.ranking_item_main2 dl dd.def2_adFooter{
float:left;
color:#71B537;
margin:0;
padding:0 0 0 10px;
font-size:12px;
line-height:1.2;
}

div.ranking_item_main2 dl dd.def2_adBody{
clear:both;
color:#666666;
font-size:12px;
line-height:1.7;
padding:0 0 0 10px;
}

div.ranking_item_main2 ul.def2_overtureimHeight{
clear:both;
width:557px;
list-style:none outside none;
margin:0;
padding:2px;
text-align:right;
}

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


/* ranking_rside
------------------------- */

#ranking_rside{
float:right;
}

.micro_ad{
margin:0 0 10px 0;
}