@charset "utf-8";

/*
**********************************************************************

* search.css

* site name   : rakuten.com
* description : styles for top page
* since       : 2010-02-15
* editor      : m_ando @ Creative & Web Design Dept. (Rakuten, Inc.)
* modified    : 
* editor      :

*********************************************************************
*/

/*---------------------------------------------------------------
* div#shopBoard
----------------------------------------------------------------*/
div#shopBoard {
padding-right:8px;
}
div#shopBoard,
div#shopBoard div.wrapper {
background:url(http://image.rakuten.co.jp/com/img/bdless/img/common/bg_shop_search.png) 100% 0 no-repeat;
}
div#shopBoard div.wrapper {
padding:10px 0 5px 155px;
background-position:0 0;
}
div#shopBoard p {
font-size:115%;
color:#7d7d7d;
font-weight:bold;
}
div#shopBoard h2 {
margin-bottom:5px;
padding-bottom:4px;
font-size:150%;
border-bottom:1px solid #cccccc;
}
div#shopBoard ul.social {
float:left;
}
div#shopBoard ul.social li {
float:left;
padding-right:3px;
}
div#shopBoard ul.social li.more a {
border-right:1px solid #000000;
padding-right:5px;
}
div#shopBoard ul.social li.more span.at300bs {
float:left;
}
div#shopBoard span.allItems {
float:right;
padding-left:9px;
background:url(http://image.rakuten.co.jp/com/img/bdless/img/common/icn_tri_right_red.gif) no-repeat 0 50%;
}
div#shopSearchBox {
margin-bottom:15px;
padding:13px 10px 10px;
border:2px solid #989898;
border-top:none;
background:#f2f2f2 url(http://image.rakuten.co.jp/com/img/bdless/img/common/bg_shop_search_box.gif) repeat-x 0 0;
}
div#shopSearchBox div.clearfix {
position:relative;
}
div#shopSearchBox label {
float:left;
display:block;
width:13em;
margin:0;
}
div#shopSearchBox span.text {
display:block;
margin:0 4em 0 13em;
}
div#shopSearchBox span.text input {
float:left;
width:100%;
margin-right:-13px;
}
div#shopSearchBox input#btnShopSearch {
position:absolute;
top:-2px;
right:0;
width:3em;
}







