@charset "utf-8";

/**  search.css Menu *********************************************

  ・カテゴリトップ／検索
  ・商品詳細

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



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

  カテゴリトップ／検索

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


/* カテゴリ選択ボックス
------------------------------------------*/

#searchcategorybox {
background: url(../images/bg_search_bigcategory.gif) repeat-y left top;
width: 990px;
}

#searchcategorybox .bottom {
background: url(../images/bg_search_bigcategory_bottom.gif) no-repeat left bottom;
padding: 0 0 5px 0;
}

#searchcategorybox table.tblcategory {
margin: 0 5px;
width: 980px;
}

#searchcategorybox table.tblcategory th {
vertical-align: middle;
text-align: center;
padding: 10px 20px;
width: 153px;
}

#searchcategorybox table.tblcategory td {
width: 786px;
vertical-align: middle;
}

/* 詳細カテゴリ */

#searchcategorybox table.tblcategory tr.detail td ul li{
float: left;
margin: 0 0 1px 1px;
line-height:130%;
}

#searchcategorybox table.tblcategory tr.detail td ul li span{
vertical-align:middle;
display:table-cell;
/display: inline;
/zoom: 1;
}

#searchcategorybox table.tblcategory tr.detail td ul li span.txt{
width:86px;
}

#searchcategorybox table.tblcategory tr.detail td ul li span img{
margin:0 10px 0 0;
width:40px;
}

#searchcategorybox table.tblcategory tr.detail td ul li a{
display: block;
width: 136px;
height: 40px;
padding:10px;
text-decoration:none;
}

#searchcategorybox table.tblcategory tr.detail td ul li a:hover{
background:#fff22a;
}

#searchcategorybox table.tblcategory tr.detail td ul li.table a{
background:url(../images/btn_search_cat_table.gif) no-repeat left top;
}

#searchcategorybox table.tblcategory tr.detail td ul li.table a:hover{
background:url(../images/btn_search_cat_table_o.gif) no-repeat left top;
}

#searchcategorybox table.tblcategory tr.detail td ul li.table.selected {
background:url(../images/btn_search_cat_table_o.gif) no-repeat left top;
}


#searchcategorybox table.tblcategory tr.detail td ul li img{
vertical-align: bottom;
}

/* 注目のワード */

#searchcategorybox table.tblcategory tr.word th,
#searchcategorybox table.tblcategory tr.word td {
border-top: 1px solid #bcadad;
}

#searchcategorybox table.tblcategory tr.word td ul li{
float: left;
padding: 10px;
margin: 0 0 1px 1px;
white-space: nowrap;
}

#searchcategorybox table.tblcategory tr.word td ul li.selected{
background: #fff22a url(../images/bg_search_close.gif) no-repeat 5px center;
padding: 10px 10px 10px 20px;
}


/* 絞り込み */

#searchcategorybox table.narrowdown{
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; 
font-weight:bold;
font-size:133.3%;
background:#fff;
border-top: 1px solid #bcadad;
margin: 0 6px 1px 6px;
/margin: 0 6px 0px 6px;
/border-bottom: 1px solid #bcadad;
border-radius:0 0 3px 3px;
width: 978px;
}

#searchcategorybox table.narrowdown td{
width:33%;
padding:15px 10px;
border-right: 1px dotted #bcadad;
}

#searchcategorybox table.narrowdown td.last{
border:none;
}

#searchcategorybox table.narrowdown td img{
vertical-align:  text-bottom;
}

#searchcategorybox table.narrowdown td p{
float:left;
width:280px;
margin:5px 0 0;
}

#searchcategorybox table.narrowdown td p img.label{
display:block;
margin: 0 0 -0px;
}

#searchcategorybox table.narrowdown td span {
background:#ffeb12;
font-size:160%;
line-height:1.1;
margin:0;
}








/* ブランドボックス
------------------------------------------*/

#searchbrandbox {
background: url(../images/bg_search_brand.gif) repeat-y left top;
width: 990px;
}

#searchbrandbox .top {
background: url(../images/bg_search_brand_top.gif) no-repeat left top;
padding: 11px 0 0 0;
}

#searchbrandbox .bottom {
background: url(../images/bg_search_brand_bottom.gif) no-repeat left bottom;
padding: 9px 20px 30px 20px;
font-size: 250%;
line-height: 130%;
}


/* フリー検索ボックス
------------------------------------------*/

#searchfreebox {
background: url(../images/bg_search_search.gif) repeat-y left top;
width: 990px;
}

#searchfreebox .top {
background: url(../images/bg_search_search_top.gif) no-repeat left top;
padding: 11px 0 0 0;
}

#searchfreebox .bottom {
background: url(../images/bg_search_search_bottom.gif) no-repeat left bottom;
padding: 1px 20px 20px 20px;
line-height: 130%;
}

#searchfreebox ul li {
float: left;
padding: 0 5px 15px 0;
text-indent: -9999px;
height: 33px;
}

#searchfreebox ul li a{
display: block;
height: 33px;
}

#searchfreebox ul li.keyword {
background:url(../images/btn_search_search_key.gif) no-repeat left top;
width: 87px;
}

#searchfreebox ul li.keyword.selected {
background:url(../images/btn_search_search_key_selected.gif) no-repeat left top;
width: 87px;
}


