@charset "UTF-8";

/* 共通フレーム設定
--------------------------------------------------------------------

0. 共通
1. メッセージボックス
2. ヘッダー
3. ログインエリア
4. 左エリア
5. 中央エリア

6. 追加分
--------------------------------------------------------------------*/
/* 

※文字サイズに関して
--------------------------------------------------------------------
文字サイズをpx指定すると文字可変のスクリプトが効かなくなります。
cssで文字サイズの指定をする場合は下記を参考に％指定してください。

textsizeの基準値::12px 

{ font-size: 77%;   } /* 9px
{ font-size: 85%;   } /* 10px 
{ font-size: 93%;   } /* 11px
{ font-size: 100%;  } /* 12px
{ font-size: 108%;  } /* 13px
{ font-size: 116%;  } /* 14px
{ font-size: 123.1%;} /* 15px
{ font-size: 131%;  } /* 16px
{ font-size: 138.5%;} /* 17px
{ font-size: 146.5%;} /* 18px
{ font-size: 153.9%;} /* 19px
{ font-size: 161.6%;} /* 20px
{ font-size: 167%;  } /* 21px

--------------------------------------------------------------------*/


/* テキストリンク */

a {
    margin: 0;
    padding: 0;
    outline: none;
    color: #665544;
}

a:active,
a:visited {
    /* color: #de6f1a; */
    color: #644e27;
}

a:hover {
    text-decoration: none;
    /* color: #ff9927; */
    color: #e76025;
}
                

/* 0. 共通タグ
--------------------------------------------------------------------*/

/* iframeの横スクロール対策 */
html{overflow-y: scroll;}


body {
    margin: 0;
    padding: 0;
    font-family: "ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
    color: #444444;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.5;
    background-color: #fffde8;
}
    
#wrapper {
    text-align:center;
    padding: 0;
    width: auto;
    margin: 0;
    }
    
#contents {
    text-align:left;
    padding: 0;
    width: 960px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    clear: both;
    overflow:hidden;
    }
    
.event_period {
    float: left;
    color:#3366ff;
    margin: 5px 0 0 0;
    }
    
p,h1,h2,h3,h4,h5,h6,tr,th,td,dl,dt,dd {
    padding: 0;
    margin: 0;
}


h2 { font-size:120%; }
    
.c_title {
    margin-bottom: 5px;
    padding: 0px;
    }
    
.c_small_title { margin: 10px 0 10px 0; }

ul,ol,li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}

strong { font-weight: bold; }
    
.tx_big { font-size: 200%; }
.tx_big120 { font-size: 120%; line-height: 160%; }
.tx_small { font-size: 75%; }
.tx_red { color:#FF0000; }
.tx_bule { color:#3366ff; }
.tx_orange { color:#FF7F24; }

.arrow_list_orange {
    margin: 0 0 0 5px;
    0
    }


/* 1. メッセージボックス
--------------------------------------------------------------------*/

/* JS OFF時のアラート */
#header-jsnoff{
    font-weight: bold;
    background: #fffde8 url(../img/header_bg.gif) repeat-x 0 0;
}

#header-jsnoff .jsoff{
    width: 920px;
    margin: 0 auto;
    position: relative;
}

    /*エラー
    --------------------------*/
    #header-jsnoff .error {
        width: 720px;
        margin: 0 auto;
        padding: 15px 0 15px 0;
        color: #ffffff;
    }

        #header-jsnoff .error .frmt {
            width: 720px;
            padding-top: 8px;
            background: #c93030 url(/c/common/img/alert_red_top.gif) no-repeat 0 0;
        }

            #header-jsnoff .error .frmb {
                width: 720px;
                padding-bottom: 7px;
                background: #c93030 url(/c/common/img/alert_red_bottom.gif) no-repeat 0 100%;
            }

                /* エラーアイコンの表示 */
                #header-jsnoff .error .frm p {
                    padding: 15px 10px 12px 65px;
                    color: #ffffff;
                    background: #c93030 url(/c/common/img/alert_red_icon.gif) no-repeat 10px 2px;
                }
                



/* 2. ヘッダー
--------------------------------------------------------------------*/


