@charset "Shift_JIS";

#IDX #CLMS,
#CMP #CLMS,
#PANEL #CLMS{
float: left ;
width : 770px;
}


/* 商品ラインアップ */

#IDX .clm-1-1{
width: 560px;
height: 126px;
border-top: none;
border-bottom: 1px solid #d7d7b9;
border-left: 1px solid #d7d7b9;
border-right: 1px solid #d7d7b9;
padding-left: 11px;
margin-bottom: 36px;
}
#IDX .clm-1 .point{
margin: 15px 4px 0 0;
}

#IDX .clm-2{
margin-bottom: 117px;
}
#IDX .clm-2 h4{
height: 38px;
background-color: #72b5bf;
}
#IDX .clm-2 h4 img{
margin: 9px 0 0 10px;
}

#IDX .clm-2 dl{
width: 177px;
border: 1px solid #afafaf;
float: left;
margin: 18px 18px 0 0;
min-height:184px;
background-color: #f8f8f0;
}
#IDX .clm-2 .nomrgn-r{
margin-right: 0;
}
#IDX .clm-2 { position: relative ;
}
#IDX .clm-2 dd { padding: 6px 5px 10px ;
position: relative ;
z-index: 0 ;
}
#IDX .clm-2 .bd-btm { padding-bottom: 0 ;
}
#IDX .clm-2 .bd-btm .btns { border-bottom: 1px dotted #afafaf ;
padding-bottom: 9px
}
#IDX .clm-2 h5 { padding: 6px 0 6px 4px ;
}
#IDX .clm-2 .btns { padding: 0 0 10px 4px ;
}
#IDX .clm-2 .btns li { float: left ;
padding: 0 1px 0 0 ;
}
#IDX .clm-2 li a { background: none ;
padding: 0 ;
margin: 0;

}
.popup { background: #f5e8d8 ;
border: 1px solid #d8d8d8 ;
padding: 6px 12px 12px ;
position: absolute ;
width: 18em ;
z-index: 5 ;
display: none ;
}
.popup .close_btn { text-align: right ;
padding-bottom: 3px ;
}
#IDX .clm-2 h5 { line-height: 0.2px ;
font-size: 0.2px ;
}
#IDX .clm-2 img { vertical-align: top ;
}
#IDX .clm-2 .popup li { float: none ;
position: rerative ;
}
#IDX .popup li a { background: url(../img/prd/idx/model_arw.gif) no-repeat left center ;
padding-left: 12px ;
}
#IDX #PU_md1a { top: 210px ;
left: 91px ;
}
#IDX #PU_md1b { top: 279px ;
left: 91px ;
}
#IDX #PU_md2a { top: 210px ;
left: 288px ;
}
#IDX #PU_md3a { top: 210px ;
left: 485px ;
}
#IDX #PU_md3b { top: 279px ;
left: 485px ;
}
#IDX #PU_md4a { top: 210px ;
right: 8px ;
}
#IDX #PU_md4b { top: 279px ;
right: 8px ;
}
#IDX #PU_md5a { top: 484px ;
left: 91px;
}


#IDX .clm-2 .bnr-clm {
float: left ;
margin: 18px 0 0 0 ;
width: 284px ;
position: relative ;
}
#IDX .clm-2 .bnr-clm .notes { padding-bottom: 3px ;
}
#IDX .clm-2 .bnr-clm .notes img { vertical-align: bottom ;
line-height: 0 ;
font-size: 0 ;
padding: 0 ;
margin: 0 ;
}
#IDX .clm-2 .bnr-clm .hikaku { position: relative ;
z-index: 2 ;
bottom: -8px ;
}

#IDX .clm-3{
margin-bottom: 216px;
}
#IDX .clm-3 dl,
#IDX .clm-3 div	{
width: 177px;
float: left;
margin: 0 20px 0 0;
}
#IDX .clm-3 div{
widows: 169px;
margin-left: 8px;
}
#IDX .clm-3 dd ul{
margin: 0 3px;
}
#IDX .clm-3 dt{
padding-bottom: 3px;
}
#IDX .clm-3 dd ul li{
padding-left: 12px;
background: url(../img/prd/orange_arrow.gif) no-repeat left 8px;
margin-bottom: 6px;
border-bottom: 1px dotted #434343;
padding-top: 5px;
padding-bottom: 7px;
}
#IDX .clm-3 div ul{
border-bottom: 1px dotted #434343;
}
#IDX .clm-3 div ul li{
border-top: 1px dotted #434343;
padding-top: 10px;
padding-bottom: 10px;
}
#IDX .clm-3 div ul li img{
margin-left: 10px;
}

#IDX .clm-3 a{
text-decoration: none;]
}

#IDX .bnr-clms { padding-top: 10px ;
}


/* 機能比較 */
#CMP .clm-1{
width: 770px;
margin-bottom: 45px;
}
#CMP .clm-1 .point{
float: left;
margin: 8px 18px 0 0;
font-size: 0;
line-height: 0;
}
#CMP .clm-2{
margin-bottom: 255px;
}

#CMP .clm-2 table{
border-collapse: collapse;
width: 770px ;
}
#CMP .clm-2 table td{
text-align: center;
}
#CMP .clm-2 table th,
#CMP .clm-2 table td{
border:solid 1px #9e9e9e;
padding: 6px 10px;
}
#CMP .clm-2 table tr.noborder-bottom th,
#CMP .clm-2 table tr.noborder-bottom td{
border-bottom: none !important;
}
#CMP .clm-2 table tr.noborder-top th,
#CMP .clm-2 table tr.noborder-top td{
border-top: none !important;
}

#CMP .clm-2 table th.name{
font-weight: normal;
text-align: left;
}
#CMP .clm-2 table .spec{
width: 75px;
}
#CMP .clm-2 table .type{
text-align: left;
}
#CMP .clm-2 table .head th{
padding: 0;
text-align: center;
background-color: #f3f5e0;
}

/* 共通　優先定義 */
#IDX .nomrgn-r,
#CMP .nomrgn-r{
margin-right: 0 !important;
}


#PANEL .clm ul { padding-bottom: 2em ;
}
#PANEL .clm li { list-style: disc outside ;
margin-left: 2em ;
padding-bottom: 1em ;
}
#PANEL .clm .arw a { background: url("../img/prd/orange_arrow.gif") no-repeat left 3px ;
padding-left: 12px ;
}
//End of CSS indication //