@charset "shift_jis";
/* CSS Document */



/*----------------------
▼cssセレクタについて
div > ul　→　divの直下のulのみ適用
div[class^="newfuton"]　→　newfutonで始まるdivクラスに適用
li:nth-child(5)　→　前から5番目の[li]
li:nth-last-child(5)　→　後ろから5番目の[li]
li:nth-child(2) dl　→　2番目のliに適用
i:nth-child(4n)　→　4,8,12…番目のliに適用
----------------------*/



/* ■■■■■ 全体 ■■■■■ */
#newfuton * {
	margin:0;
	padding:0;
}
#newfuton {
	width:750px;
	margin:0 auto;
	text-align:center;
	font-size:11px;
	line-height:100%;
	overflow:hidden;
	padding-bottom:15px;
}


#newfuton h3,#newfuton h4 {
	padding:0 0 10px;
}
#newfuton ul, #newfuton ul li,#newfuton dl, #newfuton dl dt, #newfuton dl dd {
	list-style:none;
}
#newfuton ul ,#newfuton dl{
	overflow:hidden;
}
#newfuton img {
	vertical-align:bottom;
	border:none;
}
#newfuton a{
	text-decoration:none;	
}
#newfuton a:hover img{
	opacity:0.9;
	filter: alpha(opacity=90);
	background: #fff;
}
#newfuton a:hover img.imgover {
	filter: alpha(opacity=100);
	opacity:1.0;
	background:none;
}

/* --- ページTOP ---  */
#newfuton p.top{
	text-align:right;
	padding:10px 10px 40px;
	background: #FFF;
	font-family: "メイリオ","Meiryo";
}
#newfuton p.top a:hover{
	text-decoration:underline;
}



/* --- その他バナー --- */
#newfuton .bn_col1{ 
	text-align:right;
	padding:0 20px 20px;
}
#newfuton ul.bn_col2{	
	width:704px;
	margin:12px auto 20px;
	padding:10px;
	border-radius:7px;
	background:#FFF;
	overflow:hidden;	
}
#newfuton ul.bn_col2 li{
	width:352px;
	height:75px;
	float:left;
	text-align:center;
	border:none !important;
}



/* --- ナビ --- */
#newfuton #navi{
	width:750px;
	height:230px;
	background:url(../image/14newfuton/bg_navi.jpg) no-repeat top;
}
#newfuton #navi ul{
	width:740px;
	margin:0 auto;
	overflow:hidden;
}
#newfuton #navi li{
	width:185px;
	float:left;
}



/* ■■■ 商品 ■■■ */
#newfuton ul[class^="ul_col"]{
	margin:0 auto;
	overflow:hidden;
}
#newfuton ul.ul_col2{ width:720px; }
#newfuton ul.ul_col3{ width:726px; }

#newfuton ul[class^="ul_col"] > li {
	float:left;
	background:#FFF;
	border-radius:7px;
	position:relative;
}
#newfuton ul.ul_col2 > li{
	width:328px;
	margin:0px 3px 10px;
	padding:10px;
}

#newfuton ul.ul_col2 dd a { width:330px; }
#newfuton ul.ul_col3 dd a { width:222px; }

#newfuton li dd a{
	padding:10px 0 12px;
	border-bottom:dashed #DFCBB7 1px;
	display:block;
}
#newfuton li dd:nth-last-child(1) a{
	border-bottom:none;
	padding:12px 0 3px;
}


/* --- 1カラム --- */
#newfuton .div_col1,#newfuton #m3 .alle{
	width:720px;
	margin: 0 auto 15px;
}
#newfuton .div_col1 ul.ul_col3 > li{
	width:240px;
	position:relative;
}
#newfuton .div_col1 ul.ul_col3 dl,#newfuton .alle ul.ul_col3 dl{
	width:222px;
	position:absolute;
}
#newfuton #m1 .div_col1 ul.ul_col3 dl{ top:30px; left:9px; }
#newfuton #m3 .div_col1 ul.ul_col3 dl{ top:215px; left:9px; }

#newfuton #m1 .div_col1 ul.ul_col3 > li,
#newfuton #m3 .div_col1 ul.ul_col3 > li,
#newfuton #m3 .alle ul.ul_col3 > li{
	border:none;
}

/*「ピロー」アレルブロックのみ*/
#newfuton #m3 .alle > li{ width:458px; float:left; }
#newfuton #m3 .alle > li:nth-last-child(1){ width:262px; position:relative;}
#newfuton #m3 .alle dl{ top:183px; left:9px; }


/*「寝具カバー」のみ*/
#newfuton #m4 ul.ul_col3 > li{
	width:230px;
	height:700px;
	margin:0px 3px 10px;
	overflow:hidden;
}
#newfuton #m4 ul.ul_col3 > li > img{
	margin-top:3px;
}
#newfuton #m4 ul.ul_col3 dt{
	margin-top:15px;
}
#newfuton #m4 ul.ul_col3 .dt_m{
	margin-top:21px;
}
#newfuton #m4 ul.ul_col3 dd:nth-last-child(1) a{
	padding:10px 0 12px;
	border-bottom:dashed #DFCBB7 1px;
	display:block;
}


