@charset "shift_jis";

/* ===================================
style2 Section
style2 News
style2 PageTop
style2 Detail
style2 Search（2カラム化で追加）
style2 Result1（2カラム化で追加）
style2 Result2（2カラム化で追加）
style2 Result3（2カラム化で追加
style2 cat_pickup
style2 makerbox（2カラム化で追加）
style2 Item（2カラム化で追加）
contentsRanking_hc（2カラム化で追加）
style2 Paging（2カラム化で追加）
Float Clearing
=================================== */


/* ===== Section ===== */
.style2 #contents .section{
/*position:relative;*/
}
.style2 #contents .section h2{
width:720px;
margin:0 auto 8px;
}

/* ===== News ===== */
.style2 #contents #news{
position:relative;
margin-bottom:10px;
padding-bottom:12px;
}
.style2 #contents #news h1{
margin-bottom:8px;
}
.style2 #contents #news p.more{
position:absolute;
top:10px;
right:20px;
}
.style2 #contents #news dl{
width:720px;
margin:0 auto;
padding:8px 0px;
}

/* ===== ContentsArea Pagetop ===== */
.style2 #pagetop{
clear:both;
width:950px;
text-align:right;
}


.style2 #contents .description,
.style2 #contents .expansion,
.style2 #contents .relation{
margin-left:15px;
line-height:150%;
margin-bottom:1em;
padding-bottom:1em;
/*background:url("../img/line_01.gif") 0 bottom repeat-x;*/
}
.style2 #contents .expansion li{
line-height:150%;
}
.style2 #contents .expansion li h2{
font-size:120%;
margin-bottom:0.5em;
}

/* ===== Detail ===== */
.style2 #contents #detail{
margin-bottom:0.75em;
padding-left:15px;
}
.style2 #contents #detail h1 {
margin-bottom:0.8em;
font-size:120%;
font-weight:bold;
color:#333;
position:static;
}
.style2 #contents #detail .disp{
display:none;
}
.style2 #contents #detail .wrapper{
margin-bottom:3em;
}
.style2 #contents #detail .wrapper .box_type{
float:left;
/*width:220px;*/
/*width:396px;*/
width:409px;
}
.style2 #contents #detail .wrapper .box_detail{
float:right;
width:318px;
}
.style2 #contents #detail .wrapper .box_otoku{
width:298px;
padding:7px 10px;
margin-bottom:0.8em;
text-align:center;
background:#ffe0e0;
color:#f00;
font-weight:bold;
font-size:120%;
float:right;
}
.style2 #contents #detail .wrapper .box_attention{
margin-top:0.8em;
}
.style2 #contents #detail .wrapper .box_attention li{
font-size:80%;
text-indent:-1em;
margin-left:1em;
line-height:1.6em;
}
.style2 #contents #detail .wrapper .box_price{
position:relative;
float:right;
width:/*294px;*/ 294px;
min-height:71px;
_height:71px; /* IE6,IE7,IE8*/
/*margin-top:1em;
padding:10px 6px;*/
padding:0 10px 5px;
background:#f2f2f2;
border:1px solid #efefef;
_height:auto !important; /*IE6,IE7*/
_overflow:hidden; /*IE6,IE7*/
}
.style2 #contents #detail .wrapper .box_price table{
width:294px;
}
.style2 #contents #detail .wrapper .box_price table em{
font-size:100%;
}
.style2 #contents #detail .wrapper .box_price table th,
.style2 #contents #detail .wrapper .box_price table td{
overflow:hidden;
padding:10px 0;
border-bottom:dotted 1px #ccc;
}
.style2 #contents #detail .wrapper .box_price table th{
font-weight:normal;
padding-right:10px;
white-space:nowrap;
}
.style2 #contents #detail .wrapper .box_set.detail th{
min-width:80px;
max-width:100px;
width:expression(document.body.clientWidth < 82? "80px" : document.body.clientWidth > 102? "100px" : "auto"); /* IE */
white-space:normal;
background:none;
}
.style2 #contents #detail .wrapper .box_set.detail select{
width:200px;
overflow: visible;
}
.style2 #contents #detail .wrapper .box_set.detail .box_yoridori select{
width:auto;
}
.style2 #contents #detail .wrapper .box_price table td{
padding-bottom:7px;
}
.style2 #contents #detail .wrapper .box_price table tr td ul li{
text-indent:-1em;
margin-left:1em;
padding-left:1em;

