@charset "UTF-8";
/* !index.html
---------------------------------------------------------- */
.box_accordion01.typeIcoi01 {
}
.box_accordion01.typeIcoi01 ul {
}
.box_accordion01.typeIcoi01 ul li {
border-top: 1px solid #fdce69;
background-color: #ffefc7;
padding: 20px 14px 13px 17px;
}
.box_accordion01.typeIcoi01 ul li.list01 {
padding: 27px 14px 20px 17px;
}
.box_accordion01.typeIcoi01 ul li.list02 {
padding: 31px 14px 24px 17px;
}
.box_accordion01.typeIcoi01 ul li.last {
}
.box_accordion01.typeIcoi01 ul li .wrap {
}
.box_accordion01.typeIcoi01 ul li.open .wrap {
}
.box_accordion01.typeIcoi01 ul li .wrap h3 {
}
.box_accordion01.typeIcoi01 ul li .wrap h3 span {
display: block;
padding: 0 14px 0 0;
background-image: url(/hebel/smp/product/icoi/img/btn_open_icoi01.gif);
background-position: right center;
background-repeat: no-repeat;
background-size: 14px 14px;
-webkit-background-size: 14px 14px;
-moz-background-size: 14px 14px;
}
.box_accordion01.typeIcoi01 ul li.open .wrap h3 span {
background-image: url(/hebel/smp/product/icoi/img/btn_close_icoi01.gif);
}
.box_accordion01.typeIcoi01 ul li .wrap h3 img {
}
.ul_list_btn01 li.btn02.typeIcoi01 {
background-image: url(/hebel/smp/product/icoi/img/bg_icoi_catarog01.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 290px 110px;
-webkit-background-size: 290px 110px;
-moz-background-size: 290px 110px;
height: 110px;
line-height: 1.2;
text-align: left;
}
.ul_list_btn01 li.btn02.typeIcoi01 a {
font-size: 125%;
padding: 37px 124px 37px 30px;
float: left;
text-align: center;
}
.ul_list_btn01 li.btn02.typeIcoi02 {
background-image: url(/hebel/smp/product/icoi/img/bg_icoi_catarog02.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 290px 117px;
-webkit-background-size: 290px 117px;
-moz-background-size: 290px 117px;
height: 117px;
line-height: 1.2;
text-align: left;
}
.ul_list_btn01 li.btn02.typeIcoi02 a {
font-size: 125%;
padding: 20px 124px 26px 10px;
float: left;
}
.ul_list_btn01 li.btn02.typeIcoi02 a span {
font-size: 80%;
font-weight: normal;
margin-bottom: 3px;
display: block;
}
.box5plan01 {
background-color: #ffefc7;
border-left: 1px solid #ebdcb7;
border-right: 1px solid #ebdcb7;
border-bottom: 1px solid #d5c8a6;
background-image: /*url(/hebel/smp/product/icoi/plan/img/bg_plan01_top.gif),*/ url(/hebel/smp/product/icoi/plan/img/bg_plan01_bottom.gif);
background-position: /*left top,*/ center 92%;
background-repeat: /*repeat-x,*/ no-repeat;
background-size: /*300px 2px,*/ 293px 38px;
-webkit-background-size: /*300px 2px,*/ 293px 38px;
-moz-background-size: /*300px 2px,*/ 293px 38px;
padding: 15px 17px 49px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.box5plan01 h2 {
margin-bottom: 10px;
}
.box5plan01 p {
font-size: 100%;
padding-bottom: 5px;
}
.box5plan02 {
background-color: #fff;
border: 1px solid #bab9b9;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding: 0 3px 0;
}
.box5plan02.boderNone {
border: none;
}
.box5plan02 ul {
}
.box5plan02 ul li {
/*background-image: url(/hebel/smp/product/icoi/plan/img/bg_plan_line01.gif);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 302px 1px;
-webkit-background-size: 302px 1px;
-moz-background-size: 302px 1px;*/
padding: 10px 6px 1px;
}
.box5plan02 ul li.last {
background: none;
}
.box5plan02 ul li p {
font-size: 100%;
}
.box5plan02 ul li h3 {
margin-bottom: 5px;
}
.box5plan02 ul li .titleSub {
margin-bottom: 4px;
}
.box5plan02 ul li .img {
text-align: center;
margin: 5px 0 19px;
}
.sectionIcoi01 {
background-color: #fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background-image: url(/hebel/smp/product/icoi/img/bg_icoi_line01.gif);
background-position: left bottom;
background-repeat: repeat-x;
background-size: 299px 1px;
-webkit-background-size: 299px 1px;
-moz-background-size: 299px 1px;
padding-bottom: 1px;
}
.sectionIcoi01.plan01 {
border: 1px solid #bab9b9;
}
.sectionIcoi01 ul {
padding: 0 5px;
}
.sectionIcoi01 ul li {
padding: 15px 14px 15px 14px;
background-image: url(/hebel/smp/product/icoi/img/bg_icoi_line01.gif);
background-position: left top;
background-repeat: repeat-x;
background-size: 299px 1px;
-webkit-background-size: 299px 1px;
-moz-background-size: 299px 1px;
}
.sectionIcoi01 ul li.boder {
padding: 15px 14px 22px 14px;
background-image: url(/hebel/smp/product/icoi/img/bg_icoi_line01.gif), url(/hebel/smp/product/icoi/img/bg_icoi_line03.png);
background-position: left top,left bottom;
background-repeat: repeat-x,no-repeat;
background-size: 299px 1px,100% 13px;
-webkit-background-size: 299px 1px,100% 13px;
-moz-background-size: 299px 1px,100% 13px;
}
.sectionIcoi01 ul li.boder_thin {
background-image: url(/hebel/smp/product/icoi/img/bg_icoi_line01.gif), url(/hebel/smp/product/icoi/img/bg_icoi_line01.gif);
background-position: left top,left bottom;
background-repeat: repeat-x,repeat-x;
background-size: 299px 1px,299px 1px;
-webkit-background-size: 299px 1px,299px 1px;
-moz-background-size: 299px 1px,299px 1px;
}
.sectionIcoi01 ul li h3 {
}
.sectionIcoi01 ul li h3 span {
display: block;
padding-right: 14px;
background-image: url(/hebel/smp/product/icoi/img/btn_open_icoi02.gif);
background-position: right center;
background-repeat: no-repeat;
background-size: 14px 14px;
-webkit-background-size: 14px 14px;
-moz-background-size: 14px 14px;
}
.sectionIcoi01 ul li.open h3 span {
background-image: url(/hebel/smp/product/icoi/img/btn_close_icoi02.gif);
}
.sectionIcoi01 ul li h3 span img {
vertical-align: middle;
margin-right: 5px;
}
.sectionIcoi01 ul li .inner {
padding: 15px 0 0 0;
display: none;
}
.sectionIcoi01 ul li .inner p {
}
.sectionIcoi01 ul li .inner .img01 {
text-align: center;
margin-bottom: 15px;
}
.sectionIcoi01 .img02 {
text-align: center;
padding: 15px 0;
}
.sectionIcoi01 .img03 {
text-align: center;
padding: 25px 0;
}
.txtSpec01 {
font-size: 84%;
color: #333;
padding: 0 9px;
margin: 40px 0 25px;
}