@charset "UTF-8";

@import url("import.css");


/*
	Since:Jun 1 2007
	Last-Updated:Jul 2 2007
	Editor:Masataka Asakura(MIC)
*/



/*
-------------File Contents--------------
	
	1. ShoppingIndex
	
	2. Tel/Fax order
	
	3. itemIndex
	
	4. CatchCopy
	
	5. productName
	
	6. productMain
	
	7. shoppingArea
	
	8. relatedProducts
	
	9. productFeatures
	
	

*/


/*
------------1. ShoppingIndex----------------
*/

/*JTB プレゼント*/


/* JTB プレゼントバナー*/

#jtb-present{
	padding:2em 0 0em 10px;
}
#jtb-present h3{
	background:url("../images/li/circle_bl01.gif") no-repeat 0 0.575em!important;
	padding: 0 0 0 28px!important;
	margin:0!important;
	border-bottom:0!important;
}

#jtb-present div{
	margin-top:1.275em;
}
#jtb-present div img{
	border:1px solid #036!important;
}


#jtb-mv{
	padding-bottom: 3em;
}
#jtb-mv .mv-bottom{
	padding-top:2em;
	
}
#jtb-info p a{text-decoration:underline;color:#06f;}
p.jtb-note{
	font-size:85%;
	padding-left:1.475em;
	text-indent:-1.475em;
}
#label-cut {
	padding-top:3em;
}
#label-cut h3{
	background:url("../images/li/circle_bl01.gif") no-repeat 0 0.275em;
	padding: 0 0 0 28px;
}
#label-cut div{
	padding-top:1.5em;
}

#jtb-letter{padding-top:4em;}



/*　ここまで */


#seasonRecommend{
	padding:2em 0 4.5em 0;
}

#seasonRecommend a{
	display: block;
	border:1px solid #ccc;
	width:468px;
	height:158px;
}
#seasonRecommend a:hover{
	border:1px solid #f90;
}

.shop01 #division01{
	border-top:1px solid #ccc;
}
.shop01 #division01 h3, .shop01 #division02 h3, .shop01 #division03 h3{
	padding-bottom:1em;
}

.indexBlock{
	border-bottom: 1px solid #ccc;
	padding:2em 10px;
}

#pillowBlock{
	float: left;
	width:220px;
}
#cushionBlock{
	float: right;
	width:220px;
}

.indexBlock h4, #pillowBlock h4, #cushionBlock h4{
	background-repeat: no-repeat;
	background-position: 0 0.175em;
	line-height:1.2;
	padding:0.1em 0 0 1.5em;
	font-size:1.175em;
}


h4#kakefuton{background-image:url("../images/shopindex/li/circle_futon01.gif");}
h4#hadakakefuton{background-image:url("../images/shopindex/li/circle_futon02.gif");}
h4#shikifuton{background-image:url("../images/shopindex/li/circle_futon03.gif");}
h4#nonquilts{background-image:url("../images/shopindex/li/circle_futon03.gif");}
h4#kakecover{background-image:url("../images/shopindex/li/circle_cover01.gif");}
h4#shikicover{background-image:url("../images/shopindex/li/circle_cover02.gif");}
h4#boxsheets{background-image:url("../images/shopindex/li/circle_cover03.gif");}
h4#pillowcover{background-image:url("../images/shopindex/li/circle_cover04.gif");}
h4#cover3set{background-image:url("../images/shopindex/li/circle_cover05.gif");}
#pillowBlock h4{background-image:url("../images/shopindex/li/circle_pillow01.gif");}
#cushionBlock h4{background-image:url("../images/shopindex/li/circle_cushion01.gif");}

.indexBlock ul, .shop01 #division03 ul{
	list-style:none;
	padding:1em 0 0 0;
	margin:0;
}
.indexBlock ul li, .shop01 #division03 ul li{
	float:left;
	width:200px;
	background:url("../images/li/arrow01_or02.gif") no-repeat 0 0.375em;
	line-height:1.4;
	padding:0.1em 0 0 1.5em;
	margin:0;
}
.shop01 #division03 ul li{
	float:none!important;
	width:200px;
	padding-bottom:0.875em;
}