margin-bottom:3px;
line-height:120%;
}
.style2 #contents #detail .wrapper .box_price table tr td ul li input{
margin-bottom:3px;
}

.style2 #contents #detail .wrapper .box_price table tr td ul li{
overflow:hidden;
}
.style2 #contents #detail .wrapper .box_price table tr td .box_yoridori{
width:203px;
border:none;
overflow:hidden;
margin-top:-4px;
margin-bottom:0;
}
/*
.style2 #contents #detail .wrapper .box_price table tr td .box_yoridori th:first-of-type,
.style2 #contents #detail .wrapper .box_price table tr td .box_yoridori td:first-of-type{
padding:0;
}*/
.style2 #contents #detail .wrapper .box_price table tr td .box_yoridori th{
padding-top:0;
background:none;
vertical-align:top;
text-align:left;
padding:4px 10px 4px 0;
white-space:normal;
}
.style2 #contents #detail .wrapper .box_price table tr td .box_yoridori td{
padding-top:0;
background:none;
vertical-align:top;
text-align:left;
padding:4px 0;
white-space:nowrap;
}
.style2 #contents #detail .wrapper .box_price table tr td .box_yoridori td select{
margin-top:-3px;
}

.style2 #contents #detail .wrapper .box_price_left{
float:left;
padding-top:10px;
}
.style2 #contents #detail .wrapper .box_price_right{
float:right;
padding-top:10px;
}
.style2 #contents #detail .wrapper p.type{
width:/*207px*/ 394px;
text-align:left;
border:1px solid #ccc;
border-bottom:none;
background:url("../img/bg_bias04.gif") 0 0 repeat;
}
.style2 #contents #detail .wrapper p.pic{
width:/*207px*/ 394px;
margin-bottom:1em;
text-align:center;
border:1px solid #ccc;
}
.style2 #contents #detail .wrapper p.more{
width:/*209px*/ 396px;
margin-bottom:1em;
text-align:right;
}
.style2 #contents #detail .wrapper ul.thum li{
float:left;
margin:0px 9px 9px 0px;
border:1px solid #ccc;
}
.style2 #contents #detail .wrapper ul.icon{
margin-top:0.5em;
margin-bottom:0;
height:13px;
}
.style2 #contents #detail .wrapper ul.icon li{
float:left;
display:inline;
height:13px;
margin-right:3px;
line-height:1em;
}
.style2 #contents #detail .wrapper p.name{
margin-bottom:0.25em;
/*font-size:120%;*/
font-weight:bold;
}
/*.style2 #contents #detail .wrapper p.name*/ #detail h1 {
clear:left;
/*margin-top:1em;*/
font-size:120%;
font-weight:bold;

margin-bottom:0.8em;
padding-bottom:0.8em;
background:url("../img/line_01.gif") 0 bottom repeat-x;
}


.style2 #contents #detail .wrapper p.code{
/*margin-bottom:0.8em;
padding-bottom:0.8em;*/
color:#666;
font-weight:normal;
font-size:80%;
/*background:url("../img/line_01.gif") 0 bottom repeat-x;*/
margin-bottom: 0;
padding-bottom: 0;
background: none;
}

