@charset "UTF-8";

/* /////////////////////////////////////////////////////////////////////////// wrapper */

div#wrapper{
	/*background:url(img/bg_footer.gif) repeat left bottom;*/
	padding-bottom:43px;
	/*background:url(img/bg_contents.gif) repeat-x left bottom;*/
}

/* /////////////////////////////////////////////////////////////////////////// header */

div#header{
	padding-top:35px;
	padding-bottom:27px;
	margin:0 auto;
	width:960px;
	position:relative;
}

	div#header h1,
	div#header p#logo{
		margin-top:0px;
	}

/* /////////////////////////////////////////////////////////////////////////// seach */

#search {
position:absolute;
right:318px;
top:53px;
}

#search .keyword {
border:1px solid #d9d9d9;
padding:5px;
width:150px;
font-size:93%;
color:#999999;
margin-right:3px;
height:16px;
}

#search .keyword:focus,
#search .keyword.focused {
color: #555555;
}

#maintenance {
position:absolute;
top:106px;
}

/* /////////////////////////////////////////////////////////////////////////// navigation */

ul#nav{
	position:absolute;
	right:-10px;
	top:35px;
	height:184px;
}

	ul#nav li{
		margin-left:18px;
	}

/* /////////////////////////////////////////////////////////////////////////// topicpath */

div#topicpath{
	padding-right:320px;
	margin:0 auto;
	text-align:right;
	width:657px;
}

div#topicpath ul{
	margin-top:-10px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	/*float:right;*/
}
	div#topicpath ul li{
		padding-left:17px;
		margin-right:8px;
		margin-top:15px;
		font-size:78%;
		background:url(img/arrow_tpath.gif) no-repeat left 0.2em;
	}

	div#topicpath ul li#home{
		padding-left:0;
		background:none;
	}

		div#topicpath ul li a{
			padding-bottom:4px;
			background:url(img/dot_link.gif) repeat-x left bottom;
			text-decoration:none;
			color:#000000;
			zoom:1;
		}

		div#topicpath ul li a:hover{
			color:#2fbabe;
		}


/* /////////////////////////////////////////////////////////////////////////// contents */

div#contents{
	/*padding-bottom:43px;*/
	margin:0 auto;
	width:960px;
}

	div#main{
		width:675px;
		float:left;
	}


	div#lnav{
		margin-top:100px;
		margin-top:117px;
		width:250px;
		float:right;
	}

	div.category div#lnav{
		margin-top:0;
	}

	div#lnav ul.cmenu{
		padding-top:1px;
		margin-bottom:50px;
		background:url(img/line_lnav.gif) no-repeat left top;
	}

		div#lnav ul.cmenu li{
			padding-bottom:1px;
			background:url(img/line_lnav.gif) no-repeat left bottom;
		}

		div#lnav ul.cmenu ul.cmenuIn{
			margin-bottom:30px;
			padding-top:6px;
			background:url(img/dot01.gif) repeat-x left top;
		}
			div#lnav ul.cmenu ul.cmenuIn li{
				padding:9px 0 0 25px;
				background:none;
			}

		div#lnav ul.bnrmenu li.bnrPromise{ margin-top:35px; }
		* html div#lnav ul.bnrmenu li.bnrPresent{ margin-right:-35px; }

div#verisigh{
	margin-top:15px;
	position:relative;
	height:80px;
}

	div#verisigh p.text{
		position:absolute;
		right:0;
		top:20px;
	}

ul#recommend{
	padding-top:99px;
	margin-top:50px;
	background:url(/products/css/img/bg_lnav.gif) no-repeat left top;
}

	ul#recommend li{
		padding-bottom:35px;
		margin-bottom:21px;
		text-align:center;
	}

	ul#recommend li.odd{ background:url(/products/css/img/icon_note01.gif) no-repeat center bottom; }
	ul#recommend li.even{ background:url(/products/css/img/icon_note02.gif) no-repeat center bottom; }
	ul#recommend li.last{ background:none; }


/* /////////////////////////////////////////////////////////////////////////// footer */

div#footer_hd{
	padding-top:35px;
	background:url(img/bg_contents.gif) repeat-x left bottom;
	height:105px;
}

div#footer_hd .fBox {
	width:960px;
	margin:0 auto;
}

div#footer_hd .fBox .fl {
margin-top:5px;
background:url(img/bg_social.jpg) no-repeat;
width:190px;
height:44px;
padding:12px 0 0 490px;
}

p#pagetop{
	margin-bottom:20px;
}

p#pagetop_ff {
margin:0 auto;
width:960px;
text-align:right;
margin-bottom:20px;
}

div#footer{
	padding-bottom:150px;
	background:url(img/bg_footer.gif) repeat left top;
}

div#footerIn{
	padding-top:56px;
	margin:0 auto;
	width:743px;
	text-align:center;
}

p.pagetop{
	background:url(img/line01.png) no-repeat -133px 21px;
	text-align:right;
}


div.w605 p.pagetop{
	background:url(img/line01.png) no-repeat -206px 21px;
}

ul.blankmenu{
	margin:0 auto;
	width:542px;
	text-align:center;
}

	ul.blankmenu li{
		padding-right:31px;
		margin-right:30px;
		background:url(img/line_bnavi.gif) no-repeat right 1px;
	}

	ul.blankmenu li.right{
		padding-right:0;
		margin-right:0;
		background:none;
	}

dl#boxOnline{
	padding:30px 0 30px 50px;
	margin-top:50px;
	background:url(img/bg_online.gif) no-repeat left top;
}

	dl#boxOnline dt,
	dl#boxOnline dd{
		float:left;
	}

	dl#boxOnline dt{
		padding-right:79px;
	}

	dl#boxOnline dd{
		margin-top:10px;
		margin-left:35px;
	}