/*  NEW HEADER 対応
--------------------------------------------------------------------*/

    /* 10. ローカルナビの 強制非表示
    --------------------------------------------------------------------*/
    #wrapper #local-navi{
        display: none;
    }
/*
    #wrapper #local-navi,
    #wrapper #localfrm{
        display: none;
    }
*/

    /* パンくずリスト */
/*#breadcrumbs {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #666666;
}*/

    /* キャンペーン
        http://www.pntc.jp/c/index.html
    --------------------------------------------------------------------*/
        #allwrapper #login-state{
            display: none;
        }

#header {
    position: relative;
    z-index: 200;
    height: 87px;
    background: #ffffff url(/c/common/img/header_bg.gif) repeat-x 0 100%;
}

    /* センタリング用 */
    #header-inner {
        position: relative;
        width: 960px;
        margin: 0 auto;
        text-align: left;
    }

        /* Pontaロゴ */
        #header-inner #logo {
    width: 85px;
    height: 54px;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(../img/header_set.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
        }

            /* Pontaロゴ */
            #header-inner #logo a {
                display: block;
                width: 85px;
                height: 54px;
            }

        /* Pontaキャッチフレーズ */
        #header-inner #catch {
            position: absolute;
            top: 0;
            left: 85px;
            width: 152px;
            height: 54px;
            overflow: hidden;
            text-indent: -9999px;
            background: url(../img/header_set.gif) repeat-x -85px 0;
        }

            #header-inner #catch a {
                display: block;
                width: 152px;
                height: 54px;
            }

        /* トップナビゲーション
             - よくある質問、お問合せ、入会案内 */
        #top-navi {
            position: absolute;
            top: 24px;
            left: 490px;
            width: 320px;
            font-size: 11px;
        }
        
            #top-navi li {
                float: right;
                margin-left: 3px;
            }

                #top-navi li a{
                    padding: 0 4px;
                    color: #666666;
                    text-decoration: none;
                }

                #top-navi li a:hover{
                    color: #e76025;
                }

            #top-navi li.green {
                color:#bbd98a;
                border-bottom: 2px solid #bbd98a;
            }

                #top-navi li.green a:hover{
                    color:#64a81a;
                }

            #top-navi li.orange {
                color:#ffcda1;
                border-bottom: 2px solid #ffcda1;
            }

                #top-navi li.orange a:hover{
                    color:#e47c21;
                }

            #top-navi li.blue {
                color:#bccfff;
                border-bottom: 2px solid #bccfff;
            }

                #top-navi li.blue a:hover{
                    color:#597dd8;
                }

        /* 文字サイズ設定エリア
        -------------------------------------- */
        #font-navi {
            position: absolute;
            top: 22px;
            right: 0;
            text-align: center;
            height: 20px;
            overflow: hidden;
        }
        

            #font-navi dt {
                float: left;
                margin-right: 2px;
                width: 33px;
                height: 21px;
                font-size: 10px;
                line-height: 2.2;
                background: #eeeeee;
            }

            #font-navi dd {
                float: left;
                width: 105px;
            }

                #font-navi dd ul li {
                    float: left;
                    width: 33px;
                    margin-right: 2px;
                }

                    #font-navi dd ul li a{
                        display: block;
                        width: 33px;
                        height: 21px;
                        color: #666;
                        background: #f5f5f5;
                        text-decoration: none;
                    }

                #font-navi dd ul li.text-small {
                    font-size: 12px;
                    line-height: 1.9;
                }

                    /* 初期値 */
                    #font-navi dd ul li.text-small a{
                        font-weight: bold;
                        background: #ffa85d;
                    }

                #font-navi dd ul li.text-medium {
                    font-size: 14px;
                    line-height: 1.7;
                }

                #font-navi dd ul li.text-large {
                    font-size: 16px;
                    line-height: 1.4;
                    margin-right: 0;
                }

                /* ▲現在位置の設定は/c/common/css/内のsmall.css, medium.css, large.cssに記述 */
                
        /* 検索エリア
        -------------------------------------- */
        #search {
            /* position: absolute; */
            top: 22px;
            right: 0px;
            /* text-align: center; */
        }
                
                
        /* グローバルナビゲーション new 
        -------------------------------------- */
        #global-navi {
            position: absolute;
            /*z-index: 300;*/
            top: 54px;
            left: 0;
            width: 960px;
            height: 30px;
            text-indent: -9999px;
            /*background: url(/c/common/img/header_menu.gif) no-repeat 0 0; */
        }
        
        #global-navi li {
                float: left;
                height: 30px;
            }

                #global-navi li a{
                    display: block;
                    height: 30px;
                    margin: 0;
                    padding: 0;
                }
                
            /* hover時に背景削除  */
                #header #global-navi li a:hover{ background-position: 50%; }                
                
        /* トップ  */
            #global-navi li#gn-top { width: 126px; }

                #global-navi li#gn-top a{
                    width: 126px;
                    background: url(/c/common/img/header_menu.gif) no-repeat 0 0;
                }
                
            #global-navi li#gn-top a:hover{ background: url(/c/common/img/header_menu.gif) no-repeat 0 100%; }
                
        /* キャンペーン  */ 
            #global-navi li#gn-campaign { width: 124px; }

                #global-navi li#gn-campaign a{
                    width: 124px;
                    background: url(/c/common/img/header_menu.gif) no-repeat -126px 0;
                }
                
            #global-navi li#gn-campaign a:hover{
                    background: url(/c/common/img/header_menu.gif) no-repeat -126px 100%; }
                
        /* ポンタ参加企業  */  
            #global-navi li#gn-shop { width: 124px; }

                #global-navi li#gn-shop a{
                    width: 124px;
                    background: url(/c/common/img/header_menu.gif) no-repeat -250px 0;
                }
                
                #global-navi li#gn-shop a:hover{ background: url(/c/common/img/header_menu.gif) no-repeat -250px 100%; }
                
        /* ポイントモール  */   
            #global-navi li#gn-pointmall { width: 123px; }

                #global-navi li#gn-pointmall a{
                    width: 123px;
                    background: url(/c/common/img/header_menu.gif) no-repeat -374px 0;
                }
            
            #global-navi li#gn-pointmall a:hover{ background: url(/c/common/img/header_menu.gif) no-repeat -374px 100%; }

        /* Pontaリサーチ  */   
            #global-navi li#gn-research { width: 123px; }

                #global-navi li#gn-research a{
                    width: 123px;
                    background: url(/c/common/img/header_menu.gif) no-repeat -497px 0;
                }
                
            #global-navi li#gn-research a:hover{ background: url(/c/common/img/header_menu.gif) no-repeat -497px 100%; }

        /* 商品交換  */   
            #global-navi li#gn-exchange { width: 120px; }

                #global-navi li#gn-exchange a{
                    width: 120px;
                    background: url(/c/common/img/header_menu.gif) no-repeat -620px 0;
                }
                
                #global-navi li#gn-exchange a:hover{ background: url(/c/common/img/header_menu.gif) no-repeat -620px 100%; }
                
        /* ネット会員ページ  */   
            #global-navi li#gn-member {
                width: 121px;
                position: relative;
            }

                #global-navi li#gn-member a{
                    width: 121px;
                    background: url(/c/common/img/header_set.gif) no-repeat -698px -54px; 
                }
                
                #global-navi li#gn-member a:hover{ background: url(/c/common/img/header_set.gif) no-repeat  -698px -84px; } 
                
                
                
            /* ポイント残高  */
            #global-navi li#gn-point {
                width: 95px;
            }

                #global-navi li#gn-point a{
                    width: 95px;
                    background: url(/c/common/img/header_set.gif) no-repeat -825px -54px; 
                }
                
                #global-navi li#gn-point a:hover { background: url(/c/common/img/header_set.gif) no-repeat -825px -84px; } 
                
                    
                    /* プルダウンメニュー
                    ----------------------------------------------- */
    
                    #global-navi li#gn-member .box{
                        position: absolute;
                        top: 30px;
                        left: -1px;
                        border-left: 2px solid #f9ca8e;
                        border-right: 2px solid #f9ca8e;
                        border-bottom: 2px solid #f9ca8e;
                        background: #ce3b01;
                        z-index: 400;
                        zoom: 1;
                        text-indent: 0;
                        display: none;
                    }

                        #global-navi li#gn-member .box li{
                            float: none;
                            width: 220px;
                            border-bottom: 1px solid #d04b16;
                            line-height: 2.9;
                        }

                        #global-navi li#gn-member .box li.end{
                            border-bottom: none;
                        }

                            #global-navi li#gn-member .box a{
                                width: auto;
                                height: 30px;
                                /*border-top: 1px solid #9e6311;*/
                                padding-left: 30px;
                                background: url(/c/common/img/header_set.gif) no-repeat -222px -147px; 
                                font-size: 100%;
                                color: #ece3dd;
                                font-weight: bold;
                                text-decoration: none;
                            }

                            #global-navi li#gn-member .box a:hover{
                                color: #ffffff;
                                font-weight: bold;
                                background: url(/c/common/img/header_set.gif) no-repeat -222px -172px; 
                            }



