/*
=====================
ヘッダーパーツ　初期化
=====================
*/

#head ul,
#head ol,
#head dl,
table#head-mybox ul{
	/*margin: 1em 20px;
	padding: 1px 0;*/
	/*list-style-position: inside;*/
	list-style-type:none;
}

#head *, table#head *, table#head-mybox *{
margin:0;
padding:0;
	line-height: 1.3;
	/*font-size: 100%;*/
	/*font-weight: normal;*/
	font-style: normal;
}
/*
=====================
divバージョンヘッダ　TOP,オークションTOP、ショッピングTOP、プレゼントTOP
=====================
*/

#head{
width:765px;
}

#head-logo{
float:left;
margin:0 0 5px 0;
/*width:364px;*/
width:530px;/*110818修正 注意文言挿入のため*/
}

#head-logo h1{
display:inline;
font-size:85%;
font-weight:normal;
letter-spacing:0.01em;
}

#head-navi{
float:right;
/*width:386px;*/
width:220px;/*110818修正 注意文言挿入のため*/
text-align:right;
}

#head-tubmenu{
float:left;
width:350px;
clear:both;
}

#head-tubmenu li{
float:left;
margin: 0 1px 0 0;
width:84px;
height:34px;
text-indent:-9999px;
}
#head-tubmenu li a{
padding:0;
width:84px;
height:34px;
display:block;
/*overflow:hidden;*/
}
#head-tubmenu li#tuball{
/*background:url(../image/20071016/bg_tuball.gif) left -34px no-repeat;*/
background:url(../image/20071016/bg_tuball.gif) 0% 50% no-repeat;
}
#head-tubmenu li#tubauc{
/*background:url(../image/20071016/bg_tubauc.gif) left -34px no-repeat;*/
background:url(../image/20071016/bg_tubauc.gif) 0% 50% no-repeat;
}
#head-tubmenu li#tubshopping{
background:url(../image/20071016/bg_tubshopping.gif) 0% 50% no-repeat;
}
#head-tubmenu li#tubpresent{
background:url(../image/20071016/bg_tubpresent.gif) 0% 50% no-repeat;
}

#head-tubmenu li#tuball a:hover{
background:url(../image/20071016/bg_tuball.gif) left -68px no-repeat;
}
#head-tubmenu li#tubauc a:hover{
background:url(../image/20071016/bg_tubauc.gif) left -68px no-repeat;
}
#head-tubmenu li#tubshopping a:hover{
background:url(../image/20071016/bg_tubshopping.gif) left -68px no-repeat;
}
#head-tubmenu li#tubpresent a:hover{
background:url(../image/20071016/bg_tubpresent.gif) left -68px no-repeat;
}

/*===for active===*/
#head-tubmenu li#tuball-active,#head-tubmenu li#tuball-active a:hover{
/*background:url(../image/20071016/bg_tuball.gif) left 0px no-repeat;*/
background:url(../image/20071016/bg_tuball.gif) 0% 0% no-repeat;
}
#head-tubmenu li#tubauc-active,#head-tubmenu li#tubauc-active a:hover{
background:url(../image/20071016/bg_tubauc.gif) left 0px no-repeat;
}
#head-tubmenu li#tubshopping-active,#head-tubmenu li#tubshopping-active a:hover{
background:url(../image/20071016/bg_tubshopping.gif) left 0px no-repeat;
}
#head-tubmenu li#tubpresent-active,#head-tubmenu li#tubpresent-active a:hover{
background:url(../image/20071016/bg_tubpresent.gif) left 0px no-repeat;
}

#head-ad{
float:right;
padding:10px 0 0 0;
width:400px;
/*height:14px;*/
/*border:1px solid #fff;*/
/*10周年用枠消去*/
text-align:right;
}

#head-search{
width:765px;
/*height:34px;*/
background:#e3e3e3;
clear:both;
}

#head-mybox{
padding:3px;
width:757px;
border:1px solid #e3e3e3;
background:#fff;
}
#head-mybox .hello-guest{
color: #ff0000;
/*font-size:120%;*/
font-weight:bold;
background:#feff9a;
}
div#head-mybox #message{
width:571px;
float:left;
}

div#head-mybox #tools{
width:186px;
height:19px;
float:right;
}

#tools li{
float:left;
/*margin: 0 1px 0 0;*/
width:62px;
height:19px;
text-indent:-9999px;
font-size:1px;
}
#tools li a{
width:62px;
height:19px;
display:block;
}
div#head #tools li#tools-mypage{
background:url(../image/20071016/mypage_ora.gif) left top no-repeat;
}
div#head #tools li#tools-cart{
background:url(../image/20071016/cart_ora.gif) left top no-repeat;
}
div#head #tools li#tools-login{
background:url(../image/20071016/login_ora.gif) left top no-repeat;
}
div#head #tools li#tools-logout{
background:url(../image/20071016/logout_ora.gif) left top no-repeat;
}