#searchfreebox ul li.tag {
background:url(../images/btn_search_search_tag.gif) no-repeat left top;
width: 59px;
}

#searchfreebox ul li.tag.selected {
background:url(../images/btn_search_search_tag_selected.gif) no-repeat left top;
width: 59px;
}


#searchfreebox input.forml {
width: 480px;
font-size:200%;
padding:3px 5px 1px 5px;
float:left;
}

#searchfreebox dl {
padding:10px 0 0 0;
}

#searchfreebox dl dt,
#searchfreebox dl dd{
display: inline;
padding: 0 5px 0 0;
}

#searchfreebox dl dt {
font-weight: bold;
}

#searchfreebox dl dd a {
padding: 0 5px 0 0;
}


/* 検索結果表示
------------------------------------------*/

div.multicolumn {
position: relative;
margin: 50px 0 0 0;
width: 1000px;
}

div.multicolumn.category {
margin:20px 0 0;
}

div.multicolumn.category .tit{
font: 233.3%/100%  'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
font-weight:bold;
background:url(../images/ico_category_popular.png) no-repeat 0 0;
padding:10px 0 10px 60px;
color:#43250b;
margin:0 0 -10px;
}


/* ソート */

div.multicolumn .sort{
position: absolute;
right: 10px;
top: -30px;
}

div.multicolumn .sort ul,
div.multicolumn .sort ul li{ 
display: inline;
padding: 0 10px 0 0;
}

div.multicolumn .sort ul,
div.multicolumn .sort ul li{ 
display: inline;
padding: 0 10px 0 0;
}

div.multicolumn .sort ul li.selected{
background: url(../images/bg_search_selected.gif) no-repeat left center;
padding: 0 10px 0 15px;
line-height: 160%;
font-weight: bold;
font-size:140%;
}

div.multicolumn .sort span {
font-size: 91.3%;
font-weight: bold;
}


/*　検索結果0件ヒットの時 / 注文完了時のレコメンド　*/

.keyword_recommend{
  float: left;
  width: 800px;
}
.ttl-keyword_recommend{
  background: #004386;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 12px 15px;
  text-align: left;
  margin: 35px 0 15px;
  border-radius: 5px;
}

.cartRecommendBox{
  width: 600px;
}

.cartRecommendBox div.smallsquare { 
background: url(../images/bg_productsquare_s.png) no-repeat left top;
float: left;
height: 180px;
width: 180px;
padding: 5px;
margin: 10px 10px 0 0;
position: relative;
}

.cartRecommendBox div.smallsquare a {
text-decoration: none;
}

.cartRecommendBox div.smallsquare span.pic {
height: 136px;
overflow: hidden;
display: block
}

.cartRecommendBox div.smallsquare span.pic img {
margin: -24px 0 0 0;
}

.cartRecommendBox div.smallsquare span.label {
display: block;
overflow: hidden;
background:url(../images/bg_productsquare_label.gif) repeat left top;
width:160px;
height:30px;
padding: 7px 10px;
line-height: 140%;;
border-top: 1px dotted #bcadad;
}