.indexBlock ul li a, .shop01 #division03 ul li a{
	border-bottom:1px solid!important;
}

/*
------------2. tel order----------------
*/

.order #division01 h3{
	border-width:0!important;
	font-size:1.075em;
	padding:0 0 0 0!important;
	margin:0;
}

#basePricelist{
	background:transparent url("../images/shop/order/bg_line_or01.gif") repeat 0 0;
	margin-top:1em;
	padding:10px;
}

#wrapPricelist{
	background-color:#fff;
	background-repeat:repeat;
}

#offerPricelist{
	float:left;
	text-align:center;
	margin:0 auto;
	padding:2.375em 0em 1em 0em;
	width:60%;
}
#btnPricelist{
	float:right;
	padding:1em 0em 0.5em 0em;
	width:35%;

}
#btnPricelist p{
	padding:0.2em 0 0 0.2em;
	font-size:0.725em;
}

#btnPricelist a{
	border-width:0!important;
}
.order #division02 h3{
	background:url("../images/li/circle_gr01.gif") no-repeat 0 0.275em;
	padding:0.2em 0 0.5em 1.2em;
	margin:0;
	font-size:1.175em;
	margin:0;
}
.order #division02 h4{
	color:#360;
	padding:2em 0 0 0;
	font-size:1.175em;
}
.order #division02 h5{
	padding:2em 0 0 0;
	font-size:1em;
}

/*
------------3. itemIndex----------------
*/

.cover .itemIndexPages #division01 h3{
	background:url("../images/li/circle_or01.gif") no-repeat 0 0em;
	padding:0.2em 0 0.5em 1.5em;
	margin:0;
	font-size:1.175em;
	letter-spacing:0.075em;
	border-width:0!important;
}

strong.stPurelist{
	color:#069;
}
strong.stTeijin{
	color:#960;
}
 
 
.cover .itemIndexPages #division01 h4{
	padding-top:1.5em!important;
}

#styleComparison{
	margin-top: 1em;
	border:1px solid #ccc;
	width:618px;
}


/*=============>>indexWrapper<<===============*/

.itemIndexPages h3{
	border-bottom:1px solid #75c64f!important;
	padding: 0 0 0.2em 10px;
	margin:0;
	font-size:1.275em;
	line-height:1.2;
}
.itemIndexPages h3 span{
	font-size:0.875em;
	padding-right:0.2em;
}
.itemIndexPages h3 span.patent{
	font-size:0.775em;
	padding-left:0.5em;
	font-weight:normal;
}

.itemIndexWrapper{
	display:inline-block;
	min-height:1em;
	margin-top:2em;
	padding:1em 0 0 10px;
	background:url("../images/bg/bg_itemindex.gif") repeat-y 10px 10px;
}
/*\*/
.itemIndexWrapper{
	display:block;
}
* html .itemIndexWrapper{
	height:1%;
}
/**/
.itemIndexWrapper:after{
	content:".";
	clear: both;
	display:block;
	height:0;
	visibility:hidden;
}

.itemLeft{
	float:left;
	width:277px;
}
.itemRight{
	float:right;
	padding-right:10px;
	padding-left: 20px;
	width:277px;
}

.itemIndexPic{
	float:left;
	width:128px;
}

.itemIndexPic a{
	padding:1px;
	display:block;
	height:81px;
	width:126px;
}
.itemIndexPic a:link, .itemIndexPic a:visited{
	border:1px solid #ccc!important;
}
.itemIndexPic a:hover, .itemIndexPic a:active{
	border:1px solid #f90!important;
}

.itemIndexBtn{
	float:right;
	width:134px;
}
.itemIndexBtn a{
	border-width:0!important;
}
.styleBtn{
	padding-top:1.5em;
}

.itemIndexWrapper h4{
	clear:both;
	padding:1.5em 0 0 0;
	line-height:1.6;
}
.itemIndexWrapper h5{
	padding:1.5em 0 0 0;
	line-height:1.4;
}
.itemIndexWrapper p{
	padding:0.5em 0 0 0!important;
}
p.intemIndexPrice{
	color:#666;
}


/*
------------4. CatchCopy----------------
*/


