<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

#frame-Verde span{
	background: #7fae96;
}
#frame-Marrone span{
	background: #351206;
}
#frame-Grigio span{
	background: #2d2421;
	background: #2d2d2d;	
}
#frame-Nero span{
	background: #231815;
	background: #000000;	
}
#frame-Fango span{
	background: #837769;	
}
#frame-Avorio span{
	background: #eae6d6;
}
#frame-Azzurro span{
	background: #94b3c0;
}
#frame-Cromo span{
	background: url(../images/lc/frame/cromo.png) repeat-x;
}
#leather-13X411 span{
	background: url(../images/lc/leather/13X411.png);
	background-size: 150px 150px;
}
#leather-13X412 span{
	background: url(../images/lc/leather/13X412.png);
	background-size: 150px 150px;
}
#leather-13X413 span{
	background: url(../images/lc/leather/13X413.png);
	background-size: 150px 150px;
}
#leather-13X414 span{
	background: url(../images/lc/leather/13X414.png);
	background-size: 150px 150px;
}
#leather-13X415 span{
	background: url(../images/lc/leather/13X415.png);
	background-size: 150px 150px;
}
#leather-13X416 span{
	background: url(../images/lc/leather/13X416.png);
	background-size: 150px 150px;
}
#leather-13X417 span{
	background: url(../images/lc/leather/13X417.png);
	background-size: 150px 150px;
}
#leather-13X418 span{
	background: url(../images/lc/leather/13X418.png);
	background-size: 150px 150px;
}
i {
	font-style: normal;
}
	#box6 ul.designers {
		width: 100%;
		overflow: hidden;
		margin-bottom:30px;
	}
	#box6 h2 {
		    color: #666;
		    font-size:40px;
		    letter-spacing: 2px;
	}
	#box6 h2 span{
		    font-size:10px;
		    margin-left:10px;
		    letter-spacing: 0;
	}
	#box6 h3 {
		font-size:110%;
		color: #666;
		margin-bottom:10px;
	}
	#box6 ul.designers li{
		width: 33%;
		float: left;
		list-style-type: none;
		text-align: center;
		font-size:10px;
	}
	#box6 ul.designers li img{
		display: block;
		margin:0 auto 10px;
		max-width:100%;
	}
	#box6 ul.designers li span{
		display: block;
		text-align: center;
	}
		#box6 ul.designers li a{
			text-decoration: none;
		color: #666;
		}
	#box6 p{
			margin-bottom:30px;
			padding-right:15px;
	}

/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	#box1 {
		background: #c9c9ca;
		padding:10px 0;
		text-align: center;
	}


	#box1 span{
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.3;
		font-weight: normal;
		font-size: 10px;
	}
	#box2 {
		position: hidden;
		width: 100%;
		position: relative;
	}
	#box1 span img{
		max-width: 90%;
	}
	.box .inbox{
		padding:10px;
	}
	.box {
		border-bottom:solid 1px #c3c5c5;		
	}
	#comment  {
		display: none;
	}
	#comment2 {
		width: 100%;
	}
	.turn {
		font-size:30px;
		cursor: pointer;
		position: absolute;
		bottom:10px;
		z-index:300;
		text-indent: -99999px;
		overflow: hidden;
			}
	#turn-left {
		left:10px;
		padding:0 10px;
		background: url(../images/customize/turn-left.png) no-repeat center;
		width: 40px;
		height: 40px;
	}
	#turn-right {
		right:10px;
		padding:0 10px;
		background: url(../images/customize/turn-right.png) no-repeat center;
		width: 40px;
		height: 40px;
	}
	#box3 ul{
		width: 100%;
		overflow: hidden;
	}
	#box5 h2,
	#box4 h2,
	#box3 h2{
		font-size:14px;
		color: #666;
	}
	#box3 h2{
		padding:10px 10px 0;
	}
	#preview {
		position: relative;
		height: 100%;
		width: 100%;
		z-index:100;
	}
	#preview-leather {
		position: absolute;		
		left:0;
		top:0;
		z-index:80;
	}
	#preview-frame {
		position: absolute;		
		left:0;
		top:0;
		z-index:90;
	}
	#preview-area {
		position: relative;		
		left:0;
		top:0;
		z-index:100;
		line-height: 0;
	}

#frame li ,
#leather li {
	width: 31%;
	float: left;
	list-style-type: none;
	margin:1%;
	height: 80px;
}
#frame li  span,
#leather li span{
	padding:1%;
	display: block;
	width: 100%;
	height: 60px;
	cursor: pointer;
	line-height: 1.1;
	border:solid 2px #EEE;
}
#frame li  em,
#leather li em{
	font-size: 10px;
	font-style: normal;
}
#box3 li.current,
#box3 li:hover{
	color:#f9d200;
}
#box3 li.current em,
#box3 li:hover em{
	color:#f9d200;
}
#box3 li.current span,
#box3 li:hover span{
	border:solid 2px #f9d200;
}