.cartRecommendBox div.smallsquare a span.qti {
position:absolute;
left:5px;
top:15px;
color:#ffffff;
display:block;
background:#333333;
padding:5px 10px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

.cartRecommendBox div.smallsquare a:hover span.qti, {
background:#cc0000;
}

.cartRecommendBox div.smallsquare span.qti strong{
font-size:120%;
}


/* 検索 */

div.multicolumn dl.narrowdown {
float: left;
width: 200px;
}

div.multicolumn dl.narrowdown dt.search{
margin: -30px 0 0 -13px;
}

div.multicolumn dl.narrowdown dl dt{
padding: 15px 0 5px 0;
}

div.multicolumn dl.narrowdown dl dd input{
vertical-align: middle;
}

div.multicolumn dl.narrowdown dl dd .forms{
width: 50px;
}

div.multicolumn dl.narrowdown dl dd .formm{
width: 130px;
}
  
div.multicolumn dl.narrowdown dl dd .forml{
width: 180px;
padding:3px 3px 2px 3px;
}

div.multicolumn dl.narrowdown dl dd .forml option{
padding:3px 0;
}

div.multicolumn dl.narrowdown dl dd .label {
margin: 0 10px 0 5px;
font-size: 15px;
letter-spacing: 1px;
vertical-align: middle;
}

div.multicolumn dl.narrowdown dl dd a{
line-height: 160%;
background: url(../images/bg_link.png) no-repeat left center;
margin: 5px 0 0 0;
padding: 0 0 0 15px;
text-decoration: none;
display: block;
font-size: 15px;
letter-spacing: 1px;
}

div.multicolumn div.boxnoimage{
width:694;
height:197px;
position:absolute;
right:50px;
top:20px;
}

/* 大ボックス */

div.multicolumn div.bigsquare { 
background: url(../images/bg_productsquare_l.gif) no-repeat left top;
float: left;
height: 380px;
width: 380px;
padding: 5px;
margin: 10px 10px 0 0;
position: relative;
}

div.multicolumn div.bigsquare a {
text-decoration: none;
}

div.multicolumn div.bigsquare span.pic {
height: 300px;
overflow: hidden;
display: block
}

div.multicolumn div.bigsquare span.pic img {
margin: -40px 0 0 0;
}

div.multicolumn div.bigsquare span.label {
display: block;
overflow: hidden;
background:url(../images/bg_productsquare_label.gif) repeat left top;
width:360px;
height:65px;
padding: 5px 10px 10px 10px;
line-height: 160%;
border-top: 1px dotted #bcadad;
}

div.multicolumn div.bigsquare span.label strong{
display: block;
font-weight: bold;
margin: 0 0 5px 0;
background: url(../images/bg_link.png) no-repeat left 0.7em;
padding: 5px 0 0 15px;
}


/* 小ボックス */

div.multicolumn div.smallsquare { 
background: url(../images/bg_productsquare_s.gif) no-repeat left top;
float: left;
height: 180px;
width: 180px;
padding: 5px;
margin: 10px 10px 0 0;
position: relative;
}

div.multicolumn div.smallsquare a {
text-decoration: none;
}

div.multicolumn div.smallsquare span.pic {
height: 136px;
overflow: hidden;
display: block
}

div.multicolumn div.smallsquare span.pic img {
margin: -24px 0 0 0;
}


div.multicolumn div.smallsquare span.label {
display: block;
overflow: hidden;
background:url(../images/bg_productsquare_label.gif) repeat left top;
width:160px;
height:30px;
padding: 7px 10px;
line-height: 140%;;
border-top: 1px dotted #bcadad;
}

div.multicolumn div.smallsquare a span.qti {
position:absolute;
left:5px;
top:15px;
color:#ffffff;
display:block;
background:#333333;
padding:5px 10px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

div.multicolumn div.bigsquare a span.qti {
position:absolute;
left:5px;
top:15px;
color:#ffffff;
display:block;
background:#333333;
padding:3px 10px 5px 10px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

div.multicolumn div.smallsquare a:hover span.qti,
div.multicolumn div.bigsquare a:hover span.qti {
background:#cc0000;
}

div.multicolumn div.smallsquare span.qti strong{
font-size:120%;
}

div.multicolumn div.bigsquare span.qti strong{
font-size:180%;
}

/* ラベル */

span.outlet {
position:absolute;
right:-5px;
top:-5px;
}

span.vv_only,
span.online_only,
span.limited,
span.preceding {
position:absolute;
right:0px;
top:0px;
}

/* サイズ表記 */
/* 特集 */


#specialcontarea span.size{
position:absolute;
left: 5px;
bottom: 5px;
width: 45px;
margin:0;  
padding:0;  

}


#specialcontarea span.size_small{
position:absolute;
left: 45px;
top: 100px;
width: 45px;
margin:0;  
padding:0;  

}

#specialcontarea　span.size_small img{
width: 45px;

}



/* 検索 */

span.size{
position:absolute;
left: 7px;
bottom: 90px;
width: 45px;
margin:0;  
padding:0;  
}

span.size img{
width: 45px;
}

span.size_small{
position:absolute;
top: 92px;
left: 6px;
margin:0;  
padding:0;  
border-left:0;  
}

span.size_small img{
width: 45px;
}


/* 特集ボックス */

div.multicolumn div.smallsquare span.pop {
height: 136px;
display: block;
position:relative;
overflow:hidden;
}

div.multicolumn div.smallsquare span.pop img {
margin: 0;
}

div.multicolumn div.smallsquare span img.ribbon {
position:absolute;
display:block;
left:0;
top:24px;
}

div.multicolumn div.smallsquare span.pop img.ribbon {
top:0;
}

div.multicolumn div.smallsquare.feature span.label {
background:url(../images/bg_productsquare_label_feature.gif) repeat left top;
}




/* スペーサー */

div.multicolumn div.spacesquare { 
float: left;
height: 190px;
width: 190px;
margin: 10px 10px 0 0;
}

/* ページネーション */

form div.arrbox {
margin: 30px auto 0 auto;
width:200px;
}

form div.arrbox input{
display: block;
text-indent: -9999px;
width: 91px;
height: 67px;
}

form div.arrbox input.prev{
float:left;
text-indent: -9999px;
width: 91px;
height: 67px;
background:url(../images/btn_search_prev.gif) no-repeat left top;
cursor: pointer;
}

form div.arrbox input.next{
float:right;
text-indent: -9999px;
width: 91px;
height: 67px;
background:url(../images/btn_search_next.gif) no-repeat left top;
cursor: pointer;
overflow:hidden;
}

form div.arrbox input.prev.disable{
background:url(../images/btn_search_prev_selected.gif) no-repeat left top;
}

form div.arrbox input.next.disable{
background:url(../images/btn_search_next_selected.gif) no-repeat left top;
}

div.arrbox img.prevdisable{
float:left;
width: 91px;
height: 67px;
}

div.arrbox img.nextdisable{
float:right;
width: 91px;
height: 67px;
}


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

 商品詳細 

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

.detailbannerarea{
padding:0 0 20px 0;
}


/*　左エリア 
------------------------------------------*/

.detailleftcont {
float: left;
width: 590px;
}


.detailleftcont .detailleftcontbox {
width: 590px;
background: url(../images/bg_detailleft.gif) repeat-y left top;
margin:0 0 20px 0;
}

.detailrightcont {
float: right;
width: 400px;
}

