@charset "utf-8";

/*-----------------------------------------------*/
/* カリモクのぴったりベッド「私の快眠」のつくり方 */
/*-----------------------------------------------*/

#honbun{ clear: both; margin-left: 15px }
.sleep{ color: #696969; font-size: 100%; line-height: 150%; padding: 10px 10px 10px 3px }
.sleep_honbun1{ color: #696969; font-size: 100%; line-height: 150%; letter-spacing: 0.08em; padding: 10px 0px 0px 10px }
.sleep_honbun2{ color: #696969; font-size: 100%; line-height: 150%; letter-spacing: 0.08em; padding: 10px 0px 10px 30px }
.sleep_honbun3{ color: #696969; font-size: 100%; line-height: 150%; letter-spacing: 0.08em }
.sleep_honbun-q{ color: #696969; font-size: 100%; line-height: 150%; letter-spacing: 0.08em; padding: 10px 15px 10px 30px }
.sleep_mame{ text-align: left; color: #696969; font-size: 11px; line-height: 150%; letter-spacing: 0.08em; padding: 5px 10px 10px 0px }
.sleep_mane-title{ text-align: left; color: #75a809; font-weight: bold; font-size:12px; line-height: 150%; letter-spacing: 0.08em; padding: 5px 0px 0px 0px }
.sleep_title-blue{ color: #006bc1; font-weight: bold; font-size: 125%; line-height: 150%; padding: 0px 0px 0px 5px }
.sleep_title-brown{ color: #4b3219; font-weight: bold; font-size: 125%; line-height: 150%; padding: 0px 0px 0px 5px }

table.s1{ border-collapse: collapse  }
.td1{ color: #323232; padding-top: 10px; border: solid 1px #d3d3d3; border-collapse: collapse   }

.sleep_next{ color: #696969; font-size:12px; line-height: 120%; background-color: #ebdfc8; text-align: center; letter-spacing: 0.08em; width: 500px; margin: 30px auto 20px; padding: 5px; border: solid 1px #c0c0c0; }

table.sleepsr{border-collapse: collapse;}
.sleepsrbox{ font-size:12px; background-color: #f5f3f3; text-align: center; padding: 15px 2px; border: solid 2px #6e5032; }

a:link{ color: #6e5032; text-decoration: underline }
a:visited{ color: #6e5032; text-decoration: underline }
a:active{ color: #006bc1; text-decoration: underline }
a:hover{ color: #006bc1; text-decoration: underline }


/* 配置設定 -------------------------------------*/
#sleep{
	margin:0px;
	padding:0px;
	width:755px;
	overflow:hidden;
	zoom:100%;
}
#sleep:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
#sleepl{
	margin:0px;
	padding:0px;
	width:165px;
	float:left;
}
#sleepr{
	margin:0px;
	padding:0px;
	width:590px;
	float:left;
}

/* 詳細設定 -------------------------------------*/
/* トップ タイトル */
#sleeptitle{
	margin:0px;
	padding:0px;
	width:938px;
	overflow:hidden;
	zoom:100%;
}
#sleeptitle:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
#sleeptitle .left{
	margin:0px;
	padding:0px;
	width:400px;
	float:left;
}
#sleeptitle .right{
	margin:0px;
	padding:0px;
	width:536px;
	float:left;
}
#sleeptitle .right h2{
	margin:0px 0px 5px 17px;
	padding:0px;
	float:left;
}
#sleeptitle .right p{
	margin:0px 0px 10px 0px;
	padding:0px;
}
#sleeptitle .right p img{
	margin:0px 0px 0px 17px;
	padding:0px;
}
#sleeptitle .right .ninki{
	margin:0px 0px 0px 17px;
	padding:0;
	width:520px;
	height:90px;
	background:#f1e7d5;
}
#sleeptitle .right .ninki img{
	margin-left:12px;
	padding-top:5px;
	vertical-align:middle;
}

/* トップ ぴったりベッド */
#pittari{
	margin:5px 0px 10px 0px;
	padding:0px;
	width:938px;
	overflow:hidden;
	zoom:100%;
}
#pittari:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
#pittari .left{
	margin:0px 15px 0px 0px;
	width:460px;
	float:left;
}
#pittari .right{
	margin:0px;
	width:460px;
	float:left;
}
#pittari img{
	margin:10px 0px 10px 0px;
}
#pittari p .highlight{
	margin:0px 3px 0px 3px;
	padding:2px 3px 2px 3px;
	color:#ffffff;
	background:#21ade5;
}
#levelflexmovie{
	margin:0px 15px 30px 60px;
	padding:10px;
	width:320px;
	border:3px solid #c4c4c4;
}
#levelflexmovie img{
	margin:0px 0px 10px 0px;
}

