@charset "UTF-8";

#exterior {

	margin-bottom:0;

	position:relative;

}

#exterior #slide {

	width: 900px;

	height:550px;

	margin: 20px auto 0px;

	overflow:hidden;

	position:relative;

}

#exterior #slide .panel {

	position:absolute;

	bottom:10px;

	width: 900px;

	height: 88px;

	padding: 0px 0px 0px;



}

#exterior #slide .panel h3 {

	float: left;

}

#exterior #slide .panel ul {

	width: 297px;

	float: right;

	padding: 30px 0px 0px;

}

#exterior #slide .panel ul li {

	float: left;

	padding: 0px 0px 0px 5px;

	font-size: 1px;

	line-height: 1px;

	cursor:pointer;

}


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



#color_wrap {

	margin: 50px auto 0px;

	width: 900px;

}

#color_wrap #color_chart #stage {

	width: 525px;

	height: 320px;

	float: left;

	overflow:hidden;

	position:relative;

}

#color_wrap #color_chart #stage p {

	position:absolute;

	top:0;

	left:0;

}

#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;

	padding: 0px 0px 60px;

}

#color_wrap #color_chart #selecter h3 {

	padding: 30px 0px 43px 5px;

	position:relative;

	overflow:hidden;

}

#color_wrap #color_chart #selecter h3 img {

	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(../../../common/image_common/divider_dwn.jpg) no-repeat center bottom;

	padding: 30px 0px 60px;

}

#color_wrap #color_chart_2tone {

	padding: 30px 0px;

}



/* 2tone color

__________________________________________________*/



#color_wrap #color_chart_2tone #stage_2tone {

	width: 525px;

	height: 320px;

	float: left;

	position:relative;

	overflow:hidden;

}

#color_wrap #color_chart_2tone #stage_2tone p {

	position:absolute;

	top:0px;

	left:0;

}

#color_wrap #color_chart_2tone #selecter_2tone {

	float: right;

	width: 340px;

	background: url(../image/color_selecter_bgr_2tone.jpg) no-repeat 0px 180px;

	padding: 0px 0px 80px;

}

#color_wrap #color_chart_2tone #selecter_2tone h3 {

	padding: 20px 0px 43px 5px;

	position:relative;

	overflow:hidden;

	

}

#color_wrap #color_chart_2tone #selecter_2tone h3 img {

	position:absolute;

	top:0;

	left:0;

	

}

#color_wrap #color_chart_2tone #selecter_2tone h4 {

	padding: 0px 0px 25px 12px;

}

#color_wrap #color_chart_2tone #selecter_2tone ul {

}

#color_wrap #color_chart_2tone #selecter_2tone ul li {

	float: left;

	padding: 0px 0px 9px 7px;

	font-size: 1px;

	line-height: 1px;

}

#color_wrap #exclusive {

	width: 775px;

	margin: 0px auto;

	clear: both;

}

#color_wrap #exclusive .col_left {

	float: left;

	width: 250px;

	padding: 0px 0px 25px;

}

#color_wrap #exclusive .col_right {

	float: right;

	width: 515px;

	padding: 0px 0px 25px;

}

#color_wrap #exclusive #color_caution_2tone {

	padding: 20px 0px 40px;

}

.width_full_sdw_btm .width_full {

	background: url(../../../common/image_common/sdw_separate.jpg) no-repeat center bottom;

}







.bnr {

	text-align: center;

	padding: 30px 0px;

}



/*-- slide --*/

.slideshow .slidebox {

	height:550px;

	overflow:hidden;

	position:relative;

}

.slideshow .slidebox p {

	position:absolute;

	top:0;

	left:0px;

	display:none;

}



.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,

#selecter_2tone li{

	cursor:pointer;

}



#selecter h3,

#selecter_2tone h3{

	height:77px;

}

#color_chart #stage,

#color_chart_2tone #stage_2tone{

	position:relative;

}

#color_chart #stage p,

#color_chart_2tone #stage_2tone p{

	position:absolute;

	top:0;

	left:0;

	z-index:1;

	display:none;

	

}
#color_chart #stage p.first,

#color_chart_2tone #stage_2tone p.first{
	display:block;
}