.detailleftcont .bottom {
background: url(../images/bg_detailleft_bottom.gif) no-repeat left bottom;
padding: 0 0 30px 0;
}

.detailleftcont .bottom .producttitle {
background: url(../images/bg_detailleft_top.gif) no-repeat left top;
padding: 15px 20px 10px 20px;
font-size: 250%;
line-height: 130%;
}

.detailleftcont .bottom .qtibox {
padding:10px 14px 0 14px;
margin:0 6px;
font-size:116.7%;
border-top: 1px solid #d4c2be;
text-align:center;
}

.detailleftcont .bottom .qtibox span.qti{
font-size:220%;
}

.detailleftcont .bottom .qtibox span.few{
font-size:150%;
}

.detailleftcont .bottom .qtibox span{
font-size:120%;
}

.detailleftcont .bottom .boximage {
padding: 15px 0 20px 55px;
width: 490px;
position:relative;
}

.detailleftcont .bottom .boximage .social ul {
display:block;
position:absolute;
top: 240px;
left: 170px;
}

.detailleftcont .bottom .boximage .social ul li{
float:left;
}

.detailleftcont .bottom .boximage .social li.twit {
width: 90px;
}


.detailleftcont .bottom .boximage p{
padding:5px 10px 10px 0;
}

.detailleftcont .bottom .boximage ul li {
float: left;
margin-top: 10px;
margin-right: 10px;
}

/*サイズ表記*/
.detailleftcont .bottom .boximage span.size{
position:absolute;
left: 61px;
top: 434px;
margin:0;
padding:0;  

}

.detailleftcont .bottom .boximage span.size img{
width: 55px;

}

.detailleftcont .bottom dl {
padding: 0 50px;
font-size: 180%;
line-height: 130%;
}

.detailleftcont .bottom dl dt {
padding: 0 0 10px;
}

.detailleftcont .bottom dl dd p {
margin: 0 0 20px 0;
}




.detailleftcont div.standard {
margin:20px 0 0 20px;
}

.detailleftcont div.standard p {
line-height: 160%;
font-size:116.7%;
font-weight:bold;
width:160px;
float:left;
margin:10px 0 0 0;
}

.detailleftcont div.standard p.hundred {
width:140px;
}

.detailleftcont div.standard p.title {
width:90px;
border-left:5px solid #ffeb12;
padding:0 0 0 5px;
margin:0;
}

.detailleftcont div.standard p a{
text-decoration:none;
color:#cc0000;
background: url(../images/bg_link.png) no-repeat left top;
padding: 0 0 0 13px;
margin: 5px 0 0 0;
}

.detailleftcont div.standard p span {
font-size:180%;
padding:0 3px 0 0;
}

/* 左エリア内タグ */
.detailleftcont .bottom .lefttag dl {
border-top: 1px solid #bcadad;
margin-top: 15px;
}
.detailleftcont .bottom .lefttag dl dt {
color: #3f1911;
padding: 15px 0 0 0;
}
.detailleftcont .bottom .lefttag dl dd ul {
padding: 10px 20px 0 20px;
}
.detailleftcont .bottom .lefttag dl dd ul li {
float: left;
background:#fffce3;
border: 1px solid #d4c2be;
padding: 2px 4px;
margin: 0 5px 5px 0;
white-space: nowrap;
}


/*** 商品詳細 ガチャSR 201904 ***/
#cart_kuji .kuji_srarea {
  border-top: 2px solid #e8dfdd;
  padding: 30px 0 0 0;
  margin: 30px 0 0 0;
}

#cart_kuji .kuji_sr ul {
  display: table;
}

#cart_kuji .kuji_sr dt.sr_name{
  padding: 0 0 10px 0;
}

#cart_kuji .kuji_sr .sr_ct1,.sr_ct2 {
  padding: 0 0 10px 0;
}

#cart_kuji .kuji_sr .sr_ttl{
  padding: 20px 0 5px 10px;
  margin: 0;
  font-weight: bold;
}

/*2列*/
#cart_kuji .kuji_sr .sr_ct1 li.sr_list {
  width: 50%;
  margin-bottom: 20px;
  padding: 0 5px;
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
}

/*3列*/
#cart_kuji .kuji_sr .sr_ct2 li.sr_list {
  width: 33%;
  margin-bottom: 20px;
  padding: 0 5px;
  float: left;
  display: block;
  position: relative;
  box-sizing: border-box;
}

#cart_kuji .kuji_sr .sr_img {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

#cart_kuji .kuji_sr .sr_img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid #e8dfdd;
}

#cart_kuji .kuji_sr .sr_img a {
  display: block;
}

#cart_kuji .kuji_sr .sr_list li:nth-child(odd) {
  clear: left;
}



/*　右エリア 
------------------------------------------*/

/* 過去履歴 */

.detailrightcont .history {
background: url(../images/bg_detail_histleft.gif) no-repeat left top;
height: 93px;
width: 380px;
margin: 0 0 20px 20px;
position: relative;
}

.detailrightcont .history p.left{
position: absolute;
left: 15px;
top: 48px;
}

.detailrightcont .history p.right {
position: absolute;
right: 15px;
top: 48px;
}

.detailrightcont .history p.title {
margin: 0 auto;
width: 69px;
padding: 5px 0 0 0;
}

