/* トップページ ---------------------------------------------------------------- */

/* トップメイン画像 */
    .topmain {
        width: 791px ;
        height: 100% ;
    }

/* トップお知らせ */
    .topinfo {
        padding: 5px 10px;
    }


/* サブタイトル ---------------------------------------------------------------- */
    .sub_title{
        margin: 0 0 5px 0;
}


/* サイド おススメサイト ------------------------------------------------------- */
    .s_osusume_l{
        float: left;
        background: url(/img/side/obj_s_osusume_bg.gif) no-repeat;
        background-position: 0 0;
        width: 88px;
        height: 52px;
        padding: 0 0;
        margin: 5px 0;
    }

    .s_osusume_r{
        float: right;
        background: url(/img/side/obj_s_osusume_bg.gif) no-repeat;
        background-position: 0 0;
        width: 88px;
        height: 52px;
        padding: 0 0;
        margin: 5px 0;
    }


/* サイトマップ ---------------------------------------------------------------- */

    .map_area {
        float: left;
        width: 240px;
    }

    .map{
        background: url(/img/home/obj_map_top.gif) no-repeat top left #dff6ff;
        width: 240px;
        padding: 10px 0 0 0;
        margin: 0;
    }

    .map_2{
        background: url(/img/home/obj_map_top2.gif) no-repeat top left #ffdfe2;
        width: 240px;
        padding: 10px 0 0 0;
    }

    .map_3{
        background: url(/img/home/obj_map_top3.gif) no-repeat top left #cdffc4;
        width: 240px;
        padding: 10px 0 0 0;
    }

    .map_bottom{
        background: url(/img/home/obj_map_bottom.gif) no-repeat top left;
        width: 240px;
        height: 6px;
        text-indent:-999em;
        margin-bottom: 10px!important;
    }

    .map_bottom2{
        background: url(/img/home/obj_map_bottom2.gif) no-repeat top left;
        width: 240px;
        height: 6px;
        text-indent:-999em;
        margin-bottom: 10px!important;
    }

    .map_bottom3{
        background: url(/img/home/obj_map_bottom3.gif) no-repeat top left;
        width: 240px;
        height: 6px;
        text-indent:-999em;
        margin-bottom: 10px!important;
    }


    .map_title{
        margin: 0 0 2px 10px;
    }

    .map_cell_1{
        background: url(/img/home/obj_map_01.gif) no-repeat;
        height: 24px;
        padding: 0 0 0 25px;
        margin: 0 0 0 20px;
    }

    .map_cell_2{
        background: url(/img/home/obj_map_02.gif) no-repeat;
        height: 24px;
        padding: 0 0 0 25px;
        margin: 0 0 0 20px;
    }

    .map_cell_3{
        background: url(/img/home/obj_map_03.gif) no-repeat;
        height: 24px;
        padding: 0 0 0 45px;
        margin: 0 0 0 20px;
    }

    .map_cell_4{
        background: url(/img/home/obj_map_04.gif) no-repeat;
        height: 24px;
        padding: 0 0 0 45px;
        margin: 0 0 0 20px;
    }


/* 説明・ガイド ---------------------------------------------------------------- */

    .about_area {
        clear: both;
        width: 495px;
    }

    .about_area li {
        margin:0 0 15px 0;
    }


    .about_area dt {
        margin:0 0 10px 0;
    }

    .about_area dd {
        margin:0 0 15px 0;
    }


    .about_l{
        float: left;
        width: 115px;
        margin: 25px 0 0 0;
    }

    .about_r{
        float: right;
        width: 380px;
        margin: 25px 0 0 0;
    }


    #nenga{
        float: left;
        width: 250px;
        font-size:11px;
        text-align:center;
    }
    
    .nenga_02{
        float: left;
        width: 500px;
        font-size:11px;
        margin:0 auto;
    }
    
    .bnr_list{
        font-size: 11px;
        vertical-align:bottom;
    }


/* おさいぽ！について トップ */
    .abouttop_01 {
        margin: 5px 10px 40px 10px;
    }

    .abouttop_01 li {
        margin: 0 0 15px 0;
    }


