@charset "utf-8";
/* CSS Document */

/*#box940上書き*/
#box940{ margin:0 auto; width:940px; border:1px solid #2171c2; -webkit-box-shadow:1px 1px 2px #28496a; -moz-box-shadow:1px 1px 2px #28496a; border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; background:#fff; padding-bottom:10px}

/*title上書き*/
#titleBOX { padding:10px 15px 10px 5px; text-align:left}
#title { clear:none; float:left; margin:0; padding:0}

/*ローカル（L）ナビゲーション*/
#navi_l { height:38px; margin:0; padding:0; display:block; background:#fff; overflow:hidden}
#navi_l li{ list-style:none; margin:0; line-height:100%; font-size:90%; font-weight:bold; text-align:center}
#navi_l h2 { margin:0; line-height:100%; padding:12px 5px 5px 5px; font-size:90%; text-align:center}
#navi_l span{ margin:0; line-height:100%; padding:12px 5px 5px; font-size:100%; text-align:center; display:block;}
#navi_l .navi_l { width:235px; height:38px; float:left; margin:0; padding:0; border:none; background:url(~/media/Images/product/vs/common/sec_navi_l.ashx) no-repeat; color:#fff}
#navi_l .navi_l_on { width:235px; height:38px; float:left; margin:0; padding:0; background:url(~/media/Images/product/vs/common/sec_navi_l_o.ashx) no-repeat; color:#fff; cursor:pointer}
#navi_l .navi_l_on.support { background:url(~/media/Images/product/vs/common/sec_navi_l_sup.ashx) no-repeat}
#navi_l .support h2 { background:url(~/media/Images/product/vs/common/icon_support.ashx) 50px 10px no-repeat}
#navi_l .support span{ background:url(~/media/Images/product/vs/common/icon_support.ashx) 50px 10px no-repeat; padding:12px 5px 5px; font-size:100%;}


/*インデックス*/
#index { float:left; width:105px; background:#fff; clear:left; margin:0; padding:0}
#index p { margin:0; padding:8px 3px 8px 5px; font-size:11px; line-height:120%; font-weight:normal}
#index .index { display:block; margin:0; padding:0; color:#000; border-bottom:dotted #83b1c9 1px}
#index .index_on { display:block; margin:0; padding:0; background:#B3E5FF; color:#000; border-bottom:dotted #83b1c9 1px; text-decoration:none}
#index img { display:none}

/*お知らせ用*/
#infoBox_users { height:300px; overflow:auto}

/*メイン上書き*/
#col2_r #ph_main {
	float:left;
	text-align:left;
	background:#fff;
	float:left;
	width:680px;
	padding-right:14px;
	margin:0 0 0 14px;
	border-right:1px solid #ccc;
}

/*メイン*/
#LMS_Box { float:right; width:100%; margin:0; padding:0; background:#fff}

