@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
#lb_s {
	position: relative;
	background-image: url(../images/variation/img_s_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 213px;
	width: 690px;
	margin-bottom: 30px;
}
#lb_s_img {
	position: absolute;
	left: 8px;
	top: 8px;
	height: 164px;
	width: 674px;
}
#lb_s_tx {
	position: absolute;
	top: 183px;
	left: 10px;
}
#lb_s_bt {
	position: absolute;
	left: 650px;
	top: 176px;
	height: 32px;
	width: 32px;
}
/*
#lb_s_large {
	display: none;
}
*/

.lineup_bottom {
	background-color: #dbd4ce;
	border-top: 1px solid #fff8ee;
	height: 100px;
	margin-bottom: 30px;
}
.lineup_bottom p {
	margin-top: 20px;
	text-align: center;
}

#lineup {
	position: relative;
	background-image: url(../images/variation/12_hinoki/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 748px;
	width: 690px;
	margin-bottom: 30px;
}
#lineup_01,
#lineup_01b {
	position: relative;
	background-image: url(../images/variation3/12_hinoki/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02 {
	position: relative;
	background-image: url(../images/variation/12_akashia/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
	margin-bottom: 30px;
}
#lineup_02b,
#lineup_02b2 {
	position: relative;
	background-image: url(../images/variation/15_nara/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02c,
#lineup_02c2 {
	position: relative;
	background-image: url(../images/variation/12_akashia/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
	margin-bottom: 30px;
}
#lineup_02c2 {
	background-image: url(../images/variation3/12_acacia/lineup_bg02.jpg);
}
#lineup_02d,
#lineup_02d2 {
	position: relative;
	background-image: url(../images/variation/12_white_oak/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02d2 {
	background-image: url(../images/variation3/12_white_oak/lineup_bg02.jpg);
}
#lineup_02e,
#lineup_02e2 {
	position: relative;
	background-image: url(../images/variation/12_maple/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02f {
	position: relative;
	background-image: url(../images/variation/12_karin/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
	margin-bottom: 30px;
}
#lineup_02g {
	position: relative;
	background-image: url(../images/variation/12_walnut/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
	margin-bottom: 30px;
}
#lineup_02g2 {
	position: relative;
	background-image: url(../images/variation3/12_walnut/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02h {
	position: relative;
	background-image: url(../images/variation/15_white_oak/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
	margin-bottom: 30px;
}
#lineup_02i {
	position: relative;
	background-image: url(../images/variation/15_european_oak/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
	margin-bottom: 30px;
}
#lineup_02i2 {
	position: relative;
	background-image: url(../images/variation3/15_european_oak/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02j {
	position: relative;
	background-image: url(../images/variation3/15_pine/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02k {
	position: relative;
	background-image: url(../images/variation3/12_cherry/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;*/
}
#lineup_02l,
#lineup_02l2 {
	position: relative;
	background-image: url(../images/variation3/12_tamo/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02l2 {
	background-image: url(../images/variation3/12_white_ash/lineup_bg01b.jpg);
}
/*
#lineup_02m {
	position: relative;
	background-image: url(../images/variation3/ot_flooring/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
	margin-bottom: 30px;
}
*/
#lineup_02n {
	position: relative;
	background-image: url(../images/variation3/ot_pet/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02o {
	position: relative;
	background-image: url(../images/variation3/ot_wooddeck/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 678px;
	width: 690px;
	margin-bottom: 30px;
}

#lineup_03 {
	position: relative;
	background-image: url(../images/variation/21_pain/lineup_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 608px;
	width: 690px;
	margin-bottom: 30px;
}
#lineup_02m {
	position: relative;
	background-image: url(../images/variation3/ot_flooring/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 608px;
	width: 690px;
/*	margin-bottom: 30px;	*/
}
#lineup_02p {
	position: relative;
	background-image: url(../images/variation3/ot_flooring/lineup_bg01b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 608px;
	width: 690px;
/*	margin-bottom: 30px;*/
}
#lineup_ot_pet_01 {
/*
	background-image: url(../images/variation3/ot_pet/lineup_bg01c.jpg);
	background-repeat: no-repeat;
	background-position: left top;
*/
	background-image: url(../images/variation3/ot_pet/lineup_bg01c.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	box-sizing: border-box;
	border: 10px solid #dbd4ce;
	width: 690px;
/*
	height: 748px;
	margin-bottom: 30px;
*/
}
#lineup_ot_pet_01_i {
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	padding-bottom: 31px;
}

#lineup_02m #detail,
#lineup_02p #detail,
#lineup_03 #detail {
	top: 86px;
}
#lineup_title {
	position: absolute;
	height: 47px;
	width: 668px;
	left: 11px;
	top: 11px;
}
.css-border #lineup_title {
	position: static;
	height: auto;
	width: auto;
	margin-bottom: 15px;
}

#list_bt {
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 560px;
	left: 67px;
	top: 73px;
}
#list_bt li {
	height: 70px;
	width: 134px;
	padding-right: 6px;
	padding-bottom: 6px;
	float: left;
}
.css-border #list_bt {
	position: static;
	margin: 0 auto;
	padding: 0;
	width: 556px;
	overflow: auto;
}
#list_bt.btn06 li {
	padding-right: 25px;
	padding-left: 26px;
}
#list_bt.btn06 li:nth-child(3n+2) {
	padding-right: 26px;
	padding-left: 26px;
}
#detail {
	position: absolute;
	width: 690px;
	left: 0px;
	top: 234px;
	z-index: 1;
	height: 484px;
}
.css-border #detail {
	position: relative;
	width: 690px;
	left: -11px;
	top: 9px;
	z-index: 1;
	height: 484px;
}
#detail_box_p {
	overflow: hidden;
	position: relative;
	height: 484px;
	width: 670px;
	margin-right: 10px;
	margin-left: 10px;
}
#detail_box {
	position: absolute;
	/*	margin-left（枠線）10px	*/
	left: -10px;
	top: 0;
	/*	690×8 	*/
	width: 5520px;
}
.detail_in {
	background-image: url(../images/variation/lineup_bg02.gif);
	height: 484px;
	width: 556px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-left: 67px;
}
.detail_no {
	float: left;
	height: 26px;
	margin-top: 6px;
	padding-left: 4px;
	padding-right: 15px;
	display: block;
}
.detail_ttl {
	height: 26px;
	margin-top: 6px;
	float: left;
	padding-left: 5px;
	display: block;
}
.detail_img {
	height: 300px;
	width: 554px;
	clear: both;
	padding-left: 1px;
	display: block;
}
.detail_size {
	float: left;
	width: 372px;
	padding-left: 20px;
	display: block;
	padding-top: 15px;
}
.detail_bt {
	float: left;
	width: 152px;
	padding-top: 12px;
	display: block;
}
.detail_tx {
	clear: both;
	padding-top: 18px;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
}
.detail_data {
	display: none;
}

#detail_bt-return {
	position: absolute;
	z-index: 2;
	height: 45px;
	width: 28px;
	left: 30px;
	top: 439px;
}
#detail_bt-next {
	position: absolute;
	z-index: 2;
	height: 45px;
	width: 28px;
	left: 633px;
	top: 439px;
}
.css-border #detail_bt-return {
	left: 19px;
}
.css-border #detail_bt-next {
	left: 622px;
}