/* オートチャージについて */
    .autoabout_intro dt{
        margin-bottom: 10px;
    }

    .autoabout_intro dd{
        margin-bottom: 15px;
    }


    .autoabout_l {
        float: left;
        width: 225px;
        margin: 15px 20px 0 0;
}

    .autoabout_r {
        float: right;
        width: 250px;
        margin: 30px 0 0 0;
}

    .autoabout_li {
        background: url(/img/about/autoabout/obj_autoabout_list.gif) no-repeat;
        background-position: 0 2px;
        padding: 0 0 3px 18px;
        margin: 0 0 3px 5px;
    }

/* 通用の表記 */
    .autoabout_pb_l {
        float: left;
        width: 230px;
        background-color: #e6fad5;
        padding: 5px;
        margin: 15px 0 5px 0;
        }

    .autoabout_pb_r {
        float: right;
        width: 230px;
        background-color: #e6fad5;
        padding: 5px;
        margin: 15px 0 5px 0;
        }

    .autoabout_pb_i {
         margin: 10px 0;
        text-align: center;
        }

    .autoabout_pb_t {
         margin: 10px;
        }


/* ガイド 流れ */
    .flow{
        width: 495px;
    }

    .flow_l{
        float: left;
        width: 180px;
        text-align: center;
        margin: 0 25px 0 0;
    }

    .flow_l li{
        margin: 0 0 15px 0;
    }

    .flow_r{
        float: right;
        width: 290px;
        margin: 0;
    }

    .flow_r dt{
        margin: 0 0 10px 0;
    }

    .flow_r dd{
        margin: 0 0 20px 0;
    }


/* ガイド 決済までの流れ（オートチャージリリース後） かしこい使い方 */

    .flow2_l{
        float: left;
        width: 235px;
        border-right: solid 3px #cacaca;
        padding: 0 10px 0 0;
    }

    .flow2_l li{
        text-align: center;
        margin: 0 5px 15px 0;
    }

    .flow2_r{
        float: right;
        width: 230px;
    }

    .flow2_r li{
        text-align: center;
        margin: 0 0 15px 0;
    }


/* ガイド より便利な使い方 かしこい使い方 */

    .autoguide_l {
        float: left;
        width: 225px;
        text-align: center;
        padding: 0 20px 0 0;
    }

    .autoguide_r {
        float: right;
        width: 250px;
    }

    .autoguide_r li {
        margin: 0 0 15px 0;
    }



/* 登録フォーム ---------------------------------------------------------------- */

    #step_01{
        background: url(/img/order/obj_step_bg_01.gif) repeat-y top left;
        margin: 0 0;
    }

    #step_02{
        background: url(/img/order/obj_step_bg_02.gif) repeat-y top left;
        margin: 0 0;
    }

    #step_03{
        background: url(/img/order/obj_step_bg_03.gif) repeat-y top left;
        margin: 0 0;
    }

    #step_area{
        padding: 10px 35px 10px 25px;
    }


/* アカウントチェック */
    .ajax_box {
        margin: 5px 0;
        padding: 0 5px;
        border: 1px solid #fbb8b9;
        background-color: #fff6f6;
        font-size: 10px;
        width: 275px;
    }

    #chk_id_txt{
        font-size: 10px;
        color: #cd3434;
    }


/* 規約 ------------------------------------------------------------------------ */

    .kiyaku_ol {
        list-style-type: decimal;
        margin-left: 25px!important;
    }

    .kiyaku_ol_2 {
        list-style-type: decimal;
        margin-left: 25px!important;
    }

    .kiyaku_ol_3 {
        list-style-type: square;
        margin-left: 70px;
    }


/* 使えるサイト ---------------------------------------------------------------- */

    #sites_top_l{
        float: left;
        width: 210px;
        margin: 5px 45px 20px 0;
        text-align: right;
    }

    #sites_top_r{
        float: left;
        width: 210px;
        margin: 5px 0 20px 0;
        text-align: right;
    }


    .sites_l {
        float: left;
        width: 230px;
    }

    .sites_r {
        float: right;
        width: 265px;
        margin: 3px 0 0 0;
    }

    .sites_cam {
        border: dotted 2px #ffcc70;
        background-color: #fffbd0;
        color: #ff7d25;
        font-weight: bold;
        padding: 5px 10px;
    }


    .sites_w {
            width: 495px;
    }

    .sites_cap {
        float: left;
        width: 135px;
    }

    .sites_exp {
        float: left;
        width: 360px;
    }