/* 3. ログインエリア
--------------------------------------------------------------------*/

/* ログイン出し分け指定 */
.login {
    display: none;
}

.logout {
    display: none;
}


#login-state {
    margin-bottom: 5px;
    height: 31px;
}

/* #login-state .logout { display: block; } */

#login-state .box {
    float: right;
    position: relative;
    z-index: 100;
    margin-top: 5px;
/*  width: 100%;*/
}

/* テキスト・ボタン */
#login-state .box p {
    line-height: 1;
}

#login-state .box .login-txt{
    float: left;
    margin-right: 17px;
    padding-top: 8px;
    width: 160px;
}

#login-state .box .login-btn{
    float: left;
    width: 118px;
    height: 26px;
    line-height: 2.3;
    text-align: center;
    position: relative;
    z-index: 100;
}

/* ログインフォームウインドウ */
#login-state #login-formbox {
    width: 300px;
    padding-bottom: 17px;
    background: url(/c/common/img/bg_bottom.png) no-repeat 0 100%;
    color: #ffffff;
    position: absolute;
    top: 10px;
    right: 0px;
    display: none;
}

#login-state #login-formbox .frm {
    width: 300px;
    background: url(/c/common/img/bg.png) repeat-y 0 0;
}

/* 閉じるボタン */
#login-state #login-formbox #close{
    cursor: pointer;
    position: absolute;
    top: 34px;
    right: 10px;
}