/* トップ メニュー */
#sleeptopmenu{
	margin:0;
	width:938px;
	overflow:hidden;
	zoom:100%;
}
#sleeptopmenu:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#sleeptopmenul{
	margin:0;
	width:782px;
	float:left;
}
#sleeptopmenur{
	padding:0px;
	width:156px;
	float:left;
}

#sleeptopmenu ul{
	margin:0;
	padding:0;
	display:inline; 
	list-style:none;
	line-height:0;
}
#sleeptopmenu li{
	display:inline;
	line-height:1;
}
#sleeptopmenu li a{
	float:left;
	display:block;
	font-size:0.8em;
	color:#ffffff;
	text-indent:-9999px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
#sleeptopmenu li#sleeptop a{
	margin:0px 2px 0px 0px;
	padding:0;
	width:80px;
	height:128px;
	background:url("../images/sleep/top/sleep.gif") no-repeat top left;
}
#sleeptopmenu li#sleeptop a:hover{
	background-position:0 -128px;
}
#sleeptopmenu li#chishiki a{
	margin:0;
	padding:0;
	width:696px;
	height:27px;
	background:url("../images/sleep/top/chishiki.gif") no-repeat top left;
}
#sleeptopmenu li#mechanism a{
	margin:0;
	padding:0;
	width:140px;
	height:32px;
	background:url("../images/sleep/top/mechanism.gif") no-repeat top left;
}
#sleeptopmenu li#mechanism a:hover{
	background-position:0 -32px;
}
#sleeptopmenu li#youso a{
	margin:0;
	padding:0;
	width:139px;
	height:32px;
	background:url("../images/sleep/top/youso.gif") no-repeat top left;
}
#sleeptopmenu li#youso a:hover{
	background-position:0 -32px;
}
#sleeptopmenu li#neshisei a{
	margin:0;
	padding:0;
	width:139px;
	height:32px;
	background:url("../images/sleep/top/neshisei.gif") no-repeat top left;
}
#sleeptopmenu li#neshisei a:hover{
	background-position:0 -32px;
}
#sleeptopmenu li#taiatsu a{
	margin:0;
	padding:0;
	width:139px;
	height:32px;
	background:url("../images/sleep/top/taiatsu.gif") no-repeat top left;
}
#sleeptopmenu li#taiatsu a:hover{
	background-position:0 -32px;
}
#sleeptopmenu li#negokochi a{
	margin:0px 0px 1px 0px;
	padding:0;
	width:139px;
	height:32px;
	background:url("../images/sleep/top/negokochi.gif") no-repeat top left;
}
#sleeptopmenu li#negokochi a:hover{
	background-position:0 -32px;
}
#sleeptopmenu li#suimin a{
	margin:0;
	padding:0;
	width:696px;
	height:27px;
	background:url("../images/sleep/top/suimin.gif") no-repeat top left;
}
#sleeptopmenu li#tuning a{
	margin:0;
	padding:0;
	width:140px;
	height:42px;
	background:url("../images/sleep/top/tuning.gif") no-repeat top left;
}
#sleeptopmenu li#tuning a:hover{
	background-position:0 -42px;
}
#sleeptopmenu li#wood a{
	margin:0;
	padding:0;
	width:139px;
	height:42px;
	background:url("../images/sleep/top/wood.gif") no-repeat top left;
}
#sleeptopmenu li#wood a:hover{
	background-position:0 -42px;
}
#sleeptopmenu li#mattress a{
	margin:0;
	padding:0;
	width:139px;
	height:42px;
	background:url("../images/sleep/top/mattress.gif") no-repeat top left;
}
#sleeptopmenu li#mattress a:hover{
	background-position:0 -42px;
}
#sleeptopmenu li#pillow a{
	margin:0;
	padding:0;
	width:139px;
	height:42px;
	background:url("../images/sleep/top/pillow.gif") no-repeat top left;
}
#sleeptopmenu li#pillow a:hover{
	background-position:0 -42px;
}
#sleeptopmenu li#duvet a{
	margin:0;
	padding:0;
	width:139px;
	height:42px;
	background:url("../images/sleep/top/duvet.gif") no-repeat top left;
}
#sleeptopmenu li#duvet a:hover{
	background-position:0 -42px;
}
#sleeptopmenu li#frame a{
	margin-bottom:4px;
	padding:0;
	width:156px;
	height:62px;
	background:url("../images/sleep/top/frame.gif") no-repeat top left;
}
#sleeptopmenu li#frame a:hover{
	background-position:0 -62px;
}
#sleeptopmenu li#sr a{
	margin:0;
	padding:0;
	width:156px;
	height:62px;
	background:url("../images/sleep/top/sr.gif") no-repeat top left;
}
#sleeptopmenu li#sr a:hover{
	background-position:0 -62px;
}



