@charset "UTF-8";

body{
    background:#EEEEEE url("/img/bg03.gif") repeat-y scroll center top;
    margin:0;padding:0;
}

#outer_top{
    width:100%;
    height:20px;
    background-color:#FF0000;
    background:#EEEEEE url("/img/outside_top.gif") no-repeat scroll center top;
}
#outer_top *{
    color:#FFFF00;
    vertical-align:middle;
    margin-top:0;
    margin-bottom:0;
    text-indent:-9999px;
}

#outer_bottom{
    width:100%;
    height:20px;
    background-color:#FF0000;
    background:#EEEEEE url("/img/outside_bottom.gif") no-repeat scroll center top;
}
#outer_bottom *{
    color:#FFFFFF;
    vertical-align:middle;
    margin-top:0;
    margin-bottom:0;
    text-indent:-9999px;
}

/***************************** Container ****************************/
#container{
margin-left:auto;
margin-right:auto;
margin-top:3px;
padding-top:2px;
width:980px;
line-height:150%;
}

/***************************** Header Banner ****************************/
#header{
    border-bottom:1px solid #A6AFFF;
    background:transparent url("/img/sitelogo.gif") no-repeat scroll left top;
}

#header p.clr{
        font-size:0.5em;
        line-height:5%;
}

/***************************** Header Navigation ****************************/

#header #headnavi{
    background-color:#3992FD;
    clear:both;
    margin:0px auto;
    text-align:left;
    background:transparent url("/img/gnavi_bg.gif") repeat-x scroll left top;
}

#header #headnavi #headnaviIn{
    clear:both;
    width:600px;
    float:none;
    background:transparent url("/img/gnavi.gif") no-repeat scroll left top;
    height:35px;
    margin:0px auto 0px 70px;
    padding:0px;
}

#header #headnavi #headnaviIn ul{
    float:left;
    font-size:1px;
    height:35px;
    width:600px;
    margin:0px;
    padding:0px;
    text-indent:-9999px;
}

#header #headnavi #headnaviIn li{
    float:left;
    height:35px;
    list-style-type:none;
}

#header #headnavi #headnaviIn #headnavi1 a{
    display:block;
    height:35px;
    width:120px;
    outline-style:none;
    outline-width:0;
}

#header #headnavi #headnaviIn #headnavi1 a:hover{
    background:transparent url("/img/gnavi.gif") no-repeat scroll 0 -35px;
}

#header #headnavi #headnaviIn #headnavi2 a{
    display:block;
    height:35px;
    width:120px;
    outline-style:none;
    outline-width:0;
}

#header #headnavi #headnaviIn #headnavi2 a:hover{
    background:transparent url("/img/gnavi.gif") no-repeat scroll -120px -35px;
}

#header #headnavi #headnaviIn #headnavi3 a{
    display:block;
    height:35px;
    width:120px;
    outline-style:none;
    outline-width:0;
}

#header #headnavi #headnaviIn #headnavi3 a:hover{
    background:transparent url("/img/gnavi.gif") no-repeat scroll -240px -35px;
}

#header #headnavi #headnaviIn #headnavi4 a{
    display:block;
    height:35px;
    width:120px;
    outline-style:none;
    outline-width:0;
}

#header #headnavi #headnaviIn #headnavi4 a:hover{
    background:transparent url("/img/gnavi.gif") no-repeat scroll -360px -35px;
}

#header #headnavi #headnaviIn #headnavi5 a{
    display:block;
    height:30px;
    width:120px;
    outline-style:none;
    outline-width:0;
}

#header #headnavi #headnaviIn #headnavi5 a:hover{
    background:transparent url("/img/gnavi.gif") no-repeat scroll -480px -35px;
}

/***************************** Contents Header ****************************/
#cthead *{
    vertical-align : middle;
}
#cthead{
    line-height:100%;
    font-size:1.1em;
    font-weight:bold;
    height:24px;
    padding:3px 2px;
    margin:0px;
    /*background-color:#FFFFFF;*/
    background-repeat:repeat-x;
    background-image: url("/img/top.cont.ct.border.gif");
}