.style2 #contents #detail .wrapper ul.expansion{
margin-top:1em;
padding-top:1em;
background:url("../img/line_01.gif") 0 top repeat-x;
}
.style2 #contents #detail .wrapper ul.expansion li{
margin-bottom:0.5em;
}
.style2 #contents #detail .wrapper .spec{
margin-bottom:0.8em;
padding-bottom:0.8em;
line-height:160%;
background:url("../img/line_01.gif") 0 bottom repeat-x;
}
.style2 #contents #detail .wrapper .spec table tr.pb5 td{
padding-bottom:5px !important;	
}
.style2 #contents #detail .wrapper .spec .attention{
font-size:80%;
vertical-align:top;
}
.style2 #contents #detail .wrapper p.txt{
line-height:160%;
}
.style2 #contents #detail .wrapper p.size{
margin-bottom:1em;
line-height:160%;
}
.style2 #contents #detail .wrapper p.amount{
width:150px;
margin-bottom:0.6em;
}
.style2 #contents #detail .wrapper .sale{
line-height:180%;
color:#f00;
font-size:120%;
}
.style2 #contents #detail .wrapper .sale strong{
font-size:180% !important;
}
.style2 #contents #detail .wrapper .sale.WithTaxPrice{
font-size: 100%;
font-weight: normal;
margin-top: -20px;
margin-left: 6px;
color: #333;
*height:1%;
*margin-top:0;
}
.style2 #contents #detail .wrapper .taxParent{
*position:relative;
*z-index:1;
*top:-8px;
}
.style2 #contents #detail .wrapper .point{
padding-left:18px;
background:url("../img/icon_point.gif") 0 0 no-repeat;
}
.style2 #contents #detail .wrapper .cart{
display:block;
}
.style2 #contents #detail .wrapper .mycatalog{
display:block;
margin:5px 0 0 3px;
}
/* Social Button */
.style2 #contents #detail .wrapper .socialBtn{
float:right;
text-align:left;
width: 318px;
margin-top:1.5em;
padding-top:1.5em;
background: url("../img/line_01.gif") top repeat-x;
}
.style2 #contents #detail .wrapper .socialBtn .mixi{
float:left; padding-left:3px; padding-top:1px;
}
.style2 #contents #detail .wrapper .socialBtn .twt{
float:left; padding-left:18px;
width: 110px;
}
.style2 #contents #detail .wrapper .socialBtn .fcbk{
float:left; /*margin-left:-20px;*/
}
#fb-root{ display:none; }

.right #title{
height:1px;
margin-top: 3px;
/*_margin-top:-10px;*/ /* IE6 */
padding-top:0;
border-bottom:1px solid #ccc;
}

/* バンドル対応メッセージ出し分け */
.style2 #rervMsg {
display: none;
margin-top: 8px;
font-size: 10px;
color: #f00;
}

/* ===== Relation ===== */
.style2 #contents .relation{
margin-top:30px;
}
.style2 #contents .relation img {
margin-bottom:1em;
}
.style2 #contents .relation .wrapper{
margin-bottom:1em;
padding-bottom:1em;
background:url("../img/line_01.gif") 0 bottom repeat-x;
}
.style2 #contents .relation .wrapper .box_detail{
float:right;
/*padding-right:15px;*/
width:615px;
}
.style2 #contents .relation .wrapper p.pic{
float:left;
width:100px;
text-align:center;
border:1px solid #ccc;
}
.style2 #contents .relation .wrapper p.pic img{
margin-bottom:0;
}
.style2 #contents .relation .wrapper p.name{
font-weight:bold;
}
.style2 #contents .relation .wrapper p.txt{
font-size:80%;
line-height:160%;
}
.style2 #contents .relation .wrapper p.sale{
margin-bottom:0.25em;
/*font-weight:bold;*/
font-size: 100%;
color:#f00;
}
.style2 #contents .relation .wrapper p.size{
font-size:80%;
line-height:160%;
}


/* ===== Table ===== */
.style2 #contents table{
margin-bottom:1em;
border:1px solid #dcdcdc;
border-collapse:collapse;
}
.style2 #contents table th{
padding:12px;
text-align:left;
background:#f5f5f5;
border:1px solid #dcdcdc;
}
.style2 #contents table th span{
color:#ff3c0f;
}
.style2 #contents table td{
padding:10px 12px;
border:1px solid #dcdcdc;
}
.style2 #contents table td em{
font-size:80%;
color:#f00;
}
.style2 #contents table td span{
font-size:80%;
}
.style2 #contents table td img,
.style2 #contents table td input{
vertical-align:middle;
}
.style2 #contents table.detail,
.style2 #contents table.detail tr,
.style2 #contents table.detail td,
.style2 #contents table.detail th{
margin:0;
padding:0;
border:none;
}

