/* CSS Document */ body { font-size:13px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; /*font-family: "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;*/ *font-size:small; *font:x-small; line-height:2.0; } table { font-size:inherit; font:100%; } html, body, div, h1, h2, h3, h4, h5, h6, p, span, ul, ol, li, dl, dt, dd, a, form, input, textarea { margin:0; padding:0; } object,a { border:none; outline:none; } /* iPhone / mobile webkit */ @media screen and (max-device-width: 480px) { body { font-size:120%; } } /* =============================================== // Common CSS // ============================================ */ html, body { width:100%; height:100%; } body { width:100%; text-align:center; background-image:url(../../../images/direct/yoso/bg_top.gif); background-position:top left; background-repeat:repeat-x; background-color:#ffffff; color:#666666; -webkit-text-size-adjust: none; } .nowrap { white-space:normal; } a, a:visited { text-decoration:underline; color:#0086ed; } a:hover { text-decoration:none; color:#a0d5fe; } img { border:none; outline:none; } #ALL { width:100%; text-align:center; background-image:url(../../../images/direct/yoso/bg_top.gif); background-position:top left; background-repeat:repeat-x; background-color:#ffffff; } /* Margin Bottom CSS ----------------------------------------------- */ .mgn_btm_5 { margin-bottom:5px; } .mgn_btm_10 { margin-bottom:10px; } .mgn_btm_15 { margin-bottom:15px; } .mgn_btm_20 { margin-bottom:20px; } .mgn_btm_25 { margin-bottom:25px; } .mgn_btm_40 { margin-bottom:40px; } .mgn_btm_50 { margin-bottom:50px; } .mgn_btm_60 { margin-bottom:60px; } .mgn_btm_150 { margin-bottom:150px; } .mgn_btm_200 { margin-bottom:200px; } .pdg_btm_15 { padding-bottom:15px; } .first_indent { text-indent:-1em; padding-left:1em; } /* Color CSS ----------------------------------------------- */ .txt_clr_black_1 { color:#666666; } .txt_clr_red_1 { color:#e10000; } .txt_clr_blue_1 { color:#28a7e1; } .txt_clr_yellow_1 { color:#8a7f00; } .txt_clr_orange_1 { color:#ff8400; } /* Form Width CSS ----------------------------------------------- */ .form_w80 { width:80px; } .form_w150 { width:150px; } .form_w200 { width:200px; } .form_w250 { width:250px; } .form_w525 { width:525px; } .form_w650 { width:650px; } /* =============================================== // Header CSS // ============================================ */ #HEADER { width:900px; height:154px; margin:0 auto; text-align:left; background-image:url(../../../images/direct/yoso/main_img.jpg); background-position:top center; background-repeat:no-repeat; position:relative; /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #HEADER:before, #HEADER:after { content:""; display:table; } #HEADER:after { clear:both; } #HEADER .main_title { float:left; width:612px; height:142px; margin:0 0 0 5px; background-image:url(../../../images/direct/yoso/header_title.png); background-repeat:no-repeat; background-position:top left; } #HEADER .main_title a { display:block; width:612px; height:142px; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #HEADER .mem_login, #HEADER .mem_logout { width:180px; height:53px; position:absolute; top:0px; left:713px; } #HEADER .mem_login a, #HEADER .mem_logout a { display:block; width:180px; height:53px; background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #HEADER .mem_login a { background-image:url(../../../images/direct/yoso/btn_head_login.gif); } #HEADER .mem_logout a { background-image:url(../../../images/direct/yoso/btn_head_logout.gif); } #HEADER .btn_home { width:85px; height:53px; position:absolute; top:0px; left:628px; } #HEADER .btn_home a { display:block; width:85px; height:53px; background-image:url(../../../images/direct/yoso/btn_home.gif); background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #HEADER .mem_login a:hover, #HEADER .mem_logout a:hover, #HEADER .btn_home a:hover { background-position:0 -53px; } /* =============================================== // Members CSS // ============================================ */ #MEMBER_WRAPPER { width:100%; height:38px; background-image:url(../../../images/direct/yoso/bg_mem_area.gif); background-position:top left; background-repeat:repeat-x; } #MEMBER { width:880px; height:34px; margin:0 auto; position:relative; /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #MEMBER:before, #MEMBER:after { content:""; display:table; } #MEMBER:after { clear:both; } #MEMBER .mem_txt_area { float:left; } #MEMBER .mem_txt_area ul { list-style:none; height:34px; text-align:left; overflow:hidden; } #MEMBER .mem_txt_area li { float:left; font-size:108%; line-height:34px; margin-right:30px; padding-left:10px; color:#ffffff; vertical-align:middle; background-image:url(../../../images/direct/yoso/mem_arrow_1.gif); background-position:left; background-repeat:no-repeat; } #MEMBER .mem_txt_area li strong { color:#fff600; } #MEMBER .mem_txt_area li strong.d_point { font-size:138.5%; line-height:1.0; } #MEMBER .btn_mem_charge { width:229px; height:30px; position:absolute; top:2px; left:510px; } #MEMBER .btn_mem_charge a { display:block; width:229px; height:30px; background-image:url(../../../images/direct/yoso/btn_mem_charge.gif); background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #MEMBER .btn_mem_charge a:hover { background-position:0 -30px; } #MEMBER .btn_mem_dl { width:136px; height:30px; position:absolute; top:2px; left:744px; } #MEMBER .btn_mem_dl a { display:block; width:136px; height:30px; background-image:url(../../../images/direct/yoso/btn_mem_dl.gif); background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #MEMBER .btn_mem_dl a:hover { background-position:0 -30px; } /* =============================================== // PageTop CSS // ============================================ */ .page_top_wrapper { width:886px; margin:0 auto 25px; /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } .page_top_wrapper:before, .page_top_wrapper:after { content:""; display:table; } .page_top_wrapper:after { clear:both; } .page_top_wrapper .page_top { float:right; width:146px; height:33px; } .page_top_wrapper .page_top a { display:block; width:146px; height:33px; background-image:url(../../../images/direct/yoso/btn_pagetop.gif); background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } .page_top_wrapper .page_top a:hover { background-position:0 -33px; } /* =============================================== // Footer CSS // ============================================ */ #FOOTER_WRAPPER { width:100%; padding-top:15px; background-image:url(../../../images/direct/yoso/line_footer.gif); background-position:top left; background-repeat:repeat-x; text-align:center; } #FOOTER { width:880px; margin:0 auto; padding-bottom:20px; text-align:center; } /* Footer Text Navigation Area ----------------------------------------------- */ #FOOTER #NAVI_FOOTER { width:880px; margin:0 auto 15px; text-align:center; } #FOOTER #NAVI_FOOTER ul { margin:0 auto; text-align:center; list-style:none; } #FOOTER #NAVI_FOOTER li { margin-right:15px; display:-moz-inline-box; display:inline-block; } * html #FOOTER #NAVI_FOOTER li { display:inline; zoom:1; } *+html #FOOTER #NAVI_FOOTER li { display:inline; zoom:1; } #FOOTER #NAVI_FOOTER li a { padding-bottom:2px; font-size:93%; line-height:1.0; color:#9b7100; text-decoration:none; border-bottom:2px solid #dcc000; } #FOOTER #NAVI_FOOTER li a:hover { color:#e6b635; border-bottom:2px solid #f5de44; } /* Copyright Area ----------------------------------------------- */ #FOOTER .copyright { text-align:center; } #FOOTER .copyright p { font-size:93%; color:#999999; line-height:1.0; } /* =============================================== // Contents CSS // ============================================ */ #CONTENTS { padding-top:25px; } /* Common ------------------------------------ */ #CONTENTS .box { width:880px; margin-left:auto; margin-right:auto; text-align:left; /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS .box:before, #CONTENTS .box:after { content:""; display:table; } #CONTENTS .box:after { clear:both; } /* Error Message CSS -------------------------------- */ #CONTENTS .errMsg{ padding:5px 0 5px 10px; margin-bottom:5px; background-color:#FFF5D7; border:2px solid #FF8E8E; color:#ea0000; } #CONTENTS .errMsg_2{ padding:5px 0 5px 10px; margin-bottom:5px; color:#ea0000; } /* Contents H2 ------------------------------------ */ #CONTENTS .box .h2_wrapper { width:880px; height:57px; margin:0; padding:0; position:relative; } #CONTENTS .box h2 { width:880px; height:42px; margin-bottom:15px; background-position:top left; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box h2.h2_first { background-image:url(../../../images/direct/yoso/h2_first.gif); } #CONTENTS .box h2.h2_pdf { background-image:url(../../../images/direct/yoso/h2_pdf.gif); position:absolute; top:0px; left:0px; z-index:10; } #CONTENTS .box h2.h2_mem_login { background-image:url(../../../images/direct/yoso/h2_mem_login.gif); } #CONTENTS .box h2.h2_buy_select { background-image:url(../../../images/direct/yoso/h2_buy_select.gif); } #CONTENTS .box h2.h2_race_select { background-image:url(../../../images/direct/yoso/h2_race_select.gif); } #CONTENTS .box h2.h2_check { background-image:url(../../../images/direct/yoso/h2_check.gif); } #CONTENTS .box h2.h2_download { background-image:url(../../../images/direct/yoso/h2_download.gif); } #CONTENTS .box h2.h2_re_download { background-image:url(../../../images/direct/yoso/h2_download2.gif); } #CONTENTS .box h2.h2_history { background-image:url(../../../images/direct/yoso/h2_history.gif); } #CONTENTS .box h2.h2_contact { background-image:url(../../../images/direct/yoso/h2_contact.gif); } #CONTENTS .box h2.h2_contact_chk { background-image:url(../../../images/direct/yoso/h2_contact_chk.gif); } #CONTENTS .box h2.h2_contact_comp { background-image:url(../../../images/direct/yoso/h2_contact_comp.gif); } #CONTENTS .box h2.h2_company { background-image:url(../../../images/direct/yoso/h2_company.gif); } #CONTENTS .box h2.h2_env { background-image:url(../../../images/direct/yoso/h2_env.gif); } #CONTENTS .box h2.h2_privacy { background-image:url(../../../images/direct/yoso/h2_privacy.gif); } #CONTENTS .box h2.h2_terms { background-image:url(../../../images/direct/yoso/h2_terms.gif); } #CONTENTS .box h2.h2_payment { background-image:url(../../../images/direct/yoso/h2_payment.gif); } #CONTENTS .box h2.h2_mainte { height:40px; background-image:url(../../../images/direct/yoso/h2_maintenance.gif); } #CONTENTS .box h2.h2_price-re { height:40px; background-image:url(../../../images/direct/yoso/h2_price-re.png); } #CONTENTS .box .h2_wrapper strong { display:block; width:880px; height:34px; text-align:right; font-size:100%; line-height:34px; color:#e10000; position:absolute; top:0px; left:0px; z-index:20; } /* Contents H3 ------------------------------------ */ #CONTENTS .box h3.h3_type_1, #CONTENTS .box h3.h3_type_3, #CONTENTS .box h3.h3_type_6, #CONTENTS .box h3.h3_type_full { width:880px; height:35px; margin-bottom:10px; background-position:top left; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box h3.h3_type_1 { background-image:url(../../../images/direct/yoso/sel_type_name_1.gif); } #CONTENTS .box h3.h3_type_3 { background-image:url(../../../images/direct/yoso/sel_type_name_2.gif); } #CONTENTS .box h3.h3_type_6 { background-image:url(../../../images/direct/yoso/sel_type_name_3.gif); } #CONTENTS .box h3.h3_type_full { background-image:url(../../../images/direct/yoso/sel_type_name_4.gif); } /* Contents H4 ------------------------------------ */ #CONTENTS .box h4.h4_cmn { width:880px; margin-bottom:10px; padding-bottom:3px; background-image:url(../../../images/direct/yoso/line_date.gif); background-position:bottom left; background-repeat:no-repeat; text-align:left; font-size:138.5%; color:#a3741a; } /* Contents H5 Race ------------------------------------ */ #CONTENTS .box h5.h5_f1, #CONTENTS .box h5.h5_f2, #CONTENTS .box h5.h5_g { padding-left:5px; margin-bottom:5px; text-align:left; font-size:108%; line-height:1.4; color:#5c5c5c; } #CONTENTS .box h5.h5_f1 { border-left:4px solid #95c610; } #CONTENTS .box h5.h5_f2 { border-left:4px solid #4565de; } #CONTENTS .box h5.h5_g { border-left:4px solid #333333; } /* Top Page ------------------------------------ */ #CONTENTS .box .first_wrapper { /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS .box .first_wrapper:before, #CONTENTS .box .first_wrapper:after { content:""; display:table; } #CONTENTS .box .first_wrapper:after { clear:both; } #CONTENTS .box .first_wrapper .first_left { float:left; width:615px; } #CONTENTS .box .first_wrapper .box_payment { float:right; width:250px; height:192px; background-image:url(../../../images/direct/yoso/bg_payment.gif); background-position:top left; background-repeat:no-repeat; position:relative; } #CONTENTS .box .first_wrapper .box_payment h3 { display:none; visibility:hidden; } #CONTENTS .box .first_wrapper .box_payment p { position:absolute; top:45px; left:10px; font-size:93%; line-height:1.8; } #CONTENTS .box .btn_payment, #CONTENTS .box .btn_about_deruca_sml { width:234px; height:35px; position:absolute; left:8px; } #CONTENTS .box .btn_payment { top:99px; } #CONTENTS .box .btn_about_deruca_sml { top:140px; } #CONTENTS .box .btn_payment a, #CONTENTS .box .btn_about_deruca_sml a { display:block; width:234px; height:35px; background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box .btn_payment a { background-image:url(../../../images/direct/yoso/btn_payment_sml.gif); } #CONTENTS .box .btn_about_deruca_sml a { background-image:url(../../../images/direct/yoso/btn_about_deruca_sml.gif); } #CONTENTS .box .btn_payment a:hover, #CONTENTS .box .btn_about_deruca_sml a:hover { background-position:0 -35px; } #CONTENTS .box .btn_regist { width:506px; height:80px; margin:0 auto; } #CONTENTS .box .btn_regist a { display:block; width:506px; height:80px; background-image:url(../../../images/direct/yoso/btn_regist.gif); background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box .btn_regist a:hover { background-position:0 -80px; } /* Paper Navigation CSS ================= */ #CONTENTS #PAPER_LIST { margin-bottom:35px; /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS #PAPER_LIST:before, #CONTENTS #PAPER_LIST:after { content:""; display:table; } #CONTENTS #PAPER_LIST:after { clear:both; } #CONTENTS #PAPER_LIST ul { list-style:none; } #CONTENTS #PAPER_LIST li { float:left; width:140px; height:60px; margin-bottom:5px; } #CONTENTS #PAPER_LIST li.mgn_r_8 { margin-right:8px; _margin-right:4px; } #CONTENTS #PAPER_LIST li.mgn_r_0 { margin-right:0; } #CONTENTS #PAPER_LIST li a { display:block; width:140px; height:60px; background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS #PAPER_LIST li.list_kitakei a { background-image:url(../../../images/direct/yoso/list_bnr_kitakei.gif); } #CONTENTS #PAPER_LIST li.list_nispo a { background-image:url(../../../images/direct/yoso/list_bnr_nispo.gif); } #CONTENTS #PAPER_LIST li.list_aokei a { background-image:url(../../../images/direct/yoso/list_bnr_aokei.gif); } #CONTENTS #PAPER_LIST li.list_akakei a { background-image:url(../../../images/direct/yoso/list_bnr_akakei.gif); } #CONTENTS #PAPER_LIST li.list_hikari a { background-image:url(../../../images/direct/yoso/list_bnr_hikari.gif); } #CONTENTS #PAPER_LIST li.list_keirinkenkyu a { background-image:url(../../../images/direct/yoso/list_bnr_keirinkenkyu.gif); } #CONTENTS #PAPER_LIST li.list_chubu a { background-image:url(../../../images/direct/yoso/list_bnr_chubu.gif); } #CONTENTS #PAPER_LIST li.list_odakei a { background-image:url(../../../images/direct/yoso/list_bnr_odakei.gif); } #CONTENTS #PAPER_LIST li.list_hikariyoko a { background-image:url(../../../images/direct/yoso/list_bnr_hikariyoko.gif); } #CONTENTS #PAPER_LIST li.list_hikaritate a { background-image:url(../../../images/direct/yoso/list_bnr_hikaritate.gif); } #CONTENTS #PAPER_LIST li.list_derby a { background-image:url(../../../images/direct/yoso/list_bnr_derby.gif); } #CONTENTS #PAPER_LIST li a:hover { background-position:0 -60px; } /* Paper Detail CSS ================= */ #CONTENTS .box_paper { width:880px; margin:0 auto; margin-bottom:10px; background-color:#f1f1f1; text-align:left; } #CONTENTS .box_paper h3 { width:880px; height:34px; color:#ffffff; font-size:123.1%; text-indent:15px; line-height:30px; overflow:hidden; background-image:url(../../../images/direct/yoso/list_name_bg.gif); background-position:top left; background-repeat:no-repeat; } #CONTENTS .box_paper .paper_btm { width:880px; height:15px; background-image:url(../../../images/direct/yoso/list_btm.gif); background-position:top left; background-repeat:no-repeat; } #CONTENTS .box_paper .detail_wrapper { /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS .box_paper .detail_wrapper:before, #CONTENTS .box_paper .detail_wrapper:after { content:""; display:table; } #CONTENTS .box_paper .detail_wrapper:after { clear:both; } #CONTENTS .box_paper .detail_wrapper .left { float:left; width:175px; } #CONTENTS .box_paper .detail_wrapper .right { float:right; width:700px; } /* Paper Banner CSS ================= */ #CONTENTS .box_paper .bnr_kitakei, #CONTENTS .box_paper .bnr_nispo, #CONTENTS .box_paper .bnr_aokei, #CONTENTS .box_paper .bnr_akakei, #CONTENTS .box_paper .bnr_hikari, #CONTENTS .box_paper .bnr_chubu, #CONTENTS .box_paper .bnr_keirinkenkyu, #CONTENTS .box_paper .bnr_odakei, #CONTENTS .box_paper .bnr_hikariyoko, #CONTENTS .box_paper .bnr_hikaritate, #CONTENTS .box_paper .bnr_normal { width:165px; height:40px; margin-left:auto; margin-right:auto; } #CONTENTS .box_paper .bnr_kitakei a, #CONTENTS .box_paper .bnr_nispo a, #CONTENTS .box_paper .bnr_aokei a, #CONTENTS .box_paper .bnr_akakei a, #CONTENTS .box_paper .bnr_hikari a, #CONTENTS .box_paper .bnr_keirinkenkyu a, #CONTENTS .box_paper .bnr_chubu a, #CONTENTS .box_paper .bnr_odakei, #CONTENTS .box_paper .bnr_hikariyoko, #CONTENTS .box_paper .bnr_hikaritate a { display:block; width:165px; height:40px; background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box_paper .bnr_kitakei a { background-image:url(../../../images/direct/yoso/logo_kitakei.gif); } #CONTENTS .box_paper .bnr_nispo a { background-image:url(../../../images/direct/yoso/logo_nispo.gif); } #CONTENTS .box_paper .bnr_aokei a { background-image:url(../../../images/direct/yoso/logo_aokei.gif); } #CONTENTS .box_paper .bnr_akakei a { background-image:url(../../../images/direct/yoso/logo_akakei.gif); } #CONTENTS .box_paper .bnr_hikari a { background-image:url(../../../images/direct/yoso/logo_hikari.gif); } #CONTENTS .box_paper .bnr_keirinkenkyu a { background-image:url(../../../images/direct/yoso/logo_keirinkenkyu.gif); } #CONTENTS .box_paper .bnr_chubu a { background-image:url(../../../images/direct/yoso/logo_chubu.gif); } #CONTENTS .box_paper .bnr_odakei a { background-image:url(../../../images/direct/yoso/logo_odakei.gif); } #CONTENTS .box_paper .bnr_hikariyoko a { background-image:url(../../../images/direct/yoso/logo_hikariyoko.gif); } #CONTENTS .box_paper .bnr_hikaritate a { background-image:url(../../../images/direct/yoso/logo_hikaritate.gif); } #CONTENTS .box_paper .bnr_kitakei a:hover, #CONTENTS .box_paper .bnr_nispo a:hover, #CONTENTS .box_paper .bnr_aokei a:hover, #CONTENTS .box_paper .bnr_akakei a:hover, #CONTENTS .box_paper .bnr_hikari a:hover, #CONTENTS .box_paper .bnr_keirinkenkyu a:hover, #CONTENTS .box_paper .bnr_chubu a:hover, #CONTENTS .box_paper .bnr_odakei, #CONTENTS .box_paper .bnr_hikariyoko, #CONTENTS .box_paper .bnr_hikaritate a:hover { background-position:0 -40px; } /* Sample Download + PDF Paper Reading Button CSS ================= */ #CONTENTS .box_paper .btn_sample, #CONTENTS .box_paper .btn_sample2, #CONTENTS .box_paper .btn_reading { width:171px; height:32px; margin:0 auto; } #CONTENTS .box_paper .btn_sample a, #CONTENTS .box_paper .btn_sample2 a, #CONTENTS .box_paper .btn_reading a { display:block; width:171px; height:32px; background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box_paper .btn_sample a { background-image:url(../../../images/direct/yoso/btn_sample_dl.gif); } #CONTENTS .box_paper .btn_sample2 a { background-image:url(../../../images/direct/yoso/btn_sample_dl2.gif); } #CONTENTS .box_paper .btn_reading a { background-image:url(../../../images/direct/yoso/btn_paper_reading.gif); } #CONTENTS .box_paper .btn_sample a:hover, #CONTENTS .box_paper .btn_sample2 a:hover, #CONTENTS .box_paper .btn_reading a:hover { background-position:0 -32px; } /* Sale + Place + Select List CSS ================= */ #CONTENTS .box_paper .sale_list, #CONTENTS .box_paper .place_list, #CONTENTS .box_paper .select_list { width:870px; background-position:top center; background-repeat:repeat-y; } #CONTENTS .box_paper .sale_list { margin:0 auto 5px; background-image:url(../../../images/direct/yoso/sale_inner.gif); } #CONTENTS .box_paper .place_list { margin:0 auto; background-image:url(../../../images/direct/yoso/place_inner.gif); } #CONTENTS .box_paper .select_list { margin:0 auto; background-image:url(../../../images/direct/yoso/select_inner.gif); } #CONTENTS .box_paper .sale_list .sale_head, #CONTENTS .box_paper .sale_list .sale_btm, #CONTENTS .box_paper .place_list .place_head, #CONTENTS .box_paper .place_list .place_btm, #CONTENTS .box_paper .select_list .select_head, #CONTENTS .box_paper .select_list .select_btm { width:870px; height:6px; background-position:top center; background-repeat:no-repeat; } #CONTENTS .box_paper .sale_list .sale_head { background-image:url(../../../images/direct/yoso/sale_head.gif); } #CONTENTS .box_paper .sale_list .sale_btm { background-image:url(../../../images/direct/yoso/sale_btm.gif); } #CONTENTS .box_paper .place_list .place_head { background-image:url(../../../images/direct/yoso/place_head.gif); } #CONTENTS .box_paper .place_list .place_btm { background-image:url(../../../images/direct/yoso/place_btm.gif); } #CONTENTS .box_paper .select_list .select_head { background-image:url(../../../images/direct/yoso/select_head.gif); } #CONTENTS .box_paper .select_list .select_btm { background-image:url(../../../images/direct/yoso/select_btm.gif); } #CONTENTS .box_paper .sale_list .sale_inner, #CONTENTS .box_paper .place_list .place_inner, #CONTENTS .box_paper .select_list .select_inner { /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS .box_paper .sale_list .sale_inner:before, #CONTENTS .box_paper .sale_list .sale_inner:after, #CONTENTS .box_paper .place_list .place_inner:before, #CONTENTS .box_paper .place_list .place_inner:after, #CONTENTS .box_paper .select_list .select_inner:before, #CONTENTS .box_paper .select_list .select_inner:after { content:""; display:table; } #CONTENTS .box_paper .sale_list .sale_inner:after, #CONTENTS .box_paper .place_list .place_inner:after, #CONTENTS .box_paper .select_list .select_inner:after { clear:both; } #CONTENTS .box_paper .sale_list .sale_inner { padding-top:3px; } #CONTENTS .box_paper .sale_list .sale_inner h4, #CONTENTS .box_paper .place_list .place_inner h4, #CONTENTS .box_paper .select_list .select_inner h4 { float:left; height:27px; background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box_paper .sale_list .sale_inner h4 { width:115px; background-image:url(../../../images/direct/yoso/sale_title.gif); } #CONTENTS .box_paper .place_list .place_inner h4 { width:115px; background-image:url(../../../images/direct/yoso/place_title.gif); } #CONTENTS .box_paper .select_list .select_inner h4 { width:161px; background-image:url(../../../images/direct/yoso/select_title.gif); } #CONTENTS .box_paper .sale_list .sale_inner ul, #CONTENTS .box_paper .place_list .place_inner ul, #CONTENTS .box_paper .sale_list .sale_inner .list_none, #CONTENTS .box_paper .place_list .place_inner .list_none { float:right; width:730px; margin-right:15px; list-style:none; } #CONTENTS .box_paper .select_list .select_inner ul { float:right; width:680px; margin-right:15px; list-style:none; } #CONTENTS .box_paper .sale_list .sale_inner li { float:left; margin-right:5px; } #CONTENTS .box_paper .place_list .place_inner li { float:left; margin-right:15px; } #CONTENTS .box_paper .select_list .select_inner li { float:left; margin-right:15px; font-size:116%; font-weight:bold; line-height:27px; color:#567200; } #CONTENTS .select_txt { border-bottom:1px dotted #999999; margin-bottom:15px; } #CONTENTS .select_txt p { line-height:1.5; } /* Sale Keirin CSS ================= */ #CONTENTS .box_paper .sale_list .sale_inner .list_none p { line-height:27px; margin-bottom:2px; } #CONTENTS .box_paper .place_list .place_inner .list_none p { line-height:27px; margin-bottom:2px; } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_11, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_12, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_13, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_21, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_22, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_23, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_24, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_25, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_26, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_27, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_28, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_31, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_32, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_34, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_35, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_36, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_37, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_38, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_41, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_42, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_43, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_44, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_45, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_46, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_47, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_48, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_51, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_53, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_54, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_55, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_56, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_61, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_62, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_63, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_71, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_72, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_73, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_74, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_75, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_81, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_83, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_84, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_85, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_86, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_87 { width:128px; height:29px; margin-bottom:1px; } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_11 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_12 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_13 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_21 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_22 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_23 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_24 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_25 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_26 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_27 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_28 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_31 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_32 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_34 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_35 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_36 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_37 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_38 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_41 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_42 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_43 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_44 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_45 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_46 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_47 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_48 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_51 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_53 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_54 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_55 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_56 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_61 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_62 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_63 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_71 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_72 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_73 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_74 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_75 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_81 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_83 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_84 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_85 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_86 a, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_87 a { display:block; width:128px; height:29px; background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_11 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_hakodate.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_12 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_aomori.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_13 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_iwakidaira.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_21 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_yahiko.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_22 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_maebasi.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_23 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_toride.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_24 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_utunomiya.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_25 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_omiya.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_26 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_seibuen.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_27 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_keiokaku.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_28 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_tachikawa.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_31 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_matsudo.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_32 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_chiba.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_34 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_kawasaki.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_35 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_hiratsuka.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_36 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_odawara.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_37 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_ito.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_38 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_shizuoka.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_41 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_ichinomiya.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_42 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_nagoya.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_43 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_gifu.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_44 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_ogaki.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_45 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_toyohashi.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_46 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_toyama.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_47 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_matsusaka.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_48 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_yokkaichi.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_51 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_fukui.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_53 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_nara.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_54 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_mukomachi.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_55 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_wakayama.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_56 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_kishiwada.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_61 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_tamano.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_62 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_hiroshima.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_63 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_hofu.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_71 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_takamatsu.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_72 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_kanonji.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_73 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_komatsushima.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_74 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_kochi.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_75 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_matsuyama.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_81 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_kokura.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_83 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_kurume.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_84 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_takeo.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_85 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_sasebo.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_86 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_beppu.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_87 a { background-image:url(../../../images/direct/yoso/btn_keirin/btn_keirin_kumamoto.gif); } #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_11 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_12 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_13 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_21 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_22 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_23 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_24 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_25 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_26 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_27 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_28 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_31 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_32 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_34 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_35 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_36 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_37 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_38 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_41 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_42 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_43 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_44 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_45 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_46 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_47 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_48 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_51 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_53 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_54 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_55 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_56 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_61 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_62 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_63 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_71 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_72 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_73 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_74 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_75 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_81 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_83 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_84 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_85 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_86 a:hover, #CONTENTS .box_paper .sale_list .sale_inner .btn_keirin_87 a:hover { background-position:0 -29px; } /* Type Select ------------------------------------ */ #CONTENTS .box .select_1, #CONTENTS .box .select_3, #CONTENTS .box .select_6, #CONTENTS .box .select_full { float:left; width:211px; height:156px; background-position:top left; background-repeat:no-repeat; position:relative; } #CONTENTS .box .select_1 { margin-right:12px; background-image:url(../../../images/direct/yoso/sel_type_1.gif); } #CONTENTS .box .select_3 { margin-right:12px; background-image:url(../../../images/direct/yoso/sel_type_2.gif); } #CONTENTS .box .select_6 { margin-right:12px; background-image:url(../../../images/direct/yoso/sel_type_3.gif); } #CONTENTS .box .select_full { background-image:url(../../../images/direct/yoso/sel_type_4.gif); } #CONTENTS .box .select_1 .price, #CONTENTS .box .select_3 .price, #CONTENTS .box .select_6 .price, #CONTENTS .box .select_full .price { width:68px; height:36px; line-height:1.0; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; text-align:right; text-shadow:2px 2px 2px #f1f1f1; letter-spacing:1px; color:#c90000; position:absolute; top:0px; left:140px; } #CONTENTS .box .select_1 .price .lrg, #CONTENTS .box .select_3 .price .lrg, #CONTENTS .box .select_6 .price .lrg, #CONTENTS .box .select_full .price .lrg { font-size:280%; } #CONTENTS .box .select_1 .price .sml, #CONTENTS .box .select_3 .price .sml, #CONTENTS .box .select_6 .price .sml, #CONTENTS .box .select_full .price .sml { font-size:197%; } #CONTENTS .box .select_1 h3, #CONTENTS .box .select_1 ul, #CONTENTS .box .select_3 h3, #CONTENTS .box .select_3 ul, #CONTENTS .box .select_6 h3, #CONTENTS .box .select_6 ul, #CONTENTS .box .select_full h3, #CONTENTS .box .select_full ul { display:none; visibility:hidden; } #CONTENTS .box .select_1 .btn_ppr_select, #CONTENTS .box .select_3 .btn_ppr_select, #CONTENTS .box .select_6 .btn_ppr_select, #CONTENTS .box .select_full .btn_ppr_select { width:264px; height:42px; position:absolute; top:108px; left:8px; } #CONTENTS .box .select_1 .btn_ppr_select a, #CONTENTS .box .select_3 .btn_ppr_select a, #CONTENTS .box .select_6 .btn_ppr_select a, #CONTENTS .box .select_full .btn_ppr_select a { display:block; width:264px; height:42px; background-image:url(../../../images/direct/yoso/btn_ppr_select.gif); background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box .select_1 .btn_ppr_select a:hover, #CONTENTS .box .select_3 .btn_ppr_select a:hover, #CONTENTS .box .select_6 .btn_ppr_select a:hover, #CONTENTS .box .select_full .btn_ppr_select a:hover { background-position:0 -42px; } /* Race Select ------------------------------------ */ #CONTENTS .box .race_table table { width:880px; text-align:center; border-left:1px solid #c1c1c1; border-top:1px solid #c1c1c1; } #CONTENTS .box .race_table th, #CONTENTS .box .race_table td { padding:10px 0; line-height:1.0; border-right:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; } #CONTENTS .box .race_table th.race_th_1, #CONTENTS .box .race_table th.race_th_2 { color:#ffffff; background-position:top left; background-repeat:repeat; } #CONTENTS .box .race_table th.race_th_1 { background-image:url(../../../images/direct/yoso/bg_cell_pat_1.gif); } #CONTENTS .box .race_table th.race_th_2 { background-image:url(../../../images/direct/yoso/bg_cell_pat_2.gif); } #CONTENTS .box .race_table .race_num { font-weight:bold; background-color:#f1f1f1; } #CONTENTS .box .race_table .coming { text-indent:1em; text-align:left; } #CONTENTS .box .full_pack { width:860px; padding:5px 10px; border:1px solid #c1c1c1; /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS .box .full_pack:before, #CONTENTS .box .full_pack:after { content:""; display:table; } #CONTENTS .box .full_pack:after { clear:both; } #CONTENTS .box .full_pack .h5_wrapper { float:left; width:670px; height:33px; position:relative; } #CONTENTS .box .full_pack h5 { margin-bottom:0; position:absolute; top:50%; margin-top:-0.7em; } #CONTENTS .box .full_pack .btn_buy { float:right; width:145px; height:33px; margin-right:10px; } #CONTENTS .box .full_pack .btn_buy a { display:block; width:145px; height:33px; background-image:url(../../../images/direct/yoso/btn_buy_sml.gif); background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box .full_pack .btn_buy a:hover { background-position:0 -33px; } #CONTENTS .box .full_pack .btn_buy_none { float:right; width:145px; height:33px; margin-right:10px; background-image:url(../../../images/direct/yoso/btn_buy_sml.gif); background-position:0 -66px; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } /* Box Caution CSS ------------------------------------ */ #CONTENTS .box_caution { width:880px; background-image:url(../../../images/direct/yoso/box_inner.gif); background-position:top center; background-repeat:repeat-y; } #CONTENTS .box_caution .caution_head, #CONTENTS .box_caution .caution_btm { width:880px; height:10px; background-position:top center; background-repeat:no-repeat; } #CONTENTS .box_caution .caution_head { background-image:url(../../../images/direct/yoso/box_head.gif); } #CONTENTS .box_caution .caution_btm { background-image:url(../../../images/direct/yoso/box_btm.gif); } #CONTENTS .box_caution .caution_inner { padding:0 15px; line-height:1.8; } /* Form ------------------------------------ */ #CONTENTS .form_login table, #CONTENTS .form_buy table { width:880px; border-top:1px solid #cccccc; } #CONTENTS .form_login th, #CONTENTS .form_login td { padding:7px 0; border-bottom:1px solid #cccccc; } #CONTENTS .form_login th { padding-left:10px; color:#666666; } #CONTENTS .form_login td img { margin:0 5px; } #CONTENTS .form_login input[type="text"], #CONTENTS .form_login input[type="password"] { height:20px; } #CONTENTS .form_buy th, #CONTENTS .form_buy td { padding:7px 10px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } #CONTENTS .form_buy th { color:#666666; text-align:left; background-color:#f1f1f1; } #CONTENTS .form_buy .price { text-align:center; border-right:none; } #CONTENTS .form_buy .download { width:145px; border-right:none; } #CONTENTS .form_buy .download a { display:block; width:145px; height:33px; background-image:url(../../../images/direct/yoso/btn_download.gif); background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .form_buy .download a:hover { background-position:0 -33px; } #CONTENTS .form_buy .download .dl_none { display:block; width:145px; height:33px; background-image:url(../../../images/direct/yoso/btn_download.gif); background-position:0 -66px; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .arrow_1 { padding-left:12px; background-image:url(../../../images/direct/yoso/icon_arrow_1.gif); background-position:left; background-repeat:no-repeat; } /* Form Contact ------------------------------------ */ #CONTENTS .form_contact table { width:880px; border-top:1px solid #cccccc; } #CONTENTS .form_contact th, #CONTENTS .form_contact td { padding:7px 10px; line-height:1.8; border-bottom:1px solid #cccccc; } #CONTENTS .form_contact th { color:#666666; text-align:left; border-right:1px solid #cccccc; background-color:#f1f1f1; } #CONTENTS .form_contact input[type="text"], #CONTENTS .form_contact input[type="password"] { height:20px; } #CONTENTS .form_contact .form_name_wrapper { /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS .form_contact .form_name_wrapper:before, #CONTENTS .form_contact .form_name_wrapper:after { content:""; display:table; } #CONTENTS .form_contact .form_name_wrapper:after { clear:both; } #CONTENTS .form_contact .form_name_wrapper .form_name_exp, #CONTENTS .form_contact .form_name_wrapper .form_name_input_sei, #CONTENTS .form_contact .form_name_wrapper .form_name_input_mei { float:left; margin-right:5px; } #CONTENTS .form_contact .form_name_wrapper .form_name_exp { width:30px; } /* Form Company ------------------------------------ */ #CONTENTS .form_company table { width:880px; border-top:1px solid #cccccc; } #CONTENTS .form_company th, #CONTENTS .form_company td { padding:7px 10px; line-height:1.8; border-bottom:1px solid #cccccc; } #CONTENTS .form_company th { color:#666666; text-align:left; border-right:1px solid #cccccc; background-color:#f1f1f1; } /* Env Table ------------------------------------ */ #CONTENTS .table_env table { width:880px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; } #CONTENTS .table_env td { padding:3px 10px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; } /* Payment ------------------------------------ */ #CONTENTS .box .btn_about_deruca { width:408px; height:50px; } #CONTENTS .box .btn_about_deruca a { display:block; width:408px; height:50px; background-image:url(../../../images/direct/yoso/btn_about_deruca.gif); background-repeat:no-repeat; background-position:0 0; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .box .btn_about_deruca a:hover { background-position:0 -50px; } #CONTENTS .box .charge_list { /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS .box .charge_list:before, #CONTENTS .box .charge_list:after { content:""; display:table; } #CONTENTS .box .charge_list:after { clear:both; } #CONTENTS .box .charge_list ul { list-style:none; } #CONTENTS .box .charge_list li { float:left; margin-right:10px; } /* 2022.08.24 renewal start */ .list_charge_idx ul { display: flex; margin: 0 0 25px; } .list_charge_idx li { width:160px; height:94px; margin:0 20px 10px 0; list-style:none; } .list_charge_idx a { display:block; width:160px; height:94px; background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } .charge_jcb a { background-image:url(../../../images/direct/yoso/btn_chg_idx_jcb.gif);} .charge_visa a { background-image:url(../../../images/direct/yoso/btn_chg_idx_visa.gif?ckl=20241011);} .charge_rakuten a { background-image:url(../../../images/direct/yoso/btn_chg_idx_rakuten.gif);} .charge_jnb a { background-image:url(../../../images/direct/yoso/btn_chg_idx_jnb.gif);} .charge_mufg a { background-image:url(../../../images/direct/yoso/btn_chg_idx_mufg.gif);} .charge_bank_etc a { background-image:url(../../../images/direct/yoso/btn_chg_idx_etcbank.gif);} .charge_jpb a { height:66px; background-image:url(../../../images/direct/yoso/btn_chg_idx_jpb.gif);} .charge_yucho a { height:66px; background-image:url(../../../images/direct/yoso/btn_chg_idx_yucho.gif);} .charge_fami a { background-image:url(../../../images/direct/yoso/btn_chg_idx_fami.gif);} .charge_mini a { background-image:url(../../../images/direct/yoso/btn_chg_idx_mini.gif);} .charge_daily a { background-image:url(../../../images/direct/yoso/btn_chg_idx_daily.gif);} .charge_seico a { background-image:url(../../../images/direct/yoso/btn_chg_idx_seico.gif);} .charge_docomo a { background-image:url(../../../images/direct/yoso/btn_chg_idx_docomo.gif);} .charge_au a { background-image:url(../../../images/direct/yoso/btn_chg_idx_aupay.gif?ckl=20250508);} .charge_softbank a { background-image:url(../../../images/direct/yoso/btn_chg_idx_softbank.gif);} .charge_paypay a { background-image:url(../../../images/direct/yoso/btn_chg_idx_paypay.gif);} .charge_aupay a { background-image:url(../../../images/direct/yoso/btn_chg_idx_aupay_2.gif);} .charge_bitcash a { background-image:url(../../../images/direct/yoso/btn_chg_idx_bitcash.gif);} .charge_jcbpremo a { background-image:url(../../../images/direct/yoso/btn_chg_idx_jcbpremo.gif);} .charge_rakutenpoint a { background-image:url(../../../images/direct/yoso/btn_chg_idx_rakutenpoint.gif);} .list_charge_idx a:hover { background-position:0 -94px;} .charge_yucho a:hover, .charge_jpb a:hover { background-position:0 -66px; } .logo_yucho { position:relative; top:-3px; width:160px; height:28px; background:url(../../../images/direct/yoso/logo_yucho.gif) 0 0 no-repeat; text-align:left; text-indent:-9999px; overflow:hidden; } .btn_innerlink_wrapper a { padding-left:17px; background:url(../../../images/direct/yoso/icon_arr_innerlink_1.gif) left center no-repeat; } /* 2022.08.24 renewal end */ /* Maintenance ------------------------------------ */ #CONTENTS .box p.mainte { color:#bd0000; font-size:123.1%; } #CONTENTS .box .mainte_date { text-align:center; font-size:123.1%; } #CONTENTS .box .mainte_date span { margin-left:auto; margin-right:auto; background-color:#fff0f0; color:#850000; padding:25px 25px 15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #feb4b4; } #CONTENTS .box .mainte_date strong { font-size:167%; } /* Price Revision ------------------------------------ */ #CONTENTS .box .price_detail { width:700px; margin:0 auto; text-align:left; font-size:123.1%; background-color:#fff0f0; color:#850000; padding:15px 25px 15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #feb4b4; } #CONTENTS .box .price_detail dl { margin:0; line-height:1.4; } #CONTENTS .box .price_detail dt { font-size:84%; font-weight:bold; } #CONTENTS .box .price_detail dd { font-size:108%; padding:0 0 0 15px; } #CONTENTS .box .price_detail p { color:#bd0000; font-size:84%; padding:0 0 0 20px; } /* Page Bottom Btn ------------------------------------ */ #CONTENTS .btn_wrapper_1 { margin-left:auto; margin-right:auto; text-align:center; } #CONTENTS .btn_wrapper_2 { width:448px; margin-left:auto; margin-right:auto; /* for IE 6/7 */ *zoom:1; *-ms-inject:expression(this.x||(this.innerHTML+='',this.x=1)); } #CONTENTS .btn_wrapper_2:before, #CONTENTS .btn_wrapper_2:after { content:""; display:table; } #CONTENTS .btn_wrapper_2:after { clear:both; } #CONTENTS .btn_wrapper_1 .btn_rtn, #CONTENTS .btn_wrapper_1 .btn_check { width:174px; height:50px; margin:0 auto; } #CONTENTS .btn_wrapper_1 .btn_login { width:222px; height:50px; margin:0 auto; } #CONTENTS .btn_wrapper_1 .btn_rtn_top { width:228px; height:50px; margin:0 auto; } #CONTENTS .btn_wrapper_2 .btn_rtn, #CONTENTS .btn_wrapper_2 .btn_buy, #CONTENTS .btn_wrapper_2 .btn_acc, #CONTENTS .btn_wrapper_2 .btn_charge, #CONTENTS .btn_wrapper_2 .btn_send { float:left; width:174px; height:50px; margin:0 25px; } #CONTENTS .btn_wrapper_2 .btn_buy_none { float:left; width:174px; height:50px; margin:0 25px; background-image:url(../../../images/direct/yoso/btn_buy.gif); background-position:0 -100px; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .btn_wrapper_1 .btn_login a, #CONTENTS .btn_wrapper_1 .btn_rtn a, #CONTENTS .btn_wrapper_1 .btn_rtn_top a, #CONTENTS .btn_wrapper_1 .btn_check a, #CONTENTS .btn_wrapper_2 .btn_rtn a, #CONTENTS .btn_wrapper_2 .btn_buy a, #CONTENTS .btn_wrapper_2 .btn_acc a, #CONTENTS .btn_wrapper_2 .btn_charge a, #CONTENTS .btn_wrapper_2 .btn_send a { display:block; background-position:0 0; background-repeat:no-repeat; text-align:left; text-indent:-10000px; font-size:1px; line-height:0.1; overflow:hidden; } #CONTENTS .btn_wrapper_1 .btn_login a { width:222px; height:50px; } #CONTENTS .btn_wrapper_1 .btn_rtn_top a { width:228px; height:50px; } #CONTENTS .btn_wrapper_1 .btn_rtn a, #CONTENTS .btn_wrapper_1 .btn_check a, #CONTENTS .btn_wrapper_2 .btn_rtn a, #CONTENTS .btn_wrapper_2 .btn_buy a, #CONTENTS .btn_wrapper_2 .btn_acc a, #CONTENTS .btn_wrapper_2 .btn_charge a, #CONTENTS .btn_wrapper_2 .btn_send a { width:174px; height:50px; } #CONTENTS .btn_wrapper_1 .btn_login a { background-image:url(../../../images/direct/yoso/btn_login.gif); } #CONTENTS .btn_wrapper_1 .btn_rtn_top a { background-image:url(../../../images/direct/yoso/btn_rtn_top.gif); } #CONTENTS .btn_wrapper_1 .btn_check a { background-image:url(../../../images/direct/yoso/btn_check.gif); } #CONTENTS .btn_wrapper_1 .btn_rtn a, #CONTENTS .btn_wrapper_2 .btn_rtn a { background-image:url(../../../images/direct/yoso/btn_rtn.gif); } #CONTENTS .btn_wrapper_2 .btn_buy a { background-image:url(../../../images/direct/yoso/btn_buy.gif); } #CONTENTS .btn_wrapper_2 .btn_acc a { background-image:url(../../../images/direct/yoso/btn_acc.gif); } #CONTENTS .btn_wrapper_2 .btn_charge a { background-image:url(../../../images/direct/yoso/btn_charge.gif); } #CONTENTS .btn_wrapper_2 .btn_send a { background-image:url(../../../images/direct/yoso/btn_send.gif); } #CONTENTS .btn_wrapper_1 .btn_login a:hover, #CONTENTS .btn_wrapper_1 .btn_rtn_top a:hover, #CONTENTS .btn_wrapper_1 .btn_check a:hover, #CONTENTS .btn_wrapper_1 .btn_rtn a:hover, #CONTENTS .btn_wrapper_2 .btn_rtn a:hover, #CONTENTS .btn_wrapper_2 .btn_buy a:hover, #CONTENTS .btn_wrapper_2 .btn_acc a:hover, #CONTENTS .btn_wrapper_2 .btn_charge a:hover, #CONTENTS .btn_wrapper_2 .btn_send a:hover { background-position:0 -50px; } .gambling_addition_notice { width: 865px; text-align: left; margin-bottom: 10px; padding: 6px; font-size: 11px; line-height: 14px; background: #ccebfb; box-shadow: 5px 3px #e6f6fe; } .gambling_addition_info_links { width: 865px; text-align: left; margin-bottom: 10px; padding: 6px; font-size: 11px; line-height: 14px; background: #efefef; box-shadow: 5px 3px #f8f8f8; }