#cthead_list{
    text-align:left;
    font-size:1.1em;
    font-weight:bold;
    height:28px;
    padding-top:1px;
    padding-left:2px;
    margin-bottom:0px;
    background-color:#FFFFFF;
    background-repeat:repeat-x;
    background-image: url("/img/list.cont.ct.border.gif");
}

#cthead_list h3{
    margin-top:8px;
    margin-left:10px;
}

#cthead_detail{
    text-align:left;
    font-size:1.1em;
    font-weight:bold;
    height:29px;
    padding-top:1px;
    padding-left:2px;
    background-color:#FFFFFF;
    background-repeat:repeat-x;
    background-image: url("/img/list.cont.ct.border.gif");
}

#cthead_detail h3{
    margin-top:8px;
    margin-left:10px;
}

#cthead_link{
    text-align:left;
    margin-bottom:4px;
}

/***************************** Information Header ****************************/

#infodetail #cthead{
    font-size:1.1em;
    font-weight:bold;
    height:21px;
    padding-top:1px;
    padding-left:2px;
    margin:0px;
    background-color:#DFDFDF;
    background-repeat:repeat-x;
    background-image: url("/img/top.cont.ct.border.gif");
}

/***************************** Coupon Ticket ****************************/

table#coupon_ticket {
    color:#5D5D5D;
    border:1px solid #DDDDDD;
    width:450px;
    height:150px;
    background-image: url("/img/coupon.ticket.gif");
    background-repeat: no-repeat;
    background-position: center center;
    white-space:normal;
}

#coupon_ticket tr td{
    text-align:center;
    padding-top:20px;
    padding-left:10px;
    border:0px solid #DDDDDD;
}
#coupon_ticket span#shop{
    font-size:12px;
    line-height:100%;
}
#coupon_ticket span#title{
    font-size:15px;
    background-color:#DDDDDD;
    line-height:100%;
}
#coupon_ticket span#validity{
    font-size:11px;
    line-height:100%;
}
#coupon_ticket span#stamp{
    font-size:9px;
    line-height:100%;
}
#coupon_ticket #design{
    padding:0px;
    margin:0px;
}


/*---検索フォーム----*/

.labelsel {
cursor: pointer;
border-bottom: 1px dotted #0033FF;
}

div.search_panel1{
    text-align:left;
    background: url("/img/search.panel.bottom.gif") no-repeat scroll left bottom;
}

table.search_panel1_in{
    background: url("/img/search.panel.middle.gif") repeat-y scroll left;
    width:650px;
    border:0px;
    margin:0px;
    padding:0px;
}

form.search_panel1_in{
    width:100%;
}

.search_panel1_in tr{
}

.search_panel1_in th{
    border:0px;
    border-bottom:1px dotted #9999FF;
    text-align:left;
    padding:0px 0px 0px 20px;
    margin-bottom:3px;
}

.search_panel1_in td{
    border:0px;
    border-bottom:1px dotted #9999FF;
    text-align:left;
    padding:0px 40px 3px 0px;
}

h3.search_panel1_top{
    line-height:170%;
    padding:0px;
    margin:0px;
    background: url("/img/search.panel.top.gif") no-repeat scroll left top;
}

p.search_panel1_bottom{
    width:600px;
    text-align:right;
    padding:0px;
    margin:0px;
    line-height:160%;
}

p#search_panel_comment{
    font-size:0.7em;
    color:#CC3333;
    line-height:100%;
}

/*---検索結果_条件----*/

div.search_panel1_result{
    text-align:left;
}

table.search_panel1_result_in{
    width:650px;
    border:0px;
    margin:0px;
    padding:0px;
    background-color:#A6C4E1;
    border:2px solid #7CA7D3;
}

.search_panel1_result_in th{
    width:140px;
    border:0px;
    border-bottom:1px dotted #9999FF;
    text-align:left;
    padding:0px 0px 0px 20px;
    margin-bottom:3px;
}

