.productInfoClearfix { zoom: 1; }
.productInfoClearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.productInfoBlock { display: block; }
#productInfoMainContentsBox { width: 950px; margin: auto; text-align: left; font-size: small; }
#productInfoMainContentsBox .step {float: right;padding-top: 7px;}
#productInfoPCArea { background: url(../images/bg_mypcarea_01.gif) top center no-repeat; }
.productInfoLeftBox { float: left; padding: 18px 16px 0 20px; }
.productInfoImageBox { border: 1px solid #f3f3f3; margin: 0 0 2px; padding: 0 25px; background: #ffffff; }
.productInfoRightBox { float: right; margin-right: 20px; width: 648px; padding: 18px 0 0; }	
.productInfoTitle { font-size: 125%; font-weight: bold; background: url(../images/bg_blueline_01.gif) left bottom no-repeat; line-height: 140%; margin-bottom: 10px; }
.productInfoInLeft { float: left; width: 335px; }
.productInfoInLeft p { padding: 5px 0; margin: 0;}
.productInfoInLeft img { vertical-align: middle; margin-right: 15px; }
.directBox { padding-top: 15px; }
.directBox input { vertical-align: middle; }
.directBox select { vertical-align: middle; border: 1px solid #7f9db9; }
.productInfoInRight { float: right; width: 300px;}
#productInfoSpec { padding: 0 0 5px; }
.productInfoSpecLink { margin: -37px 0 3px 3px; }
.productInfoPDFLink { margin: -37px 0 3px 216px; }
#productInfoBtnArea { padding: 0 0 8px; }
.productInfoFirst { border-top: 1px solid #d0d0d0; }
.productInfoInBox { float: left;border: 1px solid #d0d0d0;border-bottom:0;border-right:0;padding-left: 1px; }
#productInfoBtnArea a {border-bottom: 1px solid #d0d0d0;border-right: 1px solid #d0d0d0; float: left; padding: 0 1px 1px 0; margin: 0;}
#productInfoEntryArea { padding: 0 0 8px; }
.productInfoHide{ display: none;}
[v-cloak]{display:none;}
#productInfoDriverArea, #relationArea, #btnArea{width:950px;margin:0 auto;font-size: small;}
#productInfoDriverAreaLeft {float: left;width: 65%;background: #f3f3f3;}
#productInfoDriverAreaLeft .detailBox {margin: 0 20px;padding: 6px 0;border-bottom: 1px dotted #bbbbbb;}
#productInfoRightManual {float: right;width: 34%;background: #f3f3f3;padding-bottom: 18px;}
.productInfoDriverWhiteBox {background: #f7f7f7;border: 1px solid #f5f5f5;padding: 1px;margin: 7px 20px 0;}
.productInfoDriverInBox {background: #ffffff;border: 1px solid #f3f3f3;padding: 11px 0 5px 12px;font-size:78%;line-height:15px;}
#productInfoDriverAreaLeftProgram {float: left;width: 65%;padding-top:5px;}
#productInfoDriverAreaLeft p{margin:0;}
#productInfoDriverAreaLeft .productInfoDriverWhiteBox{margin-bottom:15px;}
#productInfoDriverAreaLeft .productInfoDriverInBox {font-size:small;padding-right: 10px;}
.driverPagetcenter {text-align: center;padding:30px 0;}

#relationArea{padding:30px 0;}
#relationArea .leftBox {float: left;width: 423px;} 
#relationArea .rightBox {float: right;width: 410px;margin-right: 26px;} 
.fright {float: right;}
.fleft {float: left;}
#relationArea .relationBox {margin: 15px 0 10px;}
#relationArea> #mediaBox {padding: 18px 0 40px; border-bottom: 1px dotted #bbbbbb;}
#relationArea> #mediaBox .mainBox{background:#eee;border: 8px #eee solid;border-radius: 2px;}
#relationArea> #mediaBox .inBox{background:#fff;padding: 10px 10px 0;}
#relationArea> #mediaBox .leftBox {float: left;width: 144px;}
#relationArea> #mediaBox .centerBox {letter-spacing: -1px;float: left;width:530px;padding-top: 5px;line-height: 180%;}
#relationArea> #mediaBox .rightBox {float: right;width: 200px;}
#relationArea> #mediaBox .red {color: #ff0000;}
#relationArea .small{font-size:80%;}
#relationArea> #btnArea {padding: 17px 20px 0px;}
#relationArea> #btnArea p{ margin:0;}

#supportArea{padding: 40px 0 0;}
#supportArea .banner{width: 315px;overflow: auto;height: 8em;}
#supportArea .iInfo dl {font-family: 'メイリオ','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    margin: 0;padding-left: 10px;width: 570px;height: 6em;overflow: auto;}
#supportArea .iInfo dl dt {width: 7em;text-align: center;background: #db3333;color: #ffffff;float: left;margin-top: 7px;}
#supportArea .iInfo dl dd {margin:0;margin-left: 8em;padding-top: 7px;}
#supportArea .iInfo dl dd a{text-decoration: underline;color: #0066CC}
.btn1{margin: -80px 0 28px 648px;}
.btn1:hover{opacity:0.7}
.toPageTop{font-size: 85%;text-align: right;padding-top: 20px;}
.toPageTop span{padding-left: 12px;background: url(../images/img_arrow_08.gif) left center no-repeat;}
.toPageTop span a:hover{color:#ff0000;}
dt {font-weight: normal;}