/* CSS Document */


#sns { width:230px; margin-top:4px; position:relative; top:-105px; right:500px }
#title_hard { width:490px}

/*PC用*/
#pc #navi_l { width:940px; margin:0 auto; padding:0; height:40px; overflow:hidden; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-left:1px solid #aaa; border-right:1px solid #aaa}
#pc #navi_l .navi_l { float:left; width:233px; margin:0; padding:0; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background:url(~/media/Images/product/bd/common/menu_bk.ashx) center repeat-x}
#pc #navi_l .navi_l_on { float:left; width:233px; margin:0; padding:0; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; background:url(~/media/Images/product/bd/common/menu_bk_o.ashx) no-repeat center; cursor:pointer}
#pc #navi_l .home { width:235px; margin:0; padding:0; border:1px solid #aaa; border-left:none}
#pc #navi_l .tech { margin:0; padding:0; border:1px solid #aaa; border-left:1px solid #b3ebab}
#pc #navi_l .zero { margin:0; padding:0; border:1px solid #aaa; border-left:1px solid #b3ebab}
#pc #navi_l .system { margin:0; padding:0; border:1px solid #aaa; border-left:1px solid #b3ebab; border-right:none}
#pc #navi_l h2 { margin:0; padding:10px 0; font-size:14px}
#pc #navi_l h2 a { color:#000}
#pc #navi_l h2 a:hover { text-decoration:none}


#box940 { -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; clear:both; border-top:#fff; }
#LMS_Box .unit { padding:0; margin:0 0 25px}
#pc #LMS_Box h2,
#pc #qaBox h2,
#pc #voiceBox h2,
#pc #system h2 { background:#44af35; padding:5px 10px 3px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; text-shadow:0 -1px 0 #107400, -1px 0 0 #159700, 1px 0 2px #000}
#pc #LMS_Box h2 a:hover,
#pc #qaBox h2 a:hover,
#pc #voiceBox h2 a:hover,
#pc #system h2 a:hover { text-decoration:none}
#pc #ph_main h3 { color:#00652d; margin-top:0.8em}
#ph_main .unit dt { font-weight:bold}
#ph_main .parts { margin-left:1em}
#ph_main .awarded_txt dt { font-weight:bold}
.sup_kikan { margin-left:1em}
.sup_kikan dt { clear:left; float:left; width: 150px; font-size:12px; border-bottom:1px solid #ccc; padding:5px 0 0}
.sup_kikan dd { width:200px; font-size:12px; float:left; border-bottom:1px solid #ccc; padding:5px 0 0}

#ss_kanrenBox { width:940px; margin:0 auto; padding:0 0 15px}
#ssfb { width:940px; height:300px; margin:0 auto; padding:0; background:#fff}
#relatonP { margin:0 auto 15px; border:1px solid #aaa; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; clear:both; background:#fff; padding-bottom:10px; width:940px; clear:none}
#relationP_in { margin:15px; text-align:left}
#vszero { width:450px; float:left; text-align:left}
#vszero h2 { font-size:90%}
#sms { width:450px; float:right; text-align:left}
#sms h2 { font-size:90%}

.tbl_hikaku { border-collapse:collapse; width:100%}
.tbl_hikaku th { font-size:70%; border:1px solid #ccc; padding:3px 5px; text-align:center; background:#f3f0d1}
.tbl_hikaku .koumoku { text-align:left; background:#fff}
.tbl_hikaku .koumoku2 { background:#fff}
.tbl_hikaku td { font-size:80%; text-align:center; border:1px solid #ccc; padding:3px; background:#f3f0d1}
.tbl_hikaku .ss { background:#DAF3D1}
.tbl_hikaku .vs { background:#d1ebf3}
.tbl_hikaku .bnk { border-top:none; border-bottom:none; background:#fff}


/*QA*/
#qaBoxin { margin-left:10px}
.faq-q { color:#0066CC; font-weight:bold; margin-top:0.8em}
.faq-a { color:#CC0033; font-weight:bold}

/*ユー声*/
#userHTML h4 { font-weight:normal; margin-left:0; display:none}
#userHTML ul { margin:0; padding:0;}
#userHTML li { font-size:80%; line-height:140%; margin-bottom:0.4em; list-style-type:none; list-style:none; margin-left:10px }

/*動作環境*/
.dotted { border-top:2px dotted #76b73f; padding:0.5em 0 0}
#pc #system { clear:both; margin:0; padding:0; width:100%}
#copyrightBox { margin-top:1em}
#copyrightBox p { list-style-type:none; margin-left:18px; font-size:70%}
#system ul.install_size { margin-top:1em}
#system ul.copyright { margin-top:2em}
#system .copyright li { list-style:none; margin-left:0; font-size:70%}

/*サポート*/
#supportHTML { padding-right:15px}
#supportHTML h4,
#supportHTML p.sn { clear:none; background:url(~/media/CF141FA48DEA42C29B6E630F1D378125.ashx) no-repeat left top; height:25px; padding-left:30px; margin-left:0;}
#supportHTML h5 { font-size:70%}
#conditionHTML { padding-left:5px}
#conditionHTML h4 { clear:none}
#conditionHTML h5 { font-size:70% }
#conditionHTML li { list-style-image:none; list-style-type:none}
#conditionHTML h4,
#conditionHTML p.sn { margin-left:0; background:url(~/media/BC7FCE96F10B4BBFBEEB2C1178DAD88C.ashx) no-repeat left top; height:25px; padding-left:30px;}
#supportHTML li,#conditionHTML li{list-style-type: none; list-style-image:url(/img/common_img/list_s.gif); line-height:110%; margin-bottom:0.2em; font-size:70%}
#supportHTML ul.sn li,#conditionHTML ul.sn li{list-style-type: none; list-style-image:url(/img/common_img/list_s.gif); line-height:110%; margin-bottom:0.2em; font-size:70%}
.sn li { font-size:80%}
#mileNum { font-size:80%}


/*スマホ閲覧用*/
#sp .sp_none { display:none}
#sp #ph_content_top { background:#fff; padding:0 5px}
#sp #navi_l { margin:0 auto; padding:0; height:36px; overflow:hidden; -webkit-border-radius:0; -moz-border-radius:0; border-top:1px solid #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;}
#sp #navi_l .navi_l,
#sp #navi_l .navi_l_on { float:left; width:24%; margin:0; height:35px; padding:0; -webkit-box-shadow:1px 1px 2px #ccc; -moz-box-shadow:1px 1px 2px #ccc; -webkit-border-radius:0; -moz-border-radius:0; font-size:14px; background:url(~/media/Images/product/bd/common/menu_bk.ashx) center repeat-x; border-bottom:1px solid #aaa; text-align:center}
#sp #navi_l .home { border-right:1px solid #aaa; margin:0; padding:0; display:block; height:35px; width:}
#sp #navi_l .tech { border-right:1px solid #aaa; border-left:1px solid #b3ebab; margin:0; padding:0; display:block; height:35px}
#sp #navi_l .zero { border-right:1px solid #aaa; border-left:1px solid #b3ebab; margin:0; padding:0; display:block; height:35px}
#sp #navi_l .system { border-left:1px solid #b3ebab; margin:0 5px 0 0; padding:0; display:block; height:35px}
#sp #navi_l h1 { margin:0; padding:5px 5px 0; font-size:11px; font-weight:normal}
#sp #navi_l h2 { margin:0; padding:5px 5px 0; font-size:11px; font-weight:normal; float:none}
#sp #navi_l h1 a, #menu h2 a { color:#000}