.detailrightcont .history ul {
padding: 0 0 0 15px;
overflow: hidden;
width: 360px;
}

.detailrightcont .history ul li {
float: left;
margin: 10px 10px 0 0;
}







.detailrightcont p.banner{
padding: 0px 20px 20px;
}



/* 商品データ */

.detailrightcont .data {
background: url(../images/bg_detailproddata_top.gif) no-repeat top left;
padding: 7px 0 0 0;
margin: 0 0 20px 20px;
width: 380px;
}

.detailrightcont .data .bottom {
background: url(../images/bg_detailproddata_bottom.gif) no-repeat bottom left;
padding: 0 0 9px 0;
width: 380px;
}

.detailrightcont .data .body {
background: #ffffff;
border-left: 1px solid #bcadad;
border-right: 1px solid #bcadad;
padding: 8px 0 0 0;
}

.detailrightcont .data .body div.cartarea {
padding: 0 20px 15px 20px;
}

.detailrightcont .data .body div.cartarea img.cartbtnfever {
padding: 10px 0 0 0;
vertical-align:bottom;
}

.detailrightcont .data .body div.cartarea img.favbtnfever{
width: 130px;
height: 29px;
display:block;
margin: 10px auto 0 auto;
}

.detailrightcont .data .body div.cartarea .txtAttDispatch {
display: block;
font-size: 18px;
padding: 5px 0 10px;
}

.detailrightcont .data .body div.cartarea ul {
background: url(../images/bg_dotline.gif) repeat-x left bottom;
margin:0 0 8px 0;
}

.detailrightcont .data .body span.txtex{
line-height:18px;
display:block;
font-size:14px;
}

.detailrightcont .data .body div.cartarea li.price{
float: left;
width: 180px;
text-align: left;
padding:0 0 10px 0;
}

.detailrightcont .data .body div.cartarea li.price span{
color: #cc0000;
font-weight: bold;
font-size: 300%;
}

.detailrightcont .data .body div.cartarea li.productnumber{
float:right;
width: 150px;
line-height:160%;
padding:20px 0 10px 0;
font-size:91.3%;
text-align: right;
}

.detailrightcont .data .body div.cartarea li.productnumber dl dd span.txtex{
line-height:100%;
padding:0;
display:block;
font-size:91.3%;
}

.detailrightcont .data .body div.cartarea div.pricesubmit{
font-size:91.3%;
color:#999999;
}

.detailrightcont .data .body div.cartarea div.pricesubmit p{
float:left;
margin:7px 0 0 0;
}

.detailrightcont .data .body div.cartarea div.pricesubmit p.free{
background:url(../images/bg_detail_freeprice.gif) no-repeat left top;
padding:0 0 0 7px;
margin:0 0 0 10px;
}

.detailrightcont .data .body div.cartarea div.pricesubmit p.free span{
padding:5px;
border:1px solid #cccccc;
border-left:none;
display:block;
}

.detailrightcont .data .body div.cartarea div.pricesubmit p.free span strong{
color: #cc0000;
font-size:116.7%;
}

.detailrightcont .data .body div.cartarea input.cartbtn{
background:url(../images/btn_detail_cart.gif) no-repeat left top;
width: 340px;
height: 50px;
cursor: pointer;
text-indent: -9999px;
display:block;
margin:10px 0 0 0;
overflow:hidden;
}

.detailrightcont .data .body div.cartarea input.cartbtn.disable{
background:url(../images/btn_detail_cart_disable.gif) no-repeat left top;
cursor:none;
}

.detailrightcont .data .body div.cartarea input.favbtn{
background:url(../images/btn_detail_favor.gif) no-repeat left top;
width: 165px;
height: 29px;
cursor: pointer;
text-indent: -9999px;
display:block;
margin: 10px auto 0 auto;
overflow:hidden;
}

.detailrightcont .data .body div.cartarea input.favbtn.disable{
background:url(../images/btn_detail_favor_disable.gif) no-repeat left top;
cursor:none;
}

.detailrightcont .data .body div.cartarea input.remailbtn{
background:url(../images/btn_detail_remail.gif) no-repeat left top;
width: 165px;
height: 29px;
cursor: pointer;
text-indent: -9999px;
display:block;
margin: 10px auto 0 auto;
overflow:hidden;
}

.detailrightcont .data .body div.cartarea input.remailbtn.disable{
background:url(../images/btn_detail_remail_disable.gif) no-repeat left top;
cursor:none;
}

.detailrightcont .data .body div.cartarea img.favbtn{
width: 165px;
height: 29px;
cursor: pointer;
text-indent: -9999px;
display:block;
margin: 10px auto 0 auto;
}

.detailrightcont .data .body div.cartarea img.remailbtn{
background:url(../images/btn_detail_favor.gif) no-repeat left top;
width: 165px;
height: 29px;
cursor: pointer;
text-indent: -9999px;
display:block;
margin: 10px auto 0 auto;
}

.detailrightcont .data .bottom .body dl {
border-top: 1px solid #bcadad;
}

.detailrightcont .data .bottom .body dl dt {
font-size: 116.7%;
font-weight: bold;
color: #3f1911;
padding: 15px 20px 0 20px;
}

