@charset "utf-8";

/*
============================================================
laundress.css
------------------------------------------------------------




作成日：2014.08.22
作成者：kikuchi
更新日：
更新者：
バージョン： 1.0
会社名：Dynamite Brothers Syndicate

============================================================
*/

/* ---------------------------------------------------------
■全体
--------------------------------------------------------- */
body {
	position: relative; }

.oldContentsInner {
	width: auto; }



/* ---------------------------------------------------------
■スライド
--------------------------------------------------------- */
.slideWrapper {
	position: relative; }

.slideWrapper ul {
	overflow: hidden;
	zoom: 1; }

.slideWrapper ul li {
	float: left;
	width: 1200px; }

.slideWrapper .slideTtl {
	position: absolute;
	top: 172px;
	left: 50%;
	margin-left: -174px; }




/* ---------------------------------------------------------
■メイン
--------------------------------------------------------- */
.mainWrapper {
	padding: 20px 0 0;
	text-align: center;
	background: url(/images/brand/brand_detail/214/bg_main.jpg) no-repeat center 0; }

.mainPoint {
	margin-bottom: 65px; }




/* ---------------------------------------------------------
■キャンペーン
--------------------------------------------------------- */
.campaign {
	margin-bottom: 65px;
	padding: 25px 0;
	text-align: center;
	background: url(/images/brand/brand_detail/214/bg_main.jpg) repeat-y center 0; }