/* インフォ・よくある質問 ------------------------------------------------------ */

    #info_box{
        width: 495px;
        margin: 0 0 5px 0;
    }

/* ベース 灰*/
    #info_cell_1{
        background-color: #f6f6f6;
    }

/* 本家 青 */
    #info_cell_2{
        background-color: #edfaff;
    }

/* コンパネ 黄 */
    #info_cell_3{
        background-color: #ffffe9;
    }

/* キャンペーン 終了分 タイトル */
    #info_cam{
        background-color: #f6f6f6;
        font-weight: bold;
        padding: 5px 7px;
    }


/* インフォ ----------------------------------------------------- */

    #info_day{
        float: left;
        width: 90px;
        padding: 5px 10px;
    }

    #info_title{
        float: left;
        color: #008bff;
        width: 375px;
        padding: 5px 10px 5px 0;
}

    #info_info{
        display: none;
        margin: 0 10px 15px 110px;
}


/* よくある質問 ------------------------------------------------- */

    #faq_cate{
        background: url(/img/support/obj_faq_icon.gif) no-repeat;
        background-color: #ffffff;
        background-position: 5px 0;
        padding: 3px 0 7px 35px;
        margin: 0 0 2px 0;
}

        a.faq_cate:link     { color:#0099ff; text-decoration:none; font-size: 14px; font-weight:bold;}
        a.faq_cate:visited  { color:#0099ff; text-decoration:none; font-size: 14px; font-weight:bold;}
        a.faq_cate:active   { color:#0099ff; text-decoration:none; font-size: 14px; font-weight:bold;}
        a.faq_cate:hover    { color:#0099ff; text-decoration:underline; font-size: 14px; font-weight:bold;}


    #faq_cell_1{
        background: url(/img/support/obj_faq_q_mini.gif) no-repeat;
        background-position: 10px 5px;
        background-color: #f1edff;
        padding: 5px 10px 5px 45px;
        margin: 0 0;
}

    #faq_cell_2{
        background: url(/img/support/obj_faq_q_mini.gif) no-repeat;
        background-position: 10px 5px;
        background-color: #e9e3ff;
        padding: 5px 10px 5px 45px;
        margin: 0 0;
}

    #faq_cell_a_mini{
        background: url(/img/support/obj_faq_a_mini.gif) no-repeat;
        background-position: 10px 5px;
        background-color: #ffffe9;
        font-size: 11px;
        padding: 5px 10px 5px 45px;
        margin: 0 0;
}

    #faq_cell_a{
        background: url(/img/support/obj_faq_a.gif) no-repeat;
        background-position: 8px 8px;
        background-color: #ffffe9;
        padding: 10px 10px 20px 45px;
        margin: 0 0;
}


/* マニュアル ------------------------------------------------------------------- */

    .manu_menu{
        background: url(/img/support/obj_manu_bg.gif) repeat-y top left;
        width: 470px;
        padding: 10px 0 20px 25px;
        margin: 0 0;
    }

    .manu_menu li{
        margin: 0 0 3px 0;
    }

    .manu_menu_l{
        float: left;
        width: 210px;
        margin: 0 0;
    }

    .manu_menu_r{
        float: right;
        width: 250px;
        margin: 0 10px 0 0;
    }



    .manu{
        width: 495px;
        margin: 0 0 30px 0;
    }

    .manu_step {
        color: #ff6594;
        font-size: 14px;
        font-weight: bold;
        margin: 5px 0 20px 0;
    }

    .manu_l{
        float: left;
        width: 255px;
        text-align: center;
        margin: 0 10px 30px 0;
    }

    .manu_r{
        float: right;
        width: 220px;
        margin: 0 0 30px 0;
    }

    .manu_atten {
        background-color: #fffbdc;
        width: 485px;
        margin: 15px 0 0 0;
        padding: 20px 10px 20px 0;
}

    .manu_atten_l{
        float: left;
        width: 220px;
        text-align: center;
        margin: 0 10px 20px 0;
    }

    .manu_atten_r{
        float: right;
        width: 230px;
        margin: 0;
    }