#login-state #login-formbox input {
    width: 248px;
    font-size: 17px;
    vertical-align: middle;
}

/* 会員ID */
#login-state #login-formbox .box-t{
    padding:  46px 0 0 20px;
}

/* パスワード */
#login-state #login-formbox .box-b{
    padding: 12px 0 0 20px;
}

#login-state #login-formbox .caption{
    padding: 5px 20px 0 0;
    font-size: 100%;
}

#login-state #login-formbox .caption a{
    color: #DE6F1A;
    padding: 3px 0 0 10px;
    background: url(/c/common/img/arrow_s_trans.gif) no-repeat 0 50%;
}

#login-state #login-formbox .caption a:hover{
    color: #ff9927;
}

#login-state #login-formbox .btn{
    padding-top: 12px;
    text-align: center;
}

#login-state #login-formbox .btn input{
    width: 120px;
    height: 25px;
    height: 24px;
}


/* 4. 左エリア
--------------------------------------------------------------------*/
#left_area {
    float: left;
    width: 180px;
    margin: 0;
    padding: 0;
    text-align:left;
    }

#left_area ul {
  width: 168px;
    _width: 158px;
    float: left;
    padding: 5px;
    margin: 0 0 10px 0;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
}

#left_area li {
    float: left;
    text-align: left;
    width: 158px;
    margin: 0;
    padding: 0;
}



* html #left_area ul {
    width: 178px;
    _width:168px;
    }

.leftarrow {
    background-image:url(/c/common/img/arrow_list_orange.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    text-indent: 5px;
    margin: 0;
}

.left_nolink {
    padding: 3px 0 3px 0;
    display: block;
    margin: 0 0 0 5px;
    }
    
.left_gaibulink {
    float: left;
    margin-left: 2px; }
    
#leftsidebar .sm01 {
    padding:0 0 0 5px;
    display:block;
    line-height:160%;
    margin: 0 0 0 2px;
    position: relative;
    list-style: none;
    list-style-type: none;
}



#leftsidebar .kind {
    clear: both;
    margin: 0;
    padding: 3px 0 0 0;
    position: relative;
    display: list-item;
    list-style: none;
    list-style-type: none;
}

