/*==============================================
■ヘッダー
　ライン
  共通
  ヘッダーアイコン
  フルスクリーン用ボックス
  ヘッダーアラート
==============================================*/
/*==============================================
ライン
==============================================*/
body {
    background-color: #FFFFFF !important;
    background-image: url("/common/image/soccer/common/bg_header.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: 320px 12px;
    color: #333333 !important;
    font-size: 18px;
    text-shadow: none !important;
}

/*==============================================
共通
==============================================*/
header{
  height:54px !important;
  margin:12px 0 0;
  border-bottom:1px solid #928f90;
  background:#fff;
  background-image:  -moz-linear-gradient(
              center top,
              #ffffff 0%,
              #edeced 100%);
  background-image: -o-linear-gradient(top, 
              #ffffff 0%,
              #edeced 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0.0  , #ffffff),
    color-stop(1.0 ,  #edeced)
    );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#edeced')";
  -moz-box-shadow: 0px 1px 0px #e3e2e2;
  -webkit-box-shadow: 0px 1px 0px #e3e2e2;
  -o-box-shadow: 0px 1px 0px #e3e2e2;
  -ms-box-shadow: 0px 1px 0px #e3e2e2;
}
header .Header_Box{
  position: relative;
}
/*MQ デフォルト*/
@media only screen and (min-width: 992px) {
  header .Header_Box{
    width:920px;
    margin:0 auto;
  }
  header h1 img.Logo{
    position: absolute;
    top:10px;
    left:6px;
  }
}
/*MQ タブレット*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .Header_Box{
    width:768px;
    margin:0 auto;
  }
  header h1 img.Logo{
    position: absolute;
    top:10px;
    left:6px;
  }
}
/*MQ モバイル縦*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
  header h1 img.Logo{
    position: absolute;
    top:10px;
    left:6px;
  }
}
/*MQ モバイル横*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  header .Header_Box{
    width:480px;
    margin:0 auto;
  }
  header h1 img.Logo{
    position: absolute;
    top:10px;
    left:6px;
  }
}
header ul{
  position:absolute;
  top: 0;
  right:0;
}
header li{
  display:block;
  float:left;
  margin:0;
  padding:0;
}
/*==============================================
ヘッダーアイコン
==============================================*/
.Icon_Header{
  display:block;
  width:50px;
  height:50px;
  background: url("/common/image/soccer/icon/icon_soccer.png");
  background-repeat:no-repeat;
  background-size:400px 400px;
  -moz-background-size:400px 400px;
  -webkit-background-size:400px 400px;
  -o-background-size:400px 400px;
  -ms-background-size:400px 400px;
}
@media only screen and 
  (-webkit-min-device-pixel-ratio: 1.5) {
.Icon_Header {
  background: url("/common/image/soccer/icon/icon_soccer_x1.5.png");
  background-repeat:no-repeat;
  background-size:400px 400px;
  -moz-background-size:400px 400px;
  -webkit-background-size:400px 400px;
  -o-background-size:400px 400px;
  -ms-background-size:400px 400px;
  }
}
@media only screen and 
  (-webkit-min-device-pixel-ratio: 2) {
.Icon_Header {
  background: url("/common/image/soccer/icon/icon_soccer_x2.png");
  background-repeat:no-repeat;
  background-size:400px 400px;
  -moz-background-size:400px 400px;
  -webkit-background-size:400px 400px;
  -o-background-size:400px 400px;
  -ms-background-size:400px 400px;
  }
}
.Icon_Login{
  background-position:-55px 0;
}
.Icon_Menu{
  background-position:-105px 0;
}
.Icon_Home{
  background-position:-155px 0;
}
.Icon_MyPage{
  background-position:-205px 0;
}
.Icon_MyClub{
  background-position:-255px 0;
}
.Icon_Close{
  background-position:-305px 0;
}
/*==============================================
フルスクリーン用ボックス
==============================================*/
/*MQ デフォルト*/
@media only screen and (min-width: 992px) {
  .Header_Menu_Box{
    width:920px;
    margin:10px auto 0 auto;
  }
}
/*MQ タブレット*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Header_Menu_Box{
    width:750px;
    margin:10px auto 0 auto;
  }
}
/*MQ モバイル縦*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
  .Header_Menu_Box{
    margin:0 auto;
  }
}
/*MQ モバイル横*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .Header_Menu_Box{
    margin:0 auto;
  }
}
.Header_Menu_Box .Common_Btn ul li a{
  font-size:.9em !important;
}
/* =======================================================
ヘッダーアラート
======================================================= */
.Alert{
  position:relative;
}
.Alert_New{
  position: absolute;
  top: 8px;
  right: 4px;
  z-index: 98;
  width: 18px;
  height: 18px;
}
.Alert_New > div{
  z-index: 98;
  width: 18px;
  height: 18px;
  background-image: url("/common/image/soccer/icon/icon_mypage_alert.png");
  background-size:18px 18px;
  -moz-background-size:18px 18px;
  -webkit-background-size:18px 18px;
  -o-background-size:18px 18px;
  -ms-background-size:18px 18px;
  background-position:0 0;
  background-repeat:no-repeat;
}

/*==============================================
■フッター
	基本指定
	ページ上部へ
==============================================*/
footer{
	margin:8px 0 0 0;
	padding:8px 0;
	font-size:.8em;
}
/*MQ デフォルト*/
@media only screen and (min-width: 992px) {
	footer .Footer_Box{
		width:920px;
		margin:0 auto;
	}
}
/*MQ タブレット*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	footer .Footer_Box{
		width:750px;
		margin:0 auto;
	}
}
footer ul.List_Box{
	margin:10px 0 0 0;
}
footer ul.List_Box li{
	
	background:none !important;
}
footer ul.List_Box li:first-child{
	border-top: 1px solid #ddd !important;
}
footer ul.List_Box li a{
	color:#555 !important;
}
footer p.Copy_Right{
	text-align:center;
}