@charset "UTF-8";
#exterior {
	margin-bottom:0;
}
#exterior #slide {
	width: 900px;
	margin: 20px auto 0px;
	height:550px;
}
#exterior #slide .panel {
	width: 900px;
	height: 88px;
	padding: 0px 0px 0px;
}
#exterior #slide .panel h3 {
	float: left;
}
#exterior #slide .panel ul {
	width: 250px;
	float: right;
	padding: 30px 0px 0px;
}
#exterior #slide .panel ul li {
	float: left;
	padding: 0px 0px 0px 5px;
	font-size: 1px;
	line-height: 1px;
}
#color_wrap {
	margin: 50px auto 0px;
	width: 900px;
}
#color_wrap #color_chart #stage {
	width: 525px;
	height: 320px;
	float: left;
}
#color_wrap #color_chart {
	padding: 0px 0px 30px;
}
#color_wrap #color_chart #selecter {
	float: right;
	width: 340px;
	background: url(../image/color_selecter_bgr.jpg) no-repeat 0px 140px;
}

#color_wrap h2.header span.text_caution {
	color: #f00;
	font-size: 12px;
	margin-left: 30px;
	vertical-align: 10px;
}

#color_wrap #color_chart #selecter h3 {
	padding: 30px 0px 43px 5px;
	position:relative;
	height:86px;
	width:307px;
	overflow:hidden;
}
#color_wrap #color_chart #selecter h3 p {
	position:absolute;
	top:0;
	left:0;
}
#color_wrap #color_chart #selecter h4 {
	padding: 0px 0px 11px 12px;
}
#color_wrap #color_chart #selecter ul {
}
#color_wrap #color_chart #selecter ul li {
	float: left;
	padding: 0px 0px 9px 7px;
	font-size: 1px;
	line-height: 1px;
}
#color_wrap #color_caution {
	font-size: 80%;
	line-height: 1.5;
	background: url(../image/divider_sdw.jpg) no-repeat center top;
	padding: 30px 0px 20px;
}
.bnr {
	text-align: center;
	padding: 0px 0px 30px;
}
/*-- slide --*/

.slideshow {
	height:460px;
	position:relative;
}
.slideshow .slidebox {
	height:550px;
	width:900px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
.slideshow .slidebox p {
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.slideshow .slidebox p img {
	position:absolute;
	top:0;
	left:0;
}
.slideshow .panel {
	position:absolute;
	z-index:5;
	bottom:10px;
}
.slideshow .slidebox ul li.ss_prv {
	position:absolute;
	top:210px;
	left:0px;
}
.slideshow .slidebox ul li.ss_fwd {
	position:absolute;
	top:210px;
	right:0px;
}
.slideshow .slidebox ul li {
	cursor:pointer;
}
.slideshow .slidebox ul li:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.panel li:hover {
	cursor:pointer;
}
/*-- bodycolorchange --*/

#selecter li {
	cursor:pointer;
}
#stage {
	position:relative;
	width:525px;
	height:320px;
	overflow:hidden;
}
#stage p {
	position:absolute;
	top:0;
	left:0;
}
#exterior h2.header {
	margin: 50px auto 0px;
}
#color_wrap h2.header {
	margin: 0px auto 40px;
}