h3.catchCopy{
	width:auto;
	height:auto;
	padding:1em 0 3.5em 0.25em;
}



/*
------------5. productMainPic----------------
*/

#productMainPic{
	display:inline;
	padding-top:1em;
}

#mainPic{
	margin:0 auto;
	float:left;
	width:335px;
	text-align:center;
}


#productName{
	float:right;
	width:265px;
}
#productName h4{
	font-size:1.175em;
	line-height:1.3;
	padding:0.875em 0 0 0;
	margin:0;
}
#productName h4 span{
	font-size:0.875em;
}

#productName div{
	color:#666;
	line-height:1.6;
	font-size:0.925em;
}

#productName .orderHere{
	padding:1.5em 0 0 0.5em;
}


h5.middleHeading{
	clear:both;
	line-height:1.8;
	margin:0;
	padding:3em 0 0.5em 0;
	font-size:1.225em;
	color:#666;
}

/*
------------6. productMain----------------
*/

/*=============>>productData<<===============*/



#productMain{
	padding-top:0em;
}

#productData{
	float:right;
	padding:1em 0 0 0;
	width:350px;
}


.smallHeading{
	border-bottom:1px solid #ccc;
	padding:2.5em 0 0.5em 0;
	font-size:1.075em;
}
.smallHeading h6{
	padding:0 0 0 0em;
	line-height:1.5;
	font-size:1.075em;
	color:#039;
}

#copyText p strong{
	color:#c30;
}
#copyText p span{
	font-size:0.875em;
}

#copyText p.notes{
	padding-left:1.4em;
	text-indent: -1.4em;
}

#productData dt{
	padding-top:1.5em;
	font-weight:bold;
}
#productData dd{
	line-height:1.4;
	padding-top:0.5em;
}
#copyText ol{
	padding-left:2em;
}
#copyText ol li{
	line-height:1.5;
}
/*=============>>product MainPic<<===============*/


#mainPic a{
	border-bottom-width:0!important;
}
#mainPic p{
	font-size:0.875em;
	color:#666;
}

#mainPic .orderHere{
	text-align:center;
	margin: 0 auto;
	padding:0.775em 3.5em 0 0;
}


/*=============>>product AdditionalPic<<===============*/

#productPic{
	float:left;
	padding:2em 0 0 0;
	width:245px;
}
.cushion01 #productPic{
	padding:1em 0 0 0;
}

#additionalPic{
	padding-top:2em;
}

#additionalPic .addPic01{
	float:left;
	margin-right:1.5em;
	width:76px;
}
#additionalPic .addPic02{
	float:left;
	width:76px;
}

#additionalPic a{
	border:1px solid #ccc!important;
	display:block;
	padding:2px;
	width:74px;
	height:74px;
}

#additionalPic a:link, #additionalPic a:visited{
	border:1px solid #ccc!important;
}

#additionalPic a:hover, #additionalPic a:active{
	border:1px solid #f90!important;
}

/*=============>>Compositions<<===============*/

#compositions{
	padding-top:2.5em;
}
#compositions h6{
	color:#333;
	letter-spacing:0.15em;
}
#compositions dl{
	font-size:0.875em;
	padding:0;
	color:#666;
}
#compositions dt{
	padding:1em 0 0 0;
	line-height: 1.6;
}

#compositions p{
	color:#666!important;
	font-size:0.875em;
	padding-right:3em!important;
}

/*=============>>product FeaturesPic<<===============*/

#featuresPic, #colorVarPic{
	padding:3.5em 4em 0 0;
}
.cusion01 #colorVarPic{
	padding-top:0em;
}

.featPic02{
	padding-top:1em;
}

.featPic01 div a, .featPic02 div a, .colorVar01 div a{
	display:block;
	border:1px solid #ccc!important;
	background-color:#fff;
	padding:1px;
	height:78px;
	width:138px;
}
.colorVar01 div a{
	padding:0px 1px;
	width: 195px;
	height:87px;
}
.shiki .featPic01 div a{
	height:147px;
	width:200px;
}
.cover .featPic01 div a{
	height:127px;
	width:200px;
}

.nonquilt01 .featPic01 div a, .nonquilt02 .featPic01 div a, 
.cushion02 .featPic01 div a{
	height:82px;
	width:200px;
}

