@charset "utf-8";

@import url("/price_curtain/css/common.css");
@import url("/price_curtain/css/header.css");
@import url("/price_curtain/css/nav.css");

/*
exclude from common.css
-----------------
Win Netscape 4.7
Win IE 3.0
Mac IE 4.5
*/

/*--------------------------------------------------------
#contents
--------------------------------------------------------*/
/* hx */
#contents h2 {
	margin-bottom:20px;
	width:720px;
	height:103px;
	background:url(/price_curtain/images/howto/title.gif) no-repeat left top;
	text-indent:-9999px;
}

#contents h3 {
	margin-bottom:10px;
	font-weight:bold;
	font-size:115%;
}

#contents .pointBlock .pointBox h3.royal {
	margin-bottom:5px;
	width:225px;
	height:16px;
	background:url(/price_curtain/images/howto/point_royal.gif) no-repeat left top;
	text-indent:-9999px;
}

#contents .pointBlock .pointBox h3.discount {
	margin-bottom:5px;
	width:115px;
	height:16px;
	background:url(/price_curtain/images/howto/point_discount.gif) no-repeat left top;
	text-indent:-9999px;
}

#contents .pointBlock .pointBox h3.payback {
	margin-bottom:5px;
	width:157px;
	height:16px;
	background:url(/price_curtain/images/howto/point_payback.gif) no-repeat left top;
	text-indent:-9999px;
}

#contents h4 {
	margin-bottom:10px;
	font-weight:bold;
	font-size:115%;
	text-align:center;
}


/* .leadBox */
#contents .leadBox .lead02 {
	margin:10px auto 20px;
	display:block;
}


/* .pointBlock */
#contents .pointBlock {
	margin-bottom:20px;
	padding-left:370px;
	min-height:350px;
	height:auto !important;
	height:350px;
	background:url(/price_curtain/images/howto/lead_pic_01.jpg) no-repeat left top;
}

#contents .pointBlock .pointBox {
	margin-bottom:18px;
	padding:8px;
	border:1px solid #C8CCBF;
	line-height:1.2;
}


/* .resonableText */
#contents .reasonableText {
	float:left;
	width:430px;
}

/* .resonableBlock */
#contents .resonableBlock {
	margin-bottom:20px;
	float:right;
	width:271px;
}

#contents .resonableBlock table {
	border:1px solid #F90;
	border-collapse:separate;
	border-spacing:10px;
	width:249px;
}

#contents .resonableBlock table td {
	vertical-align:top;
	font-size:85%;
}

#contents .resonableBlock table td img {
	margin-bottom:5px;
}


/* .secretText */
#contents .secretText {
	clear:both;
}

#contents .secretText strong {
	color:#F00;
	font-size:220%;
}


/* .flowArea */
#contents .flowArea {
	margin-bottom:20px;
	float:left;
	width:720px;
}

#contents .flowArea div {
	margin-right:20px;
	float:left;
	width:165px;
	font-size:85%;
}

#contents .flowArea .lastBox {
	margin-right:0;
}

#contents .flowArea div img {
	margin-bottom:5px;
}


/* .compareText */
#contents .compareText {
	clear:both;
}


/* .compareArea */
#contents .compareArea {
	margin-bottom:20px;
	float:left;
	width:720px;
	background:url(/price_curtain/images/howto/compare_bg.gif) repeat-y left top;
}

#contents .compareArea .ruffleBlock,
#contents .compareArea .hemBlock {
	float:left;
	width:720px;
}

#contents .compareArea .hemBlock {
	clear:both;
}

#contents .compareArea .ruffleBlock p,
#contents .compareArea .hemBlock p {
	margin-bottom:20px;
	font-size:85%;
}

#contents .compareArea .ruffleBlock .readymadeBox,
#contents .compareArea .hemBlock .readymadeBox {
	float:left;
	width:341px;
}