/* ログインフォーム ------------------------------------------------------------- */

    #login{
        background: url(/img/conpane/obj_login_bg.gif) repeat-y top left;
        width: 460px;
        padding: 0 0;
        margin: 10px 0;
    }

    #login_main{
        width: 360px;
        margin: 15px 0 15px 80px;
    }

    #txt_login{
        font-size: 11px;
        margin: 25px 0 0 20px;
    }


/* 有効ポイント数 --------------------------------------------------------------- */
    #pt{
        background: url(/img/conpane/obj_point.gif) no-repeat top left;
        width: 403px;
        height: 84px;
    }

    #con_top{
        background: url(/img/conpane/obj_point_bg.gif) repeat top left;
        padding: 15px 20px;
        margin: 15px 0 20px 0;
    }



/* 通帳 ------------------------------------------------------------------------- */

    #list{
        background: url(/img/conpane/obj_list_top.gif) no-repeat top left;
        width: 495px;
        height: 62px;
    }

    #list_left{
        float: left;
        width: 240px;
        padding: 15px 0 0 15px;
    }

    #list_right{
        float: right;
        width: 210px;
        text-align: right;
        padding: 25px 20px 0 0;
    }

/* 通帳ページ送り */
    #list_bottom{
        background: url(/img/conpane/obj_list_bottom.gif) no-repeat top left;
        width: 495px;
        height: 62px;
        padding: 15px 0 0 0;
        margin: 0 0;
    }


/* 問い合わせ履歴 ------------------------------------------------------------- */

    #inqlist_cell_1{
        background-color:#f6f6f6;
        padding: 0 0;
        margin: 0 0;
}

    #inqlist_cell_2{
        background-color:#ffffe9;
        padding: 0 0;
        margin: 0 0;
}

    #inqlist_title{
        float: left;
        width: 100px;
        color: #008bff;
        text-align: center;
        margin: 5px 5px;
    }

    #inqlist_mini{
        float: left;
        width: 80px;
        font-size: 11px;
        text-align: center;
        margin: 5px 5px;
    }

    #inqlist_txt{
        float: left;
        width: 380px;
        margin: 5px 5px;
    }


/* 退会 ------------------------------------------------------------------------ */

    #caution{
        border: solid 4px ;
        border-color: #888888;
        background-color: #545454;
        color: #ffffff;
        line-height: 2em;
        padding: 20px 15px;
        margin: 15px 0;
    }

/* コンパネ キャンペーン ------------------------------------------------------- */

    .cam1st {
        border: solid 4px ;
        border-color: #ff9da0;
        padding: 10px 20px;
        margin: 0 0 10px 0;
    }

/* オートチャージ -------------------------------------------------------------- */

    #auto_list {
        width: 489px;
        background-color: #cacaca;
        padding: 0 3px;
    }


    .cell_auto {
        width: 489px;
        border-top-style: solid;
        border-color: #cacaca;
        border-width: 1px;
    }

    .cell_auto_bg01 {
        background-color: #ffffe9;
    }


    .cell_auto_bg02 {
        background-color: #ffffff;
    }

    .cell_auto_l {
        float: left;
        width: 404px;
        border-right-style: solid;
        border-color: #cacaca;
        border-width: 1px;
        padding: 5px;
    }

    .cell_auto_l01 {
        background: url(/img/btn/btn_mini_detail.gif) no-repeat;
        background-position: 80px 9px;
}

    .cell_auto_l02 {
        background: url(/img/btn/btn_mini_close.gif) no-repeat;
        background-position: 80px 9px;
}

    .cell_auto_r {
        float: right;
        width: 64px;
        text-align: right;
        padding: 5px;
    }

/* 詳細 中身 ------------------------ */

    .w_auto_list {
        width: 489px;
    }

/*
    .auto_list_l {
        width: 401px;
        border-right-style: solid;
        border-color: #cacaca;
        border-width: 1px;
        padding: 0 5px;
    }
 */

/* 中身 日付 */
    .auto_list_l1 {
        width: 70px;
        color: #888;
        font-size: 11px;
        vertical-align: top;
        line-height: 1.5em;
        padding: 3px 5px;
    }

