@charset "utf-8"; .current_menu{ text-decoration: none; color: #FFF; background-color: #ff7f89;} #main_header #inner nav ul li ul.teams li ul.team_list li div.img { width:71px; height:60px; display:table-cell; vertical-align:middle; text-align:center;} * html #main_footer .textlink .banner_station { float:right; margin-right:5px;} /**********************************************************************/ /* 共通要素 ***********************************************************************/ html, body, div, span, h1, h2, p, img, dl, dt, dd, ul, li, form,article, header, footer, menu, nav, section { margin:0; padding:0; border:0;} body{ font:12px 'Lucida Grande','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif; //background:url(../../img/pc/bg.min.jpg); //background-repeat: no-repeat; background-color:#275e9c; //background-attachment: fixed; //background-size:contain; //background-attachment: fixed; //background-position-x: -300px;} @media screen and (min-width: 2301px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -50px; } } @media screen and (max-width: 2300px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -50px; } } @media screen and (max-width: 2200px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -100px; } } @media screen and (max-width: 2100px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -150px; } } @media screen and (max-width: 2000px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -200px; } } @media screen and (max-width: 1900px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -250px; } } @media screen and (max-width: 1800px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -300px; } } @media screen and (max-width: 1700px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -350px; } } @media screen and (max-width: 1600px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -400px; } } @media screen and (max-width: 1500px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -450px; } } @media screen and (max-width: 1400px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -500px; } } @media screen and (max-width: 1300px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -550px; } } @media screen and (max-width: 1200px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -600px; } } @media screen and (max-width: 1100px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -650px; } } @media screen and (max-width: 1000px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -650px; } } @media screen and (max-width: 900px) { #bg { background:url(../../img/pc/bg.min.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position-x: -650px; } } * html body{padding-top:32px} article,footer,header,nav,section { display:block; } ul {list-style:none;} input, select {vertical-align:middle;} img { vertical-align:bottom; border:none; } a { outline:none; text-decoration:none; } a:hover { text-decoration:underline; } a:active { color:#F00; } hr { margin:0; padding:0; border:none; border-top:1px solid #C3C3C3; border-bottom:1px solid #F1F1F1; height:1px; background:#999999; } /**********************************************************************/ /* paginator ***********************************************************************/ #paginator { width:100%; padding: 10px 0 80px 0; text-align:center; color:#010101; } #paginator li { display:inline; } #paginator li span { margin:0 5px; } #paginator li span a { color:#999999; } /**********************************************************************/ /* header ***********************************************************************/ #main_header { background:url(../../img/pc/head_bg.png) repeat-x left top; } #main_header #inner { height: 125px; width: 1000px; margin: 0 auto; position: relative; } #main_header #inner h1 { z-index: 1; background: url(../../img/pc/logo.png) no-repeat; position: absolute; left: 0px; top: 15px; } #main_header #inner h1 a { width: 135px; height: 85px; text-indent:100%; overflow:hidden; white-space:nowrap; display:block; } #main_header #inner div#logo_name { z-index: 1; background: url(../../img/pc/logo2_2022.png) no-repeat; position: absolute; left: 128px; top: 35px; } #main_header #inner div#logo_name a { width: 300px; height: 30px; text-indent:100%; overflow:hidden; white-space:nowrap; display:block; } #main_header #head_social { position:absolute; z-index:100; right:-47px; width:47px; margin-top:12px; } #main_header #head_social li { margin:4px; width:39px; } #main_header #head_banner { padding-left:660px; height:89px; display:table; background:url(../../img/pc/header_banner_div.png) no-repeat right center; } #main_header #head_banner li { padding: 18px 0px 0 0px;float: left; } #main_header #inner nav { width:100%; height:51px; } #main_header #inner nav > ul { padding-left: 115px; padding-top: 71px; background: url(../../img/pc/header_menu_div.jpg) no-repeat right 71px; } #main_header #inner nav > ul > li { position:relative; float:left; width:81px; background:url(../../img/pc/header_menu_div.jpg) no-repeat left top; height: 37px; } #main_header #inner nav > ul > li:first-child { } #main_header #inner nav > ul > li:nth-child(1) { width:110px; } #main_header #inner nav > ul > li:last-child { width:95px; background:url(../../img/pc/header_menu_div.jpg) no-repeat left top; height: 37px; } #main_header #inner nav > ul:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } #main_header #inner nav > ul > li > a { display:block; color:#FFF; white-space:nowrap; font-size:90%; padding:9px 0; //margin-left: 3px; } #main_header #inner a { cursor:pointer; } #main_header #inner nav > ul > li:hover > a { text-decoration:none; color:#FFF; background-color:#ff7f89; } #main_header #inner nav ul li a .title { height:20px; line-height:20px; font-size:110%; font-weight:bold; text-align:center; padding-left:2px; } #main_header #inner nav ul li a .subtitle { height:11px; line-height:11px; font-size:90%; text-align:center; padding-left:2px; } /*///////////////////////////////////*/ #main_header #inner nav ul li ul.teams { position:absolute; top:100%; left:-302px; padding-left:2px; } #main_header #inner nav ul li ul.teams li { background:url(../../img/pc/teams_submenu_bg.png); position:relative; overflow:hidden; width:1000px; height:0; text-align:left; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transition:0.2s; -webkit-transition:0.2s; -o-transition:0.2s; -ms-transition:0.2s; transition:0.2s; } #main_header #inner nav ul li ul.teams li ul.team_list { overflow:hidden; width:1000px; } #main_header #inner nav ul li ul.teams li ul.team_list li { background:url(../../img/pc/header_teams_division.png) repeat-y left top; width:71px; height:115px; text-align:center; float:left; margin:8px 4px 12px -4px; } #main_header #inner nav ul li ul.teams li ul.team_list li div.img img { width:auto; max-width:60px; max-height:80px; } #main_header #inner nav ul li ul.teams li ul.team_list li:nth-child(1) img, #main_header #inner nav ul li ul.teams li ul.team_list li:nth-child(8) img { margin-top:54px; } #main_header #inner nav ul li ul.teams li ul.team_list li div { text-align:left; font-size:75%; } #main_header #inner nav ul li ul.teams li ul.team_list li:nth-child(1), #main_header #inner nav ul li ul.teams li ul.team_list li:nth-child(8) { width:74px; } #main_header #inner nav ul li ul.teams li .link { margin:0 0 5px 10px; } #main_header #inner nav ul li ul.teams li a { color:#585858; } #main_header #inner nav ul li ul.teams li a:hover { text-decoration:none; color:#E60012; } #main_header #inner nav ul li:hover ul.teams li { overflow:visible; height:135px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } /*///////////////////////////////////*/ #main_header #inner nav ul li ul.news { position:absolute; top:100%; left:2px; padding-left:2px; } #main_header #inner nav ul li ul.news li { background:url(../../img/pc/news_submenu_bg.png); position:relative; overflow:hidden; width:180px; height:0; text-align:left; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transition:0.2s; -webkit-transition:0.2s; -o-transition:0.2s; -ms-transition:0.2s; transition:0.2s; } #main_header #inner nav ul li ul.news li span { font-size:80%; } #main_header #inner nav ul li ul.news li:last-child { border:none; } #main_header #inner nav ul li ul.news li a { display:block; color:#585858; margin:0 5px; padding:0 5px; border-top:1px solid #ABABAB; height:28px; } #main_header #inner nav ul li ul.news li:first-child a { border-top:none; height:29px; } #main_header #inner nav ul li ul.news li:last-child a { border-bottom:none; height:29px; } #main_header #inner nav ul li ul.news li a:hover { text-decoration:none; color:#E60012; } #main_header #inner nav ul li:hover ul.news li { overflow:visible; height:30px; line-height:30px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } /**********************************************************************/ /* footer ***********************************************************************/ #main_footer .textlink .banner_station { float:right; margin-right:15px; } #main_footer { margin:0 auto; color:#FFF; clear: both; background-color: #ff4c5a; } #main_footer .partners { text-align:center; font-weight:bold; background:#17703C; padding-bottom:8px; } #main_footer .partners p { padding:5px; } #main_footer .partners ul { background:#FFF; padding:0 0 12px 12px; } #main_footer .partners ul li { border:1px solid #E6E6E6; margin:5px 5px 0 0; width:91px; height:91px; display:table; table-layout:fixed; float:left; } #main_footer .partners ul li a { display:table-cell; vertical-align:middle; } #main_footer .partners ul li img { width:auto; height:auto; max-width:91px; max-height:91px; } #main_footer .partners ul:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } #main_footer dl.featured { margin:12px auto 0; padding-bottom:35px; background:url(../../img/pc/footer_hr.png) repeat-x left bottom; padding-top: 10px; clear: both; } #main_footer dl.featured dt { font-weight:bold; margin:0 0 10px 25px; } #main_footer dl.featured dd ul { display:table; width:100%; } #main_footer dl.featured dd ul li { text-align:center; display:table-cell; * display:inline; * zoom:1; * padding:0 15px; } #main_footer .textlink { padding: 20px 0 15px 16px; /* background: url(../../img/pc/footer_hr.png) repeat-x left bottom; */ width: 1000px; margin: 0 auto; } #main_footer .textlink dl { display:block; float:left; width:168px; } #main_footer .textlink dl:nth-child(4) { width:152px; } #main_footer .textlink dl:nth-child(5) { width:142px; } #main_footer .textlink dl:last-child { padding-right:0; } #main_footer .textlink dl dd { padding-top:10px; display:table; } #main_footer .textlink a { color:#FFF; } #main_footer .textlink .banner_station li { margin-bottom:10px; } #main_footer .textlink:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } #main_footer .footer_nav ul { margin:10px 0 10px 15px; float:left; font-size:90%; font-weight:bold; } #main_footer .footer_nav ul li { float:left; } #main_footer .footer_nav ul li:not(:last-child):after { //content:"|"; } #main_footer .footer_nav ul li a { color:#FFF; } #main_footer .footer_nav #copy { padding:10px; float:right; color:#FFF; } #main_footer .footer_nav:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .side_east{border:1px solid #CCC; background-color:#FFF;width: 315px;border-collapse:collapse;} .title_area { background-color: #ff4c5a !important; color: #FFF ; text-align: left; padding: 0px 0; line-height: 20px; } .title_area2 { background-color: #E60012; color: #FFF ; text-align: left; padding: 0px 0; line-height: 20px; } table.side_east .first{border-right:1px solid #ccc;} table.side_east tr{border-bottom:1px solid #ccc} table.side_east tr:nth-child(odd) { background:#f1f1f1; } table.side_east td{padding:8px 2px 8px 2px;} table.side_east td:nth-child(1){width:15px; text-align:center; font-weight:bold; color:#000} table.side_east td:nth-child(2){width:178px; color:#000} table.side_east td:nth-child(3){text-align:center; color:#000;width: 30px;font-weight:bold;} table.side_east td:nth-child(4){text-align:center; color:#000;font-weight:bold;} table.side_east td:nth-child(5){text-align:center; color:#000;font-weight:bold;} table.side_east td:nth-child(6){text-align:center; color:#000} table.side_east img{vertical-align:middle; padding:0 10px;} * html table.side_east td{border-bottom:1px solid #ccc} * html table.side_east img{vertical-align:middle; padding:0 10px;} #main_footer .textlink dd { color:#FFF; } .footer_nav{ background-color: #0a3e79; } .footer_nav_text{ width:1000px; margin:0 auto; }