.kind_icon {
     float: left;
    margin: 0 3px 0 0;
    padding: 0;
    }
    
.leftpontamember {
    float: left;
    width: 178px;
    margin: 0 0 10px 0;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
    position: relative;
    }
    
.leftpontamember dt {
    float: left;
    width: 168px;
    margin: 3px;
    padding: 0;
    text-align: left;
    }
    
.leftpontamember dd {
    float: left;
    text-align: left;
    line-height: 140%;
    width: 170px;
    margin-left: 3px;
    padding: 0;
    }

#left_area h3 {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ff9900;
    color: #ffffff;
}


#left_pontashops {
  float: left;
  margin-bottom: 10px;
  width: 168px;
    padding: 5px;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
    text-align: left;
}

* html #left_pontashops {
    width: 170px;
    _width: 168px;
    }

#left_pontashops_tx { font-size: 90%; margin-top: 5px; }
    
#left_pontashop_count {
    text-align: center;
    color: #90643e;
    font-weight: bold;
    margin:3px 0 3px 0;
    }
    
#left_pontashop_count_time {
    text-align: right;
    margin-bottom: 5px;
    }
    
    
#left_qrcord {
    float: left;
    margin: 5px 0 10px 30px;
    }
    
.left_Participants_sub {
    width: 170px;
    clear:both;
    padding: 5px;
    margin: 0px;
    background-color: #ffcc66;
    color:#333333;
    float: left;

    }
    
* html .left_Participants_sub {
    width: 180px;
    _width: 170px;
    }

    

/* 5. 中央エリア
--------------------------------------------------------------------*/
#center_area {
    float: left;
    width: 460px;
    padding: 0;
    margin: 0;
    text-align: left;
    font-weight: normal;
  }
    
#center_area a { font-weight: bold;  }
    
/* 中央：共通 */ 
.center_pt_table {
    float: left;
    width: 448px;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
    }
    
.center_pt_table img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    }

/* 中央：AD */
#center_adarea {
    float: left;
    width: 460px;
    margin: 0 0 10px 0;
    padding: 0;
    height: 190px;
    position: relative;
    }
    
/* 中央：Ponta最新情報 */          
#center_pontanews_pt {
   float: left;
    width: 448px;
    _width: 456px;
    margin: 0 0 10px 0;
    padding: 5px;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
    position: relative;
    }
    
* html #center_pontanews_pt {
    width: 448px; }
    
#center_pontanews_pt_more_bt {
    padding: 0px;
    width: 448px;
    float:left;
    text-align:right;
    margin: 0 0 5px 0;
    }
    
#center_pontanews_pt_more_bt a {
   width: 100px;
     _width: 85px;
   padding:0 0 0 15px;
    background-image: url(/c/common/img/icn_more.png);
    background-repeat: no-repeat;
    background-position: left;
    }
    
dl#center_pontanews_list {
    width: 448px;
    }
    
dl#center_pontanews_list dt {
    float:left;
    clear:both;
    width: 70px;
    margin: 0 0 5px 0;
    padding: 0;
    }
    
dl#center_pontanews_list dd {
    width: 375px;
    margin:0 0 5px 75px;
    padding: 0;
    }

/*2011.8.1追加*/
#center_pontanews_pt ul li {
padding-bottom:10px;
color:#444444;
}
#center_pontanews_pt ul li a {
font-weight:bold;
}
    
/* 中央：ポイントを貯めよう */      
#center_earn_pt {
    float: left;
    width: 448px;
    _width: 436px;
    margin: 0;
    padding: 5px;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
    }
    
* html #center_earn_pt { width: 436px; }
    
/* 中央：ポイントを貯めよう：おトクキャンペーン */            
#center_earn_pt_camarea {
    float: left;
    width: 448px;
    margin: 0;
    padding: 0;
    position: relative;
    }
    
    
#center_earn_pt_camarea_bt a {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
    padding: 0px;
    }
    
#center_earn_txarea {
    float: left;
    width: 448px;
    margin: 5px 0 5px 0;
    padding: 0;
    }

#center_earn_txarea p { margin: 0 0 5px 0; }

/* 中央：ポイントを貯めよう：ご案内中のアンケート */       
#center_earn_pt_enqarea {
    float: left;
    width: 448px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    position: relative;
    }
    
