@charset "shift-jis";

/* ********************************************************** */
/* ** 申込ボタン  STYLES　通信機器用  ** */
/* ********************************************************** */
/* -- お申込ボタンの枠　枠+テキスト　 -- */
#sub-content .order-btn {margin-bottom: 10px; background: url(/shared/images/subcont/order_btn_bg.gif) no-repeat; padding: 9px 8px 8px 8px;}

/* -- カートの内容を見る -- */
#sub-content .order-btn a {display: block; width: 204px; height: 73px; background: url(/shared/images/subcont/rbtn_cart.gif) no-repeat;}
#sub-content .order-btn a:hover {background-position: 0px -100px !important;}
#sub-content .order-btn a span {display: none;}


/* ********************************************************** */
/* ** 申込ボタン  STYLES　電話サービス用  ** */
/* ********************************************************** */
/* -- お申込ボタンの枠 -- */
#sub-content .order-btnp {margin-bottom: 10px; background: url(/shared/images/subcont/order_btn_bg.gif) no-repeat; padding: 9px 8px 8px 8px;}


/* ********************************************************** */
/* ** 申込ボタン  STYLES　料金のお支払＞＠ビリング　20110817追加  ** */
/* ********************************************************** */
/* -- ＠ビリングお申込ボタンの枠 -- */
#sub-content .order-btn-atto {/*margin-bottom: 10px;*/ background: url(/shared/images/subcont/order_btn_bg_atto.gif) no-repeat; padding: 9px 8px 52px 8px;}
#sub-content .order-btn-login{margin-bottom: 10px; background: url(/shared/images/subcont/order_btn_bg.gif) no-repeat; padding: 9px 8px 8px 8px;}

/* -- ＠ビリングお申し込み -- */
.order-btn-atto a {display: block; width: 204px; height: 73px; background: url(/shared/images/subcont/rbtn_order.gif) no-repeat;}
.order-btn-atto a:hover {background-position: 0px -100px !important;}
.order-btn-atto a span {display: none;}

/* -- ログイン　グレー枠なし -- */
.order-btn-login a {display: block; width: 204px; height: 73px; background: url(/shared/images/subcont/rbtn_login.gif) no-repeat;}
.order-btn-login a:hover {background-position: 0px -100px !important;}
.order-btn-login a span {display: none;}

/* -- ログイン2　グレー枠なし ご利用中のお客様 -- */
.order-btn-login2 a {display: block; width: 204px; height: 73px; background: url(/shared/images/subcont/rbtn_login.gif) no-repeat;}
.order-btn-login2 a:hover {background-position: 0px -100px !important;}
.order-btn-login2 a span {display: none;}

/* -- クレジットカード支払ボタン　枠+テキスト2行　 -- */
/*#sub-content .order-btn_credit{/*margin-bottom: 10px; background: url(/shared/images/subcont/order_btn_bg_credit.gif) no-repeat; padding: 9px 8px 40px 8px;}*/
/* -- クレジットカード支払ボタン　枠+テキストなし　 -- */
#sub-content .order-btn_credit{/*margin-bottom: 10px;*/ background: url(/shared/images/subcont/order_btn_bg.gif) no-repeat; padding: 9px 8px 8px 8px;}
/*クレジットカード支払*/
.order-btn_credit a {display: block; width: 204px; height: 73px; background: url(/shared/images/subcont/rbtn_order_credit.gif) no-repeat;}
.order-btn_credit a:hover {background-position: 0px -100px !important;}
.order-btn_credit a span {display: none;}

/* -- 口座振替依頼書ボタン　枠+テキスト　 -- */
#sub-content .order-btn_account{/*margin-bottom: 10px;*/ background: url(/shared/images/subcont/order_btn_bg_account.gif) no-repeat; padding: 9px 8px 30px 8px;}
/*口座振替依頼書*/
.order-btn_account a {display: block; width: 204px; height: 73px; background: url(/shared/images/subcont/rbtn_order_account.gif) no-repeat;}
.order-btn_account a:hover {background-position: 0px -100px !important;}
.order-btn_account a span {display: none;}

