@charset "Shift_JIS";


/* 買い替えトップ */
#KAIKAE .hide {
height: 0 ;
overflow: hidden ;
}
#KAIKAE #CLM1 {
padding-top: 14px ;
height: 838px ;
position: relative ;
}
#KAIKAE #CLM1 h2,
#KAIKAE #CLM2,
#KAIKAE #CLM2 h2,
#KAIKAE #CLM3 {
position: relative ;
}
#KAIKAE #CLM1 .btn {
left: 83px ;
position: absolute ;
top: 469px ;
}
#KAIKAE #CLM1 .btn ul {
padding: 108px 0 0 33px ;
position: absolute ;
top:0 ;
z-index: 2 ;
}
#KAIKAE #CLM1 .btn li {
float: left ;
padding: 0 19px 0 0 ;
}
#KAIKAE #CLM2-BG {
height: 584px ;
}
#KAIKAE #CLM2 #CLM2-FEATURE {
right: 3px ;
position: absolute ;
top: 100px ;
width: 304px ;
}
#KAIKAE #CLM2 #CLM2-FEATURE li {
padding-bottom: 22px ;
}
#KAIKAE #CLM3-BG {
height: 900px ;
}
#KAIKAE #CLM3 h2 {
padding-bottom: 25px ;
}
#KAIKAE #CLM3 .type-clm {
float: left ;
overflow: hidden ;
width: 503px ;
}
#KAIKAE #CLM3 .type-clm ul {
margin-right: -37px ;
padding-bottom: 47px ;
width: 540px ;
}
#KAIKAE #CLM3 .type-clm li {
float: left ;
padding-right: 36px ;
}
#KAIKAE #CLM3 .guide-clm {
float: right ;
width: 232px ;
}
#KAIKAE #CLM3 h3 {
padding-bottom: 18px ;
	background: none;
}
#KAIKAE #CLM3 .bnr {
padding-bottom: 49px ;
}
/* #KAIKAE #CLM4 .clm {
background-color: #faf9f3 ;
border: 1px solid #e0d6d0 ;
border-top: 0 ;
padding: 24px 0 24px 35px ;
}
#KAIKAE #CLM4 li {
float: left ;
padding: 0 22px 12px 0 ;
}
#KAIKAE #CLM4 h3 {
margin: 0 0 0 -14px ;
padding: 0 ;
background: none;
} */
/*20220823*/
#KAIKAE #CLM4{
    width:436px;
}
#KAIKAE #CLM4 h3 {
	margin-bottom: 20px;
	background: none;
	background-color: #333333;
	font-size: 16px;
	color: #ffffff;
	padding: 5px 8px !important;
	font-weight: bold;
}
#KAIKAE #CLM4 .clm div {
    float: right;
    padding: 0 0 12px 12px;
    width: 179px;
}
#KAIKAE #CLM4 .clm p {
    padding-bottom: 1.5em;
}

/* 買い替えトップ */



/* 後付けトップ */
#ATD-TOP #RIGHT-CLM {
background: url(../img/at/top_bg.jpg) no-repeat right 30px ;
}
#ATD-TOP #TITLE-CLM h3 {
padding-bottom: 10px ;
}
#ATD-TOP #TITLE-CLM p {
width: 330px ;
padding-bottom: 30px ;
}
#ATD-TOP #RIGHT-CLM .atk-bnr {
margin:30px 0 0 0;
}
#ATD-TOP #ATZ-BNK {
margin: 24px 0;
}
#ATD-TOP #ATZ-BNK li {
float: left;
margin-right: 25px;
}
#ATD-TOP #ATZ-BNK li.mrgn {
margin-right: 0;
}
#ATD-TOP table { width: 537px ;
}
#ATD-TOP table td { vertical-align: top ;
}
#ATD-TOP table th { vertical-align: bottom ;
text-align: left ;
}
#ATD-TOP table .list-top p { width: 500px ;
}
#ATD-TOP table .list-1 { padding-right: 30px ;
}
#ATD-TOP table .list-2 { padding-right: 14px ;
}
/* 後付けトップ */



/* シンク下 */
#SINK #TITLE-CLM { border: 1px solid #5E75AD ;
margin: 0 0 26px 0 ;
padding-bottom: 17px;
}
#SINK #TITLE-CLM h3 {
}
#SINK #TITLE-CLM ul { padding: 17px 0 0 19px ;
}
#SINK #TITLE-CLM li { float: left ;
display: block ;
}
#SINK #TITLE-CLM li p { width: 217px ;
margin-top: 2px;
}
#SINK #TITLE-CLM .tl-wth { width: 159px ;
}
#SINK #TITLE-CLM .apr { color: #E60012 ;
}
#SINK #RIGHT-CLM h4 { margin-bottom: 15px ;
}
#SINK #FEATURE-1 .copy { margin: 0 0 6px 0 ;
}
#SINK #FEATURE-1,
#SINK #FEATURE-2,
#SINK #FEATURE-3 { margin-bottom: 45px ;
}
#SINK #FEATURE-1 dl { border-bottom: 1px dotted #D6D6D6 ;
padding: 0 0 6px 6px ;
margin-bottom: 6px ;
}
#SINK #FEATURE-1 dt { float: left ;
}
#SINK #FEATURE-1 dd { margin-left: 6em ;
}
#SINK #FEATURE-1 dd ul { margin-left: 6px ;
padding-left: 8px;
}
#SINK #FEATURE-1 dd li { list-style: disc ;
margin-left: 5px;
}
#SINK #FEATURE-2 ul { padding: 17px 0 0 0 ;
}
#SINK #FEATURE-2 li { float: left ;
display: block ;
}
#SINK #FEATURE-2 .kit { margin: 17px 0 0 0 ;
width: 400px;
}

/* シンク下 */

/* キャビネット下 */
#SINK #FEATURE-2 .kit-2 ul { margin: 0 0 0 6px ;
padding: 0 0 0 8px;
}
#SINK #FEATURE-2 .kit-2 li { margin: 0 0 0 5px ;
padding: 0;
float: none ;
list-style: disc ;
}
#SINK #FEATURE-2 .kit-2 { margin: 17px 0 0 0 ;
width: 400px;
}
/* キャビネット下 */