/*==============================================
■ヘッダー
　ライン
  共通
  ヘッダーアイコン
  フルスクリーン用ボックス
  ヘッダーアラート
==============================================*/
/*==============================================
ライン
==============================================*/
body {
padding:0;
}

/*==============================================
ヘッダー
==============================================*/
header{
  height:50px !important;
  margin:0;
  border-bottom:1px solid #bbb;
  background:#fff;
  background-image:  -moz-linear-gradient(
              center top,
              #ffffff 0%,
              #ececec 50%,
              #dddddd 50%);
  background-image: -o-linear-gradient(top, 
              #ffffff 0%,
              #ececec 50%,
              #dddddd 50%);
  background-image: -webkit-gradient(linear,left top,left bottom,
    color-stop(0 , #ffffff),
    color-stop(0.5 , #ececec),
    color-stop(0.5 , #dddddd)
    );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
}
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:6px;
    left:0;
  }
}
/*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:6px;
    left:0;
  }
}
/*MQ モバイル縦*/
@media only screen and (min-width: 300px) and (max-width: 479px) {
  header h1 img.Logo{
    position: absolute;
    top:6px;
    left:4px;
  }
}
/*MQ モバイル横*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  header h1 img.Logo{
    position: absolute;
    top:6px;
    left:4px;
  }
}
header h1.Txt{
  position: absolute;
  top:11px;
  left:8px;
  font-size:1.1em;
  color:#000;
}
header ul{
  position:absolute;
  top: 6px;
  right:0;
}
header li{
  display:block;
  float:left;
  margin:0;
  padding:0;
}
/* =======================================================
ヘッダーアイコン
======================================================= */
.Icon_Header{
  display:block;
  width:50px;
  height:40px;
  background: url("/common/image/keiba/icon/icon_header.png");
  background-repeat:no-repeat;
  background-size:50px 360px;
  -moz-background-size:50px 360px;
  -webkit-background-size:50px 360px;
  -o-background-size:50px 360px;
  -ms-background-size:50px 360px;
}
@media only screen and 
  (-webkit-min-device-pixel-ratio: 1.01) and (-webkit-max-device-pixel-ratio: 1.5){
.Icon_Header {
  background: url("/common/image/keiba/icon/icon_header_x1.5.png") !important;
  background-repeat:no-repeat;
  background-size:50px 360px;
  -moz-background-size:50px 360px;
  -webkit-background-size:50px 360px;
  -o-background-size:50px 360px;
  -ms-background-size:50px 360px;
  }
}
@media only screen and 
  (-webkit-min-device-pixel-ratio: 1.51) {
.Icon_Header {
  background: url("/common/image/keiba/icon/icon_header_x2.png") !important;
  background-repeat:no-repeat;
  background-size:50px 360px;
  -moz-background-size:50px 360px;
  -webkit-background-size:50px 360px;
  -o-background-size:50px 360px;
  -ms-background-size:50px 360px;
  }
}
.Icon_Home{
  display:block;
  background-position:0 0;
}
.Icon_Login{
  display:block;
  background-position:0 -80px;
}
.Icon_Mypage{
  display:block;
  background-position:0 -160px;
}
.Icon_Menu{
  display:block;
  background-position:0 -240px;
}
.Icon_Close{
  display:block;
  background-position:0 -320px;
}
/* =======================================================
ヘッダーアラート
======================================================= */
.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/base/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;
}