/* -- 口座振替お申し込みボタン　枠+テキスト　 -- */
#sub-content .order-btn_account_web{/*margin-bottom: 10px;*/ background: url(/shared/images/subcont/order_btn_bg_account.gif) no-repeat; padding: 9px 8px 30px 8px;}
/*口座振替お申し込み*/
.order-btn_account_web a {display: block; width: 204px; height: 73px; background: url(/shared/images/subcont/rbtn_order_account_web.gif) no-repeat;}
.order-btn_account_web a:hover {background-position: 0px -100px !important;}
.order-btn_account_web a span {display: none;}

/* ********************************************************** */
/* ** ローカルナビ  STYLES  ** */
/* ********************************************************** */
#sub-content {font-size:86%;}
#sub-content .local-ord .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_ord_box.gif) repeat-y center top;}

/*　下の部分＆余白　*/
#sub-content .local {background: url(/shared/images/subcont/bg_localnavi_bot.gif) no-repeat center bottom; padding-bottom: 5px; margin-bottom: 8px; zoom: 1;}

/*　横の部分　*/
#sub-content .local .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_box.gif) repeat-y center top;}

#sub-content .local .navi {margin-bottom: 5px;}
#sub-content .local dl {margin: 0 0 5px 0; padding: 0;}
#sub-content .local dd {border-bottom: solid 1px #ddd; margin: 0; padding: 0; line-height: 125%;}
#sub-content .local dd a {display: block; padding: 3px 2px 2px 16px; text-decoration: none; background: url(/shared/images/subcont/arrow_localnavi.gif) no-repeat 2px 0.5em;}

#sub-content .local dd a:hover {background-color: #DFF0F6; text-decoration: underline;}



/* ********************************************************** */
/* ** ローカル  STYLES（矢印2種類用）※使用しないかも  ** */	
/* ********************************************************** */
#sub-content .local_ptn2-ord .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_ord_box.gif) repeat-y center top;}

/*　下の部分＆余白　*/
#sub-content .local_ptn2 {background: url(/shared/images/subcont/bg_localnavi_bot.gif) no-repeat center bottom; padding-bottom: 5px; margin-bottom: 8px; zoom: 1;}

/*　横の部分　*/
#sub-content .local_ptn2 .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_box.gif) repeat-y center top;}

#sub-content .local_ptn2 .navi {margin-bottom: 5px;}

#sub-content .local_ptn2 dl {margin: 0 0 5px 0; padding: 0;}

/*　リンクなし/先頭のマークが「arrow_localnavi.gif」　*/
#sub-content .local_ptn2 dd.type01 {border-bottom: solid 1px #ddd; margin: 0; padding: 3px 2px 2px 12px; line-height: 125%; background: url(/shared/images/subcont/arrow_localnavi.gif) no-repeat 2px 5px;}

/*　リンクあり/先頭のマークが「arrow_localnavi.gif」　*/
#sub-content .local_ptn2 dd.type02 {border-bottom: solid 1px #ddd; margin: 0; padding: 0; line-height: 125%;}
#sub-content .local_ptn2 dd.type02 a {display: block; padding: 3px 2px 2px 12px; text-decoration: none; background: url(/shared/images/subcont/arrow_localnavi.gif) no-repeat 2px 5px; line-height: 125%;}
#sub-content .local_ptn2 dd.type02 a:hover {background-color: #DFF0F6; text-decoration: underline;line-height: 125%;}

