@charset "shift-jis";

/* ===== 共通 ===== */

.nav_right {font-size: 92%; /* 13px相当 */ line-height: 1.5;}
.nav_right .btn_order {display: block; margin-bottom: 15px;}

.nav_right .rbox_def,
.nav_right .rbox_fmc,
.nav_right .rbox_login,
.nav_right .rbox_sup,
.nav_right .rbox_biz {margin-bottom: 15px; border: solid #ccc; border-width: 1px 2px 2px 1px; position:relative; overflow: hidden;}

.nav_right .r_tit {margin: 0; padding: 8px 2px; text-align: center; font-weight: bold; background-color: #f2f2f2; line-height: 1.4; border-bottom: solid 1px #ccc; position:relative;}

.nav_right ul,
.nav_right ul li {margin: 0; padding: 0; list-style: none;}
.nav_right ul.link li {padding-left:14px;}

.nav_right a.r_link:before {content:url(/cgi/shared/images/arrow_link.gif); vertical-align: -0.15em;} /* IE7以下は表示されない */

/* ===== 新規・既存・コラボ用 ===== */
.nav_right .rbox_shinki,
.nav_right .rbox_kizon,
.nav_right .rbox_collabo,
.nav_right .rbox_bizmatching {text-align: center; margin-bottom: 15px; border: solid 2px; background-color: #f4f4f4; position:relative; overflow: hidden;}

.nav_right .rbox_shinki {border-color: #FFDC4D;}
.nav_right .rbox_kizon {border-color: #6CCEEE;}
.nav_right .rbox_collabo {border-color: #ffb13b;}
.nav_right .rbox_bizmatching {border-color: #6ad048;}

.nav_right .rbox_shinki .glid_btn,
.nav_right .rbox_kizon .glid_btn,
.nav_right .rbox_collabo .glid_btn {margin-bottom: 7px; padding: 8px 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.10);}

.nav_right .rbox_shinki a.glid_btn.sm,
.nav_right .rbox_kizon a.glid_btn.sm,
.nav_right .rbox_collabo a.glid_btn.sm,
.nav_right .rbox_bizmatching a.glid_btn.sm {padding: 5px 2px;}

.nav_right .rbox_shinki .r_tit {background: #FFDC4D; letter-spacing: 1px; border-bottom: none;}
.nav_right .rbox_kizon .r_tit  {background: #6CCEEE; border-bottom: none;}
.nav_right .rbox_collabo .r_tit  {background: #ffb13b; letter-spacing: 1px; border-bottom: none;}
.nav_right .rbox_bizmatching .r_tit {background: #6ad048; letter-spacing: 1px; border-bottom: none;}

.nav_right .rbox_shinki p,
.nav_right .rbox_kizon p,
.nav_right .rbox_collabo p,
.nav_right .rbox_bizmatching p {margin: 0; padding: 10px;}

.nav_right .rbox_collabo p .text {margin-bottom: 8px; display: block; text-align: left; line-height: normal;}
.nav_right .rbox_shinki .ord_btn {letter-spacing: 1px; border-bottom-color: #FFE694; padding: 12px 0;}


.nav_right .rbox_collabo .btn a {color: #000; text-decoration: none;}
.nav_right .rbox_collabo .btn a:hover {color: #724400;}
.nav_right .rbox_collabo .btn {margin: 10px; padding: 10px;
border: solid 1px #ff9f0d; zoom: 1;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
background: -ms-linear-gradient(top, #ffc977, #ff9f0d);
background: -moz-linear-gradient(top, #ffc977, #ff9f0d); /* mozilla */
background: -webkit-gradient(linear, center top, center bottom, from(#ffc977), to(#ff9f0d));
background: linear-gradient(#ffc977, #ff9f0d);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffc977, endColorstr=#FFff9f0d);
background-color: #ff9f0d; /* IE6 */}
.nav_right .rbox_collabo .btn .process {display: block; border-bottom: 1px dotted #955200; margin-bottom: 5px; padding-bottom: 5px; letter-spacing: 0.05em;}

/* ===== C&O ===== */
.nav_right .rbox_co {margin-bottom: 15px; padding: 10px; text-align: center; background: #e8e8e8;
background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#dcdcdc) );
background: -moz-linear-gradient(-90deg, #f2f2f2, #dcdcdc);}

.rbox_co .tit {margin-bottom: 5px; letter-spacing : 0.1em; font-size: 14px;}
.nav_right form#co01 {padding: 10px 0; background-color: #FFE694; margin-bottom: 10px; border: solid 1px #fff;}
.nav_right form#co01 input {vertical-align: middle;}

.rbox_co .zip1, .rbox_co .zip2 {font-family: Arial; font-size: 17px;}
.nav_right .zip1 {width: 45px; margin: 0 3px;}
.nav_right .zip2 {width: 60px; margin: 0 5px 0 3px;}
.rbox_co a {display: block;}
.rbox_co a.co_map {margin-top: 8px;}
.r_flo {margin-bottom: 10px;}
.r_sim, .r_spe {display: block;}
.r_spe {margin-top: 10px;}

/* ===== ADSL ISDN用 ===== */
.nav_right #telbox li {float: left; list-style-image: none; list-style-position: outside; list-style-type: none;}
.nav_right .aicao .txtimput {padding: 2px 0; width: 55px; font-family: Arial; font-size: 16px; text-align: center; margin-top: 3px;}

/* ===== コラボ用 ===== */
.nav_right .comcao .tit {margin-bottom: 5px; letter-spacing : 0.1em; font-size: 14px;}
.nav_right .comcao .txtimput {padding: 2px 0; width: 55px; font-family: Arial; font-size: 16px; text-align: center; margin-top: 3px;}
.nav_right .comcao a {display: block;}
.nav_right .comcao a.co_map {margin-top: 8px;}


/* ===== デフォルト枠 ===== */
.rbox_def ul.link_def li {border-bottom: solid 1px #ccc;}
.rbox_def ul.link_def li a {color: #000; display: block; text-decoration: none; padding: 8px 8px 8px 20px; background:url(/cgi/shared/images/arrow_link.gif) no-repeat 5px center; zoom: 1;}
.rbox_def ul.link_def li a:visited, .rbox_sup li a:visited {color: #000; text-decoration: none;}
.rbox_def ul.link_def li a:hover, .rbox_sup li a:hover {background-color: #f2f9fe; color: #09f; text-decoration: underline;}
.rbox_def p, .rbox_def p.sm {margin: 0; padding: 8px;}

.nav_right a.link {background: url(/cgi/shared/images/arrow_link.gif) no-repeat left center; padding-left: 13px;}

/* ===== 各アプリサポート ===== */
/* .rbox_sup .r_tit {letter-spacing : 1px;} */
.rbox_sup li a {color: #000; display: block; text-decoration: none; padding: 8px 8px 8px 42px; background:url(/cgi/shared/images/arrow_link.gif) no-repeat 12px center; zoom: 1;}
.rbox_sup .r_sup a {background-image: url(/cgi/shared/images/nav_right/icon_sup.gif);}
.rbox_sup .r_set a {background-image: url(/cgi/shared/images/nav_right/icon_set.gif);}
.rbox_sup .r_mov a {background-image: url(/cgi/shared/images/nav_right/icon_mov.gif);}
.rbox_sup .r_faq a {background-image: url(/cgi/shared/images/nav_right/icon_faq.gif);}
.rbox_sup .r_inq a {background-image: url(/cgi/shared/images/nav_right/icon_inq.gif);}
.rbox_sup .r_cmp a {background-image: url(/cgi/shared/images/nav_right/icon_cmp.gif);}
.rbox_sup .r_biz a {background-image: url(/cgi/shared/images/nav_right/icon_biz.gif);}
.rbox_sup .r_cng a {background-image: url(/cgi/shared/images/nav_right/icon_cng.gif);}
.rbox_sup .r_lst a {padding: 8px 25px 8px 10px; text-align: right; font-size: 12px; border-bottom: none; background: url(/cgi/shared/images/arrow_link.gif) no-repeat 200px center;}

.rbox_sup li {border-bottom: solid 1px #ccc;}
.rbox_sup li.r_lst {border-bottom-width: 0;}
.rbox_sup li:last-child,
.nav_right ul.link_def li:last-child,
.nav_right li.nborder {border-bottom: none !important;}


/* ===== サポート検索 ===== */
.rbox_search {margin-bottom: 15px; padding: 15px 5px; text-align: center; background: #0b67b3;
background: -webkit-gradient(linear, left top, left bottom, from(#0b67b3), to(#5E9BCD) );
background: -moz-linear-gradient(-90deg, #0b67b3, #5E9BCD);
}

.rbox_search .txtimput, .submit_btn {font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'hirakakupro-w3', 'ＭＳ Ｐゴシック', sans-serif;}
.rbox_search .search_tit {margin-bottom: 10px; font-weight: bold; color: #fff;}
.rbox_search .txtimput {padding: 4px 2px; margin-right: 4px; width: 145px;}
.rbox_search .submit_btn {padding: 2px 0; width: 50px;}


/* ===== サポートナビ ===== */
#support-navi {font-size: 92%;}
#support-navi dl {margin: 0; padding: 0; border-top: solid 1px #dedede; line-height: 1.3;}
#support-navi dt {padding: 0px; border-top: dotted 1px #dedede;}
#support-navi dt:first-child {border-top: none;}

#support-navi a {text-decoration: none; display: block; padding: 6px 2px 6px 35px; color: #000;}
#support-navi a:hover {text-decoration: underline; color: #0099FF;}
#support-navi a.icoPlus {background: url(/cgi/shared/images/nav_right/icon_plus.gif) no-repeat 19px center;}
#support-navi a.icoMinus {background :url(/cgi/shared/images/nav_right/icon_minus.gif) no-repeat 19px center;}
#support-navi dd {padding: 0 5px 5px 20px;}

#support-navi dd a {display: block; text-decoration: none; padding: 3px 0 3px 16px;
background: url(/cgi/shared/images/arrow_link.gif) no-repeat  3px 0.5em;}
#support-navi dd a.current {border: solid 1px #E5F4FD; text-decoration: none; color: #333;
background: url(/cgi/shared/images/arrow_link_off.gif) no-repeat 3px 0.5em #E5F4FD;}

#support-navi a#service,
#support-navi a#connect,
#support-navi a#const,
#support-navi a#process,
#support-navi a#order,
#support-navi a#contact,
#support-navi a#faq,
#support-navi a#company {border-top: solid 1px #dedede; display: block; padding: 5px 5px 5px 20px;
background: url(/cgi/shared/images/arrow_link.gif) no-repeat 5px center;}

#support-navi a#fmc_sup,
#support-navi a.link {border-top: dotted 1px #dedede; display: block; padding: 5px 5px 5px 20px;
background: url(/cgi/shared/images/arrow_link.gif) no-repeat 5px center;}

#support-navi a#fmc_sup,
#support-navi a.link {padding-left: 36px; background-position: 21px center;}

body.sp-fmc #support-navi a#fmc_sup,
body.lang_size_medium #support-navi a#faq,
body.sp-contact #support-navi a#contact,
body.sp-order #support-navi a#order,
body.sp-process #support-navi a#process,
body.sp-connect #support-navi a#connect,
body.sp-const #support-navi a#const,
body.sp-service-ind #support-navi a#service {background-color: #E5F4FD;}

/* ===== 法人のお客さま向けサービス ===== */
.rbox_def.biz .r_tit {background: #eef7ff;}
.rbox_def.biz p {border-top: 1px solid #ccc; margin-top: -1px;}