html { overflow: auto; } html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address,pageTop ul, ol, li, dl, dt, dd, table, th, td { margin: 0; padding: 0; font-size: inherit; background-position: 0% 0%; } .top_text { color: #E8E8E8; padding: 24px; } .sp_content{ display:block; } .w80 { width:auto; } img { border: none; } p { line-height:170%; } ul, ol, li { list-style-type: none; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: "繝偵Λ繧ョ繝手ァ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝。繧、繝ェ繧ェ", Meiryo, Osaka, "�ュ�ウ �ー繧エ繧キ繝�け", "MS PGothic", sans-serif; background: #ecb700; } header { background: url(../img/index/header_bg.jpg) center top no-repeat; } .b16 { margin-bottom: 16px; } .b24 { margin-bottom: 24px; } img{max-width:100%} picture img{ vertical-align:bottom;} #segalogo_top { display:none; } h1 { width:50%; margin: 0 auto; padding: 8px 0 8px 0; } #sns { display:none; } #sns_s { display: block; width:184px; margin:0 auto 0 auto; padding-bottom:16px; overflow:hidden; } #sns_twitter_s { float:right; margin-right:16px; } #sns_twitter_s a { width: 50px; height: 50px; background: url("../img/btn_twitter_s.png") no-repeat; display: block; text-indent: -9999px; } #sns_fb_s { float:right; margin-right:16px; } #sns_fb_s a { width: 50px; height: 50px; background: url("../img/btn_fb_s.png") no-repeat; display: block; text-indent: -9999px; } #sns_line_s { float:right; } #sns_line_s a { width: 50px; height: 50px; background: url("../img/btn_line_s.png") no-repeat; display: block; text-indent: -9999px; } #sns_twitter_s a:hover, #sns_fb_s a:hover, #sns_line_s a:hover { background-position: 0 -50px; } #mainvisual { width: 100%; border-top: 1px solid #fff; border-bottom: solid #b7b2a2 1px; } #mainvisual_banner { display:none; } #mainvisual_banner_s { padding: 0 16px 0 16px; overflow:hidden; width:100%; } #mainvisual_banner_s ul li { margin-bottom: 16px; } #mainvisual_banner_s a { color:#553e84; } #mainvisual_banner_s ul li a:hover { opacity: 0.6; } #mainvisual_banner_s img { width:100%; } #mainvisual_banner_s #bnr_beginner { width: 100%; margin-bottom: 16px; background: url(../img/index/bnr_beginner_icon.png) left top no-repeat ,rgba(24,153,57,0.9); border:#0f5437 solid 1px; border-radius: 6px; padding:0; } #mainvisual_banner_s #bnr_beginner a { display:block; text-align:center; padding-top:6px; font-size: 18px; letter-spacing: 2px; padding-left:70px; } #mainvisual_banner_s #bnr_beginner .beginner_text_1 { color:#ffff33; font-size:70%; padding-right:5px; padding-bottom:6px; } #mainvisual_banner_s #bnr_beginner .beginner_text_2 { color:#fff; font-size:100%; padding-top:4px; } #mainvisual_banner_s #bnr_location { width: 49%; margin-bottom: 16px; background: url(../img/index/bnr_loc_icon.png) 4px center no-repeat,rgba(248,182,15,1.0); background-size:36%; height: 66px; text-align:center; border:#8c6825 solid 1px; border-radius: 6px; float:left; } #mainvisual_banner_s #bnr_location a { display:block; text-align:center; padding-top:25px; font-size: 16px; letter-spacing: 1px; padding-left:60px; line-height:120%; padding-bottom:7px; color:#000; } #mainvisual_banner_s #bnr_archive { width: 49%; margin-bottom: 16px; background: url(../img/index/bnr_archive_icon.png) 12px center no-repeat ,rgba(248,182,15,1.0); background-size: 26%; text-align:center; border:#8c6825 solid 1px; border-radius: 6px; float:right; } #mainvisual_banner_s #bnr_archive a { display:block; text-align:center; padding-top:9px; font-size: 14px; letter-spacing: 1px; padding-left:44px; line-height:120%; padding-bottom:7px; color:#000; } #mainvisual_banner_s #bnr_seirachan { width: 100%; margin-bottom: 16px; background: url(../img/index/bnr_seirachan_icon.png) left top no-repeat,#fbd0f1; background-size:28%; height: 68px; text-align:center; border:#8c6825 solid 1px; border-radius: 6px; float:left; } #mainvisual_banner_s #bnr_seirachan a { display:block; text-align:center; padding-top:11px; font-size: 18px; letter-spacing: 1px; padding-left:68px; line-height:130%; padding-bottom:7px; color:#000; } #mainvisual_banner_s #bnr_beginner:hover, #mainvisual_banner_s #bnr_location:hover, #mainvisual_banner_s #bnr_archive:hover,#mainvisual_banner_s #bnr_seirachan:hover { opacity:0.7; } #nav_b { background-color:rgba(0,0,0,0.7); overflow:hidden; margin-bottom:16px; line-height:130%; } #nav_b ul { padding:0; } #nav_b ul li { width:33.3333%; float:left; } #nav_b ul li a { color:#fff; font-size:12px; text-align:center; padding: 18px 0 19px 0; display:block; } #nav_b ul li.break { width:33.3333%; float:left; } #nav_b ul li.break a { color:#fff; font-size:12px; text-align:center; padding:9px 0 10px 0;; display:block; } #nav_b ul li a:hover { color:#00b050; } #nav_b ul li#nav_b_play { border-right:#b7b2a2 solid 1px; border-bottom:#b7b2a2 solid 1px; } #nav_b ul li#nav_b_racing { border-right:#b7b2a2 solid 1px; border-bottom:#b7b2a2 solid 1px; } #nav_b ul li#nav_b_junkies { border-bottom:#b7b2a2 solid 1px; } #nav_b ul li#nav_b_shnet { border-right:#b7b2a2 solid 1px; border-bottom:#b7b2a2 solid 1px; } #nav_b ul li#nav_b_minsta { border-right:#b7b2a2 solid 1px; border-bottom:#b7b2a2 solid 1px; } #nav_b ul li#nav_b_premium { border-bottom:#b7b2a2 solid 1px; } #content { background: url(../img/content_bg_t.jpg) left top no-repeat, url(../img/content_bg_b.jpg) center bottom no-repeat; } #content-banner { background-color:rgba(0,0,0,0); padding: 0 16px 0px 16px; } #content-banner img { width: 100%; } #content-banner a:hover { opacity:0.6; } #content-banner2 { width:100%; } #content-banner2 img { width: 100%; margin-bottom:0px; } #content-news { background: #000; background-color:rgba(0,0,0,0.5); padding: 16px 16px 16px 16px; margin-bottom:16px; } #content-news h3 { font-size: 130%; padding-bottom: 8px; margin-bottom: 8px; } #content-news ul { padding:0px 8px 0px 8px; } #content-news ul li { background:rgba(255,255,255,1.0); border-radius: 3px; margin: 0 0 20px 0; padding: 0px 0px 20px 0px; background-image: url(../img/index/line_dot.png); background-repeat: repeat-x; background-position: left bottom; } #content-news ul li p { line-height:170%; margin-bottom:16px; } #content-news ul li p:last-of-type { margin-bottom:0px; } #content-news ul li p.nb { line-height:170%; margin-bottom:0px; } p.nb { margin-bottom:0px!important; } p.text-link a { background: url(../img/arrow_right_b.png) 2px 6px no-repeat; padding:0 0 0 14px; } p.text-link a:hover { } p.link_ex { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8c6825; padding:8px 0px 8px 0px; display:block; border-radius: 4px; border: solid #8c6825 6px; text-align:center; } p.link_ex a { color:#F9F9F9; } p.link_ex:hover { opacity:0.7; } p.link_ex_news { background: url(../img/gnav_arrow_right.png) 98% center no-repeat, #8c6825; display:block; border-radius: 4px; text-align:center; } p.link_ex_news a { display:block; padding:16px 6px 16px 6px; color:#F9F9F9; } p.link_ex_news:hover { opacity:0.7; } p.link_ex_news_b { background: url(../img/gnav_arrow_right.png) 98% center no-repeat, #8c6825; display:block; border-radius: 4px; text-align:center; } p.link_ex_news_b a { display:block; padding:16px 6px 16px 6px; color:#F9F9F9; } p.link_ex_news_b:hover { opacity:0.7; } p.link_ex_news_long { background: url(../img/gnav_arrow_right.png) 97% center no-repeat, #8c6825; display:block; border-radius: 4px; text-align:center; float:none; width:100%; margin: 0 auto; } p.link_ex_news_long a { display:block; color:#F9F9F9; padding:10px 24px 10px 6px; } p.link_external { background: url(../img/sp/exlink.png) right center no-repeat, #3a1183; padding:8px 0px 8px 0px; display:block; border-radius: 4px; border: solid #3a1183 6px; text-align:center; clear: both; } p.link_external a { color:#F9F9F9; } p.link_external:hover { opacity:0.7; } p.link_external_c { clear: both; text-align:center; } p.link_external_c a { background: url(../img/sp/exlink.png) right center no-repeat, #3a1183; padding:4px 24px 4px 16px; display:block; border-radius: 4px; border: solid #3a1183 6px; clear: none; margin:0 auto; color:#F9F9F9; letter-spacing: 1px; text-align:center; } p.link_external_c:hover { opacity:0.7; } p.link_internal_c { clear: both; text-align:center; } p.link_internal_c a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8c6825; padding:4px 24px 4px 16px; display:block; border-radius: 4px; border: solid #8c6825 6px; clear: none; margin:0 auto; color:#F9F9F9; letter-spacing: 1px; text-align:center; } p.link_internal_c2 a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8c6825; padding:4px 24px 4px 16px; display:block; border-radius: 4px; border: solid #8c6825 6px; clear: none; margin:0 auto; color:#F9F9F9; letter-spacing: 1px; text-align:center; } p.link_internal_c:hover { opacity:0.7; } .category_index_top { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .category_index_top p.link_internal_c { width:49%; float:left; clear:none; margin-right:2%; } .category_index_top p.link_internal_c:nth-child(even) { margin-right:0; } .category_index_top p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; } .category_index_top_2 { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .category_index_top_2 p.link_internal_c { width:49%; float:left; clear:none; margin-right:2%; } .category_index_top_2 p.link_internal_c2 { width:49%; float:left; clear:none; margin-right:2%; } .category_index_top_2 p.link_internal_c:nth-child(even) { margin-right:0; } .category_index_top_2 p.link_internal_c2:nth-child(even) { margin-right:0; } .category_index_top_2 p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; font-size: 90%; } #junkies .category_index_top_2 p.link_internal_c a { font-size: 80%; } .category_index_top_2 p.link_internal_c2 a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8C6825; font-size: 90%; } .category_index_top_3 { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .category_index_top_3 p.link_internal_c { width:49%; float:left; clear:none; margin-right:2%; } .category_index_top_3 p.link_internal_c2 { width:49%; float:left; clear:none; margin-right:2%; } .category_index_top_3 p.link_internal_c:nth-child(even) { margin-right:0; } .category_index_top_3 p.link_internal_c2:nth-child(even) { margin-right:0; } .category_index_top_3 p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; font-size: 90%; } .category_index_top_5 { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .category_index_top_3 p.link_internal_c { width:49%; float:left; clear:none; margin-right:2%; } .category_index_top_5 p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; font-size: 100%; } #junkies .category_index_top_2 p.link_internal_c a { font-size: 80%; } .category_index_top_3 p.link_internal_c2 a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8C6825; font-size: 90%; } .category_index { clear:both; padding: 16px 0 16px 0; overflow:hidden; } p.link_orange { clear: both; text-align:center; } p.link_orange a { background: url(../img/sp/exlink.png) right center no-repeat, #FF9900; padding:14px 0 12px 0; display:block; border-radius: 4px; border: solid #FF9900 6px; clear: none; margin:0 auto; color:#fff; letter-spacing: 1px; font-size:16px; } p.link_orange a:hover { opacity:0.7; } p.link_l { clear: both; text-align:center; margin-bottom:24px; } p.link_l a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8C6825; padding:10px 24px 8px 16px; display:inline-block; border-radius: 4px; border: solid #8C6825 6px; clear: none; margin:0 auto; color:#F9F9F9; letter-spacing: 1px; font-size:16px; } p.link_l a:hover { opacity:0.7; } #content-news time { border:#333 solid 1px; border-radius: 3px; color:#333; font-size:80%; padding: 1px 6px 0 6px; float:left; margin-right:10px; } #content-news .category_1 { border: #CC4040 solid 1px; border-radius: 3px; color: #fff; background-color: #CC4040; font-size: 11px; padding: 3px 5px 1px 5px; float: left; width: 96px; height:18px; text-align: center; line-height: 1em; } #content-news .category_2 { border: #D8C05D solid 1px; border-radius: 3px; color: #fff; background-color: #D8C05D; font-size: 11px; padding: 3px 5px 1px 5px; float: left; width: 96px; height:18px; text-align: center; line-height: 1em; } #content-news .category_3 { border: #5587cc solid 1px; border-radius: 3px; color: #fff; background-color: #5587cc; font-size: 11px; padding: 3px 5px 1px 5px; float: left; width: 96px; height:18px; text-align: center; line-height: 1em; } #content-news .category_4 { border: #78B94F solid 1px; border-radius: 3px; color: #fff; background-color: #78B94F; font-size: 11px; padding: 3px 5px 1px 5px; float: left; width: 96px; height: 18px; text-align: center; line-height: 1em; } #content-news .category_5 { border: #D74141 solid 1px; border-radius: 3px; color: #fff; background-color: #D74141; font-size: 11px; padding: 3px 5px 1px 5px; float: left; width: 98px; height: 18px; text-align: center; line-height: 1em; } #content-news h2 { padding: 8px 0 8px 0; color:#333; margin: 0 0 16px 0; font-size: 110%; font-weight:bold; clear:left; } .news_image { max-width:100%; display:block; margin:0 auto 16px auto; } .news_image_2 { max-width:100%; display:block; margin:0 auto 16px auto; } .news_indent { margin: 0 20px; } dl.topicsList dt { float : left; clear : both; line-height: 170%; font-weight:normal; } dl.topicsList dd{ overflow:hidden; line-height: 170%; padding-bottom: 2px; } .more { color:#000; text-align:center; cursor:pointer; width:110px; margin: 0 auto; padding:4px 2px 4px 8px; font-size:12px; border:solid 1px #8c6825; border-radius:4px; background:url(../img/arrow_down_b.png) 6px center no-repeat; } .more_read { color: #fff; text-align: center; cursor: pointer; width: 130px; margin: 0 auto; background: url(../img/index/more_down.png) 110px center no-repeat, #8c806b; background-size: 8%; font-size: 11px; letter-spacing: 2px; border-radius: 3px; padding: 5px 4px 5px 0px; } .more_read_2 { color:#fff; text-align:center; cursor:pointer; width:100%; margin: 0 auto; background:#3a1183; font-size:12px; letter-spacing:2px; border-radius: 3px; padding: 6px 16px 5px 12px; } .more_read_2 a { display:block; color:#F9F9F9; } .more_read_2:hover { opacity:0.7; } .more a { display:block; padding:8px; cursor:pointer; } #nav-sp { display:block; } #pageTop { position: fixed; bottom: 10px; right: 10px; } #pageTop a { background:url(../img/pagetop.png) no-repeat; width: 52px; height: 52px; text-align: center; display: block; text-indent:-9999px; } #pageTop img { display: none; } .pankuzu { background:rgba(0,0,0,0.5); width: 100%; padding: 16px; } .pankuzu_content { width: 100%; margin: 0 auto; color: #CFCFCF; overflow: hidden; font-size: 80%; } .pankuzu_content a { color: #CFCFCF; } footer{ } footer #footer-banner { text-align: center; padding-top: 16px; padding-right: 0; padding-left: 0; padding-bottom: 8px; } footer #footer-banner a:hover { opacity:0.6; } footer #footer-banner img { width:44%; margin: 0 8px 16px 8px; border: solid 1px #fff; } #footer-bottom { width:100%; background:#000; } #footer-bottom-content { width: 100%; padding: 16px; overflow: hidden; } footer #copyright { color: #fff; font-size: 11px; line-height: 180%; overflow:hidden; } footer #copyright a { color: #00b050; } footer #segalogo { text-align:center; margin-bottom:14px; padding-top:24px; } .nav-pc, #g_navi { display:none; } /* Junkies club_sp */ body#junkies #pagevisual { clear: both; width: 100%; } body#junkies #page-title { background-color: rgba(0,0,0,0.3); padding: 12px 0 12px 0; margin-bottom:24px; } body#junkies h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #4ebadf; color: #fff; margin: 0 auto 0 auto; font-size: 125%; letter-spacing: 1px; font-weight: normal; width: 1008px; display: block; } table.junkies_item_list { width: 100%; float: left; border-collapse: separate; border-radius: 6px; border: 2px solid #ADA58C; margin: 0 0 16px 0; } .junkies_item_list th { background:#F1F1F1; border-radius: 5px 5px 0px 0px; } .junkies_item_list td { text-align: center; font-size: 90%; width: 39%; } .junkies_item_list th, .junkies_item_list td { border: 1px solid #E9E9E9; padding: 4px; } .junkies_item_list_title { color:#969696; float:none; font-size: 80%; padding-top: 1px; text-align: center; } .junkies_item_list td.junkies_item_list_image { width: 100px; border-radius: 0px 0px 0px 5px; text-align: center!important; } .junkies_item_list td.junkies_item_list_jouken { border-radius: 0px 0px 5px 0px; text-align:left!important; } .junkies_breed_table { overflow: auto; width: 100%; height: 690px; } .junkies_breed_table table { font-size: 85%; width: 100%; border: 2px solid #3c3606; } .junkies_breed_table table td { border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; text-align:center; padding: 0 2px 0 2px; } .junkies_breed_table table td.breed_ken { background-color: #C1FEFF !important; color: #05338F; } .junkies_breed_table table td.breed_ken_last { color: #05338F; background-color: #74C8E1 !important; } .junkies_breed_table table td.breed_ichi { background-color: #FFE5FC !important; color: #B00002; } .junkies_breed_table table td.breed_ichi_last { background-color: #F99BFF !important; color: #B00002; } .junkies_breed_table table td.breed_hei { background-color: #FFFEC9 !important; color: #785005; } .junkies_breed_table table th.male { white-space: nowrap!important; color:#294394; border-bottom: 1px solid #999; border-right: 2px solid #999; width: 10%; padding:2px; } .junkies_breed_table table th.male_title { white-space: nowrap!important; color:#294394; border-bottom: 2px solid #999; border-right: 2px solid #999; vertical-align:bottom; display:table-cell; text-align:center; padding-bottom:4px; font-size: 120%; } .junkies_breed_table th.female { color: #97093A; border-right: 1px solid #999; border-bottom: 2px solid #999; display: table-cell; vertical-align: top; padding: 4px 0px 4px 0px; height: 160px; } .junkies_breed_table th.female span { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; width:1.6em; padding-right:4px; } .junkies_breed_table th.female_title { color: #97093A; border-right: 2px solid #999; height: 140px; text-align: right; padding-right: 4px; } .junkies_breed_table th.female_title span { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; font-size: 120%; width: 1.6em; } .seasonVnew { font-size: 80%; background:#FFD939; color: #464339; float: right; padding: 2px; } table.basicTable.w50 { width: 100%; } table.basicTable th,table.basicTable td { padding: 2px 2px; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; font-size: 60%; } table.basicTable { width: 100%; margin: 0 auto; margin-bottom: 24px; border: 2px solid #3c3606; } table.basicTable th:last-child{ border-right: 2px solid #3c3606; } table.basicTable td.cell_gray:last-child{ border-right: 2px solid #3c3606; } table.basicTable th.normal,table.basicTable td.normal { font-size: 100%; } table.basicTable th { background:#fbf196; text-align:center; } table.basicTable th.th_blue { background:#8cd2ff; } table.basicTable th.th_pink { background:#ff8cb2; } table.basicTable th.th_green { background:#8cffd6; } table.basicTable th.th_orange { background:#fbb925; } table.basicTable tr:nth-child(even) { } table.basicTable .center { text-align:center; } .w80 { width:auto; } .w40 { width:auto; } .w30 { width:auto; } .w20 { width:auto; } .accordion_dl dt { background:#D0A200; margin-bottom: 1px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 6px; color: #fff; cursor: pointer; position: relative; text-align: center; } .accordion_dl dt:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -8px; background: #fff; } .accordion_dl dt:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -13px; background:#D0A200; } .accordion_dl dt.active:before { margin-top: -2px; } .accordion_dl dt.active:after { margin-top: 3px; background: #D0A200; } .accordion_dl section li a { position: relative; display: block; } .accordion_dl section li a:before{ display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 17px; width: 10px; height: 10px; margin-top: -5px; background: #9CF; } .accordion_dl section li a:after{ display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 22px; width: 10px; height: 10px; margin-top: -5px; background: #F2F2F2; } .accordion_dl { margin-bottom: 16px; clear: both; } .accordion_dl dd { padding: 16px 0px 16px 0px; } .accordion_dl dd p { color: #ccc; margin-bottom: 25px; line-height: 170%; } .accordion_dl dd p a { color: #F5A700; text-decoration: underline; } .accordion_dl dd p strong { font-size: 16px; margin-bottom: 15px; display: block; line-height: 100%; background-color: #393939; color: #fff; padding-top: 7px; padding-right: 7px; padding-left: 7px; padding-bottom: 7px; text-align: center; margin-top: 10px; } /* Junkies club */ /* about */ ul.chousei_list { width:100%; margin:0; padding:0; } ul.chousei_list li { padding: 10px; background-color: #6CBDBE; width: 100%; margin: 0 0 12px 0; text-align:center; } ul.chousei_list li p { } ul.chousei_list li img { display:block; margin:0 auto; padding:0; } body#about #pagevisual { clear: both; width: 100%; } #page-title { background-color: rgba(0,0,0,0.3); padding: 12px 0 12px 16px; } #about h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #CC4040; color: #fff; font-size: 120%; letter-spacing: 1px; font-weight: normal; width: 110%; display:block; } .image_content_left { width:100%; float:left; background: #fff; border-radius: 4px; margin-bottom:24px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .image_content_right { width:100%; float:right; background: #fff; border-radius: 4px; margin-bottom:24px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .image_content_text { padding: 16px; } .image_content_text_img { border-radius: 0 0 4px 4px; } .left300 { margin-left:0!important; } .attention { font-size: 85%; background: url(../img/attention.png) no-repeat left top; text-indent: 2em !important; display: block; margin-bottom: 10px; color: #e10019; font-weight: bold; line-height:auto; clear: both; width: 100%; } /* beginner_sp */ #bnr_beginner_content{ padding: 16px 0 0 0; text-align:center; } #bnr_beginner_content #bnr_beginner a{ padding: 0 0 0 40px; text-align:center; display:block; } #bnr_beginner_content #bnr_beginner .beginner_text_1 { color:#ffff33; font-size:70%; padding-bottom:6px; margin-left:12px; } #bnr_beginner_content #bnr_beginner .beginner_text_2 { color:#fff; font-size:100%; padding-top:4px; } #bnr_beginner { width: 100%; margin: 8px 0 8px 0; background: url(../img/index/bnr_beginner_icon.png) left top no-repeat ,rgba(24,153,57,0.9); height: 68px; text-align:center; padding-top:6px; font-size: 18px; border:#0f5437 solid 1px; border-radius: 6px; letter-spacing: 2px; } #bnr_beginner a { color:#fff; } #bnr_beginner:hover { opacity:0.8; } #bnr_beginner .beginner_text_1 { color:#ffff33; font-size:70%; padding-right:5px; padding-bottom:6px; } #mainvisual_banner_s #bnr_beginner .beginner_text_2 { color:#fff; font-size:100%; padding-top:4px; } #bet_link { display:none; } #owner_link { display:none; } #beginner_b_link { padding-top:280px; position:relative; } #beginner_b_link p a { width: 100%; } #beginner_b_link p.link_l { margin-bottom: 16px; } #beginner_b_link p.link_orange { } #beginner_b_link p.link_orange a { padding:10px 24px 8px 16px; } ul.ticket_list { margin:0; padding:0; width:100%; } ul.ticket_list li { width:100%; margin: 0px 0px 12px 0px; padding:55px 6px 6px 6px; } ul.ticket_list li img { } ul.ticket_list li.tansyo { margin: 0px 12px 12px 0px; background:url(../img/about/betgame/img_play_2_bet01.jpg) center 5px no-repeat,#FFB9E1; } ul.ticket_list li.fukusyo { background:url(../img/about/betgame/img_play_2_bet02.jpg) center 5px no-repeat,#FFB9E1; } ul.ticket_list li.wakuren { margin: 0px 12px 12px 0px; background:url(../img/about/betgame/img_play_2_bet03.jpg) center 5px no-repeat,#FFD1BD; } ul.ticket_list li.umaren { background:url(../img/about/betgame/img_play_2_bet04.jpg) center 5px no-repeat,#FFFFAD; } ul.ticket_list li.umatan { background:url(../img/about/betgame/img_play_2_bet05.jpg) center 5px no-repeat,#D1EDA2; margin: 0px 12px 12px 0px; } ul.ticket_list li.wide { background:url(../img/about/betgame/img_play_2_bet06.jpg) center 5px no-repeat,#D4FFD2; } ul.ticket_list li.sanrenpuku { background:url(../img/about/betgame/img_play_2_bet07.jpg) center 5px no-repeat,#B5FFFF; margin: 0px 12px 12px 0px; } ul.ticket_list li.sanrentan { background:url(../img/about/betgame/img_play_2_bet08.jpg) center 5px no-repeat,#A6FFEB; } ul.ticket_list li.ride { background:url(../img/about/betgame/img_play_2_bet09.jpg) center 5px no-repeat,#C5CBEB; height: auto; } ul.ticket_list li.side { background:url(../img/about/betgame/img_play_2_bet10.jpg) center 5px no-repeat,#D0B5EC; height: auto; } ul.ticket_list li.colors { background:url(../img/about/betgame/img_play_2_bet11.jpg) center 5px no-repeat,#FF96F5; height: auto; } ul.ticket_list li.try { background:url(../img/about/betgame/img_play_2_bet12.jpg) center 5px no-repeat,#B0AAF2; height: auto; } ul.ticket_list li.yell { background:url(../img/about/betgame/img_play_2_bet13.jpg) center 5px no-repeat,#fdeada; height: auto; padding:90px 6px 6px 6px; } ul.pointList { margin:0 0 20px 0; padding:0; overflow:hidden; width: 100%; } ul.pointList li { padding: 0 0 4px 0; } /* season5 */ body#s5 #pagevisual { clear: both; width: 100%; } #page-title { background-color: rgba(0,0,0,0.3); padding: 12px 0 12px 16px; } #s5 h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #ECC72C; color: #fff; font-size: 120%; letter-spacing: 1px; font-weight: normal; width: 110%; display:block; } .season5_category_index_top { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .season5_category_index_top p.link_internal_c { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 48%!important; } .season5_category_index_top p.link_internal_c:nth-child(2n) { margin: 0 0px 10px 0px!important; float:right!important; } .season5_category_index_top p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; width: 100%!important; font-size:13px; letter-spacing: 0px; height: 48px; padding-top:0px; line-height: 150%; } .season5_category_index_top p.link_internal_c a.c1 { padding-top:10px; } .season5_category_index_top p.link_internal_c.c2 { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 48%!important; } .season5_category_index_top p.link_internal_c.c2:nth-child(2n) { float:right!important; margin: 0 0px 10px 0px!important; } .season5_category_index_top p.link_internal_c.c2:nth-child(odd) { margin: 0px 10px 10px 0px!important; } /* sh.net */ body#shnet #pagevisual { clear: both; width: 100%; } #shnet h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #d07d64; color: #fff; font-size: 110%; letter-spacing: 1px; font-weight: normal; width: 100%; display:block; } #shnet #content { background:url(../img/content_bg_t.jpg) center top no-repeat, url(../img/content_bg_b.jpg) center bottom no-repeat; } #service_joho, #service_noujou, #service_capsule { width:100%; float:none; background: #fff; border-radius: 4px; margin-bottom: 24px; text-align: center; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #service_joho img, #service_noujou img, #service_capsule img { border-radius: 4px 4px 0px 0px; } #service_joho_content, #service_noujou_content, #service_capsule_content { padding: 16px; text-align:center; } #service_joho_content p, #service_noujou_content p, #service_capsule_content p { margin: 16px 0 0 0; text-align: left; } #service_joho_content h4, #service_noujou_content h4, #service_capsule_content h4{ font-size: 110%; text-align: center; color: #333; letter-spacing: 1px; border-bottom:#323232 solid 2px; padding-bottom:2px; display: block; } .box_card { width:100%; float:none; background: #fff; border-radius: 4px; margin-bottom: 24px; text-align: center; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .box_card img { border-radius: 4px 4px 0px 0px; } .box_card_content { padding: 16px; text-align:center; } .box_card_content p { margin: 16px 0 0 0; text-align: left; } .box_card_content h4{ font-size: 110%; text-align: center; color: #333; letter-spacing: 1px; border-bottom:#323232 solid 2px; padding-bottom:2px; display: block; } .box_notes { clear: left; background-color: #E8E8E8; overflow: hidden; padding: 16px; border-radius: 4px; } .box_notes h4 { background: #525252; color:#fff; margin-bottom: 16px; font-size:100%; padding:6px 4px 4px 4px; } #otoku { clear: left; background-color: #fff; overflow: hidden; padding: 16px; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #otoku_image { margin-bottom:16px; } #otokuList { width: 100%; position:relative; float:left; padding-left:0px; margin: 0 0 8px 0; } #otoku_text img { display:none; } ul.checkList li { position: relative; padding: 3px 0 3px 0; font-size: 105%; } ul.checkList li::after { display: block; content: ''; position: absolute; top: .5em; left: -1em; width: 8px; height: 3px; border-left: 2px solid #333; border-bottom: 2px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .shnet_main { overflow:hidden; margin-bottom:0px; } #course { clear: both; } #course_select_top { float:left; width: 45%; margin: 0 10px 10px 0; } #course_muryo { width: 100%; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #course_yuryo { width: 100%; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #course_muryo h4, #course_yuryo h4 { font-size: 110%; text-align: center; color: #333; letter-spacing: 1px; border-bottom:#323232 solid 2px; margin-bottom: 8px; padding-bottom:2px; display: block; } #course_muryo, #course_yuryo { padding: 16px; margin-bottom: 24px; } #course_muryo p, #course_yuryo p { margin-top: 16px; } .course_yuryo_table { width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 12px; } .course_yuryo_table th { text-align:center; font-size: 11px; padding: 16px 0 16px 0; font-weight:normal; } .course_yuryo_table th.blank { background:#F5F6F7; } .course_yuryo_table th.standard { background:#68D3D0; color:#FFFFFF; } .course_yuryo_table th.value { background:#D368B7; color:#FFFFFF; } .course_yuryo_table th.delux { background:#B09327; color:#FFFFFF; } .course_yuryo_table th.ultimate{ background:#cc66ff; color:#FFFFFF; } .course_yuryo_table th.v { background:#E9E6EE; } .course_yuryo_table td { padding: 8px 0 8px 0; text-align:center; width: 25%; height:68px; } .course_yuryo_table tr{ background:#fff; } .course_yuryo_table tr:nth-child(odd){ background-color: #FCFBFC; } .text-top { color:#eee; width:100%; margin:0 auto; padding: 24px; } /* main contents */ .content-main { background: #000; background-color:rgba(0,0,0,0.5); padding: 16px; margin-bottom:24px; } .content-main#about_bottom { background:url(../img/sp/about/image_b.png) bottom left no-repeat,rgba(0,0,0,0.5); background-size:100%; padding: 16px 16px 16px 16px; margin-bottom:24px; } .content-main .contents { background: rgba(247,247,245,1.0); border-radius: 0px 0px 3px 3px; margin: 0 0 8px 0; padding: 12px; } .content-main .contents_racing { background: rgba(245,246,247,1.0); border-radius: 0px 0px 3px 3px; margin: 0 0 16px 0; padding: 8px; } .content-main .contents p { line-height: 170%; } .content-main .contents_nb { background: rgba(245,246,247,1.0); border-radius: 0px 0px 3px 3px; margin: 0 0 16px 0; padding: 24px 24px 0 24px ; overflow: hidden; } .content-main .contents_nb p { line-height:170%; margin-bottom:16px; } .content-main h3 { background-image: url(../img/contents_title_icon.png) ,-webkit-gradient( linear , left top , left bottom , from(#fdd138) , color-stop(0.49, #ed8d02) , color-stop(0.50, #d67e00) , to(#f78600)); background-repeat: no-repeat, no-repeat; background-position:top left, left; background: url(../img/contents_title_icon.png) top left no-repeat ,linear-gradient(to bottom, #fdd138, #ed8d02 49%, #d67e00 50%, #f78600) left no-repeat; color: #fff; padding: 8px 0 8px 24px; font-size: 115%; margin: 0; border-radius: 3px 3px 0px 0px; font-weight: normal; letter-spacing:1px; } /* 繝ャ繝シ繧キ繝ウ繧ー繝励Ο繧ー繝ゥ繝� */ body#racing_program #pagevisual { clear: both; width: 100%; } body#racing_program #page-title { margin-bottom:24px; } body#racing_program h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #d5ce37; color: #fff; font-size: 110%; letter-spacing: 1px; font-weight: normal; width: 100%; display:block; } .racing_program_table { display:none; } .racing_program_table_sp { display:block; width: 100%; background:#3B3B3B; color:#fff; border:#8E8E8E solid 3px; } .racing_program_table_sp th { color: #BCBCBC; font-size: 70%; background: #4F4F4F; font-weight: normal; text-align: center; border-left: 1px solid #757575; border-right-style: none; border-bottom-style: none; padding: 2px 0 2px 0; line-height:100%; } .racing_program_table_sp th.top_syokin{ color: #BCBCBC; font-size: 70%; background: #4F4F4F; font-weight: normal; text-align: center; border-left: 1px solid #757575; border-right: 1px solid #757575; border-bottom: 1px solid #3B3B3B!important; padding: 2px 0 2px 0; } .racing_program_table_sp th.top_syokin_horse{ border-right: 1px solid #3B3B3B!important; width:15%; } .racing_program_table_sp th.main { color:#fff; font-size: 100%; background: #3bc0bd; font-weight: normal; text-align: center; border-left: 1px solid #8E8E8E; border-right-style: 1px solid #3bc0bd; border-bottom-style: none; border-top: 1px solid #8E8E8E; padding: 2px 0 2px 0; } .racing_program_table_sp th.sub { color:#fff; font-size: 100%; background-color: #D5CE37; font-weight: normal; text-align: center; border-left: none; border-right-style: none; border-bottom-style: none; border-top: none; padding: 2px 0 2px 0; } .racing_program_table_sp td { padding: 4px 0 3px 0; border-left-style: none; border-right: 1px solid #757575; border-bottom: 1px solid #757575; border-top-style: none; font-size: 80%; text-align: center; } .racing_program_table_sp td a { color:#00b050; } .table_bottom { border-bottom: none!important; } .racing_program_table_sp td.syokin_horse { border-right: 1px solid #4C4C4C; } .racing_program_table_sp th.racing_program_number { background-color: #4F4F4F; color: #fff; border-bottom: 1px solid #8E8E8E; border-left: 1px solid #3BC0BD; border-right: none; text-align: center; font-size: 100%!important; } .racing_program_table_sp td.racing_program_number { background: #fff; color: #333; border-bottom: 3px solid #8E8E8E; border-left: 1px solid #8E8E8E; text-align: center; font-size:110%!important; width:6%; } .racing_program_table_sp td.racing_program_blank { background: #8E8E8E; border-left: none; border-right: none; border-bottom: none; width: 0px; padding: 0; } .racing_program_table_sp td.racing_program_seisan { border-left: none; border-right: solid 1px #FF9B1E; border-bottom: none; padding: 0; background-color: #FF9B1E; vertical-align:top; } .racing_program_table_sp td.racing_program_seisan_koba { border-left: none; border-right: solid 1px #0B8D2A; border-bottom: none; padding: 0; background-color: #0B8D2A; vertical-align:top; } .racing_program_table_sp .racename { width:46%; font-size:90%!important; text-align:left!important; position:relative; } .racing_program_table_sp .racename p { margin:auto 2px auto 34px ; padding:12px 0 9px 0; line-height:150%!important; } .racing_program_table_sp .racename_b { width:23%; padding: 4px 0 3px 0!important; } .racing_program_table_sp .grade_jpn3 { width: 26px; height: 26px; background:#007C0A; color:#fff; border-radius: 4px; padding: 6px 0px 0px 0px; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; font-size:40%; word-break:keep-all; } .racing_program_table_sp .grade_jpn2 { width: 26px; height: 26px; background:#007C0A; color:#fff; border-radius: 4px; padding: 6px 0px 0px 0px; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; font-size:40%; word-break:keep-all; } .racing_program_table_sp .grade_jpn1 { width: 26px; height: 26px; background:#163395; color:#fff; border-radius: 4px; padding: 6px 0px 0px 0px; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; font-size:40%; word-break:keep-all; } .racing_program_table_sp .grade_jpn2 { width: 26px; height: 26px; background:#b51f21; color:#fff; border-radius: 4px; padding: 6px 0px 0px 0px; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; font-size:40%; word-break:keep-all; } .racing_program_table_sp .grade_g3 { width: 24px; height: 24px; background:#007C0A; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .racing_program_table_sp .grade_g2 { width: 24px; height: 24px; background:#b51f21; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .racing_program_table_sp .grade_g1 { width: 24px; height: 24px; background:#163395; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .racing_program_table_sp .grade_g1_wbc { width: 24px; height: 24px; background:#cfb736; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .racing_program_table_sp .grade_g1_swbc { width: 24px; height: 24px; background:#663786; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .racing_program_table_sp .grade_op { width: 24px; height: 24px; background:#848484; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .grade_dc { width: 24px; height: 24px; background: #b51f21; /* Old browsers */ background: -moz-linear-gradient(left, #b51f21 0%, #b51f21 50%, #163395 51%, #163395 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #b51f21 0%,#b51f21 50%,#163395 51%,#163395 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #b51f21 0%,#b51f21 50%,#163395 51%,#163395 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .grade_mc { width: 24px; height: 24px; background:#848484; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .grade_sr { width: 24px; height: 24px; background:#275a4e; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .grade_mr { width: 24px; height: 24px; background:#dd7eae; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; margin:auto 0 auto 5px; position:absolute; top:0; bottom:0; } .racing_program_table_sp .racing_program_bottom { border-bottom: 3px solid #8E8E8E!important; } .simurace_table { width: 100%; color:#fff; border:#8E8E8E solid 3px; } .simurace_table th { font-size: 70%; color: #545342; background: #d3d268; font-weight: normal; text-align: center; border-left: 1px solid #817D1A; border-right-style: none; border-bottom-style: none; padding: 2px 0 2px 0; } .simurace_table td { padding: 4px; border-left-style: none; border-right: 1px dotted #757575; border-bottom: 1px solid #5F5F5F; border-top-style: none; font-size: 70%; text-align: center; width:25%; } .simurace_table td.simu_first { border-left: 1px dotted #757575; } .simurace_table td.simu_last { border-right: none; } .simurace_table tr:nth-child(odd) { background-color: #303030; } .simurace_table tr:nth-child(even) { background:#3b3b3b; } dl.notes_list { overflow:hidden; } dl.notes_list dt { float:left; clear:left; width:8%; padding-bottom:15px; } dl.notes_list dd { float:left; width:92%; padding-bottom:15px; } dl.notes_list dd.notes_list_b { padding-bottom:20px; } /* 驕翫�譁ケSP */ .box2 { width: 100%; margin-bottom:24px; background: #fff; border-radius: 4px; box-shadow: 1px 1px 4px rgba(0,0,0,0.5); } .box1 h4 { padding: 2px 0 8px .8em; background: url(../img/about/line_dot_about.png) left bottom repeat-x, url(../img/about/title_icon.png) left top no-repeat; color:#333; margin: 0 0 16px 0; font-size: 115%; font-weight:bold; clear:left; text-align: left; } .box1 h4.season5 { background: url(../img/about/line_dot_about.png) left bottom repeat-x, url(../img/about/title_icon_s5.png) 5px 7px no-repeat, #fffae4; color:#2d2501; margin: 0 0 16px 0; font-size: 125%; font-weight:bold; clear:left; text-align: left; padding: 7px 0px 5px 20px; } .box1 h5{ color: #40370F; margin: 0 0 16px 0; font-weight: bold; letter-spacing: 1px; font-size: 100%; text-align: left; padding: 4px 4px 2px 8px; background-color: #fbf196; border-radius: 3px; clear: both; } .box1 h6{ color:#4E4E4E; font-size:100%; } .box1 { width: 100%; margin-bottom:24px; padding: 12px; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .box1 p { } .box3 { padding:10px; overflow:hidden; background:#ACD4EE;} .box4 { padding:10px; overflow:hidden; border: #3C3606 solid 1px; } .img_left { float: none; display:block; margin:0 auto; text-align:center; padding-bottom:16px; } .img_right { float: none; display:block; margin:0 auto; text-align:center; padding-bottom:16px; } h4.season5 { background: url(../img/about/line_dot_about.png) left bottom repeat-x, url(../img/about/title_icon_s5.png) 5px 7px no-repeat, #fffae4; color:#2d2501; margin: 0 0 16px 0; font-size: 125%; font-weight:bold; clear:left; text-align: left; padding: 7px 0px 5px 20px; } p.link_red { float:none; clear: both; text-align: center; margin: 0px 16px 8px 16px; border-right-color: rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.2); border-right-style: solid; border-bottom-style: solid; border-right-width: 2px; border-bottom-width: 2px; border-radius: 6px; } p.link_red a { background: url(../../../assets/img/sp/exlink.png) right center no-repeat, #FF2F00; padding:6px 0 4px 0; display:block; border-radius: 4px; border: solid #FF2F00 6px; clear: none; margin:0 auto; color:#fff; letter-spacing: 1px; font-size:16px; font-weight:bold; } .horsename_list { border: rgba(171,171,171,1.00) solid 2px; margin-bottom: 10px; } @media screen and (min-width:641px){ h1 { width:270px; margin: 0 auto; padding: 16px 0 16px 0; } .nav-pc, #g_navi { display:block; } #segalogo_top { display: block; position: absolute; left: 24px; top: 26px; } #sns { display: block; position: absolute; top: 24px; right: 24px; } #sns_twitter { float:right; margin-right:12px; } #sns_twitter a { width: 38px; height: 38px; background: url("../img/btn_twitter.png") no-repeat; display: block; text-indent: -9999px; } #sns_fb { float:right; margin-right:12px; } #sns_fb a { width: 38px; height: 38px; background: url("../img/btn_fb.png") no-repeat; display: block; text-indent: -9999px; } #sns_line { float:right; } #sns_line a { width: 38px; height: 38px; background: url("../img/btn_line.png") no-repeat; display: block; text-indent: -9999px; } #sns_twitter a:hover, #sns_fb a:hover, #sns_line a:hover { background-position: 0 -38px; } #sns_s { display:none; } #mainvisual { clear:both; height: 370px; background:url(../img/index/main2.jpg) top center no-repeat, #000; border-top: none; border-bottom: solid #fff 1px; min-width:1008px; } #mainvisual_banner { display:block; width:1100px; margin: auto; text-align: right; padding: 285px 0px 0 250px } #mainvisual_banner img { margin: 0 3px 0 3px; } #mainvisual_banner #bnr_beginner { width: 23%; margin-bottom: 8px; background: url(../img/index/bnr_beginner_icon.png) left top no-repeat ,rgba(24,153,57,0.9); background-size:22%; height: 52px; text-align:center; padding-top:0px; font-size: 13px; border:#0f5437 solid 1px; border-radius: 6px; letter-spacing: 0px; float:left; } #mainvisual_banner #bnr_beginner a { display:block; width: 100%; height: 52px; color:#fff; padding-top:5px; padding-left:40px; } #mainvisual_banner #bnr_location a:hover, #mainvisual_banner #bnr_archive a:hover { } #mainvisual_banner #bnr_beginner .beginner_text_1 { color:#ffff33; font-size:70%; padding-bottom:8px; padding-left:6px; letter-spacing: 0px; } #mainvisual_banner #bnr_beginner .beginner_text_2 { color:#fff; font-size:100%; padding-top:4px; padding-right: 4px; } #mainvisual_banner #bnr_location { width: 23%; margin: 0 0px 8px 0px; background: url(../img/index/bnr_loc_icon.png) 8px center no-repeat ,rgba(248,182,15,0.7); background-size:28%; height: 52px; text-align:center; font-size: 16px; border:#8c6825 solid 1px; border-radius: 6px; letter-spacing: 2px; float:left; } #mainvisual_banner #bnr_location a { display:block; height: 52px; padding-top:17px; padding-left:46px; color:#000; } #mainvisual_banner #bnr_seirachan { width: 23%; margin: 0px 8px 0px 8px; background: url(../img/index/bnr_seirachan_icon.png) left center no-repeat ,#fbd0f1; background-size:32%; height: 52px; text-align:center; font-size: 13px; border:#8c6825 solid 1px; border-radius: 6px; letter-spacing: 1px; float:left; line-height:140%; } #mainvisual_banner #bnr_seirachan a { display:block; padding-top:7px; padding-left:46px; height: 52px; color:#000; } #mainvisual_banner #bnr_archive { width: 23%; margin: 0px 8px 8px 8px; background: url(../img/index/bnr_archive_icon.png) 8px center no-repeat ,rgba(248,182,15,0.7); background-size: 24%; height: 52px; text-align:center; font-size: 13px; border:#8c6825 solid 1px; border-radius: 6px; letter-spacing: 1px; line-height:140%; float:left; } #mainvisual_banner #bnr_archive a { display:block; padding-top:7px; padding-left:42px; height: 52px; color:#000; } #mainvisual_banner #bnr_beginner:hover, #mainvisual_banner #bnr_location:hover, #mainvisual_banner #bnr_archive:hover { opacity:0.8; } .top_text_content { width: 100%; background: rgba(0,0,0,0.2); margin-top: -24px; margin-bottom:16px; } .top_text { width: 960px; margin: 0 auto; padding:16px 0 16px 48px; overflow: hidden; } .top_text p { color:#fff; float: left; clear: left; } #nav-sp { display:none; } #nav_b { display:none; } #content { background: url(../img/index/bg.jpg) fixed center top no-repeat; } #mainvisual_banner_s { display:none; } #content-banner { text-align: center; padding-top: 24px; padding-right: 2px; padding-left: 0px; padding-bottom: 8px; margin-top: 0; margin-right: 0; margin-left: 0; clear: both; background:url(../img/index/bg_top.png) bottom left repeat-x; } #content-banner img { width: auto; } #content-banner2 { width:1020px; margin: 0 auto; overflow:hidden; } #content-banner2 img { width:494px!important; margin: 0 8px 0 8px; } #content-banner3 { width:1020px; margin: 0 auto; overflow:hidden; } #content-banner3 img { width:332px!important; margin: 0 4px 0 4px; } #content-news { background-color:rgba(0,0,0,0.5); background-clip: padding-box; border: 1px solid rgba(255,255,255,0.3); border-radius:6px; width:1008px; margin:0 auto 0 auto; padding: 24px; } #content-news ul { width: 100%; margin: 0 auto; padding:0px 8px 0px 8px; } #content-news ul li { margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 20px; overflow: hidden; position:relative; background-image: url(../img/index/line_dot.png); background-repeat: repeat-x; background-position: left bottom; } #content-news ul li p { line-height: 170%; margin-bottom: 16px; } #content-news ul li p:last-of-type { margin-bottom: 0px; } .news_indent { margin: 0 20px; } p.link_ex { background: url(../img/gnav_arrow_right.png) right center no-repeat, #3a1183; padding:4px 12px 4px 12px; display:block; width:240px; border-radius: 4px; border: solid #3a1183 6px; float:right; } p.link_ex a { color:#F9F9F9; } p.link_ex:hover { opacity:0.8; } p.link_ex_news_long { background: url(../img/gnav_arrow_right.png) 97% center no-repeat, #8c6825; display:block; border-radius: 4px; text-align:center; float:none; width:70%; margin: 0 auto; } p.link_ex_news_long a { display:block; color:#F9F9F9; padding:10px 6px 10px 6px; } p.link_ex_news_long:hover { opacity: 0.7; } p.link_ex_news { background: url(../img/gnav_arrow_right.png) 97% center no-repeat, #8c6825; display:block; border-radius: 4px; text-align:center; float:right; width:230px; } p.link_ex_news a { display:block; color:#F9F9F9; padding:10px 6px 10px 6px; } p.link_ex_news:hover { opacity:0.7; } p.link_ex_news_b { background: url(../img/gnav_arrow_right.png) 97% center no-repeat, #8c6825; display:block; border-radius: 4px; text-align:center; position:absolute; right:16px; bottom:16px; width:230px; } p.link_ex_news_b a { display:block; padding:10px 6px 10px 0px; color:#F9F9F9; } p.link_ex_news_b:hover { opacity:0.7; } p.link_external { background: url(../img/sp/exlink.png) right center no-repeat, #3a1183; padding:4px 20px 4px 16px; display:inline; border-radius: 4px; border: solid #3a1183 6px; float:right; clear: none; } p.link_external a { color:#F9F9F9; } p.link_external:hover { opacity:0.8; } p.link_orange { clear: both; text-align:center; margin-bottom:24px; } p.link_orange a { background: url(../img/sp/exlink.png) right center no-repeat, #FF9900; padding:4px 8px 4px 0px; display:block; width: 270px; border-radius: 4px; border: solid #FF9900 6px; clear: none; margin:0 auto; color:#fff; letter-spacing: 1px; font-size:14px; } p.link_orange a:hover { opacity:0.8; } p.link_l { clear: both; text-align:center; margin-bottom:24px; } p.link_l a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8C6825; padding:10px 24px 8px 16px; display:inline-block; border-radius: 4px; border: solid #8C6825 6px; clear: none; margin:0 auto; color:#F9F9F9; letter-spacing: 1px; font-size:16px; } p.link_l a:hover { opacity:0.7; } p.link_external_c { clear: both; text-align:center; margin-bottom:0px!important; } p.link_external_c a { background: url(../img/sp/exlink.png) right center no-repeat, #8c6825; padding:4px 24px 4px 16px; display:block; border-radius: 4px; border: solid #8c6825 6px; clear: none; margin:0 auto; color:#F9F9F9; letter-spacing: 1px; width: 250px; } p.link_external_c:hover { opacity:0.7; } p.link_internal_c { clear: both; text-align:center; margin-bottom:0px!important; } p.link_internal_c a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8c6825; padding:4px 24px 4px 16px; display:block; border-radius: 4px; border: solid #8c6825 6px; clear: none; margin:0 auto; color:#F9F9F9; letter-spacing: 1px; width: 280px; } p.link_internal_c:hover { opacity:0.7; } .category_index { clear:both; padding: 16px 0 16px 24px; overflow:hidden; } .category_index p.link_internal_c { clear: none; float:left; margin: 0 10px 10px 0px!important; } .category_index_about_top { padding: 16px 0 0 8px; overflow:hidden; } .category_index_about_top p.link_internal_c { clear: none; float:left; margin: 0 10px 0px 0px!important; } .category_index_about_top.ownergame p.link_internal_c { clear: none; float:left; margin: 0 10px 10px 0px!important; } .category_index_top { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .category_index_top p.link_internal_c { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 128px!important; } .category_index_top p.link_internal_c:last-child { margin: 0 0px 10px 0px!important; } .category_index_top p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; width: 128px!important; } .category_index_top_2 { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .category_index_top_2 p.link_internal_c { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 231px!important; } .category_index_top_2 p.link_internal_c2 { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 231px!important; } .category_index_top_2 p.link_internal_c:last-child { margin: 0 0px 10px 0px!important; } .category_index_top_2 p.link_internal_c:nth-child(4) { margin: 0 0px 10px 0px!important; } .category_index_top_2 p.link_internal_c2:last-child { margin: 0 0px 10px 0px!important; } .category_index_top_2 p.link_internal_c2:nth-child(4) { margin: 0 0px 10px 0px!important; } .category_index_top_2 p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; width: 231px!important; font-size: 90%!important; letter-spacing: 0px; padding-left:0px!important; padding-right:10px!important; } .category_index_top_2 p.link_internal_c2 a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8C6825; width: 231px!important; font-size: 90%; letter-spacing: 0px; padding-left:0px!important; padding-right:10px!important; } .category_index_top_3 { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .category_index_top_3 p.link_internal_c { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 220px!important; } .category_index_top_3 p.link_internal_c2 { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 220px!important; } .category_index_top_3 p.link_internal_c:last-child { margin: 0 0px 10px 0px!important; } .category_index_top_3 p.link_internal_c:nth-child(4n) { margin: 0 0px 10px 0px!important; } .category_index_top_3 p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; width: 220px!important; font-size: 90%!important; letter-spacing: 0px; padding-left:0px!important; padding-right:10px!important; } .category_index_top_3 p.link_internal_c2 a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8C6825; width: 220px!important; font-size: 90%; letter-spacing: 0px; padding-left:0px!important; padding-right:10px!important; } .category_index_top_4 { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .category_index_top_4 p.link_internal_c { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 231px!important; } .category_index_top_4 p.link_internal_c2 { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 231px!important; } .category_index_top_4 p.link_internal_c:last-child { margin: 0 0px 10px 0px!important; } .category_index_top_4 p.link_internal_c:nth-child(4) { margin: 0 0px 10px 0px!important; } .category_index_top_4 p.link_internal_c2:last-child { margin: 0 0px 10px 0px!important; } .category_index_top_4 p.link_internal_c2:nth-child(4) { margin: 0 0px 10px 0px!important; } .category_index_top_4 p.link_internal_c a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8C6825; width: 231px!important; font-size: 90%!important; letter-spacing: 0px; padding-left:0px!important; padding-right:10px!important; } .category_index_top_4 p.link_internal_c2 a { background: url(../img/gnav_arrow_right.png) right center no-repeat, #8C6825; width: 231px!important; font-size: 90%; letter-spacing: 0px; padding-left:0px!important; padding-right:10px!important; } .category_index_top_4 p.link_internal_c a:hover, .category_index_top_4 p.link_internal_c2 a:hover { opacity:0.7; } .category_index_top_5 { clear:both; padding-bottom: 16px; overflow:hidden; padding-left: 0px; } .category_index_top_5 p.link_internal_c { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 296px!important; } .category_index_top_5 p.link_internal_c:last-child { margin: 0 0px 10px 0px!important; } .category_index_top_5 p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; width: 296px!important; font-size: 110%!important; letter-spacing: 0px; padding-left:0px!important; padding-right:10px!important; } .season5_category_index_top { clear:both; padding-bottom: 16px; overflow:hidden; width: 100%; } .season5_category_index_top p.link_internal_c { float:left!important; clear: none !important; margin: 0 10px 10px 0px!important; width: 231px!important; } .season5_category_index_top p.link_internal_c:nth-child(2n) { float:left!important; margin: 0 10px 10px 0px!important; } .season5_category_index_top p.link_internal_c:nth-child(4n) { margin: 0 0px 10px 0px!important; } .season5_category_index_top p.link_internal_c a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; width: 231px!important; font-size:12px; letter-spacing: 0px; height: auto; line-height: auto; padding:8px; } .season5_category_index_top p.link_internal_c.c2 { float:left!important; clear: none !important; margin: 0 16px 10px 0px!important; width: 231px!important; } .season5_category_index_top p.link_internal_c.c2:nth-child(2n) { float:left!important; margin: 0 10px 10px 0px!important; } .season5_category_index_top p.link_internal_c.c2:nth-child(odd) { margin: 0px 10px 10px 240px!important; } .season5_category_index_top p.link_internal_c.c2 a { background: url(../img/gnav_arrow_bottom.png) right center no-repeat, #8C6825; width: 231px!important; font-size:13px; letter-spacing: 1px; height: auto; line-height: auto; padding:8px; } p.link_internal_c:hover { opacity:0.7; } #content-news time { border:#333 solid 1px; border-radius: 3px; color:#333; font-size:80%; padding: 1px 6px 0 6px; } #content-news h2 { padding: 8px 0 8px 0; color: #333; margin: 8px 0 16px 0; font-size: 110%; font-weight: bold; } #content-news h3 { font-size: 120%; padding-bottom: 8px; margin-bottom: 8px; } .news_image { width:300px; height:auto; float:right; margin-left:20px; } .news_image_2 { width:300px; height:auto; float:left; margin-right:20px; margin-bottom:0px; } .more { margin: 0 auto 8px auto; } #pageTop { position: fixed; bottom: 20px; right: 20px; } .pankuzu { background:rgba(0,0,0,0.5); width: 100%; padding: 8px 0; } .pankuzu_content { width: 1008px; margin: 0 auto; color:#9B9B9B; overflow: hidden; font-size:80%; } .pankuzu_content a { color:#9B9B9B; } footer { } #footer-bottom { width:100%; } #footer-bottom-content { width:1008px; margin: 0 auto; } footer #copyright { color:#ededed; font-size: 10px; float:left; line-height:180%; } footer #segalogo { float:right; margin:0; padding-top:20px; } footer #footer-banner { text-align: center; padding-top: 24px; padding-right: 0; padding-left: 0; padding-bottom: 16px; } footer #footer-banner img { width:168px; } /* contents */ .content-main { background-color:rgba(0,0,0,0.5); background-clip: padding-box; border: 1px solid rgba(255,255,255,0.3); border-radius:6px; width:1008px; margin: 0 auto 48px auto; padding: 24px 24px 8px 24px; } .content-main#about_bottom { background:url(../img/about/image_b_pc.png) bottom left no-repeat,rgba(0,0,0,0.5); padding: 16px 16px 16px 16px; margin-bottom:48px; } .content-main .contents { margin: 0 0 24px 0; overflow:hidden; padding:24px; } .content-main .contents_racing { background: rgba(245,246,247,1.0); border-radius: 0px 0px 3px 3px; margin: 0 0 16px 0; padding: 24px; } .content-main p { line-height:170%; margin-bottom:16px; } .content-main h3 { background-image: url(../img/contents_title_icon.png) ,-webkit-gradient( linear , left top , left bottom , from(#fdd138) , color-stop(0.49, #ed8d02) , color-stop(0.50, #d67e00) , to(#f78600)); background-repeat: no-repeat, no-repeat; background-position:top left, left; background: url(../img/contents_title_icon.png) top left no-repeat ,linear-gradient(to bottom, #fdd138, #ed8d02 49%, #d67e00 50%, #f78600) left no-repeat; color: #fff; padding: 10px 0 8px 26px; font-size: 120%; margin: 0; border-radius: 3px 3px 0px 0px; letter-spacing: 1px; font-weight: normal; } .content-main h3.s5_title { background-image: url(../img/contents_title_icon_2.png) ,-webkit-gradient( linear , left top , left bottom , from(#fded38) , color-stop(0.49, #edbe02) , color-stop(0.50, #d6b000) , to(#f7c000)); background-repeat: no-repeat, no-repeat; background-position:top left, left; background: url(../img/contents_title_icon_2.png) top left no-repeat ,linear-gradient(to bottom, #fded38, #edbe02 49%, #d6b000 50%, #f7c000) left no-repeat; color: #fff; padding: 10px 0 8px 26px; font-size: 120%; margin: 0; border-radius: 3px 3px 0px 0px; letter-spacing: 1px; font-weight: normal; } /* 繝医ャ繝� */ #top #content { padding-bottom:48px;} .more_read_2 { color:#fff; text-align:center; cursor:pointer; width:300px; margin: 0 auto; background:url(../img/index/more_down.png) 280px center no-repeat, #3a1183; background-size: 3%; font-size:13px; letter-spacing:2px; border-radius: 4px; padding: 8px 16px 7px 12px; } .more_read_2 a { display:block; padding:16px 6px 16px 6px; color:#F9F9F9; } .more_read_2:hover { opacity:0.7; } /* about */ body#about #pagevisual { clear: both; height: 250px; background: url(../img/about/play_main.png) center top no-repeat, #181404; width: 100%; } body#about #page-title { background-color: rgba(0,0,0,0.3); padding: 12px 0 12px 0; margin-bottom:24px; } #about h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #CC4040; color: #fff; margin: 0 auto 0 auto; font-size: 125%; letter-spacing: 2px; font-weight: normal; width: 1008px; display:block; } #about #content { background: url(../img/index/bg_top_content.png) scroll left top repeat-x,url(../img/index/bg.jpg) fixed center top no-repeat;} .image_content_left { width:49%; float:left; background: #fff; border-radius: 4px; margin-bottom:24px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .image_content_right { width:49%; float:right; background: #fff; border-radius: 4px; margin-bottom:24px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .image_content_text { padding: 16px; } .image_content_text_img { border-radius: 0 0 4px 4px; } /* Junkies club_pc */ body#junkies #pagevisual { clear: both; height: 250px; background: url(../img/junkiesclub/junkie_main.png) center top no-repeat, #181404; width: 100%; } body#junkies #page-title { background-color: rgba(0,0,0,0.3); padding: 12px 0 12px 0; margin-bottom:24px; } #junkies h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #CC4040; color: #fff; margin: 0 auto 0 auto; font-size: 125%; letter-spacing: 2px; font-weight: normal; width: 1008px; display:block; } #junkies #content { background: url(../img/index/bg_top_content.png) scroll left top repeat-x,url(../img/index/bg.jpg) fixed center top no-repeat;} .category_index_junkies_top { padding: 16px 0 0 24px; overflow:hidden; } .category_index_junkies_top p.link_internal_c { clear: none; float:left; margin: 0 10px 10px 0px!important; } .category_index_junkies_top p.link_internal_c.small a { padding: 6px 0px 6px 0px; } p.link_red { border-right-color: rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.2); border-right-style: solid; border-bottom-style: solid; border-right-width: 2px; border-bottom-width: 2px; border-radius: 6px; width: 380px; clear:none; margin:0 auto; } p.link_red a { background: url(../img/exlink.png) right center no-repeat, #FF2F00; padding: 10px 8px 8px 8px; display: block; width: 100%; border-radius: 4px; border: solid #FF2F00 3px; clear: none; color: #fff; letter-spacing: 1px; font-size: 18px; text-align: center; line-height:160%; } p.link_red a:hover { opacity:0.8; } table.junkies_item_list { width: 49%; float: left; border-collapse: separate; border-radius: 6px; border: 2px solid #ADA58C; margin: 0 2% 2% 0%; } table.junkies_item_list:nth-child(even) { margin: 0 0% 2% 0%; } .junkies_item_list th { background:#F1F1F1; border-radius: 5px 5px 0px 0px; } .junkies_item_list td { text-align: right; } .junkies_item_list th, .junkies_item_list td { border: 1px solid #E9E9E9; padding: 4px; } .junkies_item_list_image { width: 100px; border-radius: 0px 0px 0px 5px; } .junkies_item_list_title { color:#969696; float:left; font-size: 80%; padding-top: 1px; } .junkies_item_list_jouken .junkies_item_list_title { padding-right: 8px; } .junkies_item_list td.junkies_item_list_image { width: 100px; border-radius: 0px 0px 0px 5px; text-align: center!important; } .junkies_item_list td.junkies_item_list_jouken { border-radius: 0px 0px 5px 0px; text-align:left!important; font-size: 85%; } .junkies_breed_table th.female { padding: 2px 0px 0px 1px; } .junkies_breed_table th.female span { padding-right:0px; padding-left:0px; } table.basicTable.w50 { width: 50%!important; } table.basicTable th,table.basicTable td { padding: 6px 10px; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; font-size: 100%; } table.basicTable { width: 90%; margin: 0 auto; margin-bottom: 24px; border: 2px solid #3c3606!important; } table.basicTable th:last-child{ border-right: 2px solid #3c3606; } table.basicTable td.cell_gray:last-child{ border-right: 2px solid #3c3606; } table.basicTable th { background:#fbf196; text-align:center; } table.basicTable th.th_blue { background:#8cd2ff; } table.basicTable th.th_pink { background:#ff8cb2; } table.basicTable th.th_green { background:#8cffd6; } table.basicTable th.th_orange { background:#fbb925; } table.basicTable tr:nth-child(even) { } table.basicTable .center { text-align:center; } .w80 { width: 80%!important; } .w40 { width: 40%; } .w30 { width: 30%; } .w20 { width: 20%; } #jockey_name p { font-size:120%; letter-spacing:2px; color:#333; } /* Junkies club_pc */ /* season5_pc */ body#s5 #pagevisual { clear: both; height: 250px; background: url(../img/info/season05/pagetitle.jpg) center top no-repeat, #362d0b; width: 100%; } body#s5 #pagevisual#newcontents { clear: both; height: 250px; background: url(../img/info/season05/pagetitle.jpg) center top no-repeat, #362d0b; width: 100%; } body#s5 #page-title { background-color: rgba(0,0,0,0.3); padding: 12px 0 12px 0; margin-bottom:24px; } body#s5 h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #ECC72C; color: #fff; margin: 0 auto 0 auto; font-size: 125%; letter-spacing: 1px; font-weight: normal; width: 1008px; display: block; } #s5 #content { background:url(../img/index/bg.jpg) fixed center top no-repeat;} /* beginner_pc */ #bnr_beginner_content { width: 50%; text-align:center; float:right; margin-top: -16px; padding:0; } #bnr_beginner_content #bnr_beginner { padding-top: 0px; padding-left:24px; } #bnr_beginner_content #bnr_beginner a { display:block; padding-top:6px; width: 100%; height: 56px; color:#fff; } #bnr_beginner_content #bnr_beginner .beginner_text_1 { color:#ffff33; font-size:70%; padding-bottom:6px; margin-left:6px; } #bnr_beginner_content #bnr_beginner .beginner_text_2 { color:#fff; font-size:100%; padding-top:4px; } #bnr_beginner { width: 70%; margin: 0 auto; background: url(../img/index/bnr_beginner_icon.png) left top no-repeat ,rgba(24,153,57,0.9); background-size:22%; height: 56px; text-align:center; font-size: 14px; border:#0f5437 solid 1px; border-radius: 6px; letter-spacing: 1px; } #bnr_beginner a { display:block; padding-top:6px; width: 100%; height: 56px; color:#fff; } #bnr_beginner .beginner_text_1 { color:#ffff33; font-size:70%; padding-bottom:6px; } bnr_beginner .beginner_text_2 { color:#fff; font-size:100%; padding-top:4px; } #bet_owner { background:url(../img/about/main.jpg) center top no-repeat, #fff; border-radius: 0 0 4px 4px ; height:610px; position:relative; margin-bottom:24px; } #bet_link { display:block; position:absolute; top:535px; left:172px; } #owner_link { display:block; position:absolute; top:535px; left:524px; } #beginner_b_link { padding-top: 630px; padding-bottom:0; position:relative; } #beginner_b_link p a { width: 280px; } #beginner_b_link p.link_l { position:absolute; top:550px; left:180px; } #beginner_b_link p.link_orange { position:absolute; top:550px; left:500px; } /* 繝ャ繝シ繧キ繝ウ繧ー繝励Ο繧ー繝ゥ繝� */ body#racing_program #pagevisual { clear: both; height: 250px; background: url(../img/racing/racing_main.jpg) center top no-repeat, #1a0b36; width: 100%; } body#racing_program #page-title { background-color: rgba(0,0,0,0.3); padding: 12px 0 12px 0; margin-bottom:24px; } body#racing_program h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #d5ce37; color: #fff; margin: 0 auto 0 auto; font-size: 125%; letter-spacing: 1px; font-weight: normal; width: 1008px; display: block; } .racing_program_table_sp { display:none; } .racing_program_table { display:block; width: 100%; color:#fff; border:#8E8E8E solid 3px; background:#3B3B3B; } .racing_program_table th { color: #BCBCBC; font-size: 70%; background: #4F4F4F; font-weight: normal; text-align: center; border-left: 1px solid #757575; border-right: none; border-bottom: none; padding: 1px 0 1px 0; width:6%; } .racing_program_table th.top_syokin{ color: #BCBCBC; font-size: 70%; background: #4F4F4F; font-weight: normal; text-align: center; border-left: 1px solid #757575; border-right: 1px solid #757575; border-bottom: 1px solid #3B3B3B!important; padding: 2px 0 2px 0; } .racing_program_table th.top_syokin_horse{ border-right: 1px solid #3B3B3B!important; } .racing_program_table th.main { color:#fff; font-size: 100%; background: #3bc0bd; font-weight: normal; text-align: center; border-left: 1px solid #8E8E8E; border-right-style: 1px solid #3bc0bd; border-bottom-style: none; border-top: 1px solid #8E8E8E; padding: 2px 0 2px 0; } .racing_program_table th.sub { color:#fff; font-size: 100%; background-color: #D5CE37; font-weight: normal; text-align: center; border-left: none; border-right: none; border-bottom: none; border-top: none; padding: 2px 0 2px 0; } .racing_program_table td { padding: 4px 0 3px 0; border-left: none; border-right: 1px solid #757575!important; border-bottom: 1px solid #757575; font-size: 80%; text-align: center; background:#3B3B3B; } .racing_program_table td a { color:#00b050; } .table_bottom { border-bottom: none!important; } .racing_program_table td.syokin_horse { border-right: 1px solid #4C4C4C; } th.racing_program_number { background-color: #4F4F4F; color: #fff; border-bottom: 1px solid #8E8E8E; border-left: 1px solid #3BC0BD; border-right: none; text-align: center; font-size: 100%!important; } td.racing_program_number { background: #fff; color: #333; border-bottom: 3px solid #8E8E8E; border-left: none; border-right: none; text-align: center; font-size:100%!important; width:5%; } td.racing_program_blank { background: #8E8E8E; border-left: none; border-right: none; border-bottom: none; width: 0px; padding: 0; } td.racing_program_seisan { border-left: none; border-right: solid 1px #FF9B1E; border-bottom: none; padding: 3px; background-color: #FF9B1E; font-size:100%; vertical-align:top; } td.racing_program_seisan_koba { border-left: none; border-right: solid 1px #0B8D2A; border-bottom: none; padding: 3px; background-color: #0B8D2A; font-size:100%; vertical-align:top; } .racename { width:30%; font-size:90%!important; text-align:left!important; vertical-align: middle; } .racename p { padding:20px 0 0 36px ; line-height:110%!important; } .racename_b { width:15%; padding: 4px 0 3px 0!important; border-bottom: 3px solid #8E8E8E!important; border-collapse: collapse; } .grade_jpn1 { width: 26px; height: 26px; background:#163395; color:#fff; border-radius: 4px; padding: 6px 0px 0px 0px; float:left; margin: 12px 0 0 5px; font-size:10px; word-break: keep-all; } .grade_jpn2 { width: 26px; height: 26px; background:#b51f21; color:#fff; border-radius: 4px; padding: 6px 0px 0px 0px; float:left; margin: 12px 0 0 5px; font-size:10px; word-break: keep-all; } .grade_g3 { width: 24px; height: 24px; background:#007C0A; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; } .grade_g2 { width: 24px; height: 24px; background:#b51f21; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; } .grade_g1 { width: 24px; height: 24px; background:#163395; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; } .grade_g1_wbc { width: 24px; height: 24px; background:#cfb736; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; } .grade_g1_swbc { width: 24px; height: 24px; background:#663786; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; } .grade_op { width: 24px; height: 24px; background:#848484; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; } .grade_dc { width: 24px; height: 24px; background: #b51f21; /* Old browsers */ background: -moz-linear-gradient(left, #b51f21 0%, #b51f21 50%, #163395 51%, #163395 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #b51f21 0%,#b51f21 50%,#163395 51%,#163395 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #b51f21 0%,#b51f21 50%,#163395 51%,#163395 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; position:relative; } .grade_mc { width: 24px; height: 24px; background:#848484; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; position:relative; } .grade_sr { width: 24px; height: 24px; background:#275a4e; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; position:relative; } .grade_mr { width: 24px; height: 24px; background:#dd7eae; color:#fff; border-radius: 4px; padding: 5px 0px 0px 0px; text-align:center; float:left; margin: 12px 0 0 5px; position:relative; } .racing_program_bottom { border-bottom: 3px solid #8E8E8E!important; } .simurace_table { width: 100%; color:#fff; border:#8E8E8E solid 3px; border-collapse:separate; border-spacing:0px; } .simurace_table th { color: #545342; font-size: 90%; background: #d3d268; font-weight: normal; text-align: center; border-left: 1px solid #817D1A; border-right-style: none; border-bottom-style: none; padding: 4px 0 4px 0; } .simurace_table td { padding: 9px 4px 8px 4px; border-left-style: none; border-right: 1px dotted #757575; border-bottom: 1px solid #5F5F5F; border-top-style: none; font-size: 90%; text-align: center; } .simurace_table td.simu_first { border-left: 1px dotted #757575; } .simurace_table td.simu_last { border-right: none; } .simurace_table tr:nth-child(odd) { background-color: #303030; } .simurace_table tr:nth-child(even) { background:#3b3b3b; } dl.notes_list { overflow:hidden; } dl.notes_list dt { float:left; clear:left; width:2%; padding-bottom:6px; } dl.notes_list dd { float:left; width:97%; padding-bottom:6px; } dl.notes_list dd.notes_list_b { padding-bottom:20px; } /* shnet */ body#shnet #pagevisual { clear: both; height: 250px; background: url(../img/about/play_main.png) center top no-repeat, #1a0b36; width: 100%; } body#shnet #page-title { background-color: rgba(0,0,0,0.3); padding: 12px 0 12px 0; margin-bottom:24px; } #shnet h2#pagetitle { padding: .1em 0 .05em .6em; border-left: 6px solid #d07d64; color: #fff; margin: 0 auto 0 auto; font-size: 125%; letter-spacing: 1px; font-weight: normal; width: 1008px; display: block; } #shnet #content { background:url(../img/index/bg.jpg) fixed center top no-repeat;} #service_joho { width:32%; float:left; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #service_noujou { width:32%; float:left; margin: 0 18px 0 18px; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #service_capsule { width:32%; float:left; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #service_joho_content, #service_noujou_content, #service_capsule_content { padding: 16px; height: 160px; } .box_notes { clear:left; background:#DFDFDF; overflow:hidden; padding:16px; } .box_notes h4 { background: #525252; color:#fff; margin-bottom: 16px; font-size:100%; padding:6px 4px 4px 4px; } .box_notes h4{ padding:4px 8px 2px 8px!important; background: none!important; background-color: #6D6D6D!important; color: #fff!important; margin: 0 0 16px 0; font-weight: bold; letter-spacing: 1px; font-size: 100%!important; text-align: left; } #otoku { clear:left; background:#fff; overflow:hidden; padding:16px 16px 0 16px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #otoku_image { width: 30%; float: left; margin-bottom:0; } #otoku_text { float: left; padding-top:20px; margin-bottom:0; padding-left:8px; } #otoku_text img { display:block; padding-bottom:16px; } #otokuList { width: 32%; position:relative; float:left; padding-left:0px; margin-left:24px; } ul.checkList li { position: relative; padding: 6px 0 6px 0; font-size: 105%; } ul.checkList li::after { display: block; content: ''; position: absolute; top: 1em; left: -1em; width: 8px; height: 3px; border-left: 2px solid #333; border-bottom: 2px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .shnet_main { overflow:hidden; margin-bottom:24px; } #course_select_top { float:left; width: 100px; height: 100px; margin: 0 16px 16px 0; } #course { overflow: hidden; width: 100%; } #course_muryo h4, #course_yuryo h4 { font-size: 110%; text-align: center; color: #333; letter-spacing: 1px; border-bottom: #323232 solid 2px; padding-bottom:2px; display: block; } #course_muryo { width: 34%; float: left; margin-right: 2%; } #course_yuryo { width: 64%; float: left; } #course_muryo, #course_yuryo { padding: 16px; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #course_muryo p, #course_yuryo p { margin-top: 16px; } .course_yuryo_table { width:100%; border-collapse:separate; border-spacing: 3px; font-size: 14px; } .course_yuryo_table th { text-align:center; font-size: 12px; padding: 16px 0 16px 0; } .course_yuryo_table th.blank { background:#F5F6F7; } .course_yuryo_table th.standard { background:#68D3D0; color:#FFFFFF; } .course_yuryo_table th.value { background:#D368B7; color:#FFFFFF; } .course_yuryo_table th.delux { background:#B09327; color:#FFFFFF; } .course_yuryo_table th.v { background:#E9E6EE; } .course_yuryo_table td { padding: 4px 0 4px 0; text-align:center; width: 26%; height:68px; } .course_yuryo_table tr{ background:#fff; } .course_yuryo_table tr:nth-child(odd){ background-color: #FCFBFC; } .text-top { color:#eee; width:1008px; margin:0 auto; padding: 24px 0 24px 0; } .footer_nav_sp { display: none; } .footer_nav_sp_b { display: none; } .sp-only { display: none; } .pc-only { display: block; } .kaibalist { float:left; } /* 驕翫�譁ケPC */ .box1 h4{ padding: 2px 0 8px .8em; background: url(../img/about/line_dot_about.png) left bottom repeat-x, url(../img/about/title_icon.png) left top no-repeat; color: #333; margin: 0 0 16px 0; font-weight: bold; letter-spacing: 1px; font-size:115%; text-align: left; } .box1 h5{ color: #40370F; margin: 0 0 16px 0; font-weight: bold; letter-spacing: 1px; font-size: 100%; text-align: left; padding: 4px 3px 3px 8px; background-color: #fbf196; border-radius: 3px; border: none; } .box1 h6{ color: #4E4E4E; background:#F4F4F1; font-size: 100%; margin: 0px auto 16px auto; padding: 4px 3px 3px 8px; border-radius: 3px; } .box1 .scene{ color: #4E4E4E; font-weight:bold; font-size: 100%; width: 96%; margin: 0px auto 16px auto; } .box1 .scene2{ color: #4E4E4E; font-size: 100%; width: 93%; margin: 0px auto 16px auto; padding-bottom: 4px; border-bottom:#CBCBCB solid 1px; } .box1 { width: 100%; float: left; margin-bottom:24px; padding: 16px; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .box3 { padding:10px; overflow:hidden; background:#ACD4EE;} .box_blue { width: 100%; margin: 0px auto 24px auto; margin-bottom: 24px; padding: 16px; background-color: #b8d4ff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); clear:both; } .box_blue h5{ background:rgba(9,71,134,1.00); color:rgba(255,255,255,1.00); border-radius: 4px; display: block; margin-bottom: 16px; padding: 4px 8px 2px 8px; font-size: 110%; width: 100%; } .box_blue_1 { width: 70%; margin: 0px auto 24px auto; margin-bottom: 8px; padding: 16px; background-color: #b8d4ff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); float: left; } .box_blue_1 h5{ background:rgba(9,71,134,1.00); color:rgba(255,255,255,1.00); border-radius: 4px; display: block; margin-bottom: 16px; padding: 4px 8px 2px 8px; font-size: 110%; width: 100%; } .box1 h4.title_blue { background: url(../img/about/line_dot_about.png) left bottom repeat-x, url(../../event/satonoarthur/img/title_icon_s5.png) 5px 7px no-repeat, #deebff; color: #2d2501; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 20px; font-size: 125%; font-weight: bold; text-align: left; padding: 7px 0px 5px 20px; float: left; width: 70%; } .box1 h4.title_orange { background: url(../img/about/line_dot_about.png) left bottom repeat-x, url(../img/about/title_icon_s5.png) 5px 7px no-repeat, #fffae4; color: #2d2501; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 20px; font-size: 125%; font-weight: bold; text-align: left; padding: 7px 0px 5px 20px; float: left; width: 70%; } .box_orange { width: 100%; margin: 0px auto 24px auto; padding: 16px; background-color: #ffec97; border-radius: 6px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); clear:both; } .box_orange h5 { background:#ffae28; color: rgba(81,50,0,1.00); border-radius:4px; display: block; margin-bottom: 8px; padding: 4px 8px 2px 8px; font-size: 110%; float: left; clear:left; width: 100%; } .box_orange_1 { width: 70%; margin: 0px auto 24px auto; margin-bottom: 8px; padding: 16px; background-color: #ffec97; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); float: left; } .box_orange_1 h5{ background:#ffae28; color: rgba(81,50,0,1.00); border-radius: 4px; display: block; margin-bottom: 16px; padding: 4px 8px 2px 8px; font-size: 110%; width: 100%; } .yosou_content { clear: left; } .img_left { float: left; margin-right:16px; } .img_right { float: right; margin-left:16px; } ul.ticket_list { margin:0; padding:0; width:100%; } ul.ticket_list li { width:100%; height:56px; float:left; margin: 0px 0px 12px 0px; padding:19px 6px 6px 130px; } ul.ticket_list li img { float:left; margin-top:10px; } ul.ticket_list li.tansyo { margin: 0px 12px 12px 0px; background:url(../img/about/betgame/img_play_2_bet01.jpg) left center no-repeat,#FFB9E1; } ul.ticket_list li.fukusyo { background:url(../img/about/betgame/img_play_2_bet02.jpg) left center no-repeat,#FFB9E1; } ul.ticket_list li.wakuren { margin: 0px 12px 12px 0px; background:url(../img/about/betgame/img_play_2_bet03.jpg) left center no-repeat,#FFD1BD; } ul.ticket_list li.umaren { background:url(../img/about/betgame/img_play_2_bet04.jpg) left center no-repeat,#FFFFAD; } ul.ticket_list li.umatan { background:url(../img/about/betgame/img_play_2_bet05.jpg) left center no-repeat,#D1EDA2; margin: 0px 12px 12px 0px; } ul.ticket_list li.wide { background:url(../img/about/betgame/img_play_2_bet06.jpg) left center no-repeat,#D4FFD2; } ul.ticket_list li.sanrenpuku { background:url(../img/about/betgame/img_play_2_bet07.jpg) left center no-repeat,#B5FFFF; margin: 0px 12px 12px 0px; } ul.ticket_list li.sanrentan { background:url(../img/about/betgame/img_play_2_bet08.jpg) left center no-repeat,#A6FFEB; } ul.ticket_list li.ride { background:url(../img/about/betgame/img_play_2_bet09.jpg) left center no-repeat,#C5CBEB; height: auto; } ul.ticket_list li.side { background:url(../img/about/betgame/img_play_2_bet10.jpg) left center no-repeat,#D0B5EC; height: auto; } ul.ticket_list li.colors { background:url(../img/about/betgame/img_play_2_bet11.jpg) left center no-repeat,#FF96F5; height: auto; } ul.ticket_list li.try { background:url(../img/about/betgame/img_play_2_bet12.jpg) left center no-repeat,#B0AAF2; height: auto; } ul.ticket_list li.yell { background:url(../img/about/betgame/img_play_2_bet13.jpg) left center no-repeat,#fdeada; height: auto; padding:29px 6px 16px 130px; } ul.pointList { margin:0 0 20px 0; padding:0; overflow:hidden; width: 100%; } ul.pointList li { float: left; width: 214px; padding: 0 0 4px 0; } ul.chokyo_list { margin:0; padding:0; } ul.chokyo_list li { width:100%; height:56px; float:left; margin: 0px 0px 12px 0px; padding:16px 20px 0px 0px; background: #EAE8E5; } ul.chokyo_list li img { margin:0px 8px 0px 8px; } ul.kaiba_list { margin:0; padding:0; float:left; width:70%; } ul.kaiba_list li { float: left; margin: 0px 12px 12px 0px; padding: 8px 20px 8px 0px; background-color: #FF999A; width:45%; } ul.kaiba_list li img { margin:0px 8px 0px 8px; } ul.chousei_list { margin:0; padding:0; float:left; width:100%; } ul.chousei_list li { float: left; margin: 0px 12px 12px 0px; padding: 8px 20px 8px 0px; background-color: #6CBDBE; width: 100%; } ul.chousei_list li p { padding: 40px 0px 0px 0px; } ul.chousei_list li img { margin:0px 8px 0px 8px; float: left } } /* footer */ footer { color: #f0f0f0; background: linear-gradient(#060401, #4b3710); } footer a { color: #f0f0f0; } footer #footer-top { padding: 0; width: 1008px; margin-top: 0; margin-right: auto; margin-left: auto; margin-bottom: 16px; } footer #footer-top ul { position: relative; padding: 0; margin: 0; overflow: hidden; } footer #footer-top ul:after { content: ""; position: absolute; top: 0; right: 204px; width: 1px; height: 100%; /* background-color: #666;*/ } li#footer_category-top a:before, li#footer_category-top2 a:before, li#footer_category-top3 a:before { content: "-"; display: inline-block; color: #ccc; font-style: normal; font-weight: normal; line-height: 1; position: absolute; left: 0; top: 50%; margin-top: -6px; } /* background-color: #666;*/ footer #footer-top ul li { float: left; list-style: none; font-size: 14px; width: 200px; margin-bottom: 8px; padding-top: 0px; } footer #footer-top ul li a { position: relative; display: block; padding-left: 15px; } footer #footer-top ul li a:hover { color:#00b050; text-decoration:none;} footer #footer-top ul li a:before { display: inline-block; color: #ccc; font-style: normal; font-weight: normal; font-size: 10px; font-size: 0.625rem; line-height: 1; position: absolute; left: 0; top: 50%; margin-top: -6px; } footer #footer-top ul li ul li a:before { display: inline-block; color: #ccc; font-style: normal; font-weight: normal; font-size: 10px; font-size: 0.625rem; line-height: 1; content: "-"; position: absolute; left: 0; top: 50%; margin-top: -6px; } footer #footer-top ul li .heading { display: block; margin-bottom: 8px; } footer #footer-top ul li ul { float: none; border: none; padding-left: 15px; } footer #footer-top ul li ul li { float: none; font-size: 11px; width: 180px; padding-bottom: 8px; line-height: 160%; } .browser { float:left; padding-right:4px; } .browser_list { float:left; } @media only screen and (max-width: 640px) { footer { min-width: 100%; background: linear-gradient(#020106, #020106); } footer #footer-top { padding: 0; width: 100%; margin:0; } footer #footer-top ul:after { display: none; } footer #footer-top ul li { float: none; width: auto; font-size: 15px; border-bottom: 1px solid #aaa; } footer #footer-top ul li a { padding: 10px 0 16px 10px; background:url(../img/gnav_arrow_right.png) 98% 15px no-repeat; } footer #footer-top ul li a.ex { padding: 10px 0 16px 10px; background-repeat: no-repeat; background-position: 98% 15px no-repeat; background-image: url(../img/sp/exlink.png); } footer #footer-top ul li a:before { color: #ccc; font-size: 12px; right: 10px; left: inherit; margin-top: -10px; } footer #footer-top ul li .heading { margin-bottom: 0; } footer #footer-top ul li:first-child { border-top: 1px solid #aaa; } footer #footer-top ul li:last-child { margin-bottom: 0; } footer #footer-top ul li ul { display: none; } .pc-only { display: none; } .sp-only { display: block; } .footer_nav_sp { display: block; background:#000; } .footer_nav_sp_b { background:#000; } li .heading { display: none!important; } li#footer_category-top, li#footer_category-top2, li#footer_category-top3 { display: none!important; } footer #footer-top ul li.footer-nav-pc { border-bottom: none!important; } #footer-bottom { margin-top: -10px; } } /*繝医ャ繝� @media screen and (min-width:1024px){ #news { background: #000; background-color:rgba(0,0,0,0.5); } #news ul { width: 960px; } #news ul li { background: #f6f5f7; border-radius: 3px; margin: 0 0 16px 0; } #news time { border:#771ca8 solid 1px; border-radius: 3px; color:#771ca8; font-size:80%; padding: 0 5px 0 5px; } #news h2 { padding: 8px 0 8px 0; background-image: url(../img/index/line_dot.png); background-repeat: repeat-x; background-position: left bottom; } }*/ /*---------------------------------------- 霑ス蜉�蛻�シ�6/21�� ----------------------------------------*/ /*�√い繧、繧ウ繝ウ縺、縺�*/ .attention { font-size: 85%; background: url(../img/attention.png) no-repeat left top; text-indent: 2em !important; display: block; margin-bottom: 10px; color: #e10019; font-weight: bold; line-height: 1.75; } /*蝗槭j霎シ縺ソ繧ッ繝ェ繧「*/ .clear { clear: both; } /*div隱ソ謨エ*/ div { height: auto; overflow: hidden; } /*譁�ュ�*/ .red { color: #e10019; } .blue { color: #4056FF; } .big { font-size: 150%; } .bold { font-weight: bold; } /*蛹コ蛻�j邱�*/ hr.dotted { border: none; border-bottom: dotted 1px #333333; } /*繝ェ繝ウ繧ッ繝懊ち繝ウ*/ a.result_1term { display: block; width: 320px; height: 54px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page.png) left top no-repeat; background-size: cover; text-indent: -99999px; position: inherit; float: right; margin: -70px 20px 0px 0px; } a.result_1term:hover { background: url(../img/about/dreamcs/btn_dcs_page-on.png) left top no-repeat; } a.result_2term { display: block; width: 320px; height: 54px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page_2.png) left top no-repeat; background-size: cover; text-indent: -99999px; position: inherit; float: right; margin: -70px 20px 0px 0px; } a.result_2term:hover { background: url(../img/about/dreamcs/btn_dcs_page_2-on.png) left top no-repeat; } a.result_3term { display: block; width: 320px; height: 54px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page_3.png) left top no-repeat; background-size: cover; text-indent: -99999px; position: inherit; float: right; margin: -70px 20px 0px 0px; } a.result_3term:hover { background: url(../img/about/dreamcs/btn_dcs_page_3-on.png) left top no-repeat; } /*繝槭�繧ク繝ウ*/ .bottom25 { margin-bottom: 25px; position: relative; } .left300 { margin-left: 300px; } /*譌「蟄倥�box_notes逕ィ縺ォ霑ス蜉�*/ .box_notes h5, h5 { margin-bottom: 20px; padding: 3px 0px 2px 8px; border-radius: 2px; line-height: normal; background-color: rgba(0,0,0,0.6); color: #fff; } .box_notes p { margin-left: 20px; margin-right: 20px; } /*譫�莉倥″繝懊ャ繧ッ繧ケ*/ .box_notes .box3 { padding: 5px 0px 4px 0px; border: solid 1px #999999; border-radius: 2px; background: none!important; } .box_notes .box3 h5 { margin: 0px 10px 20px 10px; } /*荳贋ク狗せ邱壻サ�*/ p.dotted_line { padding-top: 16px; padding-bottom: 10px; border-top: dotted 1px #333333; } /**/ span.term { padding: 3px 10px 2px 10px; background-color: #C7A8EA; } span.paddd05 { display:block; width: 100px; height: 5px; } /*table*/ table.about { margin-bottom: 20px; width: 100%; border: solid 2px #999999; } table.about tr { border-bottom: solid 1px #999999; } table.about tr:last-child { border-bottom: none; } table.about th { padding: 5px; background-color: #CBAEF7; text-align: center; border-right: solid 1px #999999; } table.about tr th:last-child { border-right: none; } table.about td { padding: 5px; border-right: solid 1px #999999; } table.about td.center { text-align: center; } table.about tr td:last-child { border-right: none; } @media only screen and (max-width: 640px) { /*繝ェ繝ウ繧ッ繝懊ち繝ウ*/ a.result_1term { display: block; margin: 0px auto 0px auto!important; padding-bottom: 16.9%!important; width: 100%!important; height: 0px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page.png) left top no-repeat; background-size: cover; text-indent: -99999px; } a.result_1term:hover { display: block; margin: 0px auto 0px auto!important; padding-bottom: 16.9%!important; width: 100%!important; height: 0px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page.png) left top no-repeat; background-size: cover; text-indent: -99999px; } a.result_2term { display: block; margin: 0px auto 0px auto!important; padding-bottom: 16.9%!important; width: 100%!important; height: 0px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page_2.png) left top no-repeat; background-size: cover; text-indent: -99999px; } a.result_2term:hover { display: block; margin: 0px auto 0px auto!important; padding-bottom: 16.9%!important; width: 100%!important; height: 0px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page_2.png) left top no-repeat; background-size: cover; text-indent: -99999px; } a.result_3term { display: block; margin: 0px auto 0px auto!important; padding-bottom: 16.9%!important; width: 100%!important; height: 0px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page_3.png) left top no-repeat; background-size: cover; text-indent: -99999px; } a.result_3term:hover { display: block; margin: 0px auto 0px auto!important; padding-bottom: 16.9%!important; width: 100%!important; height: 0px; overflow: hidden; background: url(../img/about/dreamcs/btn_dcs_page_3.png) left top no-repeat; background-size: cover; text-indent: -99999px; } p.dotted_line { margin-top: 24%; padding-top: 4%; border-top: dotted 1px #333333; } }