/* ===== Search（2カラム化で追加） ===== */
.style2 #contents #contentsSearch{
/*margin-bottom:25px;*/
/*padding-bottom:10px;*/
/*background:url("../img/bg_search.gif") 0 bottom no-repeat;*/
overflow:hidden;
}
.style2 #contents #contentsSearch .ctgryTitle {
min-height:38px;
_height:38px;
margin:5px 0 15px 0;
padding:1px 20px 0px;
font-size:200%;
display:block;
font-weight:bold;
}
.style2 #contents #contentsSearch .ctgrySubTitle {
font-weight:normal;
display:inline;
}
.style2 #contents #contentsSearch .more{
float:right;
margin:-40px 0;
padding-right:10px;
font-size:80%;
}
.style2 #contents #contentsSearch #search_filter{
width:746px;
border-right:#d2d2d2 solid 1px;
border-left:#d2d2d2 solid 1px;
border-top:#d2d2d2 solid 1px;
display:none;
}
.style2 #contents #contentsSearch #search_filter_title{
width:746px;
border-right:#d2d2d2 solid 1px;
border-left:#d2d2d2 solid 1px;
border-top:#d2d2d2 solid 1px;
cursor:pointer;
}
.style2 #contents #contentsSearch #search_filter_title h2{
padding-left:12px;
width:100px;
height:28px;
line-height:28px;
float:left;
}
.style2 #contents #contentsSearch #search_filter_title p{
float:left;
margin-right:20px;
height:28px;
line-height:28px;
}
.style2 #contents #contentsSearch #search_filter_title #btn_searchFilter{
height:20px !important;
margin-top:4px;	
}
.style2 #contents #contentsSearch form{
width:720px;
margin:0 auto;
padding-top:20px;
overflow:hidden;
}
.style2 #contents #contentsSearch .wrapper{
width:720px;
margin:0 auto 8px;
padding-bottom:17px;
background:url("../img/line_01.gif") 0 bottom repeat-x;
overflow:hidden;
}
.style2 #contents #contentsSearch .wrapper.last{
background:none;
margin-bottom:0;
}
.style2 #contents #contentsSearch .wrapper .text{
width:239px;
height:12px;
/*padding:0.1em;*/
padding:2px;
line-height:1em;
ime-mode:inactive;
}
.style2 #contents #contentsSearch .wrapper .text.price {
width:155px;
}
.style2 #contents #contentsSearch .wrapper select{
width:296px;
}
.style2 #contents #contentsSearch .wrapper h2{
float:left;
width:135px;
}
.style2 #contents #contentsSearch ul{
float:left;
width:582px;
overflow:hidden;
}
.style2 #contents #contentsSearch li{
display:inline;
line-height:160%;
}
.style2 #contents #contentsSearch .more{
text-align:right;
}
.style2 #contents #contentsSearch .more img{
margin-left:10px;
vertical-align:middle;
}
/*大カテ > 小カテ の絞り込みを表示する場合*/
.style2 #contents #contentsSearch ul.category_parent{
border:1px dotted #dcdcdc;
padding:5px 10px;
width:562px;
}
.style2 #contents #contentsSearch ul.category_child{
margin-left:135px;
_margin-left:68px; /*IE6*/
background:url(../img/line01_arrow.gif) top center no-repeat;
padding-top:15px;
margin-top:-1px;
}

/* ===== Result1（2カラム化で追加） ===== */
.style2 #contents #result1 .paging{
padding-bottom:0.3em;
border-bottom:1px solid #CCC;
margin-bottom:1em;
}
.style2 #contents #result1 .wrapper{
background:url(../img/results_block_bg.gif) bottom right;
}
.style2 #contents #result1 .box_type{
width:122px;
}
.style2 #contents #result1 .box_detail{
width:280px;
}
.style2 #contents #result1 .box_price{
position:relative;
width:312px;
min-height:93px;
_height:93px;
}
.style2 #contents #result1 .box_price p.fixed{
width:150px;
margin-bottom:0.25em;
}
.style2 #contents #result1 .box_price p.sale{
width:150px;
margin-bottom:0.25em;
}
.style2 #contents #result1 .box_price p.point{
width:142px;
margin-bottom:0.25em;
}
.style2 #contents #result1 .box_price p.cart{
position:absolute;
top:8px;
right:10px;
}
.style2 #contents #result1 .box_price p.soldout{
position:absolute;
top:8px;
right:10px;
}
.style2 #contents #result1 .box_price p.reserve{
position:absolute;
top:8px;
right:10px;
}
.style2 #contents #result1 .box_price p.mycatalog{
position:absolute;
top:72px;
left:175px;
}

