@charset "utf-8";

/* ==================================================
共通
================================================== */
input[type="text"],
input[type="submit"],
#sch_pc,
#sch_sm {
	min-height: 36px;
	padding: 5px;
}
input[type="submit"] {
	padding: 5px 10px;
	min-width: 64px;
	color: #ffffff;
	background: #000000;
	border: none;
}
.noscript {
	text-align: center;	
}
#bg_loading {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #ffffff;
	z-index: 1;
}
#loading {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000000;
	z-index: 2;
}
#loading img {
	margin-bottom: 20px;	
}
/* wrapper
============================== */
#wrapper {
	width:1020px;
	min-width: 320px;
	margin: 0 auto;
	padding-bottom: 20px;
}
/* ==================================================
header
================================================== */
#header .inner {
	width: 1020px;
	margin: 0 auto;
}
#hd_inner1 {
	position: relative;
}
#hd_inner2 {
	background: url(/shared/site_spo-navi/images/header/bg_header.jpg) no-repeat left top;
}
#hd_inner2:after {
	content:"";
	display:table;
	clear:both;
}
#hlogo {
	position: absolute;
	top: 0;
	left: 20px;
	font-size: 100%;
}
#hlogo a {
	display: block;
	width: 165px;
	height: 222px;
	background: url(/shared/site_spo-navi/images/header/hlogo.png);
}
#hlogo span {
	display: block;
	position: relative;
	padding-top: 40px;
	z-index: -1;
}
#means {
	background: #000000;
	color:#FFFFFF;
}
#means ul {
	overflow: hidden;
	width: 1020px;
	margin: 0 auto 10px;
	padding: 3px 0 3px 222px;
	background: #000000;
	color:#FFFFFF;
}
#means li {
	float: left;
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 87.5%;
	background: #000000;
}
#means li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#means li a:hover,
#means li a:focus {
	text-decoration: underline;
}
#means .snavi_moji { display: none;}
#means .hnavi_moji a {
	margin-right: 20px
}
#means .hnavi_read a {
	margin-right: 20px;
}
#means .hnavi_moji a img,
#means .hnavi_read a img {
	margin-top: 6px;
	vertical-align:bottom;
}
#means .hnavi_sai a {
	width: 120px;
	height: 27px;
	margin-right: 70px;
}
#means .hnavi_line {
	padding: 5px 0 0 0;
}
#means .hnavi_line a {
	width: 78px;
	height: 19px;
}
#means .hnavi_twitter {
	padding: 5px 0 0 0;
}
#means .hnavi_twitter a {
	width: 90px;
	height: 19px;
}
#means .hnavi_facebook {
	padding: 5px 0 0 0;
}
#means .hnavi_facebook a {
	width: 82px;
	height: 19px;
}
.hnavi_form {
	float: right;
	margin-right: 10px;
	margin-bottom: 168px;
	position: relative;
}
.hnavi_form #popterm {
	left: 30px;
}
.ico_search {
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
}
.ico_search img {
	max-width: 100%;
	height: auto;
}
/*カラーコントラスト対策*/
#menu a {
	background: #000000;
}
/*グローバルナビ・パンくず*/
#header #gnavi {
	float: right;
	width: 1020px;
	margin-bottom: 20px;
}
#header #gnavi li {
	float: left;
}
#header #gnavi li a {
	display: inline-block;
	background-image: url(/shared/site_spo-navi/images/header/gnavi.jpg);
}
#header #gnavi li a:hover img,
#header #gnavi li a:focus img,
#header #gnavi .active a img {
	position: relative;
	z-index: -1;
}
#header #glist1 a {
	width: 175px;
}
#header #glist2 a {
	width: 152px;
	background-position: -175px 0;
}
#header #glist3 a {
	width: 137px;
	background-position: -327px 0;
}
#header #glist4 a {
	width: 136px;
	background-position: -464px 0;
}
#header #glist5 a {
	width: 131px;
	background-position: -600px 0;
}
#header #glist6 a {
	width: 167px;
	background-position: -731px 0;
}
#header #glist7 a {
	width: 122px;
	background-position: -898px 0;
}
#header #sp_gnavi { display: none;}
#tmp_pankuzu {
	clear: both;
	margin-bottom: 20px;
	padding-left: 15px;
}
/* ==================================================
footerエリア
================================================== */
/*sns*/
#sns {
	overflow: hidden;
	width: 860px;
	margin: 0 0 20px 80px;
}
#sns li a {
	display: block;
	float: left;
	margin: 0 0 5px 5px;
}
/*バナーエリア*/
#bx_footer {
	clear:both;
	width: 100%;
	max-width: 822px;
	margin: 0 auto 20px;
}
/*フッター*/
#footer {
	width: 500px;
	margin: 0 auto 30px;
	font-size: 86%;
}
#footer .fnavi {
	overflow: hidden;
	margin-bottom: 5px;
}
#footer .fnavi li {
	float: left;
	padding: 0 15px;
	border-left: 5px solid #000000;
}
#footer .fnavi_last {
	border-right: 5px solid #000000;
}
#footer address {
	font-style: normal;
}
#footer address img {
	vertical-align: top;
}
#copyright {
	margin-bottom: 20px;
	text-align: center;
	font-size: 81%;
}
/*切り替えボタン*/
.switch_btn {
	overflow: hidden;
	font-size:150%;
	font-weight:bold;
}
.switch_btn p a {
	display:block;
	width: 90%;
	margin: 0 auto;
	padding: 5px 10px;
	text-align:center;
	text-decoration:none;
	color:#000000;
	border:1px solid #000000;
}
.switch_btn p a span {
	padding:0 0 0 12px;
	background:url(/shared/site_spo-navi/images/icon/ico_arrow_bk.gif) no-repeat left center;
}
.switch_btn #sw_pc {
	display: none;
}
.switch_btn #sw_sp {
	/*display: none;*/
}
/* ==================================================
slider
================================================== */
#bx_container1,
#slider_team {
	width: 100%;
	max-width: 1020px;
}
#slider_temp {
    width: 100%;
    max-width: 770px;
}
.slider li {
	overflow: hidden;
}
.slider li a {
	text-decoration: none;
}
.slider .tag_sport,
.slider .cat_genre {
	float: left;
}
.slider .tag_sport {
	margin: 0 5px 5px 0;
}
.slider .cat_genre {
	padding: 4px 0;
}
#bx_container3 .date a,
#bx_container5 .date a {
	color: #000000;
}
.bx_caption a {
	display: block;
	color: #fff;
	font-size: 112.5%;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
#bx_container3 .bx_caption a,
#bx_container5 .bx_caption a {
	color: #000000;
}
/* ==================================================
class
================================================== */
/* text
============================== */
.underline {
	text-decoration:underline; /* 変更しない */
}
.strike {
	text-decoration:line-through; /* 変更しない */
}
.txt_red {
	color:#C51F1F; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
.txt_green {
	color:#17721E; /* デザインによって変更 */
	background:transparent; /* 変更しない */
}
.txt_big {
	font-size:130%;
}
.txt_small {
	font-size:86%;
}
.space_lft1 {
	padding-left:1em; /* 変更しない */
}
/* image ▼変更しない
============================== */
.float_lft {
	margin-right:20px !important;
	margin-bottom:10px !important;
	clear:both;
	float:left;
}
.float_rgt {
	margin-bottom:10px !important;
	margin-left:20px !important;
	clear:both;
	float:right;
}
.clear {
	clear:both;
}