@charset "utf-8";

.flashwrap {
position:relative;
height:230px;
margin:0;
}
.flashwrap .inner {
position:absolute;
top:0;
width:100%;
}

.caseArea {
width:960px;
margin:0 0 28px 0;
background:#FFF;
}
.caseArea img {
border:0;
}
.caseArea:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.caseArea h2 {
margin:0 0 18px 0;
}
.caseArea dl {
float:left;
width:460px;
}
.caseArea dl.box01 {
margin:0 22px 0 0;
}
.caseArea dt {
float:left;
}
.caseArea dt img {
border:1px solid #E85E06;
}
.caseArea dd.link {
float:right;
width:270px;
margin-bottom:3px;
padding-left:17px;
background:url(../images/ico_arrow_02.gif) no-repeat left 0.3em;
font-weight:bold;
}
.caseArea dd.cont {
float:right;
width:287px;
}
.caseArea dd.cont table {
margin:0 0 2px 0;
}
.caseArea dd.cont th {
vertical-align:top;
padding:0 6px 2px 0;
color:#A0A0A0;
white-space:nowrap;
}
.caseArea dd.cont td {
vertical-align:top;
padding:0 6px 2px 6px;
background:url(../parts/ind_line_case.gif) no-repeat left 0.3em;
color:#000000;
}
.caseArea dd.cont td.empty {
background:none;
}
.caseArea dd.cont p {
color:#A0A0A0;
}

/*  セキスイインテリアのサービス一覧  */
.linkArea{
	width:100%;
	margin:0 0 20px 0;
}
.linkArea:after {
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	content:".";
	line-height:0;
}
.linkArea ul {
	margin:0;
}
.linkArea li {
	width:220px;
	float:left;
	background: #FFFFFF;
	margin-right: 13px;
	text-align: center;
	padding: 5px;
}
.linkArea li.last {
	margin-right: 0;
}
.linkArea li h2 {
	margin:10px 0;
}
.linkArea li p {
	text-align: left;
	margin:10px 0;
	padding:0 5px;
	font-size:95%;
}

/*  スマフォ・セキスイインテリアのサービス一覧  */
.smp .linkArea li,
.smp .linkArea li.last{
	width:94%;
	float:none;
	background: #FFFFFF;
	margin-right: 0;
	margin:0 auto 10px;
	padding:10px;
	overflow:hidden;
}
.smp .linkArea li h2 {
	margin:0 0 5px;
}
.smp .linkArea li p {
	margin:0;
}
.smp .linkArea li .linkimg{
	float:left;
	width:44%;
}
.smp .linkArea li .linktext{
	float:right;
	width:54%;
}
.smp .linkArea li .linkimg img,
.smp .linkArea li .linktext img{
	width:100%;
}



.serviceArea{
	width:680px;
	margin:0 0 20px 0;
}
.serviceArea:after {
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	content:".";
	line-height:0;
}
.serviceArea dl {
float:left;
width:201px;
margin:0;
padding:0 26px 0 0;
}
.serviceArea dl.last {
width:200px;
}
.serviceArea dt {
margin-bottom:3px;
padding-left:17px;
background:url(../images/ico_arrow_02.gif) no-repeat left 0.2em;
font-weight:bold;
}
.serviceArea dd {
padding-left:17px;
}

/* Topicsなどエリア　2015.07.21 yamazawa */

#AreaWrap1,
#AreaWrap2{
	width:960px;
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}

.AreaTtl{
margin-bottom:15px;
padding:10px 8px;
border-left:3px solid #e15005;
background:#fff;
font-size:116%;
font-weight:bold;
overflow:hidden;
}
.AreaTtlLink{
float:right;
margin:0;
padding:0 0 0 10px;
background:url(../images/ico_arrow_04.gif) no-repeat left 0.4em;
font-weight:normal;
font-size:90%;
}

.newsArea{
	float:left;
	width:474px;
	margin:0;
}

/* インテリアと暮らしのコラム */

.interiorTimesArea{
	float:right;
	width:474px;
	margin:0;
	overflow:hidden;
}