/*	1行のラインナップ用（4個）	*/
#lineup_01 #detail,
#lineup_02b #detail,
#lineup_02n #detail {
	/*	234-72px	*/
	top: 162px;
}
#lineup_01 #detail_bt-return,
#lineup_02b #detail_bt-return,
#lineup_02n #detail_bt-return {
	/*	439-72px	*/
	top: 367px;
}
#lineup_01 #detail_bt-next,
#lineup_02b #detail_bt-next,
#lineup_02n #detail_bt-next {
	/*	439-72px	*/
	top: 367px;
}

/*	1行のラインナップ用（2個）	*/
#lineup_01b #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_01b #detail {
	top: 162px;
}
#lineup_01b #detail_bt-return {
	top: 367px;
}
#lineup_01b #detail_bt-next {
	top: 367px;
}
#lineup_01b #list_bt li {
	padding-right: 96px;
}

/*	1行のラインナップ用（3個）	*/
#lineup_02b2 #list_bt,
#lineup_02d2 #list_bt,
#lineup_02e2 #list_bt,
#lineup_02l2 #list_bt {
/*	left: 120px;*/
/*	width: 480px;*/
}
#lineup_02b2 #detail,
#lineup_02d2 #detail,
#lineup_02e2 #detail,
#lineup_02l2 #detail {
	top: 162px;
}
#lineup_02b2 #detail_bt-return,
#lineup_02d2 #detail_bt-return,
#lineup_02e2 #detail_bt-return,
#lineup_02l2 #detail_bt-return {
	top: 367px;
}
#lineup_02b2 #detail_bt-next,
#lineup_02d2 #detail_bt-next,
#lineup_02e2 #detail_bt-next,
#lineup_02l2 #detail_bt-next {
	top: 367px;
}
#lineup_02b2 #list_bt li,
#lineup_02d2 #list_bt li,
#lineup_02e2 #list_bt li,
#lineup_02l2 #list_bt li {
	padding-left: 26px;
	padding-right: 26px;
}
#lineup_02b2 #list_bt li.last,
#lineup_02d2 #list_bt li.last,
#lineup_02e2 #list_bt li.last,
#lineup_02l2 #list_bt li.last {
	padding-right:0;
}