.featPic01 div a:link, .featPic01 div a:visited, 
.featPic02 div a:link, .featPic02 div a:visited, 
.colorVar01 div a:link, colorVar01 div a:visited{
	border:1px solid #ccc!important;
}
.featPic01 div a:hover, .featPic01 div a:active, 
.featPic02 div a:hover, .featPic02 div a:active, 
.colorVar01 div a:hover, .colorVar01 div a:active{
	border:1px solid #f30!important;
}


.featPic01 p, .featPic02 p{
	font-size: 0.875em;
	padding-top:5px;
	color:#666;
}

.colorVar01 h6, #featuresPic h6{
	padding:0 0 1em 0;
	margin:0;
}
.pillow .colorVar01 h6{
	line-height: 1.6;
}
.cover #featuresPic h6{
	line-height: 1.6;
	width:200px;
}


/*=============>>CheckPoints<<===============*/
.futon #division02{
	padding-top:3.5em;
}

#checkPoints ul{
	list-style:none;
	padding:1.5em 2em 0 0.25em;
}
#checkPoints ul li{
	font-size:1.075em;
	background:url("../images/li/check01.gif") no-repeat 0 0.275em;
	padding:0 0 1em 1.475em;
	line-height: 1.4;
}
#checkPoints ul li span{
	font-size: 0.875em;
	color:#666;
}


/*=============>>advicePurchase<<===============*/

#advicePurchase{
	padding:3em 0 0 10px;
}
#advicePurchase h4{
	padding:0 0 2em 0;
}



/*
------------7. shoppingArea----------------
*/
.futon #division03{
	padding-top:3.5em;
}


h3.offerMessage{
	width:auto;
	margin:0;
	padding:0;
}

p.orderOffer{
	padding-top:3em!important;
	font-size: 1.175em;
	line-height:1.6;
}
.cover p.orderOffer, .pillow p.orderOffer, .cushion p.orderOffer{
	padding-top:0em!important;
}
p.orderOffer2{
	padding-top:2em!important;
	font-size: 1.075em;
	line-height:1.6;
}

p.orderOffer2 strong{
	color:#060;
}
p.orderOffer2 span{
	font-size: 0.875em;
}
p strong.spOrder{
	color:#060;
	border-bottom:1px solid #060;
}

ul.notesOrder{
	clear:both;
	width:100%;
	list-style:none;
	padding:2.5em 0 0 0;
	font-size:0.875em;
}
ul.notesOrder li{
	padding-bottom:1.2em;
	padding-left:1.4em;
	text-indent:-1.4em;
	line-height:1.8;
}
ul.notesOrder li strong{
	font-size: 1.175em;
	color:#f00;
	border-bottom: 1px dotted;
}

ul.notesOrder li span{
	font-size: 0.975em;
	color:#666;
	margin-right:0.5em;
}

#shoppingArea01, #shoppingArea03{
	margin:3em 0 0em 0;
	background:#fff url("../images/bg/bg_shoppingarea.gif") repeat-y 194px 0;
}
#shoppingArea02, #shoppingArea04{ /* for OneSizeProducts */
	margin:3em 0 0em 0;
}
#shoppingArea03, #shoppingArea04{
	clear:both;
	margin-top: 5em;
}
.product01{
	float:left;
	width:180px;
	margin-right:28px;
}

#shoppingArea02 .product01, #shoppingArea04 .product01{
	float:none;
	width:45%;
	margin-right:0px;
}



.product02{
	float:left;
	width:180px;
	margin-right:0px;
}

#shoppingArea01 h4, #shoppingArea02 h4, 
#shoppingArea03 h4, #shoppingArea04 h4{
	border-bottom:1px solid #666;
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0.5em 0 0.5em 2em;
	font-size:1.2em;
}
#shoppingArea02 h4 span{
	font-size:0.875em;
}
.pillow #shoppingArea02 h4, .cushion #shoppingArea02 h4{
	padding-left: 0;
}