.detailrightcont .data dl dd {
background: url(../images/bg_dotline.gif) repeat-x left bottom;
}

.detailrightcont .data dl dd.last {
background: none;
}

.detailrightcont .data .bottom .body dl dd ul.other {
padding: 0 0 15px 20px;
}


.detailrightcont .data .bottom .body dl dd ul.other li{
float: left;
padding: 10px 10px 0 0;
}

.detailrightcont .data .bottom .body dl dd ul.tag,
.detailrightcont .data .bottom .body dl dd ul.special,
.detailrightcont .data .bottom .body dl dd ul.social {
padding: 10px 20px 5px 20px;
}

.detailrightcont .data .bottom .body dl dd ul.tag {
padding: 10px 20px 15px 20px;
}

.detailrightcont .data .bottom .body dl dd ul.tag li {
float: left;
background:#fffce3;
border: 1px solid #d4c2be;
padding: 2px 4px;
margin: 0 5px 5px 0;
white-space: nowrap;
font-size:140%;
}

.detailrightcont .data .bottom .body dl dd ul.tag li a{
text-decoration: none;
}






.detailrightcont .data .bottom .body dl dd p.txt {
padding:5px 20px;
font-size:140%;
line-height:200%;
}

.detailrightcont .data .bottom .body dl dd p.txt strong{
background:#ffeb12;
}

.detailrightcont .data .bottom .body dl dd p.txt a{
background:#ffeb12;
}

.detailrightcont .data .bottom .body dl dd ul.special li {
float:left;
padding: 0 10px 10px 0;
width:164px;
}

.detailrightcont .data .bottom .body dl dd ul.special li.last {
padding:0 0 10px 0;
}

.detailrightcont .data .bottom .body dl dd ul.special li a{
text-decoration:none;
}

.detailrightcont .data .bottom .body dl dd ul.special li a span{
height:120px;
display:block;
overflow:hidden;
margin:0 0 10px;
}

.detailrightcont .data .bottom .body dl dd ul.special li a span.pic img{
margin:-20px 0 0 0;
}

.detailrightcont .data .bottom .body dl dd ul.social li {
float:left;
padding: 0 20px 0 0;
height: 30px;
}

.detailrightcont .data .bottom .body dl dd ul.social li.twit {
width: 90px;
}

/* 関連する商品 */

.detailrightcont .relatebox  ul {
padding: 0 0 0 20px;
}

.detailrightcont .relatebox  ul li {
margin: 20px 0 0 0;
}

.detailrightcont .relatebox  ul li a img{
float: left;
padding: 0 10px 0 0; 
}

.detailrightcont .relatebox  ul li dl{
float: left;
width: 310px;
line-height: 130%;
}

.detailrightcont .relatebox  ul li dl dt{
font-weight: bold;
}

.detailrightcont .relatebox  ul li dl dd{
padding: 1em 0 0 0;
font-size: 91.7%;
line-height: 160%;
}

.detailrightcont .relatebox  ul li dl dd span{
font-size: 120%;  
}


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

 ランキング 

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


#rankingarea {
background: url(../images/bg_ranking_all.gif) no-repeat left bottom;
height: 956px;
width: 780px;
float:right;
position:relative;
}

div.leftcont.ranking {
position:relative;
float:left;
}

#rankingarea li{
position:absolute;  
}

#rankingarea li a{
display:block;
position:relative;
text-decoration: none;
}

#rankingarea li img.rank{
position:absolute;
left:-20px;
top:-15px;
z-index:1;
}

#rankingarea li span.pic img {
margin: -25px 0 0 0;
}

#rankingarea li span.pic {
overflow: hidden;
display: block;
position:relative;
}

#rankingarea li span.label {
display: block;
overflow: hidden;
background:url(../images/bg_productsquare_label.gif) repeat left top;
height:30px;
padding: 10px;
line-height: 140%;
border-top: 1px dotted #bcadad;
}

#rankingarea li span.tipfukidashi{
right:-70px;
top:-68px;
}

#rankingarea li.first{
left:30px;
top:112px;
width:390px;
height:390px;
}

#rankingarea li.first span.pic {
height: 340px;
}

#rankingarea li.first span.label {
width:370px;
}

#rankingarea li.second{
left:450px;
top:442px;
width:300px;
height:300px;
z-index:1;
}

#rankingarea li.second span.pic {
height: 250px;
}

#rankingarea li.second span.label {
width:280px;
}

#rankingarea li.third{
left:30px;
top:670px;
width:250px;
height:250px;
z-index:1;
}

#rankingarea li.third span.pic {
height: 200px;
}

#rankingarea li.third span.label {
width:230px;
}

#rankingarea li.fourth{
left:450px;
top:112px;
}

#rankingarea li.fifth{
left:615px;
top:112px;
}

#rankingarea li.sixth{
left:450px;
top:277px;
}

#rankingarea li.seventh{
left:615px;
top:277px;
}

#rankingarea li.eighth{
left:30px;
top:532px;
}

#rankingarea li.ninth{
left:170px;
top:532px;
}

#rankingarea li.tenth{
left:310px;
top:532px;
}

#rankingarea li.eleventh{
left:310px;
top:773px;
z-index:2;
}

#rankingarea li.twelveth{
left:404px;
top:773px;
z-index:2;
}

