@charset "utf-8";
/* CSS Document */

/* general params
--------------------*/
h2,h3,h4,h5,h6,div,p,dl,ul {
margin:0;
padding:0;/* margin&padding reset */
display:block;
font-size:100%;
}
img,a img {
border:none;/* img do not want a border */
vertical-align:bottom;
}
li {
list-style:none;/* link do not want a dot */
}
em {
color: #BF0000;
font-weight:bold;
}


h1 {
margin: 5px 0 0;
text-align: right;
font-weight: normal;
color: #666666;
}
/*
=================================================================

* shopList

=================================================================
*/
/* h2
--------------------*/
div#shopList h2 {
padding:7px 0 6px 20px;
color:#FFFFFF;
font-size:125%;
background:url(//p-store.r10s.jp/images/brand_list/img/thumb/main01/bg_box_ttl.gif) 0 0 no-repeat;
}

div#shopList div.wrapper {
padding:15px;
border:1px solid #BF0000;
width:728px;
}
* html div#shopList div.wrapper {
width:760px;
}
div#shopList div.wrapper p.introduction {
margin-bottom:10px;
}

/* dl.category
--------------------*/
div#shopList div.wrapper table { 
margin:0 auto;
padding:0;
width:728px;
border:1px solid #999999;
border-collapse:collapse;
}
div#shopList div.wrapper table th,td {
text-align:left;
}
div#shopList div.wrapper table th {
padding:20px;
vertical-align:middle;
width:100px;
color:#333333;
font-weight:bold;
background:#FFFFEE;
}
div#shopList div.wrapper table td {
padding:7px 0 7px 10px;
border-left:1px solid #999999;
}

/* ul.navitopGenre
--------------------*/     
div#shopList ul#navitopGenre {
list-style: none;  
text-align: left;
width: 600px;
}
/* Start clearfix ------------------------------ */
div#shopList ul#navitopGenre:after {
display: block;
clear:both;
height: 0;
line-height: 0;
visibility: hidden;
content: ".";
font-size: 0.1em;
}
div#shopList ul#navitopGenre { display: inline-block; }
/* Hides from IE-mac \*/
	* html div#shopList ul#navitopGenre { height: 1%; }
	div#shopList ul#navitopGenre { display: block; }
/* End hide from IE-mac */
/* -------------------------------- end clearfix */
div#shopList ul#navitopGenre li { 
margin-right:25px;
padding-left:15px;
background:url(//p-store.r10s.jp/images/brand_list/img/thumb/main01/icon_ya.gif) no-repeat center left;
font-weight:bold;
line-height:1.8;
float:left;
white-space: nowrap;
}

/* h3
--------------------*/
div#shopList div.wrapper h3 {
margin-top: 20px;
padding:4px 5px 3px;
border:1px solid #CCCCCC;
border-bottom: 1px solid #BF0000;
background:url(//p-store.r10s.jp/images/brand_list/img/thumb/main01/bg_sub_ttl.gif) 0 100% repeat-x;
}
div#shopList div.wrapper h3 span {
display:block;
padding:0 0 0 17px;
color:#000000;
background:url(//p-store.r10s.jp/images/brand_list/img/thumb/main01/icon_sub.gif) 0 0.2em no-repeat;
font-weight:bold;
}

/* .shopId 
--------------------*/
div#shopList .shopId {
padding-top:15px;
width:728px;
}
div#shopList .shopId ul {
margin-left:14px;
overflow:hidden;
clear:both;
}
div#shopList .shopId li {
padding:0 45px 20px 0;
width:104px;
text-align:left;
float:left;
display:inline;/*forWinIE6*/
}
* html div#shopList .shopId li {
width:149px;
}
div#shopList .shopId li.end {
padding:0 14px 20px 0;
width:104px;
text-align:left;
float:right;
display:inline;/*forWinIE6*/
}
* html div#shopList .shopId li.end {
width:118px;
}
div#shopList .shopId .logo {
width:98px;
text-align:center;
padding:2px;
border:1px solid #CCCCCC;
}
* html div#shopList .shopId .logo {
width:104px;
}

/* .shopIdMore
--------------------*/
div#shopList .shopIdMore {
padding-top:20px;
width:728px;
background:url(//p-store.r10s.jp/images/brand_list/img/thumb/main01/line.gif) top repeat-x;
}
div#shopList .shopIdMore ul {
margin-left:14px;
list-style:none;
overflow:hidden;
clear:both;
}
div#shopList .shopIdMore li {
padding:0 45px 20px 0;
width:104px;
text-align:left;
float:left;
display:inline;/*forWinIE6*/
}
* html div#shopList .shopIdMore li {
width:149px;
}
div#shopList .shopIdMore li.end {
padding:0 14px 20px 0;
width:104px;
text-align:left;
float:right;
display:inline;/*forWinIE6*/
}
* html div#shopList .shopIdMore li.end {
width:118px;
}
div#shopList .shopIdMore .logo {
width:98px;
text-align:center;
padding:2px;
border:1px solid #CCCCCC;
}
* html div#shopList .shopIdMore .logo {
width:104px;
}

/* .navi
--------------------*/
div#shopList .navi {
margin:-20px 0 0 ;
}