#lineup_02c #list_bt,
#lineup_02c2 #list_bt {
	/*	67+(134+6)px
	left: 207px;        */
	left: 163px;
	/*	560-(134+6)px 	
	width: 420px;       */
	width: 480px;
}
#lineup_02c #detail,
#lineup_02c2 #detail {
	/*	234-72px	*/
	top: 162px;
}
#lineup_02c #detail_bt-return,
#lineup_02c2 #detail_bt-return {
	/*	439-72px	*/
	top: 367px;
}
#lineup_02c #detail_bt-next,
#lineup_02c2 #detail_bt-next {
	/*	439-72px	*/
	top: 367px;
}
#lineup_02c #list_bt li,
#lineup_02c2 #list_bt li {
	padding-right: 96px;
}


#lineup_02d #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02d #detail {
	top: 162px;
}
#lineup_02d #detail_bt-return {
	top: 367px;
}
#lineup_02d #detail_bt-next {
	top: 367px;
}
#lineup_02d #list_bt li {
	padding-right: 96px;
}

#lineup_02e #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02e #detail {
	top: 162px;
}
#lineup_02e #detail_bt-return {
	top: 367px;
}
#lineup_02e #detail_bt-next {
	top: 367px;
}
#lineup_02e #list_bt li {
	padding-right: 96px;
}

#lineup_02f #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02f #detail {
	top: 162px;
}
#lineup_02f #detail_bt-return {
	top: 367px;
}
#lineup_02f #detail_bt-next {
	top: 367px;
}
#lineup_02f #list_bt li {
	padding-right: 96px;
}

#lineup_02g #list_bt,
#lineup_02g2 #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02g #detail,
#lineup_02g2 #detail {
	top: 162px;
}
#lineup_02g #detail_bt-return,
#lineup_02g2 #detail_bt-return {
	top: 367px;
}
#lineup_02g #detail_bt-next,
#lineup_02g2 #detail_bt-next {
	top: 367px;
}
#lineup_02g #list_bt li,
#lineup_02g2 #list_bt li {
	padding-right: 96px;
}