.search_panel1_result_in td{
    border:0px;
    border-bottom:1px dotted #9999FF;
    text-align:left;
    padding:0px 20px 0px 0px;
    padding-bottom:3px;
}

/***************************** Shop Page ****************************/
/*shop navi*/
#shop_detail table#shopnavi{
    width:580px;
    background: url("/img/shop.gnavi.bg.gif") repeat-x scroll top left;
}

#shop_detail #shopnavi td{
    width:25%;
    text-align:left;
    padding:0px;
    margin:0px;
}

/***************************** Login Panel ****************************/

#login-panel{
    padding:0px;
    margin:0px;
    text-align:left;
    margin-bottom:10px;
}

#login-panel .top{
    padding:0px;
    margin:0px;
    height:40px;
    width:165px;
    text-indent:-9999px;
    background: url("/img/user.panel.notin.top.gif") no-repeat top left;
}

#login-panel #login-panelIn{
    padding:0px;
    margin:0px;
    height:126px;
    width:165px;
    background: url("/img/user.panel.notin.middle.gif") repeat-y;
}

#login-panel .regist a{
    display:block;
    padding:0px;
    margin:0;
    margin-left:35px;
    height:30px;
    width:92px;
    text-indent:-9999px;
    outline-style:none;
    outline-width:0;
    background: url("/img/user.panel.notin.regist.gif") no-repeat top left;
}

#login-panel .regist a:hover {
    display:block;
    padding:0px;
    margin:0;
    margin-left:35px;
    height:30px;
    width:92px;
    text-indent:-9999px;
    outline-style:none;
    outline-width:0;
    background: url("/img/user.panel.notin.regist.gif") no-repeat scroll 0px -30px;
}

#login-panel .login a{
    display:block;
    padding:0px;
    margin:0;
    margin-left:45px;
    height:18px;
    width:65px;
    text-indent:-9999px;
    outline-style:none;
    outline-width:0;
    background: url("/img/user.panel.notin.login.gif") no-repeat top left;
}

#login-panel .login a:hover{
    display:block;
    padding:0px;
    margin:0;
    margin-left:45px;
    height:18px;
    width:65px;
    text-indent:-9999px;
    outline-style:none;
    outline-width:0;
    background: url("/img/user.panel.notin.login.gif") no-repeat scroll 0px -18px;
}

#login-panel #login-panelIn .msg{
    padding:0px;
    margin:5px auto auto 15px;
    height:66px;
    width:129px;
    text-indent:-9999px;
    background: url("/img/user.panel.notin.msg.gif") no-repeat top left;
}

#login-panel .bottom{
    padding:0px;
    margin:0px;
    height:15px;
    width:165px;
    background: url("/img/user.panel.notin.bottom.gif") no-repeat top left;
}

/***************************** User Panel ****************************/

#user-panel{
    padding:0px;
    margin:0px;
    text-align:left;
    margin-bottom:10px;
}

#user-panel .top{
    padding:0px;
    margin:0px;
    height:23px;
    width:165px;
    text-indent:-9999px;
    background: url("/img/user.panel.in.top.gif") no-repeat top left;
}

#user-panel #user-panelIn{
    padding:0px;
    margin:0px;
    height:auto;
    width:165px;
    background: url("/img/user.panel.in.middle.gif") repeat-y;
}

#user-panel .mypage a{
    display:block;
    padding:0px;
    margin:0;
    margin-left:25px;
    height:18px;
    width:108px;
    text-indent:-9999px;
    outline-style:none;
    outline-width:0;
    cursor:pointer;
    background: url("/img/user.panel.in.mypage.gif") no-repeat top left;
}

#login-panel .mypage a:hover {
    display:block;
    padding:0px;
    margin:0;
    margin-left:25px;
    height:18px;
    width:108px;
    text-indent:-9999px;
    outline-style:none;
    outline-width:0;
    cursor:pointer;
    background: url("/img/user.panel.in.mypage.gif") no-repeat scroll 0px -18px;
}

