@charset "euc-jp";
/*
TimeSiteアップ時に「http://」⇒「//」にしてください。
*/
/*============================================================
	reset
============================================================*/
html,body,address,blockquote,center,div,dl,dt,dd,fieldset,form,
h1,h2,h3,h4,h5,h6,hr,noframes,ol,p,pre,ul,li {
margin: 0;
padding: 0;
}

#headerArea select, 
#headerArea option, 
#headerArea input, 
#headerArea button  {
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
-webkit-appearance: none;
margin: 0;
padding: 0;
}
/*============================================================
headerArea
============================================================*/
/* headerArea
------------------------------------------------------------*/
#headerArea {
line-height: 1.2;
color: #333;
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
min-width: 980px;
}
#headerArea img {
border: 0;
vertical-align: top;
}
#headerArea a {
color: #333;
text-decoration: none;
}
/* specialHeaderBanner
------------------------------------------------------------*/
.specialHeaderBanner {
text-align: center;
}
/* headerTop
------------------------------------------------------------*/
#headerArea .headerTop {
background: #eee;
padding: 0 8px;
margin-bottom: 10px;
}
#headerArea .groupRelation {
text-align: right;
}
#headerArea .groupRelation li {
display: inline;
font-size: 75%;
}
#headerArea .groupRelation li a {
display: inline-block;
padding: 8px 5px;
}
#headerArea .groupRelation li a:hover {
text-decoration: none;
background: #aaa;
color: #fff;
}
/* headerMain
------------------------------------------------------------*/
#headerArea .headerMain {
padding: 0 8px;
margin-bottom: 5px;
}
#headerArea .headerMain .headerMain-in {
display: table;
width: 100%;
}
#headerArea .siteID,
#headerArea .searchBox,
#headerArea .userMenu {
display: table-cell;
vertical-align: top;
}
#headerArea .siteID {
width: 110px;
}
#headerArea .siteID h1 {
text-indent: -9999px;
}
#headerArea .siteID h1 a {
display: block;
width: 99px;
height: 50px;
background: url(//image.auction.rakuten.co.jp/acom/pc/04_top/img/logo_99x50.png) 0 0 no-repeat;
}
#headerArea .searchBox {
display: table;
width: 100%;
height: 50px;
}
#headerArea .searchBox form,
#headerArea .searchBox .detail {
display: table-cell;
vertical-align: middle;
}
#headerArea .searchBox form {
border: 2px solid #666;
border-radius:2px;
}
#headerArea .searchBox form .search,
#headerArea .searchBox form .clear,
#headerArea .searchBox form .dropdownMenu,
#headerArea .searchBox form .submit {
display: table-cell;
vertical-align: middle;
}
#headerArea .searchBox form  input:focus {
  border: none;
  outline: 0;
}
#headerArea .searchBox .search {
width: 100%;
padding: 0 5px;
}
#headerArea .searchBox .search .sggstInputWrap input {
width: 100%;
border: none;
font-size: 100%;
height: 44px;
}
#headerArea .searchBox input::-ms-clear,
#headerArea .searchBox input::-ms-reveal {
visibility:hidden;
}
#headerArea .searchBox .clear {
padding: 10px;
}
#headerArea .searchBox .clear input {
border: none;
border-radius: 30px;
width: 20px;
cursor: pointer;
background: #eee;
}
#headerArea .searchBox .dropdownMenu select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
background: none transparent;
vertical-align: middle;
color: inherit;
box-sizing: content-box;
outline: none;
font-size: 12px;
width: 200px;
height: 46px;
border-left: 1px solid #999;
background-image: none;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-indent: 6px;
}
#headerArea .searchBox .dropdownMenu select::-ms-expand { /* for ie */
  display: none;
}
@-moz-document url-prefix() { /* for firefox */
  #headerArea .searchBox .dropdownMenu select {
	text-indent: 2px;
  }
}
#headerArea .searchBox .submit input {
width: 50px;
height: 46px;
border: none;
background: #666 url(//image.auction.rakuten.co.jp/acom/pc/04_top/img/icon_search.png) 60% 55% no-repeat;
text-indent: -9999px;
cursor: pointer;
border-radius:0;
}
#headerArea .searchBox .submit input:hover {
background-color: #4d4d4d;
}
#headerArea .searchBox .detail {
width: 90px;
}
#headerArea .searchBox .detail a {
display: block;
background: #eee;
margin-left: 10px;
font-size: 75%;
text-align: center;
padding: 5px;
border-radius:2px;
}
#headerArea .searchBox .detail a:hover {
text-decoration: none;
background: #aaa;
color: #fff;
}
#headerArea .searchBox .detail a span {
}
#headerArea .searchBox .detail a span:before {
content: "+";
display: inline-block;
width: 12px;
height: 13px;
margin-right: 2px;
font-weight: bold;
background: #fff;
color: #333;
}
#headerArea .userMenu {
width: 330px;
text-align: right;
font-size: 75%;
}
#headerArea .userMenu li {
display: inline-block;
margin-left: 5px;
}
#headerArea .userMenu li:first-child {
margin-left: 0;
}
#headerArea .userMenu li a {
display: block;
width: 65px;
padding-top: 40px;
text-align: center;
}
#headerArea .userMenu li.exhibit a { background: url(//image.auction.rakuten.co.jp/acom/pc/04_top/img/icon_userMenu.png) 8px 0 no-repeat; }
#headerArea .userMenu li.favorite a { background: url(//image.auction.rakuten.co.jp/acom/pc/04_top/img/icon_userMenu.png) -76px 0 no-repeat; }
#headerArea .userMenu li.watchlist a { background: url(//image.auction.rakuten.co.jp/acom/pc/04_top/img/icon_userMenu.png) -160px 0 no-repeat; }
#headerArea .userMenu li.myauction a { background: url(//image.auction.rakuten.co.jp/acom/pc/04_top/img/icon_userMenu.png) -245px 0 no-repeat; }
#headerArea .userMenu li a:hover {
text-decoration: none;
color: #333;
opacity:0.80;
}