/*div#head #tools li#tools-mypage a:hover{
background:url(../image/20071016/mypage_ora.gif) 30px top no-repeat;
}
div#head #tools li#tools-cart a:hover{
background:url(../image/20071016/cart_ora.gif) 5px 0px no-repeat;
}
div#head #tools li#tools-login a:hover{
height:19px;
background:url(../image/20071016/login_ora.gif) 5px 0px no-repeat;
}
div#head #tools li#tools-logout a:hover{
height:19px;
background:url(../image/20071016/logout_ora.gif) 5px 0px no-repeat;
}*/

#head-765px{
/*background:#e3e3e3;*/
background:#e3e3e3;
width:100%;
height:3px;
clear:both;
}
#head #head-rotbnr{
clear:both;
margin:8px 0;
}
#head form {
	padding: 6px; 
}
#head .orange-arrlink{
padding:1px 0 1px 15px;
/*height:16px;*/
background:url(../image/20071016/bg_arrow_orange.gif) left 1px no-repeat;
}

#head #head-ad p a{
padding:1px 0 1px 15px;
background:url(../image/20071016/bg_arrow_blue.gif) left 1px no-repeat;
}

/*======================
tableバージョンヘッダ　第2階層以降
======================*/
table#head{
border-collapse:collapse;
width:100%;
}
table#present-head{/*presentTop用765px固定*/
border-collapse:collapse;
width:765px;
}
table#head-tubAd, table#head-notubAd{
border-collapse:collapse;
width:100%;
clear:both;
}
table#head-notubAd td{
padding:3px 0;
}
table#head #head-logo,table#present-head #head-logo{
margin :5px 0;
}
table#head-search input,#head-search input{
height:1.2em;
}

table#head-search input.btn,#head-search input.btn{
height:1.6em;
}
table#head-search{
width:100%;
/*height:34px;*/
background:#e3e3e3;
clear:both;
}
table#head-search form{
padding:0 6px 3px 6px;
}
table#head-mybox{
width:100%;
border:1px solid #e3e3e3;
background:#fff;
}
table#head-mybox td
padding:10px;
}

table#head-mybox #message{
float:none;
}

table#head-mybox #tools{
float:none;/*検索下部用*/
}
table#head-tubAd #tools, table#head-notubAd #tools{
float:right;/*タブ横などの場合、float再設定*/
}
table#head-mybox #tools li#tools-mypage, table#head #tools li#tools-mypage, table#present-head #tools li#tools-mypage{
background:url(../image/20071016/mypage.gif) left top no-repeat;
}
table#head-mybox #tools li#tools-cart, table#head #tools li#tools-cart, table#present-head #tools li#tools-cart{
background:url(../image/20071016/cart.gif) left top no-repeat;
}
table#head-mybox #tools li#tools-login, table#head #tools li#tools-login, table#present-head #tools li#tools-login{
background:url(../image/20071016/login.gif) left top no-repeat;
}
table#head-mybox #tools li#tools-logout, table#head #tools li#tools-logout, table#present-head #tools li#tools-logout{
background:url(../image/20071016/logout.gif) left top no-repeat;
}

/*table#head-mybox #tools li#tools-mypage a:hover, table#head #tools li#tools-mypage a:hover{
background:url(../image/20071016/mypage.gif) 5px top no-repeat;
}
table#head-mybox #tools li#tools-cart a:hover, table#head #tools li#tools-cart a:hover{
background:url(../image/20071016/cart.gif) 5px top no-repeat;
}
table#head-mybox #tools li#tools-login a:hover, table#head #tools li#tools-login a:hover{
background:url(../image/20071016/login.gif) 5px top no-repeat;
}
table#head-mybox #tools li#tools-logout a:hover, table#head #tools li#tools-logout a:hover{
background:url(../image/20071016/logout.gif) 5px top no-repeat;
}*/

/*======================
common（2Q時basic.cssに移行）
======================*/
.no{
display:none;
}
.fleft{
float:left;
padding:0 5px 0 0;
}
.cl{
clear:both;height:0px;font-size:1px;display:none;
}
.orange-arrlink{
padding:1px 0 1px 15px;
/*height:16px;*/
background:url(../image/20071016/bg_arrow_orange.gif) left 1px no-repeat;
}
.blue-arrlink {
background:transparent url(../image/20071016/bg_arrow_blue.gif) no-repeat scroll left 1px;
padding:1px 0pt 1px 15px;
}
