@charset "Shift_JIS";


#DW-WRAP { margin: 0px 0px 0px 0;
width: 967px;
}

#RIGHT-CLM { width: 770px ;
}
#CLMS { float: left ;
width: 573px ;
}

.bnr-clms { float: right ;
width: 179px ;
}
#LINE2 #RIGHT-CLM h3 { border-bottom: none;
}
#LINE2 #RIGHT-CLM h5 { background: none;
border-bottom: none;
padding-bottom: 0px;
margin: 0px;
}
#NOTES { clear: both ;
}
#NOTES dt { float: left ;
}
#NOTES dd { padding-bottom: 0.6em ;
margin-left: 2.2em ;
}
#NOTES dd ul {
margin-left: 3em;
}
#NOTES dd ul li {
list-style: disc;
}
.bnr-clms p { padding-bottom: 18px ;
}
.intro-wrap h2 { margin-bottom: 12px ;
}
.intro-wrap .link-btn { float: right ;
}
.intro-wrap h2 img { display: block ;
float: left ;
}
.ttl { border-top: 7px solid #1A8292 ;
border-bottom: 1px solid #1A8292 ;
height: 71px ;
margin-bottom: 18px ;
}
/* エコナビ共通 */

.eco .ttl img { float: left ;
padding: 23px 0 23px 6px ;
}
.eco .ttl .logo { float: right ;
padding: 9px 0 0 ;
}
.eco .tt-q { background: url(../img/prd/m5/m5eco_q_bg.gif) no-repeat left top ;
height: 59px ;
padding: 36px 0 0 25px ;
margin-bottom: 18px ;
}
.eco #NOTES { padding-left: 9px ;
}
.eco .bnr-int { padding-left: 36px ;
margin-bottom: 60px ;
}
/* エコナビ共通 */

/* エコナビ01 */
#ECO01 .tt-q { margin-bottom: 24px ;
}
#ECO01 .sub-clm { padding-bottom: 70px ;
}
#ECO01 .sub-clm h5 { padding: 0 0 12px 27px ;
}
#ECO01 .sub-clm .copy { padding: 0 0 0px 162px ;
}
#ECO01 .list-clm { padding: 6px 0 74px 41px ;
}
#ECO01 .list-clm h5 { float: left ;
}
#ECO01 .list-clm ol { padding: 0 0 0 197px ;
/*	width: 303px ; */
}
#ECO01 .list-clm li { border-bottom: dashed 1px #004A86 ;
padding: 0 0 0 52px ;
margin-bottom: 18px ;
}
#ECO01 .list-clm li a { display: block ;
padding: 10px 0 16px ;
}
#ECO01 .list-clm .list-1 { background: url(../img/prd/m5/m5eco01_li1_bg.gif) no-repeat left top ;
}
#ECO01 .list-clm .list-2 { background: url(../img/prd/m5/m5eco01_li2_bg.gif) no-repeat left top ;
}
#ECO01 .list-clm .list-3 { background: url(../img/prd/m5/m5eco01_li3_bg.gif) no-repeat left top ;
}
/* エコナビ01 */

/* エコナビ02 */
#ECO02 .tt-q { margin-bottom: 18px ;
}
#ECO02 .copy { padding: 0 0 48px 83px ;
}
#ECO02 .dw-clm { padding-bottom: 50px ;
}
#ECO02 .dw-clm h6 { padding: 0 0 11px 0 ;
}
#ECO02 .dw-1 { float: left ;
width: 197px ;
}
#ECO02 .dw-1 .copy { padding: 0 0 13px ;
}
#ECO02 .dw-1 p { padding-bottom: 18px ;
}
#ECO02 .dw-2 { float: left ;
padding-left: 0px ;
}
#ECO02 .dw-3 { float: right ;
width: 179px ;
}
#ECO02 .dw-3 .copy { padding: 0 0 6px ;
}
#ECO02 .dw-3 p { padding-bottom: 18px ;
}

#ECO02 .list-clm { padding: 0 0 74px 0 ;
}
#ECO02 .list-clm h4 { padding-bottom: 11px ;
}
/* エコナビ02 */

/* エコナビ03 */
#ECO03 .clm .copy { padding: 0 0 48px 84px ;
}
#ECO03 .sub-clm { padding-bottom: 36px ;
}
#ECO03 .sub-clm h5 { padding-bottom: 10px ;
}
#ECO03 .list-clm { padding-bottom: 84px ;
}
#ECO03 .list-clm h5 { float: left ;
}
#ECO03 .list-clm ul { padding-left: 254px ;
padding-top: 12px ;
}
#ECO03 .list-clm li { padding-bottom: 9px ;
}