/*============================================================
common
============================================================*/
/* header
------------------------------------------------------------*/
#header {
margin: 0 !important;
}

/* tagLine
------------------------------------------------------------*/
#tagLine {
display: none;
}
/* pankuzuLink
------------------------------------------------------------*/
#pankuzuLink {
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 12px;
min-width: 980px;
margin-bottom: 20px;
color: #333;
}
#pankuzuLink ul {
overflow: hidden;
padding: 0 8px;
}
#pankuzuLink li {
float: left;
}
#pankuzuLink li.hisBack {
display: none;
float: right;
min-width:160px;
max-width:200px;
text-align:right;
}
#pankuzuLink li a {
color: #333;
display: inline-block;
text-decoration: none;
margin-right: 5px;
}
#pankuzuLink li a:hover {
text-decoration: underline;
color: #1a50a0;
}
#pankuzuLink li strong {
font-weight: bold;
}
/* pankuzuLink(table)
------------------------------------------------------------*/
#headerArea + table[width="100%"][bgcolor="#e7e7e7"] {
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
background: none;
margin-top: -5px;
padding-left: 3px;
color: #333;
}
#headerArea + table[width="100%"][bgcolor="#e7e7e7"] font {
font-size: 12px;
}
#headerArea + table[width="100%"][bgcolor="#e7e7e7"] a {
color: #333;
text-decoration: none;
}
#headerArea + table[width="100%"][bgcolor="#e7e7e7"] a:hover {
text-decoration: underline;
color: #1a50a0;
}
#headerArea + table[width="100%"][bgcolor="#e7e7e7"] tr td[align="right"] {
display: none;
}
/* header_announce
----------------------------------------------------*/
#headerArea .header_announce {
text-align: center;
margin-top: 10px;
padding: 0 0 15px;
font-size: 80%;
}
#headerArea .header_announce a:hover {
text-decoration: underline !important;
}
/* .itemEventBanner(item&myauc)
----------------------------------------------------*/
#headerArea .itemEventBanner {
text-align:center;
margin:15px 8px;
}
#headerArea .itemEventBanner a {
background:#36af36;
color:#fff;
display:block;
width:1100px;
border-radius:3px;
padding:8px 0 7px;
margin:0 auto;
font-size:17px;
line-height:17px;
font-weight:bold;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
#headerArea .itemEventBanner a:hover {
color:#fff;
background:#37b555;
}
#headerArea .itemEventBanner a strong {
color:#ff6;
}
#headerArea .itemEventBanner a span {
background:#eee;
color:#555;
display:inline-block;
font-weight:normal;
font-size:11px;
line-height:11px;
padding:5px 10px;
border-radius:10px;
margin-left:10px;
vertical-align:3px;
}
/* header_eventBanner
----------------------------------------------------*/
#headerArea .header_eventBanner {
text-align: center;
margin-bottom: 10px;
}



/*============================================================
forSdPage
============================================================*/
.forSdPage {
margin: 0 -8px;
}



/*============================================================
help page for ie7
============================================================*/
*+html body #headerArea .groupRelation li a {
padding: 6px 5px;
}
*+html body #headerArea .siteID {
float: left;
}
*+html body #headerArea .userMenu {
float: right;
width: auto;
}
*+html body #headerArea .userMenu li {
float: left;
}
*+html body #headerArea .userMenu li a:hover {
filter: alpha(opacity=80);
}