#user-panel .logout a{
    display:block;
    padding:0px;
    margin:0;
    margin-left:35px;
    height:14px;
    width:83px;
    text-indent:-9999px;
    outline-style:none;
    outline-width:0;
    cursor:pointer;
    background: url("/img/user.panel.in.logout.gif") no-repeat top left;
}

#user-panel .logout a:hover {
    display:block;
    padding:0px;
    margin:0;
    margin-left:35px;
    height:14px;
    width:83px;
    text-indent:-9999px;
    outline-style:none;
    outline-width:0;
    cursor:pointer;
    background: url("/img/user.panel.in.logout.gif") no-repeat scroll 0px -14px;
}

#user-panel #user-panelIn .nickname{
    padding:3px 0;
    margin-left:25px;
    line-height:105%;
    width:130px;
    height:auto;
}

#user-panel .clip{
    font-size:0.75em;
    line-height:105%;
    margin: 2px auto 2px 25px ;
    margin-bottom:15px;
}
#user-panel .clip .clip-title{
    font-size:1.4em;
}
#user-panel .clip p.number{
    margin: 5px 40px auto auto;
    padding:0px;
    font-size:1.3em;
    text-align:right;
}
#user-panel .clip .clip-title span{
    display: table-cell;  
    vertical-align: middle;  
    margin: 0;
    width:auto;
}

#user-panel .intime{
    font-size:0.75em;
    line-height:105%;
    margin-left:25px;
    margin-bottom:8px;
}
#user-panel .intime .intime-title{
    margin-left:25px;
    font-size:1.1em;
}

#user-panel .bottom{
    padding:0px;
    margin:0px;
    height:13px;
    width:165px;
    background: url("/img/user.panel.in.bottom.gif") no-repeat top left;
}


/***************************** Regist User ****************************/
div#main.registuser h2{
    padding:0px;
    margin:0px;
    height:30px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.title.gif") no-repeat top left;
}
div#main.registuser h3{
    padding:0px;
    margin:0px;
    height:120px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.cont1.gif") no-repeat top left;
}
div#main.registuser h4.mail{
    padding:0px;
    margin:0px;
    height:60px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.mail.gif") no-repeat top left;
}
div#main.registuser h4.cont2{
    padding:0px;
    margin:0px;
    height:60px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.cont2.gif") no-repeat top left;
}
div#main.registuser h4.cont3{
    padding:0px;
    margin:0px;
    height:60px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.cont3.gif") no-repeat top left;
}
div#main.registuser h4.cont4{
    padding:0px;
    margin:0px;
    height:60px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.cont4.gif") no-repeat top left;
}
div#main.registuser h4.regist-confirm{
    padding:0px;
    margin:0px;
    height:60px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.confirm.title.gif") no-repeat top left;
}
div#main.registuser h4.regist-questionnaire{
    padding:0px;
    margin:0px;
    height:60px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.questionnaire.thx.gif") no-repeat top left;
}
div#main.registuser h4.regist-finish{
    padding:0px;
    margin:0px;
    height:60px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/registuser.finish.title.gif") no-repeat top left;
}
div#main.registuser h4.regist-login a{
    display:block;
    padding:0px;
    margin:0px;
    height:49px;
    width:200px;
    text-indent:-9999px;
    background: url("/img/registuser.login.gif") no-repeat top left;
}
div#main.registuser h4.regist-announce{
    padding:0px;
    margin:0px;
    height:304px;
    width:749px;
    text-indent:-9999px;
    background: url("/img/registuser.login.announce.jpg") no-repeat top left;
}