/* エコナビ03 */

/* エコナビ開発者インタビュー */
#ECO01.tech p { padding-bottom: 30px;
}
#ECO01.tech .clm h4 { background: url(../img/prd/m5/m5tech_st1.gif) no-repeat left center;
height: 30px ;
padding: 12px 0 0 39px ;
margin: 0 0 18px 5px ;
color: #1A8292;
}
#ECO01.tech .clm .tt-long { padding: 0 0 0 39px ;
}
#ECO01.tech .clm .photo { float: right;
padding-left: 18px;
}
#ECO01.tech .clm .photo p { padding: 0;
margin: 0;
}
#ECO01.tech .clm .photo .name { padding: 2px 0 0 0;
}
#ECO01.tech .clm .anser { background: url(../img/prd/m5/m5tech_st2.gif) no-repeat left top;
}
#ECO01.tech .clm p { padding: 0 0 0 39px ;
margin: 0 0 18px 5px ;
}
#ECO01.tech .clm li { padding: 0 0 18px 0 ;
}
/* エコナビ開発者インタビュー */

/* かご */
#KAGO .ttl img { padding: 23px 0 23px 6px ;
}
#KAGO .top-clm { background: url(../img/prd/m5/kago_top_bg.jpg) no-repeat left bottom ;
margin-bottom: 36px ;
}
#KAGO .top-clm .copy { padding: 12px 0 24px ;
width: 274px ;
}
#KAGO #POINTS { position: relative ;
height: 358px ;
}
#KAGO #POINTS ol,
#KAGO #POINTS .buttons li,
#KAGO #POINTS p { position: absolute ;
z-index: 10 ;
}
#KAGO #POINTS .photos { top: 0 ;
left: 25px ;
}
#KAGO #POINTS .photos li { display: none ;
}
#KAGO #POINTS .photos .ph-1 { display: block ;
}
#KAGO #POINTS .buttons .btn-1 { top: 155px ;
left: 277px ;
}
#KAGO #POINTS .buttons .btn-2 { top: 223px ;
left: 212px ;
}
#KAGO #POINTS .buttons .btn-3 { top: 63px ;
left: 403px ;
}
#KAGO #POINTS .buttons .btn-4 { top: 265px ;
left: 382px ;
}
#KAGO #POINTS .top-notes { top: 299px ;
left: 15px ;
}
#KAGO .clm-2 { background: url(../img/prd/m5/kago_bg2.gif) no-repeat left top ;
padding: 0 15px 60px 100px ;
}
#KAGO .clm-2 .photo { float: right ;
padding-top: 14px ;
width: auto ;
}
#KAGO .clm-2 h4 { padding: 20px 0 30px ;
}
#KAGO .clm-2 p { width: 228px ;
}
#KAGO .clm-3 { padding-bottom: 84px ;
}
#KAGO .clm-3 h4 { padding-bottom: 8px ;
}
#KAGO .clm-3 .old { float: left ;
}
#KAGO .clm-3 .new { float: right ;
}
#KAGO .clm-4 { clear: both ;
padding-bottom: 36px ;
}
#KAGO .clm-4 .photo { float: right ;
padding: 0 0 24px ;
}
#KAGO .clm-4 h4 { padding-bottom: 24px ;
}
#KAGO .clm-4 .copy { width: 275px ;
padding-bottom: 24px ;
}
#KAGO .clm-4 .photos { clear: both ;
margin: 0 -14px 0 35px ;
overflow: hidden;
zoom: 1;
}
#KAGO .clm-4 .photos li { float: left ;
padding: 0 14px 18px 0 ;
width: 124px ;
}
#KAGO .clm-4 .photos li img { display: block ;
padding-bottom: 6px
}
#KAGO .clm-4 .notes { text-align: right ;
}
#KAGO .clm-5 { border: 1px solid #E5D89B ;
padding: 14px 12px 30px 13px ;
margin-bottom: 60px ;
}
#KAGO .clm-5 h4 { padding-bottom: 24px
}
#KAGO .clm-5 .photo { float: right ;
}
#KAGO .clm-5 .sub-clm1 { float: left ;
width: 259px ;
}
#KAGO .clm-5 .sub-clm1 h5 { padding-bottom: 15px ;
}
#KAGO .clm-5 .sub-clm2 { float: right ;
width: 256px ;
}
#KAGO .clm-5 .sub-clm2 h5 { padding-bottom: 11px ;
}
/* かご */

