@charset "euc-jp";

/*----- html5 -----*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block }
footer a:link, footer a:visited { /* text-decoration: underline; */ color: #000; nowhitespace: afterproperty; text-decoration: none; }
/*----- reset -----*/
img { border: none; margin: 0px; padding: 0px; vertical-align: middle; }
a img { border: none }
li { list-style: none }
strong { font-weight: bold }
h1, h2, h3, h4 { font-size: 100% }
a:link, a:visited { /* text-decoration: underline; */ color: #06C; /* text-decoration: none; */ color: #06C; nowhitespace: afterproperty; text-decoration: none; }
/*
a:hover img{
    filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}*/
/*----- class -----*/
.clearfix { display: inline-block }
/*hides IE-mac \*/
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
*html .clearfix { height: 1% }
.clearfix { display: block }
/*hide  IE-mac */
.center { position: absolute }
/* ---- font -----*/
html { *font: x-small; *font-size: x-small; color: #333; font: 13px/1.3 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif !important; }
:first-child + html body { font-size: 100% }
* html body { font-size: 100% }
/* ---- iPhone -----*/
html { -webkit-text-size-adjust: none }
body { background: url(http://www.bikebros.co.jp/css/none) no-repeat center 40px }




body { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif !important; margin: 0px; padding: 0px; }
Ul, li { list-style: none; margin: 0px; padding: 0px; }
img { vertical-align: middle }


a img { border-style: none }

.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }

#main-column { float: left; width: 810px; }
#main { background: #CCC; height: 350px; margin-bottom: 15px; }
h2.midashi { background: #006DD9; color: #FFF; font-size: 15px; font-weight: bold; margin: 0px 0px 10px; padding: 10px; }



#header_top_new_inbox h1 { line-height:1;}

/*************************************************************/
/* コンテンツ部分 */
/*************************************************************/
#wrapper { zoom: 100% }
#topicpath { background: #FFF; font: 11px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif; margin: 5px 0px 15px; padding: 0px; width: 950px; }
#container { background: #FFF; clear: both; margin: 10px auto 0px; padding: 0px; width: 950px; zoom: 100%; }
#wrapper:after, #container:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }


/*************************************************************/
/* パンクズ */
/*************************************************************/
ul.breadcrumbs { margin: 10px 0; padding: 0; }
ul.breadcrumbs li.last a { background: none; color: #333; cursor: default; text-decoration: none; }
ul.breadcrumbs li.last a:hover { text-decoration: none }
ul.breadcrumbs li { *display: inline; /* 0.8em default to override font-size: 0; on parent*/ /* IE ONLY*/ display: inline-block; font-size: 14px; line-height: 100%; list-style-type: none; margin: 0; nowhitespace: afterproperty; nowhitespace: afterproperty; padding: 0; position: relative; zoom: 1; }
ul.breadcrumbs li a { *display: inline; /* IE ONLY*/ background: url(http://www.bikebros.co.jp/img/ec-detail/breadcrumbs-bg.gif) no-repeat right center; display: inline-block; font-size: 0.9em; margin: 0; nowhitespace: afterproperty; padding: 5px 15px 5px 5px; position: relative; zoom: 1; }
/* Alternative Style */
ul.breadcrumbs.alt1 { border: 1px solid transparent; font-size: 0; }
ul.breadcrumbs.alt1 li.first a { border-left: 1px solid #efefef }
ul.breadcrumbs.alt1 li.last a { background: none; border-right: 1px solid #efefef; }
ul.breadcrumbs.alt1 a:hover { text-decoration: underline }
ul.breadcrumbs.alt1 li a { background: url(http://www.bikebros.co.jp/img/ec-detail/breadcrumbs-bg.gif) no-repeat right center; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; font-size: 11px; padding: 10px 25px 10px 15px; text-decoration: none; }



#topicpath { font-size:11px !important; color:#000 !important; padding:5px 0px 0px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/*************************************************************/
/* スライド */
/*************************************************************/
.slider-area h2 { border-bottom: 1px solid #666; font-size: 16px; line-height: 1; margin-bottom: 15px; padding-bottom: 10px; }
.slider-area .bx-wrapper { margin-bottom: 40px !important; margin-left: 40px !important; }
.slider-area .bx-wrapper .bx-controls-direction { }
.slider-area .bx-wrapper .bx-controls-direction a.bx-prev { background: url(../img/ec-detail/page.gif) no-repeat 0px 0px; left: -40px; }
.slider-area .bx-wrapper .bx-controls-direction a.bx-next { background: url(../img/ec-detail/page.gif) no-repeat -25px 0px; right: -30px; }
.slider-area .bx-wrapper .bx-controls-direction a { height: 150px; margin-top: 0px; outline: 0 none; position: absolute; text-indent: -9999px; top: 0; width: 25px; z-index: 9999; }
.slider-area .bx-wrapper .bx-viewport { border-style: none; box-shadow: none; }
.slider-area .bx-wrapper .item-name { font-size: 11px; line-height: 130%; margin: 5px 0px 0px; }
.slider-area .slide { position: relative }
.slider-area .slide .rank1 { background: #FC0 }
.slider-area .slide .rank2 { background: #999 }
.slider-area .slide .rank3 { background: #960 }
.slider-area .slide .rank { background: #333; color: #FFF; font-size: 12px; height: 14px; left: 0px; line-height: 14px; padding: 4px; position: absolute; text-align: center; top: 0px; width: 14px; }

/*************************************************************/
/* タブ */
/*************************************************************/
#tab-wrap { float: left; width: 810px; }
.tab-nav { margin: 0 auto; position: relative; width: 800px; z-index: 1; }
.tab-nav:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.tab-nav li.active { background: #006DD9; color: #FFF !important; }
.tab-nav li.active a { color: #FFF }
.tab-nav li { background: #CCC; border-radius: 5px 5px 0 0; color: #666; display: block; float: left; font-size: 13px; font-weight: bold; line-height: 1; margin: 0 5px -3px 0px; padding: 12px 0 13px; position: relative; text-align: center; text-decoration: none; width: 180px; }
.tab-nav li span.count { background: linear-gradient(to bottom, rgb(232, 97, 108), rgb(221, 32, 47)) repeat scroll 0 0 rgb(226, 52, 66); border: 2px solid #FFF; border-radius: 25px; color: #FFF; font: bold normal 14px/1 Arial, Helvetica, sans-serif; padding: 5px 8px; position: absolute; right: 10px; text-align: center; text-shadow: 0 1px rgba(0, 0, 0, 0.2); top: -8px; }
.tab-nav li a { color: #666; text-decoration: none; }
.tab-nav { margin-left: 0px }
.tab-content { background: #FFF; border-top: 5px solid #006DD9; font-size: 12px; margin-bottom: 20px; overflow: hidden; position: relative; z-index: 99; }
.tab-content li p { font-size: 14px; line-height: 1.7; margin: 0px; }
.tab-content h3 { background: #EFEFEF; font-size: 15px; font-weight: bold; line-height: 1; margin: 0px 0px 10px; padding: 10px; }
.tab-content h4 {
	border-left: 5px solid #006DD9;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	margin: 1em 0px;
	padding: 0px 0px 0px 5px;
}
.tab-content ul { margin: 0 auto; padding: 0px 0 20px; }
.tab-content ul li { font-size: 14px; line-height: 1.7; margin-bottom: 5px; text-decoration: none; }

a.mail-post { background: #F5F5F5; border: 1px solid #CCC; display: block; font-size: 14px; line-height: 1px; padding: 15px; text-align: center; text-decoration: none; width: 100px; }
a:hover.mail-post { background: #006DD9; color: #FFF; }

/*************************************************************/
/* 商品詳細 */
/*************************************************************/


#item-detail { margin-bottom: 0px; position: relative; zoom: 100%; }
#item-detail .item-maker-price { margin: 10px 0px 5px; text-decoration: line-through; }
#item-detail .item-cart-btn { margin: 10px 0px }
#item-detail .item-rating { }
#item-detail .item-rating > span.user-review   { background: url(../img/ec/icon-review.png) no-repeat left 7px; display: inline-block; font-size: 12px; margin-left: 10px; padding-left: 20px; }
#item-detail .item-rating > span.user-review a { color: #333; font-size: 11px margin: 0 5px 0 0; display: block;background: #CCC;padding: 6px 10px;border: 1px solid #CCC; border-radius: 4px; background: #EFEFEF; /* Old browsers */background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ }

#item-detail .bx-wrapper { padding-left: 10px; position: relative; }
#item-detail .bx-wrapper .bx-controls-direction { }
#item-detail .bx-wrapper .bx-controls-direction a.bx-next { background: url(http://www.bikebros.co.jp/css/none) no-repeat 0px 0px }
#item-detail .bx-wrapper .bx-controls-direction a.bx-prev { background: url(http://www.bikebros.co.jp/css/none) no-repeat 0px 0px }
#item-detail .bx-wrapper .bx-controls-direction a { height: 150px; margin-top: 0px; outline: 0 none; position: absolute; text-indent: -9999px; top: 0; width: 25px; z-index: 9999; }
#item-detail .bx-wrapper .bx-viewport { border: 5px solid #7FB4C5; border-style: none; box-shadow: none; left: 0px; }
#item-detail .bx-wrapper .bx-pager, #item-detail.bx-wrapper .bx-controls-auto { position: absolute !important; top: 360px !important; width: 100%; }
#item-detail .item-price { font-family: helvetica; color: #C00; font-size: 32px; font-weight: normal; line-height: 1; margin: 0px; }
#item-detail .item-price span.item-cap { font-family: helvetica; font-size: 13px }
#item-detail .item-photo { float: left; margin-right: 10px; width: 482px;}

#item-detail ul.pankuzu {  width: 480px; margin-top: 50px;/* position: absolute; bottom: 15px; left: 0px;*/}
#item-detail ul.pankuzu li { font-size: 11px; line-height: 1.2; margin-bottom: 5px; }
#item-detail .off-price { font-size: 16px; margin: 5px 0px 0px; }
#item-detail .item-name { border-bottom: 1px solid #D6D6D6; font-size: 20px; font-weight: bold; line-height: 1.2; margin-bottom: 10px; padding-bottom: 10px; }
#item-detail .item-data { float: right; width: 450px; }
#item-detail .item-cap { font-size: 12px; line-height: 1.3; }
#item-detail .item-point { font-size: 14px; margin: 5px 0 20px 0; }
#item-detail .icon { margin-bottom: 5px  }
#item-detail .icon > span.free { font-size: 12px; line-height: 1; background: #C00 ; padding: 6px 5px 4px 5px; vertical-align: bottom;}
#item-detail .icon > span { color: #FFF; display: inline-block; font-size: 18px; font-weight: bold; margin-right: 5px; padding: 3px 6px 2px; }
#item-detail:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }

#item-detail .icon > .point-up {
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #CC0000 !important;
	background: #FFFFFF;
	text-align: center;
	padding: 7px 7px 5px 7px;
	border: 3px solid #CC0000;
}

.flexslider { overflow: hidden }
.flexslider .slides > li { position: relative }
.flexslider .slides > li .deleteBox { background: #000; display: block; height: 50px; opacity: 0.7; padding: 10px 5px; position: absolute; width: 470px; }
.flexslider .slides > li .deleteBox > p.flex-caption { color: #FFF; display: block; margin: 0px; padding-right: 25px; }
.flexslider .slides > li .deleteBox > p.delete { position: absolute; right: 10px; top: 5px; }

#stock { border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 204); margin-bottom: 5px; padding: 10px; margin:15px 0px;}


#slider { position: relative; border: 4px solid #006DD9 !important;}
.soldout { text-align: center; position: absolute; left: 25%; top: 40%; z-index: 10; }
#slider .slides li > img { padding: 60px 80px }
/*************************************************************/
/* 詳細検索　*/
/*************************************************************/
#search-box { border: 5px solid #006DD9; font-size: 14px; margin-bottom: 15px; }
#search-box .search { background: #DFDFD0; padding: 10px; position: relative; zoom: 100%; }
#search-box .search label { margin-right: 10px }
#search-box .search input { font-size: 14px; line-height: 18px; margin-right: 5px; padding: 5px; vertical-align: middle; }
#search-box .search:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
#search-box .search p { margin: 0px 0px 5px }
#search-box h3 { font-size: 16px; margin: 0px; padding: 0px; }
#search-box h2 { background: #006DD9; cursor: pointer; font-size: 18px; margin: 0px; padding: 0px 0px 5px 10px; position: relative; }
#search-box h2 > .button.on { background: url(http://www.bikebros.co.jp/img/ec-detail/toggle_110714_2.png) no-repeat right top }
#search-box h2 > .button { background: url(http://www.bikebros.co.jp/img/ec-detail/toggle_110714_2.png) no-repeat 0px 0px; bottom: 10px; display: block; height: 22px; position: absolute; right: 5px; width: 75px; }
#search-detail { display: none }

.search-left { float: left }
.search-right { float: right }
.search-right .search-btn { bottom: 13px; position: absolute; right: 10px; }
.search-left, .search-right { background: none repeat scroll 0 0 rgb(255, 255, 255); padding: 13px; width: 355px; }

input.keyword { border: 1px solid rgb(163, 163, 163); width: 330px; }

.input-price { border: 1px solid rgb(163, 163, 163); width: 100px; }
.input-price-cap { font-size: 12px }

.search .search-left li { background: #EBEBE2; margin-bottom: 5px; padding: 5px; }
.search .search-left li:last-child { margin-bottom: 0px }

#category01 select, #category02 select, #category03 select { border: 1px solid #999; padding: 5px; width: 230px; }


/*************************************************************/
/* 表示方法　*/
/*************************************************************/
.search-navi { background: #F0F0F0; margin: 10px 0px; padding: 10px; }
.search-navi p { font-size: 12px; margin: 0px; }


/*************************************************************/
/* ページ　*/
/*************************************************************/
ul.pageNavi > li { border-right: 1px solid #AAAAAA; display: inline-block; font-size: 13px; }
ul.pageNavi > li:last-child { border-right-style: none; margin-right: 0px; padding-right: 0px; }
ul.pageNavi > li a { display: block; line-height: 1; padding-left: 10px; padding-right: 10px; text-decoration: none; }
ul.pageNavi > li a:hover { color: #F60 }
ul.pageNavi { text-align: right }


/*************************************************************/
/* アイテム表示　*/
/*************************************************************/
ul.item-list { margin: 0px 0px 10px; zoom: 100%; }
ul.item-list .item-name { font-size: 12px; margin: 5px 0px 0px; }
ul.item-list li.listend { margin-right: 0px }
ul.item-list:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
ul.item-list li { float: left; margin-right: 10px; width: 195px; }
form .title { font-size: 16px; font-weight: bold; line-height: 1; margin-top: 10px; }
.select { background: #EFEFEF; margin-bottom: 5px; margin-top: 2px; padding: 10px; }
.select select { font: 14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif; margin: 2px 0px; padding: 4px; width: 250px; }
.select label { display: inline-block; font-weight: bold; margin-right: 10px; text-align: right; width: 70px; }

#delivery .box { color: #C00 }
#delivery p { margin: 0px }
ul.link-btn { margin-bottom: 15px }
ul.link-btn:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
ul.link-btn > li { border: 1px solid #CCC; color: #333; float: left; font-size: 13px; line-height: 1; margin-bottom: 5px; margin-right: 10px; text-align: center; width: 218px; }
ul.link-btn > li:nth-child(2n) { margin-right: 0px }
ul.link-btn > li a { color: #666; display: block; padding: 10px; text-decoration: none; }
ul.link-btn > li a:hover { background: #FF7F00; color: #FFF; }

table.spec-table { border-top: 1px dotted #999 }
table.spec-table th { border-bottom: 1px dotted #999; font-weight: bold; padding: 10px 0px; text-align: left; vertical-align: top; white-space: nowrap; width: 120px; }
table.spec-table td { border-bottom: 1px dotted #999; border-left: 1px dotted #999; padding: 10px 0px 10px 10px; }
table.size-table { border-left: 1px solid #999; margin-bottom: 1em; }
table.size-table th, table.size-table td { border-bottom: 1px solid #999; border-right: 1px solid #999; text-align: center; }
table.size-table td { font-size: 13px }
table.size-table th { background: #333; color: #FFF; font-size: 13px; line-height: 1; padding-bottom: 5px; padding-top: 5px; }


/*************************************************************/
/* ユーザーレビュー（詳細画面）*/
/*************************************************************/
#review .review-title { font-size: 14px; font-weight: bold; line-height: 1; margin-bottom: 10px; }
#review .review-title img { margin-right: 5px; vertical-align: 0%; }
#review .review-body { border-top: 1px dotted #CCCCCC; font-size: 13px; line-height: 150%; padding-top: 10px; }
#review .review-body .align-right { float: right; margin-left: 20px; }
#review .review-body:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
#review .review-cap { font-size: 12px; line-height: 1; margin-bottom: 10px; }
#review .review-txt { font-size: 11px; margin-top: 10px; padding-top: 5px; }
#review .overview { background: #F5F5F5; font-size: 13px; padding: 5px 10px; }
#review h2 { -o-text-overflow: ellipsis; /* Opera9,10対応 */ background: #333; color: #FFF; font-size: 14px; font-weight: bold; line-height: 1; margin: 0px; nowhitespace: afterproperty; overflow: hidden; padding: 10px 10px 6px; text-overflow: ellipsis; white-space: nowrap; }
#review { background: #FFFFFF; border: 8px none #333; content: ""; }
a.btn-review { background: #06C; border-bottom: 2px solid #039; border-left: 1px solid #E1E1E1; border-right: 2px solid #039; border-top: 1px solid #E1E1E1; color: #FFF; display: inline-block; float: right; font-size: 12px; font-weight: bold; line-height: 1; margin-right: 10px; margin-top: 10px; padding: 8px 25px; text-decoration: none; white-space: nowrap; }
ul.review-list { background: #FFFFFF; margin-top: 10px; }
ul.review-list li { background: #FFF; border: 1px solid #999999; color: #333; margin-bottom: 10px; padding: 15px; }

#review .more { text-align: right; margin-top: -20px;}

#review .more:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#review .more a {
	display: block;
	white-space: nowrap;
	float: right;
	background: url(../img/ec-detail/more.jpg) no-repeat;
	height: 26px;
	width: 86px;
	text-indent: 9999px;
}

/*************************************************************/
/* 下部　右カラム商品縦表示（詳細画面）*/
/*************************************************************/
.side-item-list { float: right; width: 120px; }
.side-item-list .item-name { font-size: 11px; line-height: 130%; margin: 5px 0px 0px; }
.side-item-list .slide { margin-bottom: 10px }
.side-item-list .slide a.item-photo { display: block; position: relative; }
.side-item-list .slide a.item-photo:after { border: solid 1px #CCC; content: " "; display: block; height: 88px; left: 0px; position: absolute; top: 0px; width: 118px; }
.side-item-list > h2 { font-size: 13px; line-height: 130%; margin: 0px 0px 10px; }



/*************************************************************/
/*ショッピングインフォメーション　*/
/*************************************************************/
#shopping-information { clear: both }
#shopping-information h2.midashi:before { border-left: 5px solid rgb(255, 255, 255); content: ""; padding-left: 8px; }
#shopping-information .inbox { border: 1px solid #999999; font-size: 12px; line-height: 150%; padding: 0px 10px 10px; }
#shopping-information:after, #shopping-information .inbox:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
#shopping-information .right { float: right; width: 48%; }
#shopping-information .left { float: left; width: 48%; }
#shopping-information h3 { background: #EFEFEF; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; margin-bottom: 5px; padding: 5px; }
#shopping-information h2 { font-size: 16px; line-height: 1; margin-bottom: 0px; padding-bottom: 10px; }




/*************************************************************/
/*検索ページ用（詳細では使用しない） */
/*************************************************************/
#left-column { float: left; margin-right: 18px; width: 172px; }
#left-column .side-box { background: #FFF; border: 1px solid #999999; margin: 0px 0px 10px; }
#left-column .side-box > ul.side-menu > li { background: url(http://www.bikebros.co.jp/img/ec-detail/arrow-blue.gif) no-repeat 6px center; border-bottom: 1px dotted #CCCCCC; position: relative; }
#left-column .side-box > ul.side-menu > li:last-child { border-bottom-style: none }
#left-column .side-box > ul.side-menu > li a:hover { color: #F60 }
#left-column .side-box > ul.side-menu > li > ul { background: #FFF; border: 1px solid #006DD9; border-radius: 4px; box-shadow: 3px 3px 3px #969696; display: none; left: 165px; padding: 0px 10px; position: absolute; top: 5px; width: 170px; z-index: 10000; }
#left-column .side-box > ul.side-menu > li > ul:after { _border-color: #000000 #006DD9 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); border-color: transparent #006DD9 transparent transparent; border-style: solid; border-width: 8px 14px 8px 0; content: ""; display: block; height: 0px; left: -14px; line-height: 0px; position: absolute; top: 5px; width: 0px; }
#left-column .side-box > ul.side-menu > li > ul > li { border-bottom: 1px dotted #CCCCCC }
#left-column .side-box > ul.side-menu > li > ul > li:last-child { border-bottom-style: none }
#left-column .side-box > ul.side-menu > li > ul > li > a { color: #06C; display: block; height: 20px; line-height: 1; padding: 10px 0px 0px; vertical-align: middle; }
#left-column .side-box > ul.side-menu > li > a { color: #06C; display: table-cell; height: 30px; line-height: 1.2; padding: 0px 0px 0px 20px; vertical-align: middle; }
#left-column .side-box ul { font-size: 12px; margin: 0px; padding: 0px; }
#left-column .side-box ul li:hover { color: #FF6600 }
#left-column h2 { margin: 0px }
ul.side-itemlist { margin: 0px; padding: 0px; }
ul.side-itemlist > li { border-bottom: 1px dotted #CCC; font-size: 11px; line-height: 130%; margin: 0px; padding: 5px; }
ul.side-itemlist > li img.img-left { clear: both; float: left; margin-right: 6px; }
ul.side-itemlist > li:last-child { border-bottom-style: none }
ul.side-itemlist > li span { clear: both }


/*************************************************************/
/*最近チェックした商品 */
/*************************************************************/

#history_placeholder {}
#history_results {}
#history_result {}

#logrecom_relate_result,
#logrecom_purchase_result,
.detail { margin-bottom:30px;}

.history_title,
.logrecom_title {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background: #006DD9;
	padding: 10px;
}

.productcheck_r1_item,
.productcheck_r2_item,
.productcheck_r3_item, 
.productcheck_r4_item,
.productcheck_r5_item,
.productcheck_r2_lastitem,
.productcheck_r3_lastitem,
.productcheck_r4_lastitem,
.productcheck_r5_lastitem {
	float: left;
	width: 158px;
	margin-right: 5px;

}

.productcheck_r5_item,
.productcheck_r5_lastitem {margin-right: 0px;}


.productcheck_r6_item,
.productcheck_r7_item,
.productcheck_r8_item, 
.productcheck_r9_item,
.productcheck_r10_item,
.productcheck_r6_lastitem,
.productcheck_r7_lastitem,
.productcheck_r8_lastitem,
.productcheck_r9_lastitem,
.productcheck_r10_lastitem { display:none;}

#history_results:after,
#logrecom_relate_result:after,
#logrecom_rank_result:after,
#logrecom_purchase_result:after,
#logrecom_results:after,
.productcheck_r1_item:after,
.productcheck_r2_item:after,
.productcheck_r3_item:after, 
.productcheck_r4_item:after,
.productcheck_r5_item:after  {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

li.product_image a img { border: 1px solid #999; width: 156px; }
li.product_image a:hover img { opacity: 0.8 }
li.spec2 { margin-top: 5px }
li.name { font-size: 12px; line-height: 1.3; font-weight: normal; }
li.name a { }
.red_text { color: #CC0000 }


a#kanren_item_more_open, a#kanren_item_more_close,
a#model_list_more_open, a#model_list_more_close  {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #FFFFFF;
	width: 6em;
	text-align: center;
	background: #499bea; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5OWJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-8 */
	border-radius:4px;
}

/*****************************
レコメンド　20141009
******************************/
#ppz_recommend3, ppz_recommend4 {clear: both;}
#ppz_recommend3:after,
#ppz_recommend4:after { 
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#item-recommend.horizontal { margin: 0 0 15px 0;}
#item-recommend.horizontal .item-title { background: none repeat scroll 0 0 #333; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; padding: 10px; }
#item-recommend.horizontal ul:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#item-recommend.horizontal li {	width: 158px; float: left; margin-right: 5px;}
#item-recommend.horizontal li:last-child, #item-recommend.horizontal li.listend { margin-right: 0px;}
#item-recommend.horizontal .item-img a img { width: 156px; height: auto; border: 1px solid #666666; }
#item-recommend.horizontal .item-img  {margin: 0 0 5px 0;}
#item-recommend.horizontal .item-brand {font-size: 12px; font-weight: normal; line-height: 1.3;}
#item-recommend.horizontal .item-name {	font-size: 13px; font-weight: normal; line-height: 1.3;}
#item-recommend.horizontal .item-name a:hover { text-decoration: underline;}
#item-recommend.horizontal .item-price {font-size: 13px; font-weight: bold; line-height: 1.3; color: #FF0000}

#item-history.horizontal { margin: 0 0 15px 0;}
#item-history.horizontal .item-title { background: none repeat scroll 0 0 #333; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; padding: 10px; }
#item-history.horizontal ul:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#item-history.horizontal li { width: 158px; float: left; margin-right: 5px;}
#item-history.horizontal li:last-child, #item-history.horizontal li.listend { margin-right: 0px;}
#item-history.horizontal .item-img a img { width: 156px; height: auto; border: 1px solid #666666; }
#item-history.horizontal .item-img  {margin: 0 0 5px 0;}
#item-history.horizontal .item-brand {font-size: 12px; font-weight: normal; line-height: 1.3;}
#item-history.horizontal .item-name { font-size: 13px; font-weight: normal; line-height: 1.3;}
#item-history.horizontal .item-name a:hover { text-decoration: underline;}
#item-history.horizontal .item-price {font-size: 13px; font-weight: bold; line-height: 1.3; color: #FF0000}

#item-ranking.horizontal { margin: 0 0 15px 0;}
#item-ranking.horizontal .item-title { background: none repeat scroll 0 0 #333; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 10px; padding: 10px; }
#item-ranking.horizontal ul:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#item-ranking.horizontal li { width: 158px; float: left; margin-right: 5px;}
#item-ranking.horizontal li:last-child, #item-history.horizontal li.listend { margin-right: 0px;}
#item-ranking.horizontal .item-img a img { width: 156px; height: auto; border: 1px solid #666666; }
#item-ranking.horizontal .item-img  {margin: 0 0 5px 0;}
#item-ranking.horizontal .item-brand {font-size: 12px; font-weight: normal; line-height: 1.3;}
#item-ranking.horizontal .item-name { font-size: 13px; font-weight: normal; line-height: 1.3;}
#item-ranking.horizontal .item-name a:hover { text-decoration: underline;}
#item-ranking.horizontal .item-price {font-size: 13px; font-weight: bold; line-height: 1.3; color: #FF0000}

#item-recommend.vertical { margin: 0 0 15px 0;}
#item-recommend.vertical .item-title { background: none repeat scroll 0 0 #333; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 10px; padding: 10px; }
#item-recommend.vertical li {margin: 0 0 10px 0;}
#item-recommend.vertical li:last-child, #item-recommend.horizontal li.listend { margin-right: 0px;}
#item-recommend.vertical li:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}
#item-recommend.vertical .item-img a img { width: 108px; height: auto; border: 1px solid #666666; }
#item-recommend.vertical .item-img  { float: left; margin: 0 5px 5px 0; overflow:hidden }
#item-recommend.vertical .item-brand {font-size: 11px; font-weight: normal; line-height: 1.3;}
#item-recommend.vertical .item-name { font-size: 12px; font-weight: normal; line-height: 1.3; overflow:hidden;}
#item-recommend.vertical .item-name a:hover { text-decoration: underline;}
#item-recommend.vertical .item-price {font-size: 12px; font-weight: bold; line-height: 1.3; color: #FF0000; margin: 5px 0 0 113px; overflow:hidden;}

#item-ranking.vertical { margin: 0 0 15px 0;}
#item-ranking.vertical .item-title { background: none repeat scroll 0 0 #333; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 1.2; margin-bottom: 10px; padding: 10px; }
#item-ranking.vertical li {margin: 0 0 10px 0;}
#item-ranking.vertical li:last-child, #item-recommend.horizontal li.listend { margin-right: 0px;}
#item-ranking.vertical li:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}
#item-ranking.vertical .item-img a img { width: 108px; height: auto; border: 1px solid #666666; }
#item-ranking.vertical .item-img  { float: left; margin: 0 5px 5px 0; overflow:hidden }
#item-ranking.vertical .item-brand {font-size: 11px; font-weight: normal; line-height: 1.3;}
#item-ranking.vertical .item-name { font-size: 12px; font-weight: normal; line-height: 1.3; overflow:hidden;}
#item-ranking.vertical .item-name a:hover { text-decoration: underline;}
#item-ranking.vertical .item-price {font-size: 12px; font-weight: bold; line-height: 1.3; color: #FF0000; margin: 5px 0 0 113px; overflow:hidden;}

#item-recommend .bg-blue , #item-history .bg-blue {background:#006dd9 !important;}
#item-recommend .bg-gray , #item-history .bg-gray {background:#CCCCCC !important;}


.icon_recommend_rank{
	background: url("../img/icon_recommend_rank.png") top left no-repeat;
	display: inline-block;
	margin: 5px 0;
}
.rank10{ width:64px; height:19px; background-position:-10px -10px; }
.rank7{ width:64px; height:19px; background-position:-10px -39px; }
.rank8{ width:64px; height:19px; background-position:-10px -68px; }
.rank9{ width:64px; height:19px; background-position:-10px -97px; }
.rank6{ width:64px; height:19px; background-position:-10px -126px; }
.rank5{ width:64px; height:19px; background-position:-10px -155px; }
.rank4{ width:64px; height:19px; background-position:-10px -184px; }
.rank3{ width:64px; height:19px; background-position:-10px -213px; }
.rank2{ width:64px; height:19px; background-position:-10px -242px; }
.rank1{ width:64px; height:19px; background-position:-10px -271px; }