* html #center_earn_pt_enqarea { width: 460px; }
    
.center_earn_pt_enq {
    float: left;
    width: 448px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    }
    
.center_earn_pt_enq img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    }
    
#center_earn_pt_enqarea_bt a {
    position: absolute;
    top: -3px;
    right: 0px;
    padding: 0px;
    bottom: 5px;
    margin: 0px;
    }   
#center_earn_pt_enq_txarea {
    float: left;
    width: 448px;
    margin: 10px 0 5px 0;
    padding: 0;
    position:relative;
    }

    
    
/* 中央：ポイントを貯めよう：ポイントUP情報 */     
#center_earn_pt_uparea {
    float: left;
    width: 448px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    }
    
.center_earn_pt_up {
    float: left;
    width: 448px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 7px;
    }
    
.center_earn_pt_up img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    }

#center_earn_pt_uparea_bt a {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    }
    
.center_earn_pt_up_point { clear: both; }

/* 中央：ポイントを活用しよう */     
#center_leverage_pt {
    float: left;
    width: 448px;
    margin: 0;
    padding: 5px;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
}

* html #center_leverage_pt {
    width: 460px;
    _width: 448px;
    }

/* 中央：AD中央付近 */ 
#center_adarea02 {
  float: left;
    width: 448px;
    margin-top: 7px;
    margin-bottom: 15px;
    padding: 0;
  }
    
/* 中央：ポイントを活用しよう：ポイント活用特集 */
#center_leverage_pt_featuredarea {
    float: left;
    width: 448px;
    margin: 0px;
    padding: 0;
    margin-bottom: 10px;
    position: relative;
    }
    
.center_leverage_pt_featured {
    float: left;
    width: 448px;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    }
    
.center_leverage_pt_featured img {
  float: left;
    margin-right: 5px;
    margin-bottom: 5px;
 }

/* 中央：ポイントを活用しよう：今すぐ交換できる商品 */      
#center_leverage_pt_item {
    float: left;
    width: 448px;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}


#center_leverage_pt_item td {
text-align: left;
width: 33%;
}

#center_leverage_pt_item p {
vertical-align: top;
     }

.item_bt {
    margin-bottom: 5px;
}

.item_expt {
    color:#FF0000;
    font-size:75%;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    

/* 中央：ポイントを活用しよう：ポイントと交換したい商品を探そう */        
#center_leverage_pt_itemsearch {
    float: left;
    width: 448px;
    padding: 0 0 10px 0;
    margin-bottom: 30px;
    position: relative;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
}

#center_leverage_pt_itemsearch_bt a {
    position: absolute;
    top: -10px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    }   

/*2011.8.1追加*/
/* 中央：お知らせボックス（左：120x60画像 右：テキスト） */
.link-box {
}
.link-box a {
text-decoration:none;
}
.link-box li {
clear:both;
padding-bottom:10px;
color:#444444;
}
.link-box li img {
float:left;
margin-bottom:10px;
margin-right:10px;
_margin-right:5px;
}
.link-box li a .tt {
font-weight:bold;
text-decoration:underline;
}
.link-box li a:hover .tt {
text-decoration:none;
}
.link-box li p {
margin:3px 0 0 130px;
line-height:1.3;
}
.link-box li .cod {
display:block;
margin-top:5px;
color: #3366ff;
}
.link-box .tx-link {
padding-bottom:5px;
line-height:1.3;
}
.link-box .tx-link .cod {
display:inline;
margin-left:7px;
font-size:10px;
color:#444444;
}


/* 5. 右エリア
--------------------------------------------------------------------*/
#right_area {
    float: right;
    width: 300px;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
  }

    
/* 右：ようこそ○○○さん */
#right_name {
    float: left;
    width: 300px;
    padding: 0;
    margin-bottom: 10px;
    margin-top: 10px;
    }
    
/* 右：1日1回運試し！ */
#right_pontachallenge {
    float: left;
    width: 300px;
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
    }
    
/* 右：ポイント残高 */

        
/* 右：AD */
#right_adarea {
    float: left;
    width: 300px;
    padding: 0;
    margin-bottom: 10px;
    height: 250px;
    text-align: center;
    }