h4#single{
	background-image:url("../images/shop/size/single.gif");
}
h4#semidouble{
	background-image:url("../images/shop/size/semidouble.gif");
}
h4#double{
	background-image:url("../images/shop/size/double.gif");
}
h4#baby{
	background-image:url("../images/shop/size/baby.gif");
}
h4#singlelong{
	background-image:url("../images/shop/size/singlelong.gif");
}
h4#doublelong{
	background-image:url("../images/shop/size/doublelong.gif");
}
h4#pipe{
	background-image:url("../images/shop/size/pipe.gif");
}
h4#jr{
	background-image:url("../images/shop/size/jr.gif");
}
h4#adult{
	background-image:url("../images/shop/size/adult.gif");
}


#shoppingArea01 h5, #shoppingArea02 h5, #shoppingArea03 h5, #shoppingArea04 h5{
	padding-top:1em;
	line-height:1.4;
}
#shoppingArea01 h5 span, #shoppingArea02 h5 span, 
#shoppingArea03 h5 span, #shoppingArea04 h5 span{
	display:block;
}
h5 span.sizeName{
	color:#390;
}
.productSize{
	padding:1em 0;
	color:#666;
	line-height: 1.6;
}
.productSize dt{
	font-weight: bold;
	padding-top:0.5em;
}
.productSize dt.dtTop{
	padding-top:0em;
}


.productPrice{
	font-weight:bold;
	color:#f00;
	font-size:1.175em;
	letter-spacing:0.1em;
}
.productPrice span{
	color:#333;
	margin-right:0.5em;
	font-size:0.775em;
	letter-spacing:normal;
}
.shoppingPoint{
	background:url("../images/li/ic_point02.gif") no-repeat 0 0.2em;
	margin-top:1em;
	padding:0.3em 0 0.2em 1.6em;
	font-weight:bold;
	color:#f60;
	font-size:0.875em;
}
.shoppingPoint span{
	font-weight:normal;
	color:#333;
	margin-left:0.2em;
	letter-spacing:normal;
}

p.aboutPoint{
	font-size:0.725em;
	padding-top:0.2em;
	padding-left:1.6em;
	color:#666;
}

.shippingDay{
	padding:1em 0 0 0;
	font-size:0.875em;
	color:#666;
}
form ul.saBottom{
	margin:1em 0 0 0;
	padding:1.2em 0 0 0;
	background:url("../images/common/line_dotted02.gif") repeat-x 0 0;
	list-style:none;
}
ul.saBottom h6{
	padding-bottom:0.5em;
}

ul.saBottom li{
	padding-bottom:1em;
}
ul.saBottom select{
	width:auto;
	min-width:3em;
}

ul.saBottom li input.quantity{
	width:3em;
	padding:0.1em;
	font-family:verdana, sans-serif;
}
div.addCart{
	text-align:center;
	margin:0 auto;
	width:135px;
}
div.addCart button{
	padding:0;
	margin:0;
	border-width:0;
	background:none;
	cursor:pointer;
	width:134px;

}
p.specialOrder strong{
	color:#f00;
	font-size:1.275em;
}

/*=============>>SelectGuide<<===============*/


#selectGuide{
	text-align:center;
	width:80%;
	margin:2em auto 0 auto;
	padding:0.75em 0.5em 0.25em 1.5em;
	background: url("../images/bg/obli01_bl01.gif") repeat 0 0;
}
#selectGuide h5{
	text-align:left;
	padding-bottom:0.1em;
	line-height:1.4;
	font-size:1.125em;
}
#selectGuide div p{
	text-align:right!important;
	padding-top:0.2em;
	font-weight:normal;
	font-size:0.725em;
}
#selectGuide select{
	width:18em;
	font-size:0.875em;
}
#selectGuide form span{
	padding:0 0.5em;
}
#selectGuide input.btnConfirm{
	font-size:0.875em;
	font-weight:bold;
	color:#06c;
	border:2px outset #ccc;
	padding:0.4em 0.5em 0.2em 0.5em;
	letter-spacing:0.075em;
	width:7em;
	background:#fff url("../images/li/blank12_bl_link.gif") no-repeat 95% 50%;
}

#selectGuide input.btnConfirm:hover{
	background:#fff url("../images/li/blank12_bl_hover.gif") no-repeat 95% 40%;
	border:2px solid #ccc;
	cursor:pointer;
}