/* メニュー -------------------------------------*/
#sleepmenu{
	width:145px;
	margin-top:0;
	margin-right: auto;
	margin-bottom:0;
	margin-left:0;
}
#sleepmenu ul{
	list-style:none;
	padding:0;
	margin:0;
}
#sleepmenu li{
	display:inline; 
	line-height:1.0;
}
#sleepmenu li a{
	display: block;
	text-indent: -10000px;
	color: #ffffff;
	text-align: center;
	font-size: 1px;
	text-decoration: none;
}
/* メニュー sleep -------------------------------------*/
#sleepmenu li#sleeptop a{
	background: url("../images/sleep/menu/sleep.gif") no-repeat top left;
	height:44px;
	width:145px;
	margin:0px 0px 1px 0px;
	padding:0;
}
#sleepmenu li#sleeptop a:hover{
	background-position: -145px 0;
}
#sleepmenu li#sleeptop em a{
	background-position: -145px 0;
}
#sleepmenu li#sleeptop em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#chishiki a{
	background: url("../images/sleep/menu/chishiki.gif") no-repeat top left;
	height:32px;
	width:145px;
	margin:0;
	padding:0;
}

#sleepmenu li#naze a{
	background: url("../images/sleep/menu/naze.gif") no-repeat top left;
	height:34px;
	width:145px;
	margin:0;
	padding:0;
}

#sleepmenu li#mechanism a{
	background: url("../images/sleep/menu/mechanism.gif") no-repeat top left;
	height: 33px;
	width: 145px;
	margin:0;
	padding: 0;
}
#sleepmenu li#mechanism a:hover{
	background-position: -145px 0;
}
#sleepmenu li#mechanism em a{
	background-position: -145px 0
}
#sleepmenu li#mechanism em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#kaimin a{
	background: url("../images/sleep/menu/kaimin.gif") no-repeat top left;
	height:34px;
	width:145px;
	margin:0;
	padding:0;
}