/***************************** Login ****************************/
div#main.login h2{
    padding:0px;
    margin:0px;
    height:70px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/login.title.gif") no-repeat top left;
}
div#main.login form fieldset,div#forgot{
    border:none;
    margin:0;
    padding:0;
    background: url("/img/login.formback.middle.gif") repeat-y;
}
div#main.login form div#head{
    height:20px;
    margin:0;
    padding:0;
    background: url("/img/login.formback.head.gif") no-repeat top left;
}
div#main.login form div#bottom{
    height:20px;
    margin:0;
    padding:0;
    background: url("/img/login.formback.bottom.gif") no-repeat top left;
}
div#main.login div.error-message {
color:#FF3F00;
font-size:1em;
font-weight:normal;
}
div#main.loginforgot h2{
    padding:0px;
    margin:0px;
    height:70px;
    width:750px;
    text-indent:-9999px;
    background: url("/img/login.forgot.title.gif") no-repeat top left;
}

/***************************** MyPage ****************************/
div.mypage span.mymap a{
    float:left;
    display:block;
    height:17px;
    width:99px;
    outline-style:none;
    outline-width:0;
    text-indent:-9999px;
    cursor: pointer;
}
div.mypage span.mymap a{
    text-indent:-9999px;
    background: url("/img/mypage/head.mymap.gif") no-repeat top left;
}
div.mypage span.mymap a:hover{
    background: url("/img/mypage/head.mymap.gif") no-repeat scroll 0px -17px;
}
div.mypage div.logout a{
    display:block;
    height:17px;
    width:99px;
    outline-style:none;
    outline-width:0;
    text-indent:-9999px;
    cursor: pointer;
}
div.mypage div.logout a{
    text-indent:-9999px;
    background: url("/img/mypage/head.logout.gif") no-repeat top left;
}
div.mypage div.logout a:hover{
    background: url("/img/mypage/head.logout.gif") no-repeat scroll 0px -17px;
}
div.mypage div.reload a{
    display:block;
    height:16px;
    width:44px;
    outline-style:none;
    outline-width:0;
    text-indent:-9999px;
    cursor: pointer;
}
div.mypage div.reload a{
    text-indent:-9999px;
    background: url("/img/mypage/icon.reload.gif") no-repeat top left;
}
div.mypage div.reload a:hover{
    background: url("/img/mypage/icon.reload.gif") no-repeat scroll 0px -16px;
}
div.mypage div.help a{
    display:block;
    height:16px;
    width:60px;
    outline-style:none;
    outline-width:0;
    text-indent:-9999px;
    cursor: pointer;
}
div.mypage div.help a{
    text-indent:-9999px;
    background: url("/img/mypage/icon.help.gif") no-repeat top left;
}
div.mypage div.help a:hover{
    background: url("/img/mypage/icon.help.gif") no-repeat scroll 0px -16px;
}

div.mypage div.mynavi a{
    display:block;
    height:27px;
    width:150px;
    outline-style:none;
    outline-width:0;
    text-indent:-9999px;
    cursor: pointer;
}

div.mypage div.mynavi li.mypagetop a{
    text-indent:-9999px;
    background: url("/img/mypage/gnavi.mypagetop.gif") no-repeat top left;
}
div.mypage div.mynavi li.mypagetop a:hover{
    background: url("/img/mypage/gnavi.mypagetop.gif") no-repeat scroll 0px -27px;
}
div.mypage div.mynavi li.mypagetop span#gnaviOn a{
    background: url("/img/mypage/gnavi.mypagetop.gif") no-repeat scroll 0px -54px;
}

div.mypage div.mynavi li.mypageinfos a{
    text-indent:-9999px;
    background: url("/img/mypage/gnavi.mypageinfos.gif") no-repeat top left;
}
div.mypage div.mynavi li.mypageinfos a:hover{
    background: url("/img/mypage/gnavi.mypageinfos.gif") no-repeat scroll 0px -27px;
}
div.mypage div.mynavi li.mypageinfos span#gnaviOn a{
    background: url("/img/mypage/gnavi.mypageinfos.gif") no-repeat scroll 0px -54px;
}

div.mypage div.mynavi li.mypagecoupons a{
    text-indent:-9999px;
    background: url("/img/mypage/gnavi.mypagecoupons.gif") no-repeat top left;
}
div.mypage div.mynavi li.mypagecoupons a:hover{
    background: url("/img/mypage/gnavi.mypagecoupons.gif") no-repeat scroll 0px -27px;
}
div.mypage div.mynavi li.mypagecoupons span#gnaviOn a{
    background: url("/img/mypage/gnavi.mypagecoupons.gif") no-repeat scroll 0px -54px;
}