/* ===== Result2（2カラム化で追加） ===== */
.style2 #contents #result2 .paging{
padding-bottom:0.3em;
border-bottom:1px solid #CCC;
margin-bottom:1em;
}
.style2 #contents #result2 .wrapper{
padding-bottom:1em;
}
.style2 #contents #result2 .box_type{
margin-bottom:0.75em;
}
.style2 #contents #result2 .box_type p.type{
margin-right:30px;
}
.style2 #contents #result2 .box_detail{
float:left;
width:356px;
}
.style2 #contents #result2 .box_detail p.name{
width:350px;
}
.style2 #contents #result2 .box_price{
position:relative;
float:right;
width:342px;
padding:10px;
}
.style2 #contents #result2 .box_price p{
line-height:18px;
}
.style2 #contents #result2 .box_price p.fixed{
/*float:left;*/
width:167px;
font-size:80%;
}
.style2 #contents #result2 .box_price p.sale{
/*float:left;*/
width:167px;
}
.style2 #contents #result2 .box_price p.point{
/*float:left;*/
width:167px;
}
.style2 #contents #result2 .box_price p.cart{
position:absolute;
top:0.6em;
right:10px;
}
.style2 #contents #result2 .box_price p.contract{
position:absolute;
width:160px;
top:0.6em;
right:10px;
}
.style2 #contents #result2 .box_price p.inquiry{
position:absolute;
top:0.6em;
right:10px;
}
.style2 #contents #result2 .box_price p.reserve{
position:absolute;
top:0.6em;
right:10px;
}
.style2 #contents #result2 .box_price p.mycatalog{
position:absolute;
text-align:right;
top:5em;
right:10px;
}
.style2 #contents #result2 .box_price p.reserve{
font-weight:bold;
text-align:left!important;
}
.style2 #contents #result2 .box_price p.soldout{
font-weight:bold;
text-align:left!important;
}

/* ===== Result3（2カラム化で追加） ===== */
.style2 #contents #result3 .paging{
margin-bottom:0.5em;
}
.style2 #contents #result3 .box_result{
position:relative;
width:148px;
}
.style2 #contents #result3 .box_result.first{
width:150px;
}
.style2 #contents #result3 .box_result p.soldout{
position:absolute;
left:35px;
top:114px;
}
.style2 #contents #result3 .box_result p.reserve{
position:absolute;
left:45px;
top:116px;
}
/* ===== cat_pickup ===== */
.style2 #contents #cat_pick{
margin-bottom:15px;
}
.style2 #contents #cat_pick #carouselWrap .btn_left{
  position:absolute;
  left:0;
  top:0;
  background:url(../img/cmdty_recommend/btn_left_ovr.gif) no-repeat;
}
.style2 #contents #cat_pick #carouselWrap .btn_right{
  position:absolute;
  right:0;
  top:0;
  background:url(../img/cmdty_recommend/btn_right_ovr.gif) no-repeat;
}
.style2 #contents #cat_pick #carouselWrap .btn{
  cursor:pointer;
}
.style2 #contents #cat_pick #carouselWrap .btn img{
  margin:0 !important;
}
.style2 #contents #cat_pick #carouselWrap .mainWrap{
  width:732px;
  height:69px;
  margin-left:13px;
  position:relative;
}
.style2 #contents #cat_pick #carouselWrap .mainBox{
  width:622px;
  padding-top:2px;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}
.style2 #contents #cat_pick #carouselWrap .carouselMove{
  position:absolute;
  left:0;
  top:0;
}
.style2 #contents #cat_pick #carouselWrap .mainBox ul{
  float:left;
}
.style2 #contents #cat_pick #carouselWrap .mainBox ul li{
  width:253px;
  float:left;
  padding:3px 29px 0;
  display:block;
  cursor:pointer;
}
.style2 #contents #cat_pick #carouselWrap .mainBox ul li a img{
  display:block;
  margin-bottom:3px;	
}
.style2 #contents #cat_pick #carouselWrap .mainBox ul li p{
  font-size:80%;
  display:none;
}
.style2 #contents #cat_pick #carouselWrap ul.thumb{
  padding-top:7px;
  margin:0 auto;
}
.style2 #contents #cat_pick #carouselWrap ul.thumb li{
  width:10px;
  height:10px;
  display:block;
  float:left;
  padding:0 3px;
  overflow:hidden;
  background:url(../img/cmdty_recommend/switch.gif) no-repeat 3px 0;
  cursor:pointer;
}
.style2 #contents #cat_pick #carouselWrap ul.thumb li.active{
  background:url(../img/cmdty_recommend/switch.gif) no-repeat 3px -12px;
}

