@charset "shift-jis";

/* ===== 共通 ===== */
body.gn_sup a.list {margin-left: 20px; font-size: 85%; font-weight: normal;}
body.gn_sup .fs {background: #e5f4fd !important;}
body.gn_sup .sp-midashi {color: #ccc;}
body.gn_sup .list-btn a {position: absolute; right: 10px;}

/* 基本のボックス */
.support-box dl {float: left; margin: 0 15px 0 0; width: 340px;}
.support-box dt, .support-box1 dt {font-weight: bold; padding-left: 1em; text-indent: -1em;}
.support-box dt span, .support-box1 dt span {color: #ccc;}
.support-box dd, .support-box1 dd {padding-left: 1em; margin-bottom: 1.25em;}
.support-box ul, .support-box1 ul {margin-left: 0.5em !important;}

/* mobile */
body.gn_sup .mobileBox {margin-right: 0 !important; float: right; width: 330px; border: 1px solid #ccc; padding: 10px;}
body.gn_sup .mobileBox p {font-weight: bold; color: #01a6c8; margin-top: 0;}

/* リンク */
.sp-service-ind #content a,
.sp-order #content a, 
.sp-contact #content a,
#support-navi a,
#sub-content #mobile a {text-decoration: none;} 

.support-box ul.link:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
.support-box ul.link {clear: both; zoom: 1;}

/* === サービス別サポート === */
/* お問い合わせ */
.sp-service #contactBox {padding-right: 0;}
.sp-service #contactBox .support-box dl {float: left; width: 332px; margin: 0 15px 1em 0;}
.sp-service #contactBox .support-box dt {background: #eee; padding: 3px 5px; text-indent: 0;}
.sp-service #contactBox .support-box dd {padding: 0.5em 0 0 0; margin: 0;}
.sp-service #contactBox .support-box .tel {border-top: 1px dotted #ccc; padding: 0; margin: 0 !important;}

/* faq */
.faq_btn {background: #fff; padding: 6px 0 30px;}
.faq_btn ul {list-style: none; margin: 0; padding: 0;}
.faq_btn ul li {float: left; margin: 0; padding: 0; font-weight: bold;}
.faq_btn ul li a {text-decoration: none; border: 1px solid #acdbed; padding: 8px 10px 6px 16px;  margin: 0 8px 0; display: block; background: #e6f8ff url(/cgi/shared/images/arrow_link.gif) no-repeat 5px center;}
.faq_btn ul li a:hover {background: #23bbda url(/cgi/shared/images/arrow_link.gif) no-repeat 5px center; border: 1px solid #23bbda; color: #fff;}
.faq_btn ul li.off { border: 1px solid #ccc; float: left; margin: 0 5px; padding: 5px 20px 5px 34px; font-size: 133%; font-weight: bold; color: #ccc; background: #fff url("/cgi/shared/legacy/images/arrow_link_off.gif") no-repeat scroll 20px center; text-decoration: none;}

/* === お問い合わせ === */
.sp-contact .twd1 {width: 75%;}
.sp-contact .twd2 {width: 37%;}
.sp-contact .twd3 {width: 25%;}
.sp-contact th, .sp-contact .fs{font-size: 90%;}


/* ========= fvc2 support ========= */
body#fvc2_tec h1 {font-size: 30px !important;}
body#fvc2_tec h1 span.sname {font-size: 18px; display: block; letter-spacing: 0; padding: 10px 0 5px;}
body#fvc2_tec h1 span.sname:after {content: "サポート情報"; background: #7aace0; color: #fff; border-radius: 3px; margin: 0 0 0 10px; padding: 3px 15px; font-size: 14px;}
body#fvc2_tec.index h1 span.sname:after {content: none;}

body#fvc2_tec #nav_local_top li.ch_sup:after {display: none;}
body#fvc2_tec #nav_local_top li.ch_sup a {background-color: #eee; color: #999 !important; cursor: default !important; text-decoration: none !important;}
body#fvc2_tec #nav_local_top li.ch_sup a:hover {color: #999 !important;}

body#fvc2_tec #nav_local_top li.support {background-color: #7aace0 !important; color: #fff; box-shadow: none;}
body#fvc2_tec #nav_local_top li.support:after {border-top-color: #fff;}