#sleepmenu li#youso a{
	background: url("../images/sleep/menu/youso.gif") no-repeat top left;
	height:33px;
	width:145px;
	margin:0;
	padding:0;
}
#sleepmenu li#youso a:hover{
	background-position: -145px 0;
}
#sleepmenu li#youso em a{
	background-position: -145px 0
}
#sleepmenu li#youso em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#neshisei a{
	background: url("../images/sleep/menu/neshisei.gif") no-repeat top left;
	height:33px;
	width:145px;
	margin:0;
	padding:0;
}
#sleepmenu li#neshisei a:hover{
	background-position: -145px 0;
}
#sleepmenu li#neshisei em a{
	background-position: -145px 0
}
#sleepmenu li#neshisei em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#taiatsu a{
	background: url("../images/sleep/menu/taiatsu.gif") no-repeat top left;
	height:33px;
	width:145px;
	margin:0;
	padding:0;
}
#sleepmenu li#taiatsu a:hover{
	background-position: -145px 0;
}
#sleepmenu li#taiatsu em a{
	background-position: -145px 0
}
#sleepmenu li#taiatsu em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#negokochi a{
	background: url("../images/sleep/menu/negokochi.gif") no-repeat top left;
	height:33px;
	width:145px;
	margin:0px 0px 1px 0px;
	padding:0;
}
#sleepmenu li#negokochi a:hover{
	background-position: -145px 0;
}
#sleepmenu li#negokochi em a{
	background-position: -145px 0
}
#sleepmenu li#negokochi em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#suimin a{
	background: url("../images/sleep/menu/suimin.gif") no-repeat top left;
	height:32px;
	width:145px;
	margin:0;
	padding:0;
}

#sleepmenu li#tuning a{
	background: url("../images/sleep/menu/tuning.gif") no-repeat top left;
	height:45px;
	width:145px;
	margin:0;
	padding:0;
}
#sleepmenu li#tuning a:hover{
	background-position: -145px 0;
}
#sleepmenu li#tuning em a{
	background-position: -145px 0
}
#sleepmenu li#tuning em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#wood a{
	background: url("../images/sleep/menu/wood.gif") no-repeat top left;
	height:45px;
	width:145px;
	margin:0;
	padding:0;
}
#sleepmenu li#wood a:hover{
	background-position: -145px 0;
}
#sleepmenu li#wood em a{
	background-position: -145px 0
}
#sleepmenu li#wood em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#mattress a{
	background: url("../images/sleep/menu/mattress.gif") no-repeat top left;
	height:45px;
	width:145px;
	margin:0;
	padding:0;
}
#sleepmenu li#mattress a:hover{
	background-position: -145px 0;
}
#sleepmenu li#mattress em a{
	background-position: -145px 0
}
#sleepmenu li#mattress em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#pillow a{
	background: url("../images/sleep/menu/pillow.gif") no-repeat top left;
	height:45px;
	width:145px;
	margin:0;
	padding:0;
}
#sleepmenu li#pillow a:hover{
	background-position: -145px 0;
}
#sleepmenu li#pillow em a{
	background-position: -145px 0
}
#sleepmenu li#pillow em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#duvet a{
	background: url("../images/sleep/menu/duvet.gif") no-repeat top left;
	height:45px;
	width:145px;
	margin:0;
	padding:0px 0px 5px 0px;
}
#sleepmenu li#duvet a:hover{
	background-position: -145px 0;
}
#sleepmenu li#duvet em a{
	background-position: -145px 0
}
#sleepmenu li#duvet em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#frame a{
	background: url("../images/sleep/menu/frame.gif") no-repeat top left;
	height:50px;
	width:145px;
	margin:0;
	padding:0px 0px 5px 0px;
}
#sleepmenu li#frame a:hover{
	background-position: -145px 0;
}
#sleepmenu li#frame em a{
	background-position: -145px 0
}
#sleepmenu li#frame em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#sr a{
	background: url("../images/sleep/menu/sr.gif") no-repeat top left;
	height:45px;
	width:145px;
	margin:0;
	padding:0px 0px 16px 0px;
}
#sleepmenu li#sr a:hover{
	background-position: -145px 0;
}
#sleepmenu li#sr em a{
	background-position: -145px 0
}
#sleepmenu li#sr em a:hover{
	background-position: -145px 0;
}

#sleepmenu li#eis a{
	background: url("../images/sleep/menu/eis.gif") no-repeat top left;
	height:52px;
	width:145px;
	margin:0;
	padding:0;
}
#sleepmenu li#eis a:hover{
	background-position: -145px 0;
}
#sleepmenu li#eis em a{
	background-position: -145px 0
}
#sleepmenu li#eis em a:hover{
	background-position: -145px 0;
}