@charset "utf-8";
/* CSS Document */


/*///////////SARAH内容ここから///////////*/

img{
	vertical-align: bottom;
}
p.brick-text{
	font-size:1.03em;
	line-height:1.77em;
}
.main-photo-brick{
	min-height:550px;
	background-color:#292929;
	padding:13px 0;
	position:relative;
	overflow: hidden;
	z-index: 100;
}
.main-photo-brick p{
	width:1200px;
	position:absolute;
	left:50%;
	top:13px;
	display:block;
}
.main-photo-brick p img{
	position: absolute;
	left: -599px;
	max-width: 100%;
	top: -2px;
}
.brick h1.caption-main{
	text-align:center;
	padding:100px 0;
}

#wrap-header5 p.tobuy-set{
	float:right;
	width:95px;
	margin-top:32px;
	text-align:right;
}
#wrap-header5 p.tobuy-set a{
	margin-left:20px;
	display:block;
	width:86px;
	height:19px;
	text-align:left;
	text-indent:-7777px;
	overflow:hidden;
	float:right;
	background-image:url(../../img/item_page/item_icn_parts/btn_buy_small_set.png);
}
#wrap-header5 p.tobuy-set a:hover{
	background-position:0 -19px;
}

/* スライドショー */
#wrap-topvis{
	float:left;
}
#topvis {
	height:500px;
}
div.rotator {
	position: relative;
	height: 500px;
	width: 958px;
	background-repeat:no-repeat;
	/* display:none; */
}
div.r1 { background: #fff; }
div.r1 p { margin-top: 20px; text-align: center; }
div.vis-navi, div.vis-navi-2 { position: absolute; top: 550px; right: 445px; }
div.vis-navi div.vis-current, div.vis-navi a, div.vis-navi-2 div.vis-current, div.vis-navi-2 a { width: 7px; height: 7px; margin: 0 10px 0 0; float: left; overflow: hidden; }
div.vis-navi a:hover, div.vis-navi-2 a:hover { text-decoration: none; }
div.vis-navi div.vis-current, div.vis-navi-2 div.vis-current { background: #dba24c; }
div.vis-navi a, div.vis-navi-2 a { display: block; background: #3c3c3c; }
#introslide { background: #000; color: #eee; text-align: center; }

/*///////////以下コンテンツ///////////*/
.cnt1{
	border:1px solid #d2d2d2;
}
.sarah h1.caption-main {
    font-size: 22px;
    text-align: center;
    padding: 100px 0;
    font-weight: 500;
    letter-spacing: 7px;
    text-indent: 12px;
}
.cnt1-1,
.cnt1-2{
	width:419px;
	height:260px;
	padding:50px 40px;
	float:left;
	position:relative;
}
.cnt1-1 p,
.cnt1-2 p{
	margin-top:60px;
}

.cnt1-1{
	background:#fff;
}
.cnt1-1 h1,
.cnt1-2 h1 {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}
.cnt1-2{
	background:#3c3c3c;
	color:#fff;
}
.cnt1-2 table{
	margin-top:30px;
}
.cnt1-2 table th,
.cnt1-2 table td{
	padding:5px 10px;
	font-size:11px;
	text-align:center;
}

.size-sarah{
	width:958px;
	margin:0 auto;
	background:url(../../../img/back_ten_black.gif);
	padding:20px;
}
.size-sarah h1{
	text-align:center;
	margin:40px 0;
}
.size-sarah p{
	text-align:center;
	color:#fff;
}
.size-sarah p.text{
	margin-bottom:40px;
}
ul.tabs{
	width:960px;
	height:185px;
	margin:0 auto;
	display:block;
}
ul.tabs li{
	display:block;
	width:240px;
	height:185px;
	float:left;	
	text-indent:-999999px;
}
ul.tabs li p{
	display:block;
	width:240px;
	height:185px;
	background-repeat:no-repeat;
	background-image:url(../../img/item_page/sarah/index/sarah_size.png);
	overflow:hidden;
	padding:0;
	cursor: pointer;
}
ul.tabs li p.size-1{
	background-position:0 0;
}
ul.tabs li p.size-2{
	background-position:-240px 0;
}
ul.tabs li p.size-1-c{
	background-position:-480px 0;
}
ul.tabs li p.size-1-cl{
	background-position:-720px 0;
}
ul.tabs li p.size-1:hover{
	background-position:0 -185px;
}
ul.tabs li p.size-2:hover{
	background-position:-240px -185px;
}
ul.tabs li p.size-1-c:hover{
	background-position:-480px -185px;
}
ul.tabs li p.size-1-cl:hover{
	background-position:-720px -185px;
}
ul.tabs li.select p.size-1,
ul.tabs li.select p.size-1:hover{
	background-position:0 -370px;
	cursor: default;
}
ul.tabs li.select p.size-2,
ul.tabs li.select p.size-2:hover{
	background-position:-240px -370px;
	cursor: default;
}
ul.tabs li.select p.size-1-c,
ul.tabs li.select p.size-1-c:hover{
	background-position:-480px -370px;
	cursor: default;
}
ul.tabs li.select p.size-1-cl,
ul.tabs li.select p.size-1-cl:hover{
	background-position:-720px -370px;
	cursor: default;
}
.tabs-contents{
	width:898px;
	height:230px;
	padding:31px;
	background:url(../../img/item_page/brick/index/brick_size_back.gif);
	display:block;
}
.tabs-contents p.data{
	color:#3c3c3c;
	margin-bottom:10px;
	height:20px;
	overflow:hidden;
}
.tabs-contents figure {
	display: none;
	margin:0;
	padding:0;
}
figure.select {
	display: block;
}
.cnt2{
	margin-top:20px;
	border:1px solid #d2d2d2;
	background:#fff;
	width:998px;	
	padding:0px;
	height:920px;
}
.cnt2 .l-box{
	position:relative;
	width:298px;
	height:250px;
	padding:40px 0px 40px 40px;
	float:left;
}
.cnt2 h1,
.cnt3 h1,
.cnt4 h1,
.cnt6 h1,
.cnt7 h1.fl-left,
.cnt-size h1 {
    border: 1px solid #d2d2d2;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.1em;
    padding: 15px 20px;
    margin-right: 20px;
    display: inline-block;
    background: #fff;
}
.cnt3 h1{
    margin: 40px 0 0 40px;
}
.cnt4 h1 {
    position: absolute;
    left: 40px;
    z-index: 22;
    top: 40px;
}
.cnt2 h2.caption,
.cnt3 h2.caption,
.cnt-size h2.caption,
.cnt6 h2.caption {
    font-size: 20.5px;
    font-weight: 500;
    margin-top: 115px;
    line-height: 25px;
}
.cnt6 h2.caption{
    margin-top: 30px;
}
.cnt3 h2.caption{
    margin: 30px 0 0 40px;
}
.cnt2 .r-box{
	position:relative;
	float:left;
	width:600px;
	height:250px;
	padding:40px 0px 20px 0px;
}
.cnt2 .image-box .rotator,
.cnt6 .r-box .rotator{
	display:none;
}
.cnt2 .r-box p.first{
	position:absolute;
	left:80px;
	bottom:90px;
}
.cnt2 .r-box p.tab-text{
	position:absolute;
	left:80px;
	bottom:55px;
}
.cnt2 .r-box a.arrow1{
	color:#dba24c;
}
.sarah-sp2-seat{
	position:absolute;
	right:0px;
	bottom:0px;
	border:1px solid #d2d2d2;
	height:192px;
	width: 100px;
	padding:32px 60px;
}
.sarah-sp2-seat .za{
	float:left;
	width:35px;
}
.sarah-sp2-seat .za .seat-left,
.sarah-sp2-seat .se .seat-right{
	margin:30px 0 0 3px;
}
.sarah-sp2-seat .se{
	float:right;
}
.cnt2 .image-box{
	padding:0 20px;
}
.cnt3{
	position:relative;
	display:block;
	margin-top:20px;
	padding-bottom:40px;
	border:1px solid #d2d2d2;
	width:998px;
	background:#fff;
}
.cnt3 .text-box1{
	float:left;
	width:480px;
}
.cnt3 .text-box2{
	float: left;
    width: 458px;
    margin-top: 90px;
}
.cnt3 h1 img{
	display:block;
}
.cnt3 h1 img.title{
}
.cnt3 .text-box1 h1 img.caption{
	padding-top:40px;
}
.cnt3 .text-box2 h1 img.caption{
	padding-top:87px;
}
.cnt3 p.sarah-text{
    margin: 40px 0 0 40px;
}
.cnt3 p span.op-plice{
	font-weight:bold;
	color:#3c3c3c;
	font-size:12px;
	margin-top:10px;
    font-weight: 700;
}
.cnt3 .image{
	float: right;
	margin-top:160px;
	margin-left: -998px;
	position: relative;
	width: 998px;
	height: 600px;
}
.cnt3 ul{
	clear:both;
	padding:40px;
}
.cnt3 ul li{
	float:left;
}
.cnt3 .zoomin{
	float:right;
	margin-right:40px;
}
.cnt3 table.cnt3_table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    margin-left: 40px;
    width: 918px;
}
.cnt3 table.cnt3_table tr td {
    border: none;
}
.cnt3 table.cnt3_table tr td.table_w{
    width: 615px;
}
.cnt4{
	position:relative;
	display:block;
	width:998px;
	margin-top:20px;
	background:#fff;
	border:1px solid #d2d2d2;
}
.cnt4 h2{
	position:absolute;
	left:0;
	top:0;
	z-index: 20;
	margin:40px 0 0 40px;
	float:left;
}
.cnt4 h2{
	margin:4px 0 0 200px;
	font-size:1.72em;
	font-weight:normal;
}
.cnt4 h2 span{
	font-size:0.6em;
	color:#777;
}
.cnt4 p.right{
	position:absolute;
	bottom:38px;
	right:40px;
}
.cnt4 p.right a{
	color:#dba24c;
}
.cnt5{
	position:relative;
	display:block;
	margin-top:20px;
	padding:60px;
	border:1px solid #d2d2d2;
	width:878px;
	background:#fff;
}
.cnt5 .text-box img{
	vertical-align:middle;
}
.cnt5 .text-box h1{
	font-size:1.5em;
}
.cnt5 .text-box p{
	margin-top:15px;
}
.cnt5 .photo-box{
	float:right;
	margin-top:5px;
}
.cnt5 .item-main{
	float:left;
	margin-left:15px;
}
.cnt-size{
	position:relative;
	display:block;
	margin-top:20px;
	padding:40px;
	border:1px solid #d2d2d2;
	width:918px;
	background:#fff;
}
.cnt-size h1 img.caption{
	padding:8px 0 14px 30px;
}
.cnt-size h1{
	margin-bottom:30px;
}
.cnt-size .item-box{
	margin-top:10px;
	width:918px;
	height:335px;
	clear:both;
}
.cnt-size h2.caption {
    margin: 15px 0 20px 180px;
}
.size-sarah h1 {
    text-align: center;
    margin: 40px 0;
    font-weight: 300;
    font-size: 23px;
    color: #fff;
}
.size-sarah h1 span {
    font-size: 12px;
    color: #d2d2d2;
}
.cnt6{
	margin-top:20px;
	border:1px solid #d2d2d2;
	background:#fff;
	width:998px;	
	padding:0px;
	height:540px;
}
.cnt6 .l-box{
    position: relative;
    width: 318px;
    height: 500px;
    padding: 40px 0px 40px 30px;
    float: left;
}
.cnt6 .l-box h1 img.title{
	margin-bottom:40px;
}
.cnt6 .l-box p.tab-text{
	position:absolute;
	left:40px;
	bottom:80px;
}
.cnt6 .r-box{
	float:left;
	width:600px;
	height:500px;
	padding:20px 20px 20px 30px;
}
.cnt7{
	margin-top:20px;
	border:1px solid #d2d2d2;
	background:#fff;
	width:998px;
}
.cnt7 h2.caption{
    font-size: 26px;
    font-weight: 300;
	margin: 15px 0 45px 110px;
}
.cnt7 h2.caption2{
    font-weight: 500;
}
.sofa-stracture h1 img.caption{
	padding:10px 0 10px 30px;
}
.sofa-stracture p.text{
	margin:30px 0px;
}
.sofa-stracture {
	width:918px;
	height:1950px;
	border-bottom:1px solid #d2d2d2;
	background-image:url(../../img/item_page/item_icn_parts/sofa-stracture_back.png);
	background-repeat:no-repeat;
	position:relative;
	padding:50px 40px 50px 40px;
}
.sofa-stracture-box{
	width:918px;
	position:relative;
}
.sofa-stracture-box .item-box{
	width:918px;
}
.sofa-stracture-box .text-box-00{
	width:419px;
	float:left;
	padding:20px 20px 0px 20px;
}
.sofa-stracture-box h1.caption2{
	margin-top:20px;
	font-size:17px;
	font-weight:bold;
}
.sofa-stracture-box h2.caption2 span{
    font-weight: 500;
}
.sofa-stracture-box .photo{
	margin-top:10px;
	float:left;
}
.sofa-stracture-box .text-box-00 .image{
    margin-top: 90px;
}
.sofa-stracture-box .text-box-00 p{
	margin:30px 0;
}
.sofa-stracture-box .text-box{
	width:419px;
	float:left;
	padding:20px 20px 50px 20px;
}
.sofa-stracture-box .text-box h2.caption1{
	font-size:17px;
    font-weight: 500;
}
.sofa-stracture-box .text-box p.caption2{
	margin-top:20px;
}
.sofa-stracture-box .text-box p.arrow{
	margin-top:10px;
}
.sofa-foot{
	width:998px;
	height:230px;
	position:relative;
}
.sofa-foot h1,
.sofa-fabric h1{
	font-size:20px;
    font-weight: 500;
}
.sv{
	border:1px solid #d2d2d2;
	margin-top:20px;
}
.button-set{
	padding:5px 5px 0px 0px;
	float:right;
	width:212px;
	height:71px;
	border-right:1px solid #d2d2d2;
}
.button-set a{
	width:212px;
	height:66px;
	display:block;
	text-indent:-7777px;
	overflow:hidden;
	cursor: pointer;
	background-image:url(../../img/item_page/item_icn_parts/btn_buy_big_set.png);
}
.button-set a:hover{
	background-position:0 -66px;
}
.sofa-foot p{
	margin-top:20px;
	position:relative;
}
.sofa-foot-image{
	padding:50px 0px 0px 0px;
	float: left;
	width: 400px;
	height: 180px;
	border-right:1px solid #d2d2d2;
}
.sofa-foot-image img{
	position:absolute;
	bottom:0px;
	left:0px;
}
.sofa-foot .fl-right{
	padding: 60px 140px 0px 0px;
}

/*///////////QUATT内容ここまで///////////*/

/* スライダー */
#slider-box{
	position:relative;
	width:918px;
	padding:40px 40px 60px 40px;
	height: 580px;
}
#slider-box div.image {
    margin-top: 75px;
}
#slider {
	background-color: #fff;
	width: 918px;
	height: 580px;
	overflow: hidden;
	z-index: 10;
	position: absolute;
	left: 40px;
}
#slider #carousel{
	height: 510px;
	display:none;
}
#slider #carousel .panel {
	float: left;
	display:block;
	width: 918px;
	position: relative;
}
a.og{
	color:#dba24c;
}
.coda-slider .image{
	margin-top:40px;
}
a#btn-next,
a#btn-prev{
	top:355px;
}
a#btn-next{
	width:24px;
	height:35px;
	position:absolute;
	right:8px;
    cursor: pointer;
	color:#fff;
	background:url(../../img/item_page/item_icn_parts/arrow_coda_slider.png);
	background-position:24px 0;
	text-indent:-77777px;
	overflow:hidden;
	display:block;
	z-index:100;
}
a#btn-prev {
	width:24px;
	height:35px;
	position:absolute;
	left:8px;
    cursor: pointer;
	color:#fff;
	background:url(../../img/item_page/item_icn_parts/arrow_coda_slider.png);
	background-position:0 0;
	text-indent:-77777px;
	overflow:hidden;
	display:block;
	z-index:100;
}
a#btn-next:hover{
	width:24px;
	height:35px;
	position:absolute;
	display:block;
	background:url(../../img/item_page/item_icn_parts/arrow_coda_slider.png);
	background-position:24px -35px;
	z-index:100;
}
a#btn-prev:hover{
	width:24px;
	height:35px;
	position:absolute;
	display:block;
	background:url(../../img/item_page/item_icn_parts/arrow_coda_slider.png);
	background-position:0 -35px;
	z-index:100;
}
.pager{
	position:absolute;
	top:602px;
	left:40px;
	z-index:100;
	margin:15px 0 0 0px;
}
.pager a{
	margin:10px 0 0 0px;
}
.pager a {
	display:inline;
	float:left;
}
.pager a{
	color:#fff;
	display:block;
	float:left;
	margin-right:10px;
	border:1px solid #d2d2d2;
	background:#d2d2d2;
	width:7px;
	height:7px;
	background-position:0 0;
	text-indent:-7777px;
	overflow:hidden;
	list-style:none;
	_display: inline;
	display:inline-block;
	list-style:none;
}
.pager a:hover{
	border:1px solid #707070;
}
.pager a.selected {
	border:1px solid #dba24c;
}
/*SLIDER-END*/