/*
------------8. relatedProducts----------------
*/
.itemPages #division04 h3{
	border-bottom: 1px solid #f60;
	padding:0 0 0.2em 0;
	font-size:1.075em;
	line-height:1.6;
}

.itemPages #division04 h3 span{
	padding:0.1em 0 0em 0;
}
.itemPages #division04 h3 span strong{
	color:#090;
}
#relatedProducts{
	padding:1.5em 0 3em 0;
}


#relatedProducts .rp01{
	float:left;
	padding:0 1.5em 0 0;
	width:130px;
}

#relatedProducts .rp02{
	float:left;
	padding:0 1.5em;
	width:130px;
}
#relatedProducts .rpImage{
	text-align:center;
	margin:0 auto;
	width:130px;
}

#relatedProducts .rpImage a{
	padding: 1px;
	display:block;
	border:1px solid #ccc!important;
	height:81px;
	width:126px;
}
#relatedProducts .rpImage a:visited{
	border:1px solid #ccc!important;
}


#relatedProducts .rpImage a:hover{
	border:1px solid #f30!important;
}


#relatedProducts h4{
	padding-top:0.5em;
	line-height:1.4;
}
#relatedProducts p{
	font-size:0.875em;
	padding-top:10px;
}

#orderChochomen{
	clear:both;
	padding:0em 0 3em 0;
}
#orderChochomen h5{
	color:#090;
	font-size:1.075em;
	line-height:1.5;
	padding-bottom:0.5em;
}

#orderChochomen h6{
	border-bottom:1px solid #ccc;
	padding:0.5em 0;
	font-size:1.175em;
}
#orderChochomen h6 span{
	border-left:3px solid #06f;
	padding:0 0 0 0.8em;
}
#orderChochomen p.P4 strong{
	color:#090;
}

/*
------------9. productFeatures----------------
*/
.itemPages #division05{
	border-top:1px solid #999;
}


.itemPages #division05 h3{
	background:url("../images/li/circle_or01.gif") no-repeat 0 0.175em;
	padding:0.2em 0 0.5em 1.5em;
	font-size:1.175em;
}

#featuresBox{
	border: 1px solid #6c6;
	background:#f0ffda url("../images/bg/obli_trans.gif") repeat 0 0;
	margin-top:1em;
	padding:30px 20px;
}

#featuresBox h4{
	color:#930;
	border-bottom:1px solid #9c3;
	padding:0.2em 0 0.15em 0;
	font-size:1.075em;
	line-height: 1.5;
}


#fiberDiv01{
	padding-top:2.5em;
}



.fiberText{
	float:left;
	width:395px;
}

.shiki .fiberText{
	float:none;
	width:auto;
}
.nonquiltBox .fiberText{
	width:240px;
	padding-top:0.5em;
}



.fiberText p strong{
	color:#060;
}

#shikiStructure{
	text-align:center;
	margin:2em auto 0.75em auto;
	padding:0.5em 0;
	background-color:#fff;
	border:1px solid #ccc;
}

.fiberImage{
	float:right;
	width:140px;
}
.fiberImage div a{
	display:block;
	border:1px solid #ccc!important;
	background-color:#fff;
	padding:1px;
	height:78px;
	width:138px;
}
.fiberImage div a:link, .fiberImage div a:visited{
	border:1px solid #ccc!important;
}
.fiberImage div a:hover, .fiberImage div a:active{
	border:1px solid #f30!important;
}

#featureImageWrapper{
	float: right;
	padding-top: 1.5em;
	width:300px;
}
.ImageLeft{
	float:left;
	width:144px;
}
.ImageRight{
	float:right;
	width:144px;
}

#featureImageWrapper div a{
	display:block;
	border:1px solid #ccc!important;
	background-color:#fff;
	padding:1px;
	height:110px;
	width:140px;
}

#featureImageWrapper div a:link, #featureImageWrapper div a:visited{
	border:1px solid #ccc!important;
}
#featureImageWrapper div a:hover, #featureImageWrapper div a:active{
	border:1px solid #f30!important;
}


.fiberImage p, #featureImageWrapper p{
	font-size: 0.875em;
	padding-top:5px;
}