#lineup_02h #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02h #detail {
	top: 162px;
}
#lineup_02h #detail_bt-return {
	top: 367px;
}
#lineup_02h #detail_bt-next {
	top: 367px;
}
#lineup_02h #list_bt li {
	padding-right: 96px;
}

#lineup_02i #list_bt,
#lineup_02i2 #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02i #detail,
#lineup_02i2 #detail {
	top: 162px;
}
#lineup_02i #detail_bt-return,
#lineup_02i2 #detail_bt-return {
	top: 367px;
}
#lineup_02i #detail_bt-next,
#lineup_02i2 #detail_bt-next {
	top: 367px;
}
#lineup_02i #list_bt li,
#lineup_02i2 #list_bt li {
	padding-right: 96px;
}

#lineup_02j #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02j #detail {
	top: 162px;
}
#lineup_02j #detail_bt-return {
	top: 367px;
}
#lineup_02j #detail_bt-next {
	top: 367px;
}
#lineup_02j #list_bt li {
	padding-right: 96px;
}

#lineup_02k #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02k #detail {
	top: 162px;
}
#lineup_02k #detail_bt-return {
	top: 367px;
}
#lineup_02k #detail_bt-next {
	top: 367px;
}
#lineup_02k #list_bt li {
	padding-right: 96px;
}

#lineup_02l #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02l #detail {
	top: 162px;
}
#lineup_02l #detail_bt-return {
	top: 367px;
}
#lineup_02l #detail_bt-next {
	top: 367px;
}
#lineup_02l #list_bt li {
	padding-right: 96px;
}
/*
#lineup_02m #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02m #detail {
	top: 162px;
}
#lineup_02m #detail_bt-return {
	top: 367px;
}
#lineup_02m #detail_bt-next {
	top: 367px;
}
#lineup_02m #list_bt li {
	padding-right: 96px;
}
*/

/*
#lineup_02n #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02n #detail {
	top: 162px;
}
#lineup_02n #detail_bt-return {
	top: 367px;
}
#lineup_02n #detail_bt-next {
	top: 367px;
}
#lineup_02n #list_bt li {
	padding-right: 96px;
}
*/
#lineup_02o #list_bt {
	left: 163px;
	width: 480px;
}
#lineup_02o #detail {
	top: 162px;
}
#lineup_02o #detail_bt-return {
	top: 367px;
}
#lineup_02o #detail_bt-next {
	top: 367px;
}
#lineup_02o #list_bt li {
	padding-right: 96px;
}


#submenu1 ul li p a,
#submenu1 ul li p a:link,
#submenu1 ul li p a:visited,
#submenu1 ul li p a:active,
#submenu1 ul li p a:hover {
	border: none;
	background: none;
	padding: 0;
	color: #831619;
}


/*	オーバーレイ用	*/
#popup_layer_background {

	background-color: #000000;
	display: none;
	position: fixed;

	left: 0;
	top: 0;
	height: 100%;
	width: 100%;

	opacity: 0.75;
	filter:alpha(opacity=75);
	z-index: 5;
}

/*	オーバーレイ用	*/
#popup_layer_body {
	background-color: #1e1818;
	display: none;

	top: 50%;
	left: 50%;
	position: fixed;
	width: 804px;
	z-index: 6;
}

* html #popup_layer_background {
	position: absolute;
}
* html #popup_layer_body{
	position: absolute;
}


#lb_s_large {
	display: none;
	margin: 0;
	text-align: center;
	width: 804px;
	height: 655px;
	background-color: #1e1818;
	z-index:7;
	position: relative;
}
#lb_s_large #v_title {
	height: 20px;
	width: 500px;
	position: absolute;
	top: 12px;
	left: 15px;
	text-align: left;
	color: #bcbaba;
}
#lb_s_large .btn_close {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index:8;
	cursor: pointer;
}
#lb_s_large .img_main {
	position: absolute;
	top: 40px;
	left: 15px;
	z-index:8;
}