/* 右：ポンタのつぶやき */    
#right_twitterarea {
    float: left;
    width: 288px;
    _width: 276px;
    padding: 5px;
    margin: 10px 0 10px 0;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
    position: relative;
    }
    
* html #right_twitterarea { width: 300px; }
    
.right_tweet {
    float: left;
    margin-bottom: 5px;
    background-image: url(/c/common/img/line_dots_gray.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    }
    
.right_tweet img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    }
    
#right_tweet_bt a {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 10px 3px 0 0;
    background-image: url(/c/common/img/icn_more.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
    }
    

/* 右：お知らせ */
#right_newsarea {
    float: left;
    width: 288px;
    padding: 5px;
    margin: 10px 0 10px 0;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
    position: relative;
    }
    
* html #right_newsarea {
    width: 300px;
    _width: 288px;
    }
    
.right_news, .right_newsNoBdr {
    float: left;
    margin-bottom: 5px;
    background-image: url(/c/common/img/line_dots_gray.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    }
        
.right_newsNoBdr {  background-image: none; }
    
.right_news img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    }
    
#right_news_bt a {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 10px 3px 0 0;
    background-image: url(/c/common/img/icn_more.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 18px;
    }   
    
    

/* 右：ADバナー */
ul#right_bn_ad {
    float: left;
    width: 300px;
    padding: 0px;
    margin-bottom: 10px;
    margin-top: 0px;
    list-style-type: none;
    margin-right: 0px;
    margin-left: 0px;
    }

ul#right_bn_ad li {
    float: left;
    margin-bottom: 10px;
    padding: 0px;
    margin-top: 0px;
    height: 100px;
    width: 300px;
    margin-right: 0px;
    margin-left: 0px;
    clear: both;
    }



/* 6. フッター
--------------------------------------------------------------------*/  

/*  コンテンツ下エリア*/
#contents-footer {  padding-top: 140px; }

    /* ページの先頭に戻る */
    #b-pagetop {
        width: 920px;
        margin: 0 auto;
        padding: 0;
        text-align: right;
    }
    
        #b-pagetop img {
        margin: 0px;
        padding: 0px;
            }

#fotter {
    height: 50px;
    text-align:center;
    background-color:#CCCCCC;
    padding: 0;
    clear:both;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }
    
#footer {
    padding-top: 20px;
    background: #fffde8;
    font-size: 85%;
}


    
#footer #footer-navi a { color: #ffffff; }

    /* footer（下部） */
    #footer-navi {
        margin-top: 0px;
        padding: 8px 0 8px 0;
        background: #f58428;
    }

        /* センタリング */
        #footer-navi-inner {
            width: 920px;
            margin: 0 auto;
            text-align: left;
        }

        /* ユーティリティリンク */
        #footer-navi-inner ul {
            float: left;
            width: 580px;
        }

            #footer-navi-inner ul li {
                float: left;
                margin-right: 10px;
                padding-left: 10px;
                background: url(/c/common/img/arrow_footernavi.gif) no-repeat 0 50%;/* 納品時リンク書き方は/c/common/img/arrow_footernavi.gif */
            }

            #footer-navi-inner ul li a.blanklink{
                background: url(/c/common/img/icon_blank_s.gif) no-repeat 100% 50%;/* 納品時リンク書き方は/c/common/img/icon_blank_s.gif */
            }

        /* copyright */
        #footer-navi-inner p {
            float: left;
            text-align: right;
            width: 320px;
            color: #ffffff;
        }




    
    

/* 7. ログイン前誘導エリアエリア（追加）
--------------------------------------------------------------------*/
#beforetop_inducementarea {
    float:left;
    width: 960px;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 10px;
}

#beforetop_pontashop_count {
    width: 180px;
    float: left;
    margin:0;
    }

#beforetop_inducement {
    float:right;
    width: 770px;
    }

.beforetop_inner_bt {
    float:left;
    width: 770px;
    padding: 0px;
    margin: 0 0 5px 5px;
 }
    
.beforetop_inner_bt img {
    float: left;
    margin: 0;
    }
    
    
    
/* 中央：Ponta.jpでPontaをもっとおトクに使おう! */     
#beforetop_center_info_pt {
    float: left;
    width: 448px;
    _width: 432px;
    margin: 0px;
    padding: 5px;
    border: 1px solid #e7e3ca;
    background-color: #FFFFFF;
    }
    