.interiorTimesArea .column .article{ 
	width: 48%;
	float: left;
	margin: 0 1%;
}


/*======== INTERIOR PRESS & DESIGN PREMIUMエリア ========*/
.bookletArea {
	float:left;
	width: 320px;
	margin:0 auto 28px;
}
.bookletArea .bookletWrap {
	clear: both;
	overflow: hidden;
	width:100%;
}
.bookletArea .bookletWrap .bookletBox01 {
	width: 100%;
	position: relative;
}
.bookletArea .bookletWrap .bookletBox02 {
	float: right;
	width: 47%;
	position: relative;
}
.bookletArea .bookletWrap .bookletBox01 .bkLink,
.bookletArea .bookletWrap .bookletBox02 .bkLink {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}
.bookletArea .bookletWrap .bookletBox01 .bkLink a,
.bookletArea .bookletWrap .bookletBox02 .bkLink a {
	padding: 0 0 0 10px;
	background: url(/common/images/ico_arrow_04.gif) 0 center no-repeat;
}
.bookletArea .bookletWrap .thumb {
	float: left;
	width:120px;
}
.bookletArea .bookletWrap .bookletTxt {
	float: right;
	width: 160px;
}
.bookletArea .bookletWrap .bookletTitle {
	font-size: 126%;
}
.bookletArea .bookletWrap .bookletTitle .iconPdf {
	padding: 0 0 0 3px;
	vertical-align: middle;
}

.pickupArea{
	float:right;
	width:625px;
	overflow: hidden;
}

.pickupArea .pickupDetail{
	background:#d2d2d2;
	padding:15px;
}

.pickupArea .pickupDetail .pickupImg{
	margin-bottom:10px;
	text-align:center;
}

.pickupArea .pickupDetail .pickupTtl{
	font-weight:bold;
}

.pickupArea .pickup_box01{
	float:left;
	width:49%;
	box-sizing: border-box;
}
.pickupArea .pickup_box02{
	float:right;
	width:49%;
	box-sizing: border-box;
}


/* スマフォ・Topicsなどエリア */
.smp #AreaWrap1,
.smp #AreaWrap2{
	width:100%;
	clear:both;
	margin:0 auto;
	margin-bottom:0;
}

.smp .newsArea,
.smp .interiorTimesArea,
.smp .bookletArea, 
.smp .pickupArea{
	float:none;
	width:100%;
	margin-bottom:40px;
}

.smp .pickupArea .pickupDetail {
    float: none;
    overflow: hidden;
    zoom: 1;
    width: 90%;
    margin: 0 auto 10px;
    }

.smp .pickupArea .pickupDetail .pickupImg{
	width:100%;
	margin:0 auto 20px;
	text-align:center;
}

.smp .pickupArea .pickupDetail .pickupImg img{
	width:100%;
}

.smp .bookletArea .bookletWrap .bookletBox01 {
	float:none;
	width:100%;
	padding-bottom:40px;
	overflow:hidden;
}
.smp .bookletArea .bookletWrap .bookletBox02 {
	float:none;
	width:100%;
	margin-bottom:0;
	overflow:hidden;
}
.smp .bookletArea .bookletWrap .bookletBox01 .bkLink,
.smp .bookletArea .bookletWrap .bookletBox02 .bkLink {
	position: absolute;
	bottom: 20px;
	right: 0;
	margin: 0;
}

.smp .bookletArea .bookletWrap .thumb {
	width:30%;
}

.smp .bookletArea .bookletWrap .bookletTxt {
	width: 65%;
}
.smp .bookletArea .bookletWrap .bookletTitle .iconPdf {
	width:8%;
}


.ca-wrapper .on {
	background:url(../images/common/banner-on.png) 5px top no-repeat;
}
#ca-container-canvas {
	position: relative;
	margin:0 auto 0 auto;
	width: 924px;
	height: 185px;
	display:block;
	float:left;
}
#ca-container-canvas .ca-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow:hidden;
}

#ca-container-canvas .ca-item {
	position: relative;
	float: left;
	width: 232px;
	height: 100%;
	text-align: center;
}

