@charset "utf-8";

/* ----------------------------------------------------------------
* 00. Sprite
* 01. LayoutAdd
* 02. MyPageLinkArea
* 03. SeachBox
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
00. Sprite
---------------------------------------------------------------- */
.common-sprite {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAFICAMAAADptmd7AAAAZlBMVEUAAACrq6vMzMzs7OzAwMD////8/PzExMT5+fmzs7Ovr6/Z2dn29vatra28vLzk5OTU1NTn5+fp6enf39/x8fHKysq1tbXb29vPz8+5ubnz8/Pv7++3t7fh4eHW1tbGxsbR0dHu7u68qd7rAAAAAXRSTlMAQObYZgAAA2BJREFUaN7tmOmOozAMgO1JGpJwnz3oNe//khvINocwU6nSSCttvj/Q4ZvYcRAmwEKrkEC34FBIorxh/FFjiP1DaJyg05HQwSk2VAFd6YWyg0LFBk4FtKUTWigmjAzDtYC6/CvUUFxxY+BZQm2NGuQZCQMrCT0aepAV7hnQL4I1yCitgLoG0dJRrksaXAAIjttM/VR413E3mbhirhyuIGpTdSMEyqbqerSCV+KVe7/67UQJUwuJRCLRPgQEFNkFYliJ/KWI77ZXy4M+5KIRF6WA4V6h5SzBIyc0XOeunNBT+bhi/Tdd3DDGx81woc/RoLj2SnawxmjHLF5P/6J1uYzWuJXLpcsFEc2U5/7eC2GVsgYL0xkzh/zciP6Ki7g+s1F9+1RBnEYJMJ/RkgNDRCM4JEfs4VDhiw6O2IBHnJfukD/lawzzC2oIGBCnYUTsiykul6cZL3xtGRdXjSc4XBzN7udL7QaBGKlNnK9lnlcrjN+b+2ONg/XL6GCLEXQHtimPMxA8TBx5ai9oOAKFvBdMoZaIp14ADUNUTDSZhD1kZS4mEokESVW/EXqs3g2ByH4UmO06JL5dlRL2KUr/qKS520YLBJK1/fH50LhSZePz3tdFaCgkUHEZCOJ86pIQYjpNCDFznEtPFWNCz21nTRwTkGj0SLLkGNBSRhcaDWUc0VAej2swThmn9S3ERMsWkzIyMwCs3BTiTBiNf0mToyogkUgk/tLoJjijQNTBGW3g5sxBfpZUbdxfKCUKwDZRGGJkEJlujHi2lBHzKwbFf2y8X336DkpfJROJhEXkXKPmudgTbgot6kYLDRrKSe++rt8QkXcHAJbRWw9hQpwObsOlJfXGz92PB7XB4eFHs8HrHoXlARwTKqLdTPFmhxhDg+eKispjDjc7nJrLI9yo5EQ9/AxrWw+qpl8FAMinqym1LlVW4UK3t7aOsvvp/mh0oNCwRVHwTjnBz4o6QSKRSBiQIBIGyhhCg1EG+x2j5rjC6z2DS+4OW8MrVtgaTrECYTjFCh8bPsrnmfrZfl4xz79rDE22oRkgUtiGARKJREJ8EYgDeAbKGEKDUQb7HWPO7aV83jNykbvD1vCKFbaGU6xAGE6xwseGj/J5pn62n1fM8+8adJ8LDUH1OREaBxJr/AHZ+C6f3BXJqAAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
}

/* ----------------------------------------------------------------
01. LayoutAdd
---------------------------------------------------------------- */
.l-header-leftMpArea,
.ts-h-l-header-leftMpArea {
width: auto;
}
.l-header-rightMpArea,
.ts-h-l-header-rightMpArea {
float: left;
width: auto;
}
.l-header-rightSystemArea,
.ts-h-l-header-rightSystemArea {
padding: 21px 0 20px;
}

/* ----------------------------------------------------------------
02. MyPageLinkArea
---------------------------------------------------------------- */
.header_main_logo {
position: relative;
float: left;
width: 228px;
padding-top: 15px;
}
.mp_20th_logo {
display: block;
width: 202px;
margin: 3px 8px 0 0;
}
.header_main_logo .no_js a {
position: absolute;
top: 15px;
left: 0;
}
.header-mypageLinkBox-wrap {
float: left;
width: 323px;
padding: 15px 0 14px;
font-size: 12px;
line-height: 1;
}
.header-mypageLinkBox-wrap.header-mypageLinkBox-wrap_hide {
display: none;
}
.header-mypageLinkBox {
position: relative;
float: left;
margin-right: 17px;
}
.header-mypageLinkBox-link {
display: block;
padding: 36px 0 0;
background-repeat: no-repeat;
text-decoration: none;
}
.header-mypageLinkBox-link:visited {
color: #6633cc;
}
.header-mypageLinkBox-link:hover {
text-decoration: underline;
}
.header-mypageLinkBox-link_mail {
background-position: center 10px;
}
.header-mypageLinkBox-link_scout {
background-position: center -40px;
}
.header-mypageLinkBox-link_action {
background-position: center -93px;
}
.header-mypageLinkBox-link_schedule {
background-position: center -143px;
}
.header-mypageLinkBox-link-number {
position: absolute;
top: -3px;
left: 50%;
width: 25px;
height: 20px;
margin-left: 2px;
padding: 4px 0;
border-radius: 9px;
background-color: #f26a5c;
color: #fff;
text-align: center;
letter-spacing: -1px;
}
.header-mypageLinkBox-link-number_over {
width: 33px;
}

/* ----------------------------------------------------------------
03. SeachBox
---------------------------------------------------------------- */
.header-searchBox {
position: relative;
width: 475px;
height: 78px;
padding: 21px 0 21px 90px;
font-size: 13px;
}
.header-searchBox-login {
width: 179px;
padding: 29px 0 14px;
}
.header-searchBox-login_focus {
width: 471px;
}
.header-searchBox-form {
display: block;
width: 385px;
height: 34px;
padding: 0 0 0 32px;
border: 1px solid #a7a7a7;
-webkit-border-radius: 3px;
border-radius: 3px;
background-position: 0 -197px;
font-size: 14px;
}
.header-searchBox-login .header-searchBox-form {
width: 148px;
}
.header-searchBox-login_focus .header-searchBox-form {
width: 471px;
}
.header_textbox {
display: block;
position: relative;
}
.header-searchBox-form-text {
width:351px;
height:32px;
padding:0;
border:none;
background:rgba(0,0,0,0);
line-height:25px;
}
.header-searchBox-login .header-searchBox-form-text {
width: 114px;
}
.header-searchBox-login_focus .header-searchBox-form-text {
width: 437px;
}
.header-searchBox-form-text_dgry {
color: #a7a7a7;
}
.header_placeholder {
display: none;
position: absolute;
top: 10px;
left: 0;
line-height: 1;
white-space: nowrap;
}
@-moz-document url-prefix() {
/*for firefox*/
.header_placeholder {
top: 9px;
}
}
.is_ph_show .header_placeholder {
display: block;
}
.btn-searchBox-close {
position: absolute;
top: 29px;
right: -31px;
width: 23px;
height: 23px;
background-position: center -253px;
text-indent: -9999px;
cursor: pointer;
}
.btn-searchBox-close:hover {
background-position: center -305px;
}
.btn-searchBox-close_hide {
display: none;
}