/* 中身 内訳 */
    .auto_list_l2 {
        width: 320px;
        color: #888;
        font-size: 11px;
        vertical-align: top;
        line-height: 1.5em;
        word-break:break-all;
        border-right-style: solid;
        border-color: #cacaca;
        border-width: 1px;
        padding: 3px 5px;
    }

/* 中身 金額 */
    .auto_list_r {
        width: 63px;
        color: #888;
        font-size: 11px;
        text-align: right;
        line-height: 1.5em;
        vertical-align: top;
        padding: 3px 5px;
    }

/* 中身 テキスト 内訳（プレゼント） */
    .txt_auto_pre_l {
        color: #da8595;
    }

/* 中身 テキスト 金額（プレゼント） */
    .txt_auto_pre_r {
        background: url(/img/conpane/icon_autolist_pre.gif) no-repeat;
        background-position: 3px 7px;
        color: #da8595;
        line-height: 1.2em;
    }


/* 明細 ページ送り */
    #auto_list_bottom{
        background: url(/img/conpane/obj_autolist_02.gif) no-repeat top left;
        width: 495px;
        height: 52px;
        padding: 12px 0 0 0;
        margin: 0 0;
    }


/* マニュアル下部 サービス管理者ページへの導線 -------------------------------------------------------------- */

.service_pay {
        width: 460px;
        border: solid 2px #ffa4c2;
        background-color: #ffeff4;
        color: #cd3434;
        padding: 15px;
        margin: 30px 0;
    }

.service_pay_l {
        float: left;
        width: 200px;
        line-height: 24px;
        margin: 5px 0 0 0;
    }

.service_pay_r {
        float: right;
        width: 230px;
        line-height: 24px;
        margin: 5px 0 0 0;
    }


/* サポート よくある質問検索下部一覧 -------------------------------------------------------------- */

.faq_footer {
        margin:10px 0 20px 0;
        width:400px;
    }

.faq_footer_l {
        float: left;
        width: 230px;
    }

.faq_footer_r {
        float: right;
        width: 170px;
    }


/* 資金決済法に基づく表示 -------------------------------------------------------------- */

#settlement_box {
        margin: 0px  0px;
    }
    
/* 見出し（一段目のみ） */    
.settlement_title {
        float:left;
        width:180px;
        padding:5px 0px 15px;
        font-weight:bold;
    }
    
/* 見出し（二段目以降） */    
.settlement_title_2 {
        float:left; 
        width:180px;
        padding:15px 0px 15px;
        font-weight:bold;
    }

/* 中身（一段目のみ） */
.settlement_txt {
        float:left;
        width:315px;
        padding:5px 0px 15px;
    }

/* 中身（二段目以降） */
.settlement_txt_2 {
        float:left;
        width:315px;
        padding:15px 0px;
    }

/* 矢印 */
.service_name{
        background: url(/img/common/arrow_03.gif) no-repeat 0px 2px;
        background-position: 0px 2px;
        padding-left: 18px;        
    }

.service_url{
        padding-left: 18px;        
    }
    
    a.service_url:link     { color:#2897ff; text-decoration:underline;}
    a.service_url:visited  { color:#2897ff; text-decoration:underline;}
    a.service_url:active   { color:#2897ff; text-decoration:underline;}
    a.service_url:hover    { color:#ff5f75; text-decoration:underline; background-color:#ffffff;}

.settlement_line {
        width:315px;
        margin-left:180px;
        clear:both;
    }


/* 緊急災害向けインフォ  ------------------------------------------------------------- */
    .disaster_info {
        width: 100%;
        background-color: #3AC7FF;
        color: #ffffff;
        font-weight: bold;
        padding: 5px 0;
        border-bottom: solid 1px #9E9E9E;
    }
    
    .disaster_txt_area {
        background-color: #FFFBD0;
        text-align: left;
        padding: 20px;
        border-bottom: solid 1px #9E9E9E;
    }
    
    .disaster_topic {
        margin: 10px 0 5px 0px;
        font-weight: bold;
    }
    
    .disaster_topic_point {
        color: #FF5F75;
        font-weight: bold;
    }