#ca-container-canvas .ca-item2 {
	position: relative;
	float: left;
	width: 230px;
	height: 100%;
	text-align: center;
}

#ca-container {
	position: relative;
	margin: 5px auto 0 auto;
	width: 960px;
	height: 161px;
	float:left;
}
#ca-container .ca-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow:hidden;
}
#ca-container .ca-item {
	position: relative;
	float: left;
	width: 194px;
	height: 100%;
	padding:12px 0 0 0;
	text-align: center;
}

#banner-list{
	width:970px;
	padding:2px 0 43px 0;
	/padding:10px 0 23px 0;
	margin:auto;
}

	
.top-image{
	position:relative;
}

.top-image p{
	display:block;
	float:left;
}


.arrow-left {
	padding:0 2px 0 0;
	display:block;
	float:left;
}
.arrow-right {
	padding:0;
	display:block;
	float:right!important;
}

.sp_15t{
	margin-top:15px;
}

/* === スライダー === */
#banner-slidewrapper {
  position: relative;
  width: 960px;
  height: 270px;
	margin:0 auto 20px;
	padding-top: 10px;
}

.bxslider li {
  display: none;
}
/*
.bx-viewport .bxslider li {
  display: block !important;
}
*/
/* ---------------------------------------------------------
 　■ スマートフォン　スライダー
--------------------------------------------------------- */
.smp #banner-slidewrapper{
	width:100%;
	height:auto;
}
.smp .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	display:none;
}

/* --------------------------------------------------
■TOP　おすすめアイテム
-------------------------------------------------- */
.recommendArea .reccomendItems ul{
	overflow: hidden;
}
.recommendArea .reccomendItems li{
	width: 33%;
	padding: 0 1% 3% 1%;
	float: left;
	list-style: none;
	box-sizing: border-box;
}
.recommendArea .reccomendItems a{
	display: block;
	color: #333333;
	text-decoration: none;
}
.recommendArea .reccomendItems a span{
	display: block;
}

.recommendArea .reccomendItems a span.r_photo img{
	width: 100%;
	box-sizing: border-box;
}
.recommendArea .reccomendItems a span.r_subttl{
	font-size:100%;
	margin: 10px 0 0 0;
	line-height: 1.2;
	white-space: normal;
}
.recommendArea .reccomendItems a span.r_ttl{
	font-size:160%;
	margin: 5px 0 0 0;
	line-height: 1.2;
}
.recommendArea .reccomendItems a span.r_ttl span{
	display: inline;
	background: #333333;
	color: #ffffff;
	font-size: 0.8rem;
	padding: 2px 5px;
	margin-left: 0.25rem;
}

.recommendArea .reccomendItems a span.r_btn{
	font-size:120%;
	background: #d2d2d2;
	position: relative;
	text-align: center;
	width: 50%;
	margin: 15px auto 0 auto;
	padding: 5px;
	box-sizing: border-box;
}
.arrow:before {
	content: '';
	border: 0px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -3px;
}
.arrow:before {
	width: 6px;
	height: 6px;
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
}
.btnArea {
	clear: both;
	margin-bottom: 3rem;
}
.btnArea a{
	background: #333333;
	color: #ffffff;
	display: block;
	margin: 0 auto;
	padding: 10px 20px;
	max-width: 400px;
	text-align: center;
	text-decoration: none;
	position: relative;
	font-size: 1rem;
	line-height: 1.2;
}
.btnArea .arrow:before {
	width: 10px;
	height: 10px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	margin-top: -6px;
}

/* スマフォ対応 */
.smp .recommendArea .reccomendItems li{
	width: 50%;
	padding: 0 1% 5% 1%;
	float: left;
	list-style: none;
	box-sizing: border-box;
}
.smp .recommendArea .reccomendItems a span.r_subttl{
	font-size:69%;
}
.smp .recommendArea .reccomendItems a span.r_ttl{
	font-size:120%;
}
.smp .recommendArea .reccomendItems a span.r_btn{
	width: 80%;
	font-size:85%;
}