#btnEC  {
	margin:0 auto;
	width: 200px;
	padding:10px 0;
}
#btnEC span{
	text-align: center;
	margin:0 auto;
	line-height: 0;
	padding:5px 0;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 220px;
	color: #000;
	background:#5462a3;
	cursor: pointer;
}
#btnEC a{
	display: block;
	background:#999;
	width: 215px;
	padding:12px 0;
	line-height: 1.3;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	padding-left:5px;
}
#btnEC a:hover {
	background:#f9d200;
}
#btnEC:hover a{
	visibility: visible;
}
	#box6 ul.designers li img{
		max-width:90%;
	}
	#box6 p img{
		max-width:100%;
	}
}


/*
		background: url(../images/line.gif) 24.92% top repeat-y;

*/


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		background:#FFF url(../images/customize/bg.gif) repeat-y center top;
/* background:#F0F0F0; */
	}
	.box {
		position: absolute;
		overflow: hidden; 
	}
	.inbox {
		padding:15px 0 0 15px;
	}
	#wrap {
		position: relative;
		width: 720px;
		margin:0 auto 50px;
		min-width:720px;
		border:solid 1px #c3c5c5;
		height: 2050px;
		background: #FFF;
	}
	#wrap1 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	#box1 {
		width: 75%;
		left:0%;
		top:0px;
		background:#c9c9ca url(../images/lineset.gif) no-repeat right bottom;
		height: 180px;
		display: table;
	}
	#box1 span{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-weight: normal;
	}
	#box1 span em{
		font-size:10px;
		font-weight: normal;
		font-style: normal;
	}
	#box2 {
		left:0;
		top:180px;
		width: 75%;
		height: 540px;
		background:#FFF url(../images/lineset.gif) no-repeat right bottom;
		position: relative;
		z-index:4000;
		overflow:visible;
	}
	#box3 {
		right:0;
		top:0px;
		width: 25%;
		height: 720px;
		background: url(../images/line2.gif) repeat-x right bottom;
	}
	#box4 h2,
	#box5 h2,
	#box3 h2{
		padding:0px 0 5px;
		font-size:15px;
		color: #666;
	}
	#box3 h2{
		padding:10px 0 5px 15px;
	}

	#preview {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index:100;
	}
	#preview-leather {
		position: absolute;		
		left:0;
		top:0;
		z-index:80;
	}
	#preview-frame {
		position: absolute;		
		left:0;
		top:0;
		z-index:90;
	}
	#preview-area {
		position: relative;		
		left:0;
		top:0;
		z-index:100;
	}
	#comment {
		z-index:700;
		position: absolute;
		top:480px;
		text-align: center;
			width: 100%;
	}
	.turn {
		position: absolute;
		bottom:60px;
		font-size:40px;
		cursor: pointer;
		z-index:300;
		display: block;
		padding:0 10px;
		text-indent: -99999px;
		overflow: hidden;

	}
	.turn:hover {
		opacity: 0.4;
	}
	#turn-left {
		left:0px;
		background: url(../images/customize/turn-left.png) no-repeat center;
		width: 40px;
		height: 40px;
	}
	#turn-right {
		right:0px;		
		background: url(../images/customize/turn-right.png) no-repeat center;
		width: 40px;
		height: 40px;
	}
	#box4 {
		left:0;
		top:720px;
		width: 50%;
		height: 360px;
		background: url(../images/lineset.gif) no-repeat right bottom;
	}
	#box5 {
		left:50%;
		top:720px;
		width: 50%;
		height: 360px;
		background: url(../images/line2.gif) repeat-x right bottom;
	}
	#box4 {
		 z-index:2000;
	}
	#box4 .inbox,
	#box5 .inbox{
		padding:15px;
	}	

#box3 ul{
	margin-bottom: 0px;
	overflow: hidden;
	width:80%;
	padding:1% 10%;
}
#box3 li{
}
#frame li ,
#leather li {
	width: 50%;
	float: left;
	list-style-type: none;
	height: 75px;
	position: relative;
	cursor: pointer;
}
#frame li  span,
#leather li span{
	display: block;
	width:50px;
	height: 50px;
	margin:0 auto;
	border:solid 2px #EEE;
}
#frame li  em,
#leather li em{
	text-align: center;
	display: block;
	line-height: 1.1;
	height: 18px;
	font-style: normal;
	line-height: 18px;
	background: #FFF;	
	font-size:10px;
}
#box3 li.current,
#box3 li:hover{
	color:#f9d200;
}
#box3 li.current em,
#box3 li:hover em{
	color:#f9d200;
}
#box3 li.current span,
#box3 li:hover span{
	border:solid 2px #f9d200;
}
#btnEC  {
	margin:0 auto;
	width: 200px;
}
#btnEC span{
	text-align: center;
	margin:0 auto;
	line-height: 0;
	padding:5px 0;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 220px;
	color: #000;
	background:#5462a3;
	cursor: pointer;
}
#btnEC a{
	visibility: hidden;
	display: block;
	background:#5462a3;
	width: 215px;
	padding:8px 0;
	line-height: 1.3;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	padding-left:5px;
}
#btnEC a:hover {
	background:#f9d200;
}
#btnEC:hover a{
	visibility: visible;
}
.lc-spec {
	position: absolute;
	color: #333;
	left:11px;
	bottom:0;
	font-size:10px;
}

	#box6 {
		top:1080px;
		left:0;
		width: 100%;
		height: 970px;
	}



}</pre></body></html>