@charset "UTF-8";
/* CSS Document */

/* ======================================== */
.nav {
	width: 1200px;
	font-size: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #333;
	background: -moz-linear-gradient(top, #666, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	background: -o-linear-gradient(top, #666, #333);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.nav li {
	list-style: none;
	float: left;
}
.nav li a {
	text-decoration: none;
	color: #fff;
	/* padding: 8px 12px; */
	display: block;

}
.nav li a:hover {
/*	background: #666; */
}

/* サブナビゲーション */
.nav li ul {
	display: none;
	position: absolute;
	font-size: 85%;
/*	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); */

/*	background-color:#FFF; */

}

.nav li ul.nav02 {
	display: none;
	position: absolute;
	font-size: 80%;
/*	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); */

/*	background-color:#FFF; */

	left:-80px;
}

#header-wp-area .nav li ul.nav02 {left:-60px;}

.nav li ul.nav03 {
	display: none;
	position: absolute;
	font-size: 80%;
/*	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); */

/*	background-color:#FFF; */

	left:-30px;
}

#header-wp-area .nav li ul.nav03 {left:-10px;}

.nav li ul.nav04 {
	display: none;
	position: absolute;
	font-size: 80%;
/*	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); */

/*	background-color:#FFF; */

	left:-75px;
}
#header-wp-area .nav li ul.nav04 {left:-55px;}

.nav li ul li {
	float: none;
	border-bottom-style: solid;
	border-bottom-color: #C30D23;
	border-bottom-width: 1px;


	
}
.nav li ul li a {
/*	background: #FFF; */
}
.nav li ul li:last-child a {
/*-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; */
}


#header-contents #navi01 {
	position: absolute;
	left: 30px;
	top: 40px;
	height: 40px;
	width: 58px;
}
#header-contents #navi01 a {
	display: block;
	height: 40px;
	width: 58px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/navi01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #navi01 a:hover {background-position: 0px -46px;}

#header-contents #navi02 {
	position: absolute;
	left: 125px;
	top: 40px;
	height: 40px;
	width: 80px;
}


#header-contents #navi02 a {
	display: block;
	height: 53px;
	width: 80px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/navi02-01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



#header-contents #navi02 a:hover {background-position: 0px -66px; background-repeat:no-repeat;}



#header-contents #navi03 {
	position: absolute;
	left: 245px;
	top: 40px;
	height: 46px;
	width: 151px;
}
#header-contents #navi03 a {
	display: block;
	height: 53px;
	width: 151px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/navi03-01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #navi03 a:hover {background-position: 0px -67px;}

#header-contents #navi04 {
	position: absolute;
	left: 600px;
	top: 40px;
	height: 46px;
	width: 79px;
}
#header-contents #navi04 a {
	display: block;
	height: 53px;
	width: 79px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/navi04-01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #navi04 a:hover {background-position: 0px -66px;}

#header-contents #navi05 {
	position: absolute;
	left: 730px;
	top: 40px;
	height: 46px;
	width: 83px;
}
#header-contents #navi05 a {
	display: block;
	height: 46px;
	width: 83px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/navi05.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #navi05 a:hover {background-position: 0px -46px;}

#header-contents #navi06 {
	position: absolute;
	left: 1060px;
	top: 40px;
	height: 46px;
	width: 77px;
}

#header-contents #navi06 a {
	display: block;
	height: 46px;
	width: 77px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/navi06.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #navi06 a:hover {background-position: 0px -46px;}

#header-contents #navi07 {
	position: absolute;
	left: 810px;
	top: 2px;
	height: 92px;
	width: 183px;
	z-index: 9999;
}

#header-contents #navi07 a {
	display: block;
	height: 92px;
	width: 183px;
text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/spomane-football.png);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
}
#header-contents #navi07 a:hover {background-position: 0px -171px;}





#header-contents #navi02 ul li a {
	display: block;
	height: auto;
	width: 160px;
	text-indent: 0px;
	text-align:center;
	overflow: hidden;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#C30D23;
	font-weight:bold;
	
background-color:#FFF;
		filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
		padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;



}
#header-contents #navi02 ul li a:hover {background-position: none; text-decoration:none;}

#header-contents #navi02 ul li:hover > div {
background-color:#FFF;
		filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#header-contents #navi02 ul li:hover > div:hover {
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#header-contents #navi03 ul li a {
	display: block;
	height: auto;
	width: 115px;
	text-indent: 0px;
	text-align:center;
	overflow: hidden;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFF;
	color:#C30D23;
	font-weight:bold;
background-color:#FFF;
		filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
		padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#header-contents #navi03 ul li a:hover {background-position: none; text-decoration:none;}

#header-contents #navi03 ul li:hover > div {
background-color:#FFF;
		filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#header-contents #navi03 ul li:hover > div:hover {
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#header-contents #navi04 ul li a {
	display: block;
	height: auto;
	width: 140px;
	text-indent: 0px;
	text-align:center;
	overflow: hidden;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFF;
	color:#C30D23;
	font-weight:bold;
background-color:#FFF;
		filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
		padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#header-contents #navi04 ul li a:hover {background-position: none; text-decoration:none;}


#header-contents #navi04 ul li:hover > div {
background-color:#FFF;
		filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#header-contents #navi04 ul li:hover > div:hover {
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/*SNS*/

#header-contents #header-mail-area {
	position: absolute;
	left: 10px;
	top: 2px;
	height: 23px;
	width: 23px;
}

#header-contents #header-mail-area a {
	display: block;
	height: 23px;
	width: 23px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/header-mail.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #header-mail-area a:hover {background-position: 0px -23px;}

#header-contents #header-twitter-area {
	position: absolute;
	left: 50px;
	top: 2px;
	height: 23px;
	width: 23px;
}

#header-contents #header-twitter-area a {
	display: block;
	height: 23px;
	width: 23px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/header-twitter.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #header-twitter-area a:hover {background-position: 0px -23px;}

#header-contents #header-fb-area {
	position: absolute;
	left: 85px;
	top: 2px;
	height: 23px;
	width: 23px;
}

#header-contents #header-fb-area a {
	display: block;
	height: 23px;
	width: 23px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/header-fb.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #header-fb-area a:hover {background-position: 0px -23px;}

/*追加*/

#all #fixedBox {
	position: relative; /* 固定 */
	top: 0; /* 一番上に表示 */
	width: 100%; /* 中央に表示 */
	height:93px;
	margin-top: -12px;
	
}

#all #header-box {
	height: 93px;
	width: 100%;
	background-image: url(../image/all/header-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
	z-index: 9998;	
		position: fixed;
		left:0px;
	
}
	
	#header-box #header-contents {
	width: 1000px;
	height: 93px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: -12px;
}


	#header-box #header-wp-area #header-contents {	margin-top: 0px;}

#header-contents #header-logo {
	position: absolute;
	left: 440px;
	top: 0px;
	height: 127px;
	width: 124px;
	z-index: 9999;
}
#header-logo a {
	display: block;
	height: 127px;
	width: 124px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/header-logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-logo a:hover {background-position: 0px -143px;}


#header-contents #header-inst-area {
	position: absolute;
	left: 120px;
	top: 2px;
	height: 23px;
	width: 23px;
}

#header-contents #header-inst-area a {
	display: block;
	height: 23px;
	width: 23px;
	text-indent: -7777px;
	overflow: hidden;
	background-image: url(../image/all/header-inst.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header-contents #header-inst-area a:hover {background-position: 0px -23px;}