/* ===== makerbox（2カラム化で追加） ===== */
.style2 #contents .makerbox{
width:746px;
border:1px solid #d2d2d2;
overflow:hidden;
margin-bottom:15px;
}
.style2 #contents .makerbox .makerboxTitle{
width:732px;
margin:0;
padding:5px 7px;
/* background-colorは各館のcssで定義 */
}
.style2 #contents .makerbox .makerboxLogo{
margin:3px;
float:left;
}
.style2 #contents .makerbox .makerboxTxt{
width:426px;
float:left;
margin:0;
padding:10px 12px;
font-size:80%;
line-height:1.6em;
}
.style2 #contents .makerbox .makerboxImage{
padding:3px;
float:right;
}
.style2 #contents .makerbox .makerboxTxt ul{
width:426px !important;
margin-top:10px;
}
.style2 #contents .makerbox .makerboxTxt ul li{
margin-top:5px;
display:block !important;
}

/* ===== Item（2カラム化で追加） ===== */
.style2 #contents .section ul.item li{
width:112px;
}
.style2 #contents .section ol.item li{
width:112px;
}
.style2 #contents .section ul.item li .pic,
.style2 #contents .section ol.item li .pic{
margin-bottom:8px;
}
/* ===== contentsRanking_hc（2カラム化で追加） ===== */
#contentsRanking_hc .wrapper .heading{
clear:both;
width:515px;
margin:0 auto 0.15em;
padding:3px 5px;
background:#f4f4f4;
}
#contentsRanking_hc .wrapper .heading h3{
float:left;
font-size:120%;
}
#contentsRanking_hc .wrapper .heading p.more02{
float:right;
text-align:right;
}
#contentsRanking_hc .wrapper .heading{
zoom:1;
_height:1%;
}
#contentsRanking_hc .wrapper .heading:after{
display:block; 
clear:both; 
visibility:hidden;
height:0; 
content:".";
}
#contentsRanking_hc ul.item li{
width:112px;
}
#contentsRanking_hc ol.item li{
width:112px;
}
#contentsRanking_hc ul.item li .pic,
#contentsRanking_hc ol.item li .pic{
margin-bottom:8px;
}

/* ===== Paging（2カラム化で追加） ===== */
.style2 #contents .paging p{
float:left;
}
.style2 #contents .paging ul{
float:right;
}

/* ===== Contents navSupport ===== */
#index #navigation #navHistory .wrapper{
margin:15px 0 1.5em 0;
}

/* ===== カテゴリ検索商品一覧下部のランキング表示  ===== */


#contents #cat_rk{
margin-top:50px;
}
#contents #cat_rk h2{
margin:0;
padding:10px 0px 9px 40px;
font-size:120%;
font-weight:bold;
height:14px;
line-height:100%;
}
#contents #cat_rk div.rk_wrap{
background:url("../img/bg_bias04.gif") 0 0 repeat;
padding:10px 7px;
border:solid 1px #D2D2D2;
margin:0 auto 10px;
}
#contents #cat_rk div.rk_wrap ol#itmbox{
border:none;
list-style:none;
}
#contents #cat_rk div.rk_wrap ol#itmbox li{
float:left;
background:#fff;
border:none;
padding-bottom:10px;
margin:5px;
width:112px;
display:block;
}
#contents #cat_rk div.rk_wrap ol#itmbox li p.rank{
text-align:center;
padding-top:5px;
}
#contents #cat_rk div.rk_wrap ol#itmbox li p.pic_name{
text-align:left;
padding:5px 6px;
font-size:10px;
}
#contents #cat_rk div.rk_wrap ol#itmbox li p.pic_name img{
border:none; margin-bottom:8px; width:100px;
} 
#contents #cat_rk div.rk_wrap ol#itmbox li p.price{
color:#F00;
text-align:center;
line-height:1.2;
}
#contents #cat_rk div.rk_wrap ol#itmbox li p.price em{
font-size:110%;
font-weight:bold;
}
#contents #cat_rk div.rk_wrap ol#itmbox li p.price span{
font-size:10px;
}