/*---------------------------------------------------------------
* div#searchConsole
----------------------------------------------------------------*/
div#searchConsole {
border:1px solid #d9ccaa;
margin-top:10px;
}
div#searchConsole div.head {
padding:3px 7px;
background:#F2F2F2;
}
div#searchConsole h2 {
float:left;
}
div#searchConsole div.head div.seemore {
float:right;
border-top:none;
}
div#searchConsole div.head div.seemore span {
color:#0000ff;
text-decoration:underline;
cursor:pointer;
}
div#searchConsole div.head div.seemore span:hover {
text-decoration:none;
}
div#searchConsole div.head h2 span {
color:#bf0000;
font-size:115%;
}
div#searchConsole ul.categories {
margin-left:0.5%;
}
div#searchConsole ul.categories li {
position:relative;
float:left;
width:23.9%;
padding:3px 0.5%;
border-bottom:1px solid #d9ccaa;
}
div#searchConsole ul.categories li:hover {
background:#F2F2F2;
}
div#searchConsole ul.categories a {
text-decoration:none;
display:block;
width:70%;
overflow:hidden;
color:#bf0000;
}
div#searchConsole ul.categories a:hover {
text-decoration:underline;
}
div#searchConsole ul.categories a span {
display:block;
width:500px;
cursor:pointer;
}
div#searchConsole ul.categories span.count {
position:absolute;
right:0;
top:0.2em;
color:#999999;
}
div#searchConsole div.panel {
margin-top:-1px;
padding-bottom:5px;
border-top:1px solid #d9ccaa;
}
div#searchConsole div.panel span {
display:block;
width:170px;
height:14px;
margin:0 auto;
background:url(http://image.rakuten.co.jp/com/img/bdless/img/common/bg_min_max.gif) 0 0 no-repeat;
text-indent:-9999px;
cursor:pointer;
line-height:1;
}
div#searchConsole div.panel span.open {
background-position:0 100%;
}
div#searchConsole div.refine {
position:relative;
margin-top:-1px;
padding:7px;
border-top:1px solid #d9ccaa;
zoom:1;
}
div#searchConsole div.refine dt {
float:left;
padding-right:0.1em;
}
div#searchConsole div.refine dd {
float:left;
padding-right:1em;
}
div#searchConsole div.refine li {
float:left;
white-space:nowrap;
}
div#searchConsole div.refine li span {
padding-left:0.7em;
}
div#searchConsole div.refine dl.price {
margin:5px 80px 0 0;
}
div#searchConsole div.refine li.pricerange input {
width:50px;
}
div#searchConsole input#btnRefine {
position:absolute;
bottom:7px;
right:7px;
}
/*---------------------------------------------------------------
* div.function
----------------------------------------------------------------*/
div.function {
margin:10px 0 6px;
padding-bottom:5px;
border-bottom:2px solid #bf0000;
}
div.function dl.head {
margin-bottom:5px;
}
div.function dl.head dt {
color:#999999;
}
div.function dl dt {
float:left;
}
div.function dl dd {
float:right;
}
div.function ul.note {
color:#ff6633;
white-space:nowrap;
}
div.function dl.sort {
float:right;
white-space:nowrap; 
}
div.function dl.sort dt,
div.function dl.sort dd {
display:inline;
}
div.function ul.switch {
float:right;
margin-left:5px;
}
div.function ul.switch li {
display:inline;
padding-left:18px;
}
div.function ul.switch li.list {
background:url(http://image.rakuten.co.jp/com/img/bdless/new/list_btn.jpg) no-repeat 0 50%;
}
div.function ul.switch li.grid {
background:url(http://image.rakuten.co.jp/com/img/bdless/new/grid_icn.gif) no-repeat 0 50%;
}

/*---------------------------------------------------------------
* div.pagination
----------------------------------------------------------------*/
div.pagination {
margin:10px 0;
padding-top:10px;
border-top:2px solid #bf0000;
}
div.pagination ul {
text-align:center;
}
div.pagination li {
display:inline;
line-height:1.2;
}
div.pagination a,
div.pagination a:link,
div.pagination a:visited {
padding:2px 6px;
border:1px solid #bf0000;
color:#bf0000;
text-decoration:none;
zoom:1;
}
div.pagination a:hover {
background:#bf0000 url(http://image.rakuten.co.jp/com/img/bdless/img/common/bg_pagination.gif) repeat-x 0 50%;
text-shadow:0 1px 0 #440000;
color:#ffffff;
}
div.pagination span {
padding:2px 6px;
font-weight:bold;
zoom:1;
}
div.pagination span.on {
border:1px solid #ffffff;
}

/*
=================================================================

* search result

=================================================================
*/
/*---------------------------------------------------------------
* ul#searchResult.grid
----------------------------------------------------------------*/
ul#searchResult.grid li {
float:left;
width:168px;
min-height:315px;
margin:4px 4px 0 0;
background:#f9f9f9 url(http://image.rakuten.co.jp/com/img/bdless/img/common/bg_showcase.jpg) no-repeat 0 0;
overflow:hidden;
}
* html ul#searchResult.grid li {/* only for winIE6.0 and below */
height:314px;
}
ul#searchResult.grid dl {
position:relative;
padding-bottom:10px;
}
ul#searchResult.grid dt {
height:1.6em;
overflow:hidden;
padding:172px 10px 0;
margin-bottom:5px;
}
ul#searchResult.grid dt a {
color:#333333;
}
ul#searchResult.grid dd.goodsImg {
position:absolute;
top:10px;
left:14px;
width:142px;
height:142px;
}
ul#searchResult.grid dd.goodsImg a {
display:block;
width:140px;
}
ul#searchResult.grid dd.rate {
position:absolute;
top:156px;
left:55px;
}
ul#searchResult.grid dd.priceInfo {
width:150px;
min-height:18px;
overflow:hidden;
margin:0 auto;
}
ul#searchResult.grid dd.priceInfo span.price {
float:right;
height:1.45em;
min-height:18px;
}
ul#searchResult.grid dd.priceInfo span.price img {
padding-right:4px;	
}
ul#searchResult.grid dd.priceInfo span.exchange {
float:left;
height:1.45em;
}
ul#searchResult.grid dd.point {
width:150px;
margin:2px auto 0;
padding:1px 0;
text-align:center;
}
ul#searchResult.grid dd.sale {
width:130px;
overflow:hidden;
margin:auto;
}