* html #beforetop_center_info_pt {
    width: 460px;
    _width: 450px;
    }

/*2011.12.26追加*/
.top-cpnpr {
clear:both;
}
.top-cpn-mottootoku {
clear:both;
margin:5px 0 2px 0;
padding:10px 4px 8px 4px;
width:450px;
border:1px solid #e7e3ca;
background-color: #FFFFFF;
}
.center_pt_list li {
float:left;
padding:0 5px;
width:140px;
line-height:1.2;
}
.center_pt_list li a img {
border:#CCCCCC solid 1px;
}
.center_pt_list li a:hover img {
border:#FF7F24 solid 1px;
}
.center_pt_list li a {
text-decoration:underline;
}
.center_pt_list li a:hover {
text-decoration:none;
}
.center_pt_list li a .tt {
margin:7px 0 2px 0;
text-align:center;
}

/* その他設定
--------------------------------------------------------------------*/

/* clearfix - floatの解除
------------------------------*/

/* Modern browsers like Firefox, Safari, Opera */
.cfx:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    line-height: 0;
    font-size: 0.1em;/* footerの隙間を解消する */
}
/* IE 7 and MacIE*/
.cfx {
    display: inline-table;
    min-height: 1%;
}

/* for macIE \*/
* html .cfx {
    height: 1%;
}

.cfx {
    display: block;
}
/* end of for macIE */


/* textnone
     - txtを非表示 */
.textnone {
    height:0;
    overflow:hidden;
    }

/* IE6用 */
* html .textnone {
    position:absolute;
    visibility:hidden;
    }

/* blankリンク設定 */
.blanklink{
    padding-right: 13px;
    background: url(/c/common/img/icon_blank.gif) no-repeat 100% 50%;
}


/* 6. 追加分
--------------------------------------------------------------------*/
/* Pontaとは？ズレ修正2011/07/01 
------------------------------------------*/
#pontainfo info2 img {
 margin: 0;
 float:left;
   }
#ponta-hitorigoto ul {
padding: 0 0 30px 0 ;
    }
        
/*110706 ADDED FOR TOP PAGES
------------------------------------------*/    
#rightBox { float: right;  width:770px;}

#TopMgnT10 {
 font-size: 1px;
 height: 10px;
 }
 
ul.bnrArea { clear: both; width: 300px !important;}
ul.bnrArea li { margin: 0;padding: 0 ;}
ul.bnrArea li img { margin: 0 0 10px; }

/*110706 FOR IE6
------------------------------------------*/
#beforetop_inducementarea {
    float: none;
    margin: 0 0 10px;
}
#beforetop_inducement {margin: 10px 0 0 0; }

.leftpontamember dt,.leftpontamember dd {   _margin-right: -3px; }

#center_area {
    float: left;
    width: 458px;
    }
#center_adarea {    width: 458px;   }
#center_earn_pt_camarea {   float: none;    }
#center_earn_txarea, #center_earn_pt_enqarea, .center_earn_pt_enq, #center_earn_pt_enq_txarea {
    float: none;
    width: 448px !important;
    }
        
#right_adarea { float: none;    padding-bottom: 10px;}

.beforetop_inner_bt {
    float:none;
    width: auto;
    margin: 0 auto;
    text-align: center;
 }
.beforetop_inner_bt img { float: none; }
#right_area {
    float: right;
    width: 300px;
    }
#leftsidebar .sm01 { cursor: pointer; }
.center_pt_table {
    float: none;
    _width: 443px;
    }


#breadcrumbs {
    position: absolute;
    color: #666;
    margin: 10px 0;
    padding: 0;
}


/*110708 FOR LOGIN BOX
------------------------------------------*/
#login-state {  margin-bottom: 10px; }

/*110715 FOR BREAD CRUMBS
------------------------------------------*/
#breadcrumbs {
    top: 10px;
    left: 10px;
    margin: 0;
    padding: 0;
}
#contents {
    position: relative;
}


/*110719 FOR COMMON FOOTER
------------------------------------------*/
/* display:none for ページの先頭に戻る */
#contents-footer #b-pagetop img {display:none;}