@charset "euc-jp";

body {
scrollbar-arrow-color:#00209e;
scrollbar-face-color:#00209e;
scrollbar-3dlight-color:#00209e;
scrollbar-darkshadow-color:#00209e;
scrollbar-highlight-color:#00209e;
scrollbar-shadow-color:#00209e;
scrollbar-track-color:#ffffff;
}


#category_menu {
	width: 930px;
	float: left;
	background-color: #333333;
	margin-bottom: 10px;
	text-align: left;
	padding: 10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#category_menu .left {
	float: left;
	width: 180px;
	padding-top: 1px;
}

#category_menu .right {}
#category_menu .right .inputsearch {
	padding: 2px;
	width: 450px;
	font-size: 12px;
}



#context-one {
	float: left;
	width: 680px;
	text-align: left;
}

.detail-ph {
	float: left;
	width: 250px;
}
.detail-ph .detail-img img {
	border: 3px solid #999999;
}

.detail-ph ul.detail-subimg {
	margin-top: 5px;
	display: block;
}

.detail-ph ul.detail-subimg li {
	float: left;
	width: 80px;
	margin-right: 3px;
	display: block;
}

.detail-ph .detail-cap {
	font-size: 11px;
	line-height: 13px;
	margin-top: 5px;
	float: left;
	width: 100%;
}
.detail-ph .back {
	float: left;
	width: 100%;
	margin-top: 5px;
}

.detail-ph p.zoom {
	display: block;
    margin:5px auto;
    width: 10em;
    font-size:14px;
   	font-weight: bold;
}

.detail-ph p.zoom span {
	background-image: url(/img/ec/zoom_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 18px;
	margin-top: 3px;
}


.item-name {
	float: right;
	width: 420px;
	position: relative;	
	
}

.item-name .item-maker {
	font-size: 12px;
	line-height: 14px;
}

.item-name .item-namedetail {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	line-height: 20px;
	margin-bottom: 5px;
}

.item-name .item-rating {
	/*border-bottom: 1px solid #666666;*/
	padding: 0px;
	margin: 0 0 10px 0;
}

.item-name .item-rating img {
	vertical-align: -4px;
}
.item-name .snsservis {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.item-name .snsservis .cap .snslist li {float: left;}
.item-name .snsservis .cap .snslist li.sns_link1 {width: 80px;}
.item-name .snsservis .cap .snslist li.sns_link2 {width: 85px;}
.item-name .snsservis .cap .snslist li.sns_link3 {width: 100px;}
.item-name .snsservis .cap .snslist li.sns_link4 {width: 150px;}

#item-area, #item-spec  {
	float: right;
	width: 460px;
	text-align: left;
}
#item-spec .reviewtitle {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333333;
	line-height: 22px;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#item-spec .reviewtitle span {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 4px;
}


#item-spec table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;

}

#item-spec table th {
	padding: 0px;
	background-color: #FFFFFF;
	width: 90px;
}

#item-spec table td {
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
}
#item-spec table tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#item-spec .list {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;
}
#item-spec .more {
	text-align: right;
	float: left;
	width: 100%;
}
#item-spec .more a {
	background-image: url(../img/top/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	float: right;
	padding-left: 15px;
}

.QuestionArea {
	width: 460px;
}

.QuestionArea p.Question {
	margin-bottom: 10px;
	background-image: url(../img/ec/icon_Q.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 30px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 20px;
	min-height:25px;
	height: auto !important;
	height: 25px;
	padding-top: 3px;
}

.QuestionArea p.Answer {
	background-image: url(../img/ec/icon_A.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding-left: 30px;
	font-size: 12px;
	line-height: 20px;
	min-height:25px;
	height: auto !important;
	height: 25px;
	padding-top: 3px;
}



#shopinformation {
	float: left;
	width: 420px;
	margin-top: 20px;
}

#shopinformation table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
} 

#shopinformation th {
	padding: 5px;
	width: 100px;
	background-color: #EBEBEB;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

#shopinformation td {
	padding: 5px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

.makerprice {}

.brosprice {
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}

.brospoint {
	margin-bottom: 10px;
}

.brospoint span {
	font-weight: bold;
	color: #FF3300;
}
.order-select-area {
	float: left;
	width: 50%;
	margin-top: 10px;
}


.order-name {
	display: block;
	float: left;
	width: 6em;
}

.order-select {
	margin-bottom: 5px;
}

.order-cart {
	float: right;
	width: 50%;
	margin-top: 10px;
}

.hosoku {
	margin-top: 5px;
}

.hosoku li {
	font-size: 12px;
	line-height: 14px;
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
#acount .inbox .option {
	float: left;
	width: 100%;
	margin-top: 5px;
}
#acount .inbox .option p {
	float: left;
	width: 50%;
	text-align: left;
}
#acount .inbox .option p a {
	background-image: url(../img/top/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 10px;
}