/* --- 背景色 --- */
#newfuton div[id^="m"]{ width:750px; overflow:hidden; }
#newfuton #m1{ background:#EDF8F8; }
#newfuton #m2{ background:#FEF2F1; }
#newfuton #m3{ background:#FBF8E9; }
#newfuton #m4{ background:#F5FBF6; }


/* --- アイテムの枠線 --- */
#newfuton #m1 ul[class^="ul_col"] > li{ border:solid 3px #D6EDED; }
#newfuton #m2 ul[class^="ul_col"] > li{ border:solid 3px #FAE2E2; }
#newfuton #m3 ul[class^="ul_col"] > li{ border:solid 3px #F9F4C2; }
#newfuton #m4 ul[class^="ul_col"] > li{ border:solid 3px #DCF2E1; }

/* --- ボタン --- */
#newfuton li dd.btn a{ background:url(../image/14newfuton/btn.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn a:hover{ background:url(../image/14newfuton/btn_o.jpg) no-repeat 5px 10px;}

#newfuton li dd.btn1_1 a{ background:url(../image/14newfuton/btn1_1.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn1_1 a:hover{ background:url(../image/14newfuton/btn1_1_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn1_2 a{ background:url(../image/14newfuton/btn1_2.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn1_2 a:hover{ background:url(../image/14newfuton/btn1_2_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn1_3 a{ background:url(../image/14newfuton/btn1_3.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn1_3 a:hover{ background:url(../image/14newfuton/btn1_3_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn1_4 a{ background:url(../image/14newfuton/btn1_4.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn1_4 a:hover{ background:url(../image/14newfuton/btn1_4_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn1_5 a{ background:url(../image/14newfuton/btn1_5.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn1_5 a:hover{ background:url(../image/14newfuton/btn1_5_o.jpg) no-repeat 5px 10px;}

#newfuton li dd.btn2_1 a{ background:url(../image/14newfuton/btn2_1.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn2_1 a:hover{ background:url(../image/14newfuton/btn2_1_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn2_2 a{ background:url(../image/14newfuton/btn2_2.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn2_2 a:hover{ background:url(../image/14newfuton/btn2_2_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn2_3 a{ background:url(../image/14newfuton/btn2_3.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn2_3 a:hover{ background:url(../image/14newfuton/btn2_3_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn2_4 a{ background:url(../image/14newfuton/btn2_4.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn2_4 a:hover{ background:url(../image/14newfuton/btn2_4_o.jpg) no-repeat 5px 10px;}

#newfuton li dd.btn3_1 a{ background:url(../image/14newfuton/btn3_1.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn3_1 a:hover{ background:url(../image/14newfuton/btn3_1_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn3_2 a{ background:url(../image/14newfuton/btn3_2.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn3_2 a:hover{ background:url(../image/14newfuton/btn3_2_o.jpg) no-repeat 5px 10px;}

#newfuton li dd.btn4_1 a{ background:url(../image/14newfuton/btn4_1.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn4_1 a:hover{ background:url(../image/14newfuton/btn4_1_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn4_2 a{ background:url(../image/14newfuton/btn4_2.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn4_2 a:hover{ background:url(../image/14newfuton/btn4_2_o.jpg) no-repeat 5px 10px;}

#newfuton li dd.btn5_1 a{ background:url(../image/14newfuton/btn5_1.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn5_1 a:hover{ background:url(../image/14newfuton/btn5_1_o.jpg) no-repeat 5px 10px;}
#newfuton li dd.btn5_2 a{ background:url(../image/14newfuton/btn5_2.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn5_2 a:hover{ background:url(../image/14newfuton/btn5_2_o.jpg) no-repeat 5px 10px;}

#newfuton li dd.btn6_1 a{ background:url(../image/14newfuton/btn6_1.jpg) no-repeat 5px 10px; }
#newfuton li dd.btn6_1 a:hover{ background:url(../image/14newfuton/btn6_1_o.jpg) no-repeat 5px 10px;}

/* ■■■■■ 価格 ■■■■■ */

#newfuton .buy_price, #newfuton .buy_price li {
	float:none;
	line-height:100%;
	width:auto;
	margin:0;
	padding:0;
	border:none;
	background:none;
}
#newfuton .buy_price{
	margin:0 5px 2px 0;
	text-align:right;
}
#newfuton li.motoprice {
	display:none;
}
#newfuton li.price {
	display:inline;
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
}
#newfuton .intax {
	display:inline;
	font-size:10px;
	color:#ff0000;
}
#newfuton span.spesicalprice {
	display:inline;
	font-size:10px;
	color:#00F;
}