div.mypage div.mynavi li.mypageshops a{
    text-indent:-9999px;
    background: url("/img/mypage/gnavi.mypageshops.gif") no-repeat top left;
}
div.mypage div.mynavi li.mypageshops a:hover{
    background: url("/img/mypage/gnavi.mypageshops.gif") no-repeat scroll 0px -27px;
}
div.mypage div.mynavi li.mypageshops span#gnaviOn a{
    background: url("/img/mypage/gnavi.mypageshops.gif") no-repeat scroll 0px -54px;
}

div.mypage div.mynavi li.mypageuser a{
    text-indent:-9999px;
    background: url("/img/mypage/gnavi.mypageuser.gif") no-repeat top left;
}
div.mypage div.mynavi li.mypageuser a:hover{
    background: url("/img/mypage/gnavi.mypageuser.gif") no-repeat scroll 0px -27px;
}
div.mypage div.mynavi li.mypageuser span#gnaviOn a{
    background: url("/img/mypage/gnavi.mypageuser.gif") no-repeat scroll 0px -54px;
}

div.mypage div.inContents div.guide p{
    margin:0;
    height:200px;
    display:block;
    text-indent:-9999px;
    background: url("/img/mypage/guide.gif") no-repeat top left;
}
div.mypage div.inContents div.pickupshops p{
    margin:0;
    height:30px;
    display:block;
    text-indent:-9999px;
    background: url("/img/mypage/findshop.gif") no-repeat top left;
}
div.mypage div.inContents div.pickupinfos p{
    margin:0;
    height:30px;
    display:block;
    text-indent:-9999px;
    background: url("/img/mypage/shopinfo.gif") no-repeat top left;
}
div.mypage div.inContents div.pickupcoupons p{
    margin:0;
    height:30px;
    display:block;
    text-indent:-9999px;
    background: url("/img/mypage/shopcoupon.gif") no-repeat top left;
}
div.mypage div.inTop div.topRgt div.qrcode div.qr_top{
    margin:0;
    height:18px;
    background: url("/img/mypage/guide.ktai.top.gif") no-repeat top left;
}
div.mypage div.inTop div.topRgt div.qrcode div.qr_bot{
    margin:0;
    height:14px;
    display:block;
    text-indent:-9999px;
    background: url("/img/mypage/guide.ktai.bot.gif") no-repeat top left;
}
div.mypage div.inTop div.topRgt div.qrcode div.qr_mid{
    margin:0;
    padding:0;
    background: url("/img/mypage/guide.ktai.mid.gif") repeat-y;
}
div.mypage div.inTop div.topRgt div.phone div.ph_top{
    margin:0;
    height:25px;
    display:block;
    text-indent:-9999px;
    background: url("/img/mypage/guide.phone.top.gif") no-repeat top left;
}
div.mypage div.inTop div.topRgt div.phone div.ph_bot{
    margin:0;
    height:39px;
    display:block;
    text-indent:-9999px;
    background: url("/img/mypage/guide.phone.bot.gif") no-repeat top left;
}
div.mypage div.inTop div.topRgt div.phone div.ph_mid{
    margin:0;
    padding:0;
    background: url("/img/mypage/guide.phone.mid.gif") repeat-y;
}
div.mypage div.inTop div.topLft div.cscoupon div.cpprintbt a{
    display:block;
    height:30px;
    width:160px;
    outline-style:none;
    outline-width:0;
    text-indent:-9999px;
    cursor: pointer;
    margin:0 auto;
    background: url("/img/mypage/button.coupon.print.gif") no-repeat top left;
}
div.mypage div.inTop div.topLft div.cscoupon div.cpprintbt a:hover{
    outline-style:none;
    outline-width:0;
    background: url("/img/mypage/button.coupon.print.gif") no-repeat scroll 0px -30px;
}