#rankingarea li.thirteenth{
left:498px;
top:773px;
z-index:2;
}

#rankingarea li.fourteenth{
left:592px;
top:773px;
z-index:2;
}

#rankingarea li.fifteenth{
left:686px;
top:773px;
z-index:2;
}

#rankingarea li.sixteenth{
left:310px;
top:857px;
z-index:2;
}

#rankingarea li.seventeenth{
left:404px;
top:857px;
z-index:2;
}

#rankingarea li.eighteenth{
left:498px;
top:857px;
z-index:2;
}

#rankingarea li.ninteenth{
left:592px;
top:857px;
z-index:2;
}

#rankingarea li.twentieth{
left:686px;
top:857px;
z-index:2;
}


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

 ブランド・特集一覧

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


#cartinarea.list{
margin:-10px  auto 0 auto;
}

#cartinarea.list p.tit {
margin:-10px 0 -20px -39px;
}

#cartinarea.list p.titcartlist {
padding: 20px 0 10px 20px;
}
#cartinarea.list .top{
padding: 10px 0 0 0;
}


#cartinarea.list .top .bottom ul {
margin: 0 20px;
}

#cartinarea.list .top .bottom ul li {
float: left;
background: none;
width: 220px;
white-space:normal;
padding: 0 20px 0 0;
margin: 10px 0 0 0;
line-height: 130%;
}

#cartinarea.list .top .bottom ul li a{
text-decoration: none;
display:block;
}

#cartinarea.list .top .bottom ul li img{
vertical-align: middle;
padding: 0 10px 10px 0;
float: left;
display: block;
}



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

201109.ポップ作成機能  

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


/* 詳細画面
------------------------------------------*/


.detailleftcont .bottom div.popcreate {
position:relative;
margin:0 0 5px 0;
}

.detailleftcont .bottom div.popcreate .inner {
/*background:#000;
opacity:0.8;
filter: alpha(opacity=80);*/
font-weight:bolder;
/*color:#fff;*/
position:absolute;
left:0;
bottom:0;
display:block;
width:480px;
height: 60px;
text-align:right;
font-size:18px;
}

.detailleftcont .bottom div.popcreate .inner a{
color:#fff;
}

.detailleftcont .bottom div.popcreate .inner img{
vertical-align:middle;
padding:5px 15px 5px 5px;
}


.detailleftcont .bottom div.popcreate .leftarr{
position:absolute;
left:-40px;
top:140px;
}

.detailleftcont .bottom div.popcreate .rightarr{
position:absolute;
right:-40px;
top:140px;
}

.detailleftcont .bottom .pop {
  padding:0 0 0 55px;
}

.detailleftcont .bottom .pop ul li a{
float:left;
margin:0 2px 0 0;
border:2px solid #37503d;
}

.detailleftcont .bottom .pop ul {
display:block;
/*margin:0 0 20px 0;*/
}

.detailleftcont .bottom .pop ul li a:hover{
border:2px solid #ff0000;
}

.detailleftcont .bottom .pop p.attention{
  font-size:110%;
  padding: 0 0 15px;
  margin-top: 5px;
  width: 480px;
}

.detailleftcont .bottom .pop .nocreate{
  padding: 0 0 20px;
  width: 480px;
}


/* 作成画面
------------------------------------------*/

#popgenerator{
background:#fff;
width:100%;
height:100%;
}

#popgenerator .generatebox{
padding:20px;
height:auto;
width:824px;
}

#popgenerator .inputarea {
width:320px;
float:left;
padding: 0 20px 0 0;
}

#popgenerator .inputarea img.product{
float:left;
margin:0 10px 0 0;
}
#popgenerator .inputarea p{
float:left;
width:260px;
font-size:160%;
font-weight:bold;
}

#popgenerator .inputarea textarea {
border: 1px solid #cccccc;
width: 320px;
min-height: 100px;
padding: 3px;
line-height: 160%;
margin:10px 0 0 0;
resize : none;  
font:133.3% "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans","Hiragino Kaku Gothic Pro","Meiryo",arial,helvetica,clean,sans-serif;
}

.chrome #popgenerator .inputarea textarea {
font-size: 120%;
border: 1px solid #cccccc;
width: 320px;
min-height: 100px;
padding: 3px;
line-height: 140%;
}

#popgenerator .inputarea  input.btngenerate{
display:block;
background:url(../images/btn_generator_create.gif) no-repeat left top;
width:188px;
height:48px;
margin:10px auto;
text-indent:-9999px;
cursor:pointer;
}

#popgenerator div.poparea{
float: right;
position:relative;
}

#popgenerator img.loading{
display:none;
position:absolute;
top:143px;
left:218px;
}

#popgenerator .tweetbox {
background:#36d6ee;
width:100%;
color:#fff;
position:absolute;
bottom:0;
height:170px;
}

#popgenerator .tweetbox img{
float:left;
margin:10px 10px 0 0;
}

#popgenerator .tweetbox dl{
padding:20px;
}

#popgenerator .tweetbox dl dt{
font-size:116.7%;
line-height:1.3;
margin:0 0 20px;
}
#popgenerator .tweetbox dl dt span{
font-size:180%;
display:block;
}

#popgenerator .tweetbox dl .formxl{
min-height:25px;
width:605px;
float:left;
padding:10px;
}