.campaignInner {
	width: 604px;
	margin: 0 auto;
	padding: 25px 50px 20px;
	background-color: #fff; }

.campaign .text11 {
	color: #000; }

.campaign .floatWrapper {
	background: url(/images/brand/brand_detail/214/bg_plus.jpg) no-repeat center center; }

.campaign .left {
	float: left;
	width: 265px; }

.campaign .right {
	float: right;
	width: 265px; }




/* ---------------------------------------------------------
■HOW TO USE
--------------------------------------------------------- */
.howToUse {
	margin: 0 0 65px;
	text-align: center; }

.howToUse h3 {
	margin-bottom: 30px; }

.howToUse .flow {
	overflow: hidden;
	width: 660px;
	margin: 0 auto 30px;
	background: url(/images/brand/brand_detail/214/bg_howtouse.jpg) no-repeat center  0;
	zoom: 1; }

.howToUse .flow li {
	float: left;
	width: 120px;
	margin-right: 60px;
	line-height: 0; }

.howToUse .flow li.mNon {
	margin: 0; }


/*
 * step
 */
.stepBox {
	width: 960px;
	margin: 0 auto;
	padding: 4px;
	border: 4px solid #222; }

.stepBoxInner {
	overflow: hidden;
	position: relative;
	padding: 30px;
	text-align: left;
	border: 1px solid #222;
	zoom: 1; }

.stepBoxInner .icon {
	position: absolute;
	top: 18px;
	right: 15px; }


/*
 * stepBox
 */
.stepBox .left {
	float: left;
	width: 260px;
	margin-right: 65px; }

.stepBox .left h4 {
	line-height: 0;
	margin-bottom: 20px; }

.stepBox .left p {
	margin-bottom: 20px;
	color: #222;
	font-size: 75%;
	font-weight: bold;
	line-height: 18px; }

.stepBox .right {
	float: left;
	width: 500px; }

.stepBox .right ul {
	overflow: hidden;
	zoom: 1; }

.stepBox .right ul li {
	float: left;
	width: 200px;
	margin-right: 20px; }

.stepBox .right ul li .lh0,
.stepBox .bottom ul li .lh0 {
	margin-bottom: 5px; }

.stepBox .right h5,
.stepBox .bottom h5 {
	margin-bottom: 5px;
	color: #555;
	font-size: 75%;
	font-weight: bold;
	line-height: 18px;
	letter-spacing: -0.02em; }

.stepBox .right h5 a,
.stepBox .bottom h5 a {
	color: #555; }

.stepBox .right p,
.stepBox .bottom p {
	color: #555;
	font-size: 69%;
	line-height: 18px; }

.stepBox .right p a,
.stepBox .bottom p a {
	color: #555; }

.stepBox .top {
	overflow: hidden;
	margin-bottom: 30px;
	zoom: 1; }

.stepBox .top h4 {
	float: left;
	width: 80px;
	margin-right: 40px; }

.stepBox .top p {
	float: left;
	width: 500px;
	color: #222;
	font-size: 75%;
	font-weight: bold;
	line-height: 18px; }

.stepBox .bottom ul {
	overflow: hidden;
	margin-right: -20px;
	margin-left: 20px;
	zoom: 1; }

.stepBox .bottom li {
	overflow: hidden;
	float: left;
	width: 200px;
	height: 358px;
	margin: 0 20px 40px 0; }

#sb3 .right h5 {
	margin-top: 60px; }




/* ---------------------------------------------------------
■HOW TO CARE
--------------------------------------------------------- */
.howToCare {
	margin-bottom: 15px;
	text-align: center; }

.howToCare h3 {
	margin-bottom: 40px; }

.howToCare .listWrapper {
	width: 992px;
	margin: 0 auto; }

.howToCare ul {
	overflow: hidden;
	margin-right: -25px;
	zoom: 1; }

.howToCare ul li {
	float: left;
	width: 314px;
	margin: 0 25px 45px 0;
	cursor: pointer; }

.howToCare li img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1; }



/* ---------------------------------------------------------
■oneColumnWrapper
--------------------------------------------------------- */
.oneColumnWrapper {
	width: 970px;
	margin: 0 auto;
	padding-top: 55px; }

.oneColumnWrapper .brandDesc {
	width: 840px;
	margin: 0 auto 60px; }

.oneColumnWrapper .brandDesc .right {
	width: 100%; }




/* ---------------------------------------------------------
■popup
--------------------------------------------------------- */
.bg_black {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: url(/images/brand/brand_detail/214/bg_black.png) repeat; }

.popupWrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	width: 884px;
	margin-left: -442px;
	padding: 4px;
	border: 4px solid #fff;
	background-color: #000;
	z-index: 1000; }

.pwInner {
	padding: 4px;
	background-color: #fff; }

.pwInnerIn {
	overflow: hidden;
	position: relative;
	padding: 40px;
	text-align: left;
	border: 1px solid #222;
	zoom: 1; }

.pwInnerIn .left {
	float: left;
	width: 314px;
	margin-right: 30px; }

.pwInnerIn .right {
	float: left;
	width: 445px; }

.pwInnerIn h4 {
	margin-bottom: 20px;
	font-size: 94%;
	font-weight: bold;
	line-height: 20px; }

.howToCare .pwInnerIn ul {
	margin-bottom: 15px; }

.howToCare .pwInnerIn li {
	overflow: hidden;
	float: none;
	width: auto;
	margin: 0 0 20px;
	cursor: default;
	zoom: 1; }

.pwInnerIn li .num {
	float: left;
	width: 25px;
	font-size: 75%;
	font-weight: bold;
	line-height: 16px; }

.pwInnerIn li .text {
	float: left;
	width: 420px;
	color: #555;
	font-size: 75%;
	line-height: 16px; }

.pwInnerIn p {
	margin: 0 0 35px;
	color: #555;
	font-size: 75%;
	line-height: 16px; }

.pwInnerIn li .text a,
.pwInnerIn p a {
	color: #000;
	font-weight: bold; }


/*
 * close
 */
.btnClose {
	clear: both;
	padding-top: 20px;
	text-align: center; }

.btnClose img {
	cursor: pointer; }




/* ---------------------------------------------------------
■
--------------------------------------------------------- */




/* ---------------------------------------------------------
■
--------------------------------------------------------- */