/*　リンクあり/先頭のマークが「arrow_link_sm.gif」　*/
#sub-content .local_ptn2 dd.type03 {border-bottom: solid 1px #ddd; margin: 0; padding: 0; line-height: 125%;}
#sub-content .local_ptn2 dd.type03 a {display: block; padding: 3px 2px 2px 12px; text-decoration: none; background: url(/shared/images/subcont/arrow_link_sm.gif) no-repeat 2px 0.5em; margin-left:10px;line-height: 125%;}
#sub-content .local_ptn2 dd.type03 a:hover {background-color: #DFF0F6; text-decoration: underline; line-height: 125%;}



/* ********************************************************** */
/* ** 角丸の枠  STYLES  ** */
/* ********************************************************** */
#sub-content .box-ord .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_ord_box.gif) repeat-y center top;}

/*　下の部分＆余白　*/
#sub-content .box {background: url(/shared/images/subcont/bg_boxbot.gif) no-repeat center bottom; padding-bottom: 5px; margin-bottom: 8px; zoom: 1;}

/*　横の部分　*/
#sub-content .box .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_box.gif) repeat-y center top; margin-bottom: 5px;}

#sub-content .box .navi {margin-bottom: 5px;}

#sub-content .box dl {margin: 0 0 5px 0; padding: 0;}
#sub-content .box dd {border-bottom: solid 1px #ddd; margin: 0; padding: 0; line-height: 125%;}
#sub-content .box dd a {display: block; padding: 3px 2px 2px 12px; text-decoration: none; background: url(/shared/images/subcont/arrow_link_sm.gif) no-repeat 2px 0.5em;}
#sub-content .box dd a:hover {background-color: #DFF0F6; text-decoration: underline;}



/* ********************************************************** */
/* ** 角丸の枠  STYLES（通信機器サポート）  ** */
/* ********************************************************** */
#sub-content .box_ptn2-ord .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_ord_box.gif) repeat-y center top;}

/*　下の部分＆余白　*/
#sub-content .box_ptn2 {background: url(/shared/images/subcont/bg_boxbot.gif) no-repeat center bottom; padding-bottom: 5px; margin-bottom: 8px; zoom: 1;}

/*　横の部分　*/
#sub-content .box_ptn2 .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_box.gif) repeat-y center top;}

#sub-content .box_ptn2 .navi {margin-bottom: 5px;}

#sub-content .box_ptn2 dl {margin: 0 0 5px 0; padding: 0;}
#sub-content .box_ptn2 dd {border-bottom: solid 1px #ddd; margin: 0; padding: 0; line-height: 125%;}
#sub-content .box_ptn2 dd a {display: block; padding: 3px 2px 2px 12px; text-decoration: none; background: url(/shared/images/subcont/arrow_link_sm.gif) no-repeat 2px 0.5em;}
#sub-content .box_ptn2 dd a:hover {background-color: #DFF0F6; text-decoration: underline;}

/*　リンクなし/先頭のマークが「arrow_localnavi.gif」　*/
#sub-content .box_ptn2 dd.type01 {border-bottom: solid 1px #ddd; margin: 0; padding: 3px 2px 2px 12px; line-height: 125%; background: url(/shared/images/subcont/arrow_localnavi.gif) no-repeat 2px 5px;}

/*　リンクあり/先頭のマークが「arrow_link_sm.gif」　*/
#sub-content .box_ptn2 dd.type02 {border-bottom: solid 1px #ddd; margin: 0; padding: 0; line-height: 125%;}
#sub-content .box_ptn2 dd.type02 a {display: block; padding: 3px 2px 2px 12px; text-decoration: none; background: url(/shared/images/subcont/arrow_link_sm.gif) no-repeat 2px 0.5em; margin-left:10px;line-height: 125%;}
#sub-content .box_ptn2 dd.type02 a:hover {background-color: #DFF0F6; text-decoration: underline; line-height: 125%;}


/* ********************************************************** */
/* ** 角丸の枠  STYLES（ボックスの中にボタンを入れたい場合）20110818追加 ** */
/* ********************************************************** */
#sub-content .box_ptn3-ord .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_ord_box.gif) repeat-y center top;}