ul#cinfo{
	margin-top:85px;
	margin-bottom:50px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

	ul#cinfo li{
		margin-left:23px;
		margin-right:24px;
	}

div#footer p {
text-align:center;
}

p#copyright{
	margin-top:35px;
	/*margin-bottom:50px;*/
}

/* /////////////////////////////////////////////////////////////////////////// contentInfo */

div#contentInfo{
}




/* /////////////////////////////////////////////////////////////////////////// home */

body#home #flashBox {
height:430px;
margin-top:10px;
}

body#home #flashArea {
text-align:center;
height:430px;
margin:0 auto;
}

body#home #flashAreaBg {
background:url(img/bg_flash.gif) center no-repeat;
}

body#home div#main{
	margin-top:12px;
}

body#home div#lnav{
	margin-top:68px;
}

/* プロに学ぶインテリア */

h2#ttlEssence{
margin-bottom:10px;
}

#topEssence {
position:relative;
background:url(img/bg_essence.png) no-repeat left top;
width:675px;
height:318px;
}

#topEssence p#left {
position:absolute;
top:145px;
left:0px;
z-index:2;
}

#topEssence p#right {
position:absolute;
top:145px;
left:643px;
z-index:3;
}

#imgEssence {
width:675px;
height:318px;
overflow:hidden;
position:absolute;
left:0;
top:0;
z-index:1;
}

#topEssence ul {
width:10000px;
}

#topEssence p#interview {
position:absolute;
z-index:4;
top:-64px;
left:506px;
}

div.topBox{
	padding-bottom:55px;
	margin-bottom:45px;
}

div.tickerBox{
	background:url(img/bg_tickerbox.gif) no-repeat left top;
	position:relative;
	width:675px;
	height:35px;
}

	div.tickerBox h3{
		position:absolute;
		left:35px;
		top:7px;
	}

	div.tickerBox ul{
		margin-left:252px;
		padding-top:7px;
		height:21px;
	}

		div.tickerBox ul li{ line-height:1.0 !important;}
		div.tickerBox ul li img{ vertical-align:top;}
		div.tickerBox ul li.none{display:none;}

/* 東リのイチ押しアイテム */

div#topPrd{
}

ul#prdList{
	width:724px;
	margin-left:-30px;
}

	ul#prdList li{
		margin-left:30px;
		width:146px;
	}

	ul#prdList li.illust{
		margin-left:19px;
		margin-top:-7px;
		width:166px;
	}

/* 上手なインテリア術 */

div#topHowto{
	padding-bottom:80px;
}

ul#howtoList{
	width:724px;
	margin-left:-30px;
}

	ul#howtoList li{
		margin-left:30px;
	}


/* お知らせ */

div#topInfo{
	margin-top:70px;
	position:relative;
	width:675px;
}

	div#topInfo p.absolute{
		right:0;
		top:0;
		position:absolute;
	}

div#topInfo dl{
}

	div#topInfo dl dt {
		clear: left;
		float: left;
		width: 65px;
	}

	div#topInfo dl dt,
	div#topInfo dl dd{
		margin-top:18px;
	}

	div#topInfo dl dd{
		margin-top:16px;
		*margin-top:15px;
		_margin-top:16px;
	}

	div#topInfo dl dd img{
		vertical-align:middle;
	}

	div#topInfo dl dd span{
		padding-bottom:4px;
		background:url(img/dot_link.gif) repeat-x left bottom;
	}

	div#topInfo dl dd a{
		text-decoration:none;
		color:#555555;
	}

	div#topInfo dl dd a:hover{
		color:#2fbabe;
	}

/* for Fx, Safari, IE7 (except IE6) */
	div#topInfo dl > dd {
		float: left;
		width: 610px;
	}
/* for IE7 only */
	*+html div#topInfo dl > dd {
		float: none;
	}
/* for IE6 only */
	* html div#topInfo dl dd {
		margin-left: 65px;
	}

/* IE6 */

/** html div#topInfo dl dd a{
	padding-bottom:4px;
	background:url(img/dot_link.gif) repeat-x left bottom;
}
* html div#topInfo dl dd span{
	background:url(img/dot_link.gif) repeat-x left 1.25em;
	padding-bottom:5px;
}

	* html div#topInfo dl dd a{
		padding-bottom:0px;
	}

	* html div#topInfo dl dd img{
		padding-top:0.5em;
		padding-bottom:0.5em;
	}*/


/* IE7 */

/**:first-child + html div#topInfo dl dd a{
	padding-bottom:4px;
	background:url(img/dot_link.gif) repeat-x left bottom;
}

*:first-child + html div#topInfo dl dd span{
	background:url(img/dot_link.gif) repeat-x left 1.25em;
	padding-bottom:6px;
}

	*:first-child + html div#topInfo dl dd a{
		padding-bottom:0px;
	}

	*:first-child + html div#topInfo dl dd img{
		padding-top:0.5em;
		padding-bottom:0.5em;
	}*/


#maintenance-topics {
	background-color: rgba(240, 144, 122, 100);
	text-align: center;
	-webkit-animation: maintenanceFrameIn .6s ease .6s both;
	animation: maintenanceFrameIn .6s ease .6s both;
	-webkit-transform: translateY(-34px);
	-ms-transform: translateY(-34px);
	transform: translateY(-34px);
}

#maintenance-topics a {
	box-sizing: border-box;
	display: block;
	height: 34px;
	padding-top: 10px;
	color: #ffffff;
}

@-webkit-keyframes maintenanceFrameIn {
  0%   { -webkit-transform: translateY(-34px); ) }
  100% { -webkit-transform: translateY(0); }
}

@keyframes maintenanceFrameIn {
	0%   { transform: translateY(-34px); ) }
  100% { transform: translateY(0); }
}