/*---------------------------------------------------------------
* ul#searchResult.list
----------------------------------------------------------------*/
ul#searchResult.list li {
padding:7px;
position:relative;
}
ul#searchResult.list li.odd {
background-color:#ffffff;
}
ul#searchResult.list li.even {
background-color:#f4f4f4;
}
ul#searchResult.list div.resultImg {
position:relative;
float:left;
width:72px;
}
ul#searchResult.list div.resultImg a {
display:block;
width:70px;
}
ul#searchResult.list div.resultImg img.photo {
padding:3px;
}
ul#searchResult.list div.itemInfo {
position:relative;
left:100%;
float:left;
width:100%;
margin-left:-100%;
}
ul#searchResult.list div.itemInfo dl {
margin:0 285px 0 80px;
}
* html ul#searchResult.list div.itemInfo dl {/* only for winIE6.0 and below */
margin-left:88px;
}
*:first-child+html ul#searchResult.list div.itemInfo dl {/* only for winIE7.0 */
margin-left:68px;
}
ul#searchResult.list div.itemInfo dt img {
margin-right:5px;
vertical-align:middle;
}
ul#searchResult.list div.itemInfo ul.itemOpt {
padding-top:5px;
vertical-align:middle;
}
ul#searchResult.list div.itemInfo ul.itemOpt li {
float:left;
margin-right:10px;
padding:0;
}
ul#searchResult.list div.itemInfo ul.itemOpt li.sale {
padding-left:20px;
}
ul#searchResult.list div.priceInfo {
float:right;
width:130px;
padding-left:5px;
text-align:center;
}
ul#searchResult.list div.priceInfo span.exchange {
display:block;
text-align:center;
}
ul#searchResult.list div.shopInfo {
position:relative;
float:right;
width:140px;
padding:0 5px;

background:url("http://image.rakuten.co.jp/com/img/bdless/img/common/icn_shop.gif") no-repeat scroll 0 0.25em transparent;
margin-left:9px;
padding-left:18px;
text-align:left;

}
.shopname a {
color:#333333;
}
ul#searchResult.grid dd.shopInfo {
background:url("http://image.rakuten.co.jp/com/img/bdless/img/common/icn_shop.gif") no-repeat scroll 0 0.25em transparent;
margin-left:9px;
padding-left:18px;
text-align:left;
}

ul#searchResult .shopInfo a {
color:#666666;
}
/*---------------------------------------------------------------
* common styles
----------------------------------------------------------------*/
ul#searchResult a {
text-decoration:none;
}
ul#searchResult a:hover {
text-decoration:underline;
}
ul#searchResult .price {

color:#ff6633;
font-weight:normal;
}
ul#searchResult .exchange {
color:#bf0000;
font-weight:bold;
}
ul#searchResult .point {
color:#c77704;
}
ul#searchResult .sale {
height:1.45em;
min-height:18px;
padding-left:20px;
background:url(http://image.rakuten.co.jp/com/img/bdless/img/common/icn_timesale.gif) no-repeat 0 0.3em;
}
ul#searchResult .point img {
vertical-align:middle;
}





div.pagination a,
div.pagination a:link,
div.pagination a:visited {
margin:0 2px;
}


div#searchConsole div.refine dd.pricerange input {
width:50px;
}

.searchPage .errorMsg {
background:url("http://image.rakuten.co.jp/com/img/bdless/new/error.gif") no-repeat scroll 0 0 #FFFFFF;
font-weight:normal;
height:24px;
line-height:24px;
margin-top:20px;
padding-left:40px;
margin-bottom:20px;
text-align:left;
font-weight:bold;
}

div#shopSearchBox {
background:none repeat scroll 0 0 #F2F2F2;
border-color:#989898;
border-right:2px solid #989898;
border-style:solid;
border-width:1px 2px 2px;
margin-bottom:15px;
padding:13px 10px 10px;
}

div#searchConsole div.refine dd { 
border-right:1px solid #B39956;
margin-right:10px;
padding-right:10px;
height:17px;
}
div#searchConsole div.refine dd.pricerange {
border-right:none;
}

div#recommendation h3 span {
 background:url(http://image.rakuten.co.jp/com/img/bdless/img/rec.png) no-repeat;
 padding-left:20px;
} 

div#relatedCategories ul li a.parent {
font-weight:bold;
}