#ph_main h1 { margin:-20px 0 15px 5px}
.sup_kikan { margin-left:1em}
.sup_kikan dt { clear:left; float:left; width: 250px; 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}
#oBox1, #oBox2, #oBox3 { border:1px solid #1176c4; padding:10px; margin-bottom:0}
#oBox1 .caption, #oBox2 .caption, #oBox3 .caption { font-size:90%}
.close { font-size:80%}
.linkbox { color:#00f; cursor:pointer}

/*ユー声読み込み用*/
#voiceBox { float:right; margin:0; padding:0; background:#fff}

/*動作環境読み込み用*/
#system { float:right; margin:0; padding:0; background:#fff}

/*QA読み込み用*/
#qaBox { float:right; width:100%; margin:0; padding:0; background:#fff}
#qaBoxin { margin-left:10px}
#qaBox h2 { display:none}
.faq-q { color:#0066CC; font-weight:bold; margin-top:0.8em}
.faq-a { color:#CC0033; font-weight:bold}

/*サポート*/
#supportHTML { padding-right:15px}
#supportHTML h4,
#supportHTML p.sn { clear:none; background:url(~/media/CF141FA48DEA42C29B6E630F1D378125.ashx) no-repeat left top; padding-left:30px; margin-left:0; font-weight:bold}
#supportHTML h5 { font-size:70% }
#supportHTML p.subtxt_b { font-size:70%; font-weight:bold}
#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; font-weight:bold}
#conditionHTML p.subtxt_b { font-size:70%; font-weight:bold}
#supportHTML li,#conditionHTML li{list-style-type: none; list-style-image:url(~/media/D9EB72CF599F412D982CCEB312CF04F1.ashx); 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(~/media/D9EB72CF599F412D982CCEB312CF04F1.ashx); line-height:110%; margin-bottom:0.2em; font-size:70%}
.sn li { font-size:80%}
#mileNum { font-size:80%}
/*サポート条件非表示*/
#conditionHTML { }


/*関連製品BOX*/
#vs_kanrenBox { width:940px; margin:0 auto; padding:0 0 15px}
#vsfb { width:940px; height:300px; margin:0 auto; padding:0; background:#fff}
#relatonP { margin:0 auto 15px; border:1px solid #2171c2; -webkit-box-shadow:1px 1px 2px #28496a; -moz-box-shadow:1px 1px 2px #28496a; border-radius:10px; -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}
#sszero { width:450px; float:left; text-align:left}
#sszero 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:#fff}
.tbl_hikaku .koumoku { text-align:left; background:#f3f0d1}
.tbl_hikaku .koumoku2 { background:#f3f0d1}
.tbl_hikaku td { font-size:80%; text-align:center; border:1px solid #ccc; padding:3px; background:#fff}
.tbl_hikaku .ss { background:#DAF3D1}
.tbl_hikaku .vs { background:#d1ebf3}
.tbl_hikaku .cs { background:#FFE6E6}
.tbl_hikaku .bnk { border-top:none; border-bottom:none; background:#fff}

/*カート用*/
#ph_sub { padding-top:10px !important}
#EC { margin-top:10px}

/*TOP用*/
#tbl_choice { border:none; border-collapse:collapse; margin:0; padding:0; width:708px; border-bottom:1px solid #B2D8FF}
#tbl_choice h2{ margin-bottom:0px;}
.topimg_box { width:167px; height:220px; padding:10px 5px 5px 10px; float:left}
.toptxt_box { padding:10px 0 5px 0; float:right; width:170px}
.obi_products img { background:url(~/media/Images/product/vs/top/sec_top_kento.ashx) no-repeat center; border:none; margin:0}
.obi_users img { background:url(~/media/Images/product/vs/top/sec_top_user.ashx) no-repeat center; border:none; margin:0}
.obi_products a:hover img { background:url(~/media/Images/product/vs/top/sec_top_kento_o.ashx) no-repeat center; border:none; margin:0}
.obi_users a:hover img { background:url(~/media/Images/product/vs/top/sec_top_user_o.ashx) no-repeat center; border:none; margin:0}
.toptxt_box h3 { margin-bottom:0.7em}
.toptxt_box ul { font-size:85%; margin-top:-5px; margin-left:0px;}
.toptxt_box li { list-style-type:none;}
.toptxt_box ul.toptxt_list{ font-size:100%;  margin:0;}
.toptxt_box ul.toptxt_list li{ margin-left:0px;}
.toptxt_box .list_mark{ background: url(~/media/Images/product/vs/common/sec_ball) no-repeat left center; font-weight: normal; margin-bottom:0.6em; padding-left: 23px; font-size:85%;}
.btn_in { text-align:center}
.btn_in a img { background:url(/~/media/Images/product/vs/top/sec_button.gif) no-repeat center; border:none; margin:10px auto; display:block}
.btn_in a:hover img { background:url(~/media/Images/product/vs/top/sec_button_o.gif) no-repeat center; display:block}
.btn_sup_s { margin:10px 0 10px 0}
.btn_sup_s img { background:url(/~/media/Images/product/vs/top/sec_btn_top_sup) no-repeat center; border:none}
.btn_sup_s a:hover img { background:url(/~/media/Images/product/vs/top/sec_btn_top_sup_o) no-repeat center;}
#tbl_choice td { vertical-align:top}
#box_info { margin:5px 10px 0 10px; border:1px solid #B2D8FF}
#box_info h3 { height:20px; font-size:14px; padding:4px 5px; color:#333; background:#E0F5FF}
#box_info ul { list-style-image:url(/img/list.gif);}
#box_info_l { width:397px; float:left; border-right:1px solid #B2D8FF}
#box_info_r { width:288px; float:left}
.box_info_in1 { overflow:auto; height:200px; padding:0 5px 0 8px}
.box_info_in2 { overflow:auto; height:200px; padding:0 5px}
#info_txt li, #info_txt p{ font-size:75%}
#vs_txt td, #vs_txt th { font-size:70%}
#box_info ul { margin-left:15px}
#box_info li { margin-left:0}
#box_info a { color:#000}
#box_info th { padding:0.2em; border-bottom:1px dotted #CCCCCC; text-align:center; font-weight:normal}
#box_info td { padding:0.2em; border-bottom:1px dotted #CCCCCC}
#box_info h2{background: none repeat scroll 0 0 #E0F5FF; color: #333333; font-size: 14px; height: 20px; padding: 4px 5px;}
.lv { text-align:center}
.info_vs { background:#fff}
.info_vs_o { background:#ddf2ff; cursor:pointer}
.contents_bnr li{list-style:none; float:left; margin:0 0 5px 0; width:165px; height:90px; margin-right:3px;}

/*ラインアップ用*/
#tbl_lineup h3{color:#000; font-size:90%; margin:0 0 0.4em 0;}
#LMS_Box .box_option h3{font-size: 80%; line-height: 1.4em; margin:0 0 0.4em 0; padding: 0;}
#LMS_Box .box_option a:hover{text-decoration:underline;}