@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;}

/* お電話でお問い合わせ（別win） */
body.sp-contact-tel #wrapper,
body.sp-contact-tel #wrapper #content {width: 600px;}
.sp-contact-tel h1 {display: none;}
.sp-contact-tel h3 {background: #eee; margin: 20px 0 5px; padding: 0.25px 0 5px 22px;}

/* よくあるご質問ボタン */
.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(/shared/images/arrow_link.gif) no-repeat 5px center;}
.faq_btn ul li a:hover {background: #23bbda url(/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("/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%;}