/* ===== Float Clearing ===== */
.clearFix,
.style2 #contents .paging,
.style2 #contents #result1 .icon{
zoom:1;
_height:1%;
}
.clearFix:after,
.style2 #contents .paging:after,
.style2 #contents #result1 .icon:after{
display:block; 
clear:both; 
visibility:hidden;
height:0; 
content:".";
}

/* ===== cmdty_carousel ===== */

#carouselWrap{
  margin-bottom:20px;
}
#carouselWrap .carousel-Layout{
  width:732px;
  margin:30px auto 0;
}

#carouselWrap .carousel-Layout h2{
  width:720px;
  height:26px;
  margin-bottom:20px;
  padding-left:12px;
  padding-top:1px;
  background:url(../img/cmdty_recommend/recommend_ttl_bg.gif) no-repeat left bottom;
  font-size:15px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif !important;
  font-weight:normal;
  
}

#carouselWrap .carousel-Layout .btn_left{
  position:absolute;
  left:0;
  background:url(../img/cmdty_recommend/btn_left_ovr.gif) no-repeat;
}
#carouselWrap .carousel-Layout .btn_right{
  position:absolute;
  right:0;
  background:url(../img/cmdty_recommend/btn_right_ovr.gif) no-repeat;
}
#carouselWrap .carousel-Layout .btn{
  cursor:pointer;
}
#carouselWrap .carousel-Layout .btn img{
  margin:0 !important;
}
#carouselWrap .carousel-Layout .mainWrap{
  width:732px;
  position:relative;
}
#carouselWrap .carousel-Layout .mainBox{
  width:650px;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}
#carouselWrap .carousel-Layout .carouselMove{
  position:absolute;
  left:0;
  top:0;
}
#carouselWrap .carousel-Layout .mainBox ul{
  float:left;
}
#carouselWrap .carousel-Layout .mainBox ul li{
  width:120px;
  float:left;
  padding:0 5px;
  display:block;
  cursor:pointer;
}
#carouselWrap .carousel-Layout .mainBox ul li .boxWrap{
  border:1px solid #CCC;
}
#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .detailBox{
  width:100px;
  padding:15px 9px 18px;
  background:url(../img/cmdty_recommend/carousel_bg.gif) no-repeat left bottom;
}
#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .txtBox{
  width:100px;
  padding:0 9px 7px;
  background:#FAFAFA;
  font-size:10px;
  line-height:1.3;
  text-align:center;
}
#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .txtBox h3{
  font-size:11px;
  font-weight:normal;
}

#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .txtBox a{
  text-align:left;
  display:block;
  text-decoration:underline;
  font-size:11px;
  color:#268CD6;
}
#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .txtBox a.active{
  text-decoration:none;
  color:#666;
}

#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .txtBox p{
  font-size:12px;
  color:#F00;
  text-align:center;
  font-weight:bold;
  padding-top:8px;
}
#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .txtBox p.fix1{
  font-size:10px;
  color:#F00;
  font-weight:normal;
}
#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .txtBox p span{
  font-size:10px;
  font-weight:normal;
}
#carouselWrap .carousel-Layout .mainBox ul li .boxWrap .txtBox span.free{
  color:#E10033;
  display:block;
  font-weight:bold;
}

#carouselWrap .carousel-Layout ul.thumb{
  padding-top:14px;
  margin:0 auto;
}
#carouselWrap .carousel-Layout ul.thumb li{
  width:10px;
  height:10px;
  display:block;
  float:left;
  padding:0 3px;
  overflow:hidden;
  background:url(../img/cmdty_recommend/switch.gif) no-repeat 3px 0;
  cursor:pointer;
}
#carouselWrap .carousel-Layout ul.thumb li.active{
  background:url(../img/cmdty_recommend/switch.gif) no-repeat 3px -12px;
}