#contents .compareArea .ruffleBlock .custommadeBox,
#contents .compareArea .hemBlock .custommadeBox {
	float:right;
	width:340px;
}

#contents .compareArea .ruffleBlock .readymadeBox img,
#contents .compareArea .ruffleBlock .custommadeBox img {
	margin-bottom:20px;
}

#contents .compareArea .ruffleBlock .readymadeBox img.lastImg,
#contents .compareArea .ruffleBlock .custommadeBox img.lastImg,
#contents .compareArea .hemBlock .readymadeBox img,
#contents .compareArea .hemBlock .custommadeBox img {
	margin-bottom:5px;
}

#contents .compareArea .hemBlock .readymadeBox img.lastImg,
#contents .compareArea .hemBlock .custommadeBox img.lastImg {
	margin-left:20px;
}


/* .catchArea */
#contents .catchArea {
	text-align:center;
}

#contents .catchArea img {
	margin-bottom:20px;
}

#contents .catchArea table.catchBox {
	margin-bottom:20px;
	border-collapse:collapse;
	border:0;
	width:720px;
}

#contents .catchArea table.catchBox td {
	padding:8px;
	border:1px solid #C8CCBF;
	width:332px;
	line-height:1.2;
	vertical-align:top;
	text-align:left;
}

#contents .catchArea table.catchBox td.spacer {
	padding:0;
	border:0;
	width:auto;
}



#contents .recommendList td a {
	display:block;
	width:224px;
	text-align:right;
}

#contents .recommendList .recommendLeft {
	padding-right:12px;
	background:url(/price_curtain/images/dotted_02.gif) repeat-y right;
}

#contents .recommendList .recommendCenter {
	padding:0 12px;
	background:url(/price_curtain/images/dotted_02.gif) repeat-y right;
}

#contents .recommendList .recommendRight {
	padding-left:12px;
}


#contents .recommendList a:hover {
	text-decoration:none;
}

#contents .recommendList a span.recomendDetail {
	margin-right:108px;
	display:block;
	text-align:left;
}

#contents .recommendList a span.recomendDetail {
	margin-top:-110px;
}

#contents .recommendList a:hover span.recomendDetail span.goodsName {
	text-decoration:underline;
}

#contents .recommendList a span.recomendDetail img {
	margin-bottom:3px;
}

#contents .recommendList a em {
	font-size:160%;
	font-weight:bold;
	line-height:1;
	text-decoration:none;
}

#contents .recommendList a span.recomendDetail span.buttonDetail {
	margin-top:3px;
	display:block;
	width:116px;
	height:16px;
	background:url(/price_curtain/images/top/button_detail.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

#contents .recommendList a:hover span.recomendDetail span.buttonDetail {
	background:url(/price_curtain/images/top/button_detail.gif) no-repeat 0 -16px;
}

/* .serachBlock */
#contents .searchBlock {
	margin-bottom:15px;
	padding-bottom:6px;
	border:4px solid #F90;
	background-color:#FFC;
}

#contents .searchBlock .searchList {
	margin-top:5px;
	padding:0 2px 0 5px;
	width:705px;
	background:url(/price_curtain/images/top/search_dotted.gif) no-repeat center;
}

#contents .searchBlock .searchList a {
	margin-right:3px;
}

/* .secretBlock */
#contents .secretBlock .secretWrapper {
	padding:0 10px;
	width:700px;
	background:url(/price_curtain/images/top/secret_bg.gif) repeat-y left;
	overflow:hidden;
}

#contents .secretBlock .secretWrapper div {
	padding-right:17px;
	float:left;
	width:222px;
}

#contents .secretBlock .secretWrapper div.secretEnd {	
	padding:0;
}

#contents .secretBlock .secretWrapper div p {
	margin-bottom:5px;
	padding:10px;
}

/*--------------------------------------------------------
.footerLink
--------------------------------------------------------*/
#contents .footerLink {
	clear:both;
}