/*　下の部分＆余白　*/
#sub-content .box_ptn3 {background: url(/shared/images/subcont/bg_boxbot.gif) no-repeat center bottom; padding-bottom: 5px; margin-bottom: 8px; zoom: 1;}

/*　横の部分　*/
#sub-content .box_ptn3 .navi {border: 1px #bbb; border-style: none solid; padding: 5px 7px 0; line-height: 125%; background: url(/shared/images/subcont/bg_box.gif) repeat-y center top; margin-bottom: 5px;}

#sub-content .box_ptn3 .navi {margin-bottom: 5px;}
#sub-content .box_ptn3 .navi div { padding-bottom:5px;}
#sub-content .box_ptn3 dl {margin: 0 0 5px 0; padding: 0;}
#sub-content .box_ptn3 dd {border-bottom: solid 1px #ddd; margin: 0; padding: 0 2px; line-height: 125%;}
#sub-content .box_ptn3 dd span { padding:3px 2px 2px 10px; display:block;}
#sub-content .box_ptn3 dd a {display: block; padding: 3px 2px 2px 12px; text-decoration: none; background: url(/shared/images/subcont/arrow_link_sm.gif) no-repeat 2px 0.5em;}
#sub-content .box_ptn3 dd a:hover {background-color: #DFF0F6; text-decoration: underline;}


/* ********************************************************** */
/* ** 関連情報  STYLES　（電話サービス用）  ** */
/* ********************************************************** */
#sub-content .asso-ord .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_ord_box.gif) repeat-y center top;}

/*　下の部分＆余白　*/
#sub-content .asso {background: url(/shared/images/subcont/bg_boxbot.gif) no-repeat center bottom; padding-bottom: 5px; margin-bottom: 8px; zoom: 1;}

/*　横の部分　*/
#sub-content .asso .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; line-height: 125%; background: url(/shared/images/subcont/bg_box.gif) repeat-y center top; margin-bottom: 5px;}

#sub-content .asso .navi div {background-image:url(/shared/images/subcont/waiting.gif);background-position:center; background-repeat:no-repeat;}

#sub-content .asso dl {margin: 0 0 5px 0; padding: 0; background-color:#FFFFFF;}
#sub-content .asso dd {border-bottom: solid 1px #ddd; margin: 0; padding: 0; line-height: 125%;}
#sub-content .asso dd a {display: block; padding: 3px 2px 2px 12px; text-decoration: none; background: url(/shared/images/subcont/arrow_link_sm.gif) no-repeat 2px 0.5em; line-height: 125%;}
#sub-content .asso dd a:hover {background-color: #DFF0F6; text-decoration: underline; line-height: 125%;}
#sub-content dd.no_txt{ padding: 3px 0 2px 0; height:14px; zoom: 1;}/* 空白行にしたい箇所に入れて下さい */



/* ********************************************************** */
/* ** ピックアップ  STYLES  ** */
/* ********************************************************** */
/*　下の部分＆余白　*/
#sub-content .pickup {background: url(/shared/images/subcont/bg_boxbot.gif) no-repeat center bottom; padding-bottom: 5px; margin-bottom: 8px; zoom: 1;}

/*　横の部分　*/
#sub-content .pickup .navi {border: 1px #bbb; border-style: none solid; padding: 5px 9px 0; background: url(/shared/images/subcont/bg_box.gif) repeat-y center top; margin-bottom: 5px;}

/*　バナーの仕切りのライン表示　*/
#sub-content .pickup .navi div {border-bottom: solid 1px #ddd; padding: 3px 0;}


/* ********************************************************** */
/* ** 別ウインドウリンクにアイコンを表示  ** */
/* ********************************************************** */
#sub-content a.externallink { background-image:none;}
#sub-content a.externallink span {background: url(/shared/images/external.gif) no-repeat right;  padding: 3px 15px 2px 0; line-height: 125%;}