#popgenerator .tweetbox dl input.btntweet{
display:block;
background:url(../images/btn_generate_twitter.gif) no-repeat left top;
width:189px;
height:50px;
text-indent:-9999px;
cursor:pointer;
float:left;
}

/* -- POP認証画面・投稿画面 -- */
#popgenerator .socialbox {
background:#70bc04;
width:100%;
color:#fff;
position:absolute;
bottom:0;
height:200px;
}

#popgenerator .socialbox dl{
padding:20px 20px 5px 20px;
}

#popgenerator .socialbox dl dt{
font-size:116.7%;
line-height:1.3;
margin:0 0 20px;
}
#popgenerator .socialbox dl dt span{
font-size:180%;
display:block;
}

#popgenerator .socialbox dl .formxl{
min-height:24px;
width:605px;
float:left;
padding:10px;
margin-top: 2px;
margin-right: 2px;
}

/* 認証ボタン */
#popgenerator .socialbox dl input.btntweetlogin {
display:block;
background:url(../images/btn_generate_twitter_login.png) no-repeat left top;
width:61px;
height:50px;
text-indent:-9999px;
cursor:pointer;
float:left;
margin-right: 2px;
}
#popgenerator .socialbox dl input.btnfblogin {
display:block;
background:url(../images/btn_generate_facebook_login.png) no-repeat left top;
width:61px;
height:50px;
text-indent:-9999px;
cursor:pointer;
float:left;
margin-right: 2px;
}
#popgenerator .socialbox dl input.btnmixilogin {
display:block;
background:url(../images/btn_generate_mixi_login.png) no-repeat left top;
width:61px;
height:50px;
text-indent:-9999px;
cursor:pointer;
float:left;
margin-right: 2px;
}

/* 投稿ボタン */
#popgenerator .socialbox dl input.btnsocialsubmit {
display:block;
background:url(../images/btn_generate_social.png) no-repeat left top;
width:189px;
height:50px;
text-indent:-9999px;
cursor:pointer;
float:left;
}

/* POPを共有する */
#popgenerator .socialbox dl.popshare {
font-size:123.1%;
line-height:1.3;
height: 37px;
padding: 0 0 0 20px;
}
#popgenerator .socialbox dl.popshare dt {
font-weight: bold;
vertical-align: middle;
padding: 5px 20px 0 0;
margin: 0;
float: left;
}
#popgenerator .socialbox .popshare li {
font-size:123.1%;
font-weight: bold;
float: left;
padding-right: 25px;
}
#popgenerator .socialbox .checkicon { vertical-align: middle; }


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

  12/08/23 プレゼントバナー（左カラム下）

------------------------------------------------------------------*/
#presentbannerdetail{
width: 590px;
clear: both;
margin-bottom: 20px;
overflow: hidden;
}
#presentbannerdetail ul li{
float: left;
margin: 0 10px 10px 0;
}
#presentbannerdetail ul li.top{
margin: 10px 10px 10px 0; 
}


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

  12/12/06 ラッピングリンク

------------------------------------------------------------------*/
.cartarea .txtempareart.wrapping {
margin: 15px 0;
}

.cartarea .txtempareart.wrapping .icon {
padding: 0 5px 0 0;
margin-top: -5px;
vertical-align: middle;
}


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

  13/02/01 プライスダウンリンク追加

------------------------------------------------------------------*/
.linkpricedown {
background: url(../images/bg_category_pricedown.gif) no-repeat left top;
font-size: 16px;
font-weight: bold;
width: 620px;
min-height: 32px;
padding: 14px 0 0 80px;
margin: 30px auto 20px auto;
}

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

  13/12/ POPバナー（テキストリンク入り）

------------------------------------------------------------------*/
.popbannerlink {
margin-bottom: 15px;
}
.popbannerlink li {
width: 285px;
float: left;
margin: 0 10px 6px 0;
}
.popbannerlink li.end {
margin-right: 0;
}
/* popbanner txt */
.popbannerlink li span {
font-weight: bold;
font-size: 100%;
line-height: 1.4;
text-align: center;
padding: 0;
display: block;
}
.popbannerlink li a:link {
text-decoration: none;
}


/*-----------------------------------------------------------------
   2016/08/ クリエイタープロフィール
------------------------------------------------------------------*/
.creator_area{
  border-top: 1px solid #bcadad;
  padding: 15px 20px;
}
.creator_area h2{
  font-size: 16px;
  color: #3f1911;
  font-weight: bold;
  margin-bottom: 15px;
}
.creator_area .creator_image{
  float: left;
  width: 140px;
  height: 140px;
  overflow: hidden;
  border: 1px solid #a7a7a7;
  margin-right: 10px;
}
.creator_area .right_parts{
  float: left;
  width: 185px;
}
.creator_area p{
  font-size: 13px;
  margin-bottom: 10px;
}
.creator_area h3{
  font-size: 14px;
  color: #3f1911;
  font-weight: bold;
  margin: 15px 0 10px;
}
.creator_area ul li{
  float: left;
  margin-right: 10px;
}
.btn_creator_follow{
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.text_about_follow{
  font-size: 11px !important;
  line-height: 14px;
  margin-top: 8px;
  display: block;
}