/* 除菌ミスト */
#JOKIN .ttl img { float: left ;
padding: 23px 0 23px 6px ;
}
#JOKIN .ttl .logo { float: right ;
padding: 6px 4px 0 0 ;
}
#JOKIN #CLMS h4 { background: #E1E8EC ;
height: 35px ;
padding: 15px 0 0 16px ;
margin-bottom: 18px ;
}
#JOKIN .top-mg { padding-bottom: 30px ;
}

#JOKIN h5 { height: 25px;
padding: 12px 0 0 30px ;
margin: 0 0 12px 3px ;
}
#JOKIN .clm1-tt { background: url(../img/prd/m5/jokin_st1_1.gif) no-repeat left center;
}
#JOKIN .clm2-tt { background: url(../img/prd/m5/jokin_st2_1.gif) no-repeat left center;
}
#JOKIN .clm1 { padding: 0 0 24px 30px;
}
#JOKIN .clm2 { padding: 0 0 0 30px;
}
#JOKIN .clm1 dl { float: left;
}
#JOKIN .clm1 .mist p,
#JOKIN .clm1 .usual p { padding-bottom: 12px;
}
#JOKIN .clm1 .mist dt,
#JOKIN .clm1 .usual dt { padding-bottom: 12px;
}
#JOKIN .clm1 .mist dd,
#JOKIN .clm1 .usual dd { width: 232px;
}
#JOKIN .clm1 .mist img,
#JOKIN .clm1 .usual img { display: block;
}
#JOKIN .clm1 .mist { background: #F8F8F4;
width: 250px;
height: 290px;
margin-right: 13px;
padding: 15px 0 0 15px;
}
#JOKIN .clm1 .usual { background: #F3F3F3;
width: 250px;
height: 290px;
padding: 15px 0 0 15px;
}
#JOKIN .clm1 p { padding-bottom: 24px ;
}
#JOKIN .clm2 ul { padding-bottom: 36px;
}
#JOKIN .clm2 li { float: left;
width: 247px;
}
#JOKIN .clm2 li p { padding-bottom: 9px;
}
#JOKIN .clm2 .li-arw { width: 26px;
padding: 0 10px;
}
#JOKIN #NOTES { padding-top: 30px ;
}
/* 除菌ミスト */

/* スリムデザイン */
#SLIM .ttl img { float: left ;
padding: 23px 0 23px 6px ;
}
#SLIM .ttl .logo { float: right ;
padding: 6px 4px 0 0 ;
}
#SLIM .top-mg { padding-bottom: 30px ;
}
#SLIM .clm { padding-bottom: 36px ;
}
#SLIM .clm h4 { border: 1px solid #E7D5D5 ;
background: #F4EFEF ;
height: 35px ;
padding: 14px 0 0 11px ;
margin-bottom: 18px ;
}
#SLIM .clm p { padding-bottom: 24px ;
}
#SLIM .clm .lineup { padding: 0 0 30px ;
}
#SLIM .clm .lineup li { padding-bottom: 6px ;
}
#SLIM .clm .lineup h5 { font-weight: normal ;
padding-bottom: 12px ;
}
#SLIM .clm .lineup h5 img { padding-right: 10px ;
display: block ;
float: left ;
}
#SLIM .clm .lineup .logo { padding-bottom: 5px ;
}
#SLIM .clm .lineup .logo img { padding-right: 4px ;
}
#SLIM .clm .lineup .photo { float: none ;
padding: 0 0 24px;
}
#SLIM .clm .photo { float: right ;
padding: 0 0 24px 24px ;
}
#SLIM .clm .photos { margin: 0 -18px 0 0 ;
overflow: hidden;
zoom: 1;
}
#SLIM .clm .photos li { float: left ;
padding: 0 18px 24px 0 ;
}
#SLIM .top-clm { padding-bottom: 0 ;
}
#SLIM #NOTES { padding-top: 30px ;
}
/* スリムデザイン */


/* ムービー */
#MOVIE .intro-wrap h2 { margin-bottom: 12px ;
}
#MOVIE .intro-wrap h2 img { display: block ;
float: left ;
}
#MOVIE .intro-wrap h2 a { float:right ;
}
#MOVIE #CLMS { width: auto;
}
#MOVIE #MAIN-IMAGE { margin: 72px auto 60px 120px;
}
#MOVIE p#RETURN a { display: block;
float: right;
padding: 24px;
}
/* ムービー */

//End of CSS indication //