#context-two {
	float: left;
	width: 100%;
	margin-top: 20px;
}


.QRcord {
	float: left;
	width: 238px;
	margin-bottom: 10px;
	text-align: left;
	border: 1px solid #000000;
}

#contents {
    float: left;
    font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
    font-size: 12px;
    line-height: 18px;
    width: 680px;
}

div.ec-member-rank {
	margin-bottom: 5px;
	position: relative;
}

div.ec-member-rank span.logout {
	position: absolute;
	right: 0px;
	top: 5px;
}

p.ec-member-rank-username {
	margin-bottom: 0px;
}


.g-base {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    clear: both;
    padding-top: 9px;
}
.g-base:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.g-base a img.borer {
    border: 1px solid #333333;
    float: left;
    margin-bottom: 3px;
    margin-right: 10px;
}
.g-base .item {
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-left: 9px;
    padding-right: 9px;
}

.g-base .itemlistend {
	margin-bottom: 0px;
}



.g-base .listend {
    border-bottom-style: none;
}
.g-base .item:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.g-base .maker-name {
    color: #666666;
    font-size: 10px;
    margin-top: -3px;
    padding-left: 132px;
}
.g-base .itemname {
    color: #0033CC;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-top: -2px;
}
.g-base .conformity {
    color: #666666;
    font-size: 10px;
    line-height: 13px;
    margin-top: 2px;
}
.g-base .item-box {
    float: left;
    width: 100%;
}
.g-base .item-box .maker-price {
    color: #666666;
    font-size: 10px;
    margin-top: -3px;
}
.g-base .item-box .price {
    color: #FF0000;
    font-family: Verdana;
    font-size: 12px;
    margin-top: -5px;
}
.g-base .item-box .price span {
    font-weight: bold;
    margin-right: 3px;
}
.g-base .item-box .point {
    background-image: url("https://www.bikebros.co.jp/img/ec/common/icon_BBpoint.gif");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 12px;
    height: 20px;
    line-height: 25px;
    padding-left: 23px;
}
.g-base .item-box ul.parts-list {
    display: block;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 0;
    padding-left: 7px;
    padding-right: 7px;
    width: 284px;
}
.g-base .item-box ul.parts-list:last-child {
    margin-bottom: 0;
}
.g-base .item-box ul.parts-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 4px;
    text-align: center;
    width: 68px;
}
.g-base .item-box ul.parts-list .listend {
    margin-right: 0;
}

.css3button {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color:#FFCC00;
	background: -moz-linear-gradient(
		top,
		#ffcc00 0%,
		#ffAA00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffcc00),
		to(#ffAA00));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #D79600;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	font-family: "??? ?§·????a?", Osaka, "????¥ñŽß? Pro W3";
}
.ui-tabs-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #97A5B0;
    padding: 10px 0 0 !important;
}


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

#fb-come {
	margin:15px 0 0 0;
	float:left;
	clear: both;
	width:100%;
}


#fb-come > p{
	font: bold 18px/130% "£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	color: #FFF;
	background-color: #3B5998;
	padding:6px 10px;
	width:5em;
}



#fb-come > .inbox {
	float:left;
	width:460px;
	padding:10px 0;
	border-top: 3px solid #3B5998;
	border-bottom: 1px solid #3B5998;
    zoom: 100%;
}

#fb-come > .inbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


#fb-come > .inbox p.fb-cap {
	color: #666;
	font: 12px/130% "£Í£Ó £Ð¥´¥·¥Ã¥¯",Osaka,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	background-color: rgb(235, 235, 235);
	padding:10px;
	margin: 10px 0 0 0;
}


.price-box {
position: relative;
min-height:100px;
}
.price-box > .brosmprice {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 140px;
	padding: 6px 10px;
	border: 3px solid #c2e1f5;
	text-align: center;
	font-size: 12px;
	line-height: 150%;
	border-radius:5px;
	
}
.price-box > .brosmprice:after, .price-box > .brosmprice:before {
right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 

.price-box > .brosmprice:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FFFFFF; border-width: 10px; top: 50%; margin-top: -10px; } 

.price-box > .brosmprice:before { border-color: rgba(194, 225, 245, 0); border-right-color: #c2e1f5; border-width: 14px; top: 50%; margin-top: -14px; }

.price-box > .brosmprice .brosmoff {color: #F00; font-weight: bold; font-size: 14px;margin: 0px .5em 0px 0px;}

.price-box > .brosprice {font-size: 20px;line-height: 120%;}

.price-box > .brosprice  > span {font: bold 20px/120% Verdana, Geneva, sans-serif;}


/************************/
/* ¤ª¤Í¤À¤êµ¡Ç½  */
/************************/
#onedari-link {
	/*.item-name¤ËÂФ·¤ÆÀßÄê*/
	position: absolute;
	top: 0px;
	right: 0px;
}