@charset "UTF-8";

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

2013.08 Biople

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


/*
 共通設定
----------------------------------------- */

.mt0  { margin-top: 0; }
.mt5  { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }

.mr0  { margin-right: 0; }
.mr5  { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }

.mb0  { margin-bottom: 0; }
.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }

.ml0  { margin-left: 0; }
.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }

.mt0i  { margin-top: 0 !important; }
.mr0i  { margin-right: 0 !important; }
.mb0i  { margin-bottom: 0 !important; }
.ml0i  { margin-left: 0 !important; }

.pt0  { padding-top: 0; }
.pt5  { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }

.pr0  { padding-right: 0; }
.pr5  { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }

.pb0  { padding-bottom: 0; }
.pb5  { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }

.pl0  { padding-left: 0; }
.pl5  { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }

.alignC { text-align:center; }
.floatR { float:right; }

.wrapBiople {
	width: 1000px !important;
}
.css-201302 .wrapBiople { text-align:left; }
.w100 { width: 100% !important; }


/*
 ヘッダー
----------------------------------------- */

#headerBiople {
	width: 100%;
	margin-bottom: 15px;
}

/* 左部分 */

#headerBiople .headerLeft {
	float: left;
	width: 620px;
}

#headerBiople .logoMain h1 { padding: 0; float: none; }
#headerBiople .logoMain h1 a {
	display: block;
	width: 620px;
	height: 125px;
	text-indent: -999em;
	background: url('../images/logo_main.gif') no-repeat 0 0;
}

#headerBiople .headerGlobalNavi ul li,
#headerBiople .headerItemNavi ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#headerBiople .headerGlobalNavi { padding: 15px 0; }
#headerBiople .headerGlobalNavi ul li { }
#headerBiople .headerGlobalNavi ul li a {
	padding: 4px;
	font-size: 14px;
}

#headerBiople .headerItemNavi ul { padding: 5px 0; }
#headerBiople .headerItemNavi ul li {
}

/* 右部分 */

#headerBiople .headerRight {
	float: right;
	width: 370px;
}

#headerBiople .headerSearch {
	padding: 15px 15px 0;
}

#headerBiople .headerSearch .words input {
	width: 305px;
	border: 1px solid #5B5B5B;
	line-height: 18px;
	height: 18px;
}

#headerBiople .headerSearch ul li {
	float: left;
}

#headerBiople .textPush {
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid #000;
}

#headerBiople .userNavi {
	float: left;
	width: 220px;
	height: 70px;
	margin-top: 10px;
	font-size: 11px;
}

#headerBiople .userNavi ul li {
	margin: 6px 0;
}

#headerBiople .userNavi ul li a {
}

#headerBiople .cartInfo {
	float: right;
	width: 125px;
	height: 70px;
	border-left: 1px solid #000;
	margin-top: 10px;
	padding: 0 10px;
	font-size: 11px;
}

#headerBiople .cartInfo .title {
	padding: 5px 0;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
}

#headerBiople .cartInfo ul li {
	margin: 3px 0;
}

#headerBiople .guideNavi {
	padding-top: 10px;
}

#headerBiople .guideNavi a {}

/*
 トップコンテンツ
----------------------------------------- */

.wrapBiople .topUnit {
	margin: 0 0 20px 0;
}

.wrapTopInfo .title,
.wrapBiople .title {
	margin-bottom: 10px;
	position: relative;
}

/* スライド */

.wrapBiople .topSlide {
	float: left;
	width: 620px;
	border-top: none;
	border-bottom: none;
}

.wrapBiople .topSlide .btnPrev {
	width: 33px;
	position: absolute;
	top: 250px;
	left: 10px;
	z-index: 999;
}

.wrapBiople .topSlide .btnNext {
	width: 33px;
	position: absolute;
	top: 250px;
	right: 10px;
	z-index: 999;
}

.wrapBiople .topSlide .slide {
	height: auto;
}

.wrapBiople #js-slide1-navi{
	padding: 5px 0 15px 0;
}

.wrapBiople #js-slide1-navi a {
	display: block;
	width: 10px;
	height: 10px;
	float: right;
	margin-left: 5px;
	background: #DDD;
}

/* プッシュ */
.wrapBiople .topPush {
	float: right;
	width: 370px;
	padding-top: 20px;
}

/* インフォ */

.wrapBiople .wrapTopInfo {
	width: 495px;
	float: left;
}

.wrapBiople .topInfo {
	margin-bottom: 20px;
}

.wrapBiople .topInfo .inner {
	width: 495px;
	height: 180px;
	overflow: auto;
	border: 1px solid #000;
}

.wrapBiople .topInfo .inner table th {
	width: 95px;
	white-space: nowrap;
	line-height: 1.7;
	vertical-align: top;
	text-align: center;
}

.wrapBiople .topInfo .inner table td {
	width: 380px;
	line-height: 1.7;
	text-align: left;
	color: #707070;
}

.wrapBiople .topInfo .inner table td a { color: #000; }
.wrapBiople .topInfo .inner table td a:hover { text-decoration: underline; }

.wrapBiople .topSlist .inner {
	border: 1px solid #000;
	margin-bottom: 5px;
}

.wrapBiople .topSlist .photo {
	float: right;
	width: 183px;
}

.wrapBiople .topSlist .text {
	float: left;
	width: 255px;
	padding: 8px;
}

.wrapBiople .topSlist .btnList a {
	display: block;
	border: 1px solid #000;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
}

/* フェイスブック */

.wrapBiople .topFacebook {
	width: 495px;
	float: right;
}

.wrapBiople .go2Fb {
	position: absolute;
	top: 2px;
	right: 0;
}

/* ランキング＆ピックアップ */

.wrapBiople .topPickUpItem,
.wrapBiople .topRanking {
	background-image: none;
}

.wrapBiople .topPickUpItem .ttl {
	background-image: none;
}

.wrapBiople .topPickUpItem .btn {
	background: #FFF;
	position: absolute;
	top: 0;
	right: 0;
}

/*
 その他
----------------------------------------- */
.wrapBiople .secondRanking { background-image: none; }


/*
 フッター
----------------------------------------- */

.css-201302 .topBrandList {
	background-image: none !important;
}

.css-201302 .topCategoryList {
	background-image: none !important;
	border-bottom: 1px solid #000;
}

.css-201302 #brand-list .topCategoryList { width: 780px; }