@charset "UTF-8";
/*
 * Radio Days - css file.
 * http://www.radiodays.jp/
 * 
 * --------
 * Path : /shared/css/header.css
 *
 */
 
/* --------------------------------------------------------------
 * 
 * Header Base
 *
 --------------------------------------------------------------*/ 
.header						{width:954px; margin:0 auto 11px auto; z-index:100; overflow:hidden; position:relative;}
.header #logo				{float:left; margin:17px 0 0 0; line-height:1; padding:0 8px 0 0;}
.header #logo a				{width:234px; height:80px; background:url(/shared/images/logo.gif) no-repeat top left; display:block; text-indent:-9999px; overflow:hidden;}
.header #description		{float:left; background:url(/shared/images/dotLine_gray.png) repeat-y top left; padding:8px 0 10px 20px; margin:15px 20px 0 0; line-height:1;}
.header #description span	{width:290px; height:61px; background:url(/shared/images/description.gif) no-repeat top left; display:block; text-indent:-9999px; overflow:hidden;}
/* walking */
.header #walking			{float:left; width:130px; margin:14px 0 0 0; background:url(/shared/images/walking_bottom.gif) no-repeat bottom left; padding:0 0 4px 0; cursor:pointer;}
.header #walking a			{display:block; text-decoration:none!important;}
.header #walking dt			{background:url(/shared/images/walking_title.gif) no-repeat top left; text-indent:-9999px; overflow:hidden; width:130px; height:54px; cursor:pointer;}
.header #walking dd			{background:url(/shared/images/walking_bg.gif) repeat-y top left; text-align:center; line-height:1; padding:3px 0 8px 0; _padding:0 0 5px 0; width:130px; cursor:pointer;}
.header #walking a span		{background:url(/shared/images/arrow_gray.png) no-repeat 0 0.5em; padding:0 0 3px 8px; font-size:92%; font-weight:bold; color:#666; cursor:pointer;}
.header #walking a:hover span				{color:#333; text-decoration:underline;}
*html .header #logo							{width:246px; padding-right:0;}
*html .header #walking dd{padding-bottom:4px;}
*html .header #walking a span				{line-height:1.3; padding-left:4px; background-position:0 20%;}
*html .header #walking .arrow{background-position:0 4px; padding-left:10px;}

*html .header{margin-bottom:0;}
*:first-child+html .header{margin-bottom:0;}


/* users */
.header .users		{width:230px; float:right; margin:0 2px 0 0; _margin:0;}
.header #cart a		{background:#666 url(/shared/images/cart_bottom.png) no-repeat bottom left; width:230px; padding:7px 0 8px 0; margin:0 2px 10px 0; display:block;}
.header #cart a:hover{background:#333 url(/shared/images/cart_bottom_over.png) no-repeat bottom left; behavior:none;}
.header #cart a p		{display:block; line-height:1.7; color:#fff; font-size:92%; padding:3px 10px 0 10px; background:url(/shared/images/cart.gif) no-repeat 93% 0;}
.header #cart a:hover p{background:url(../images/cart_on.gif) no-repeat 93% 0;}

.header #users-logout li{width:107px; height:20px; text-indent:-9999px; overflow:hidden;}
.header #users-logout li a{width:107px; height:20px; display:block;}
.header #users-logout li a:hover{background-position:0 -20px;}
.header #loginBtn{margin-bottom:7px;}

#loginBtn a{background:url(../images/loginBtn.gif) no-repeat top left;}
#newMember a{background:url(../images/newMemberBtn.gif) no-repeat top left;}

.header #users-logout ul{float:left; width:107px;}
.header #users-logout #rakuten{float:right; display:block; width:104px; min-height:41px; font-size:84%; font-weight:bold; background:url(../images/dotLine_gray.png) repeat-y top left; padding:3px 0 3px 10px;}



/* --------------------------------------------------------------
 * 
 * MyPage
 *
 --------------------------------------------------------------*/ 
.header #users-login .users-action #uNavi{float:right; width:100px; _width:105px;}
.header #users-login .users-action #uNavi li{text-indent:inherit; line-height:1.2; font-size:92%; font-weight:bold; height:auto;}
.header #users-login #noDownloadBtn #uNavi{width:229px;}

.header #users-login .users-action #download{width:115px; float:left; position:relative;}
.header #users-login .users-action #download .count{position:absolute; top:-10px; right:-10px; background:url(/shared/images/downloadBtn_circle.gif) no-repeat 50% 50%; font-weight:bold; font-size:84%; color:#fff; width:28px; height:20px; line-height:1; padding:8px 0 0 0; text-align:center; _padding:8px 0 0 2px; _line-height:1.2;}


.header #users-login #cart a		{margin-bottom:13px; _margin-bottom:11px;}
.header #users-login #cart{margin-bottom:21px; _margin-bottom:18px;}
.header #users-login li{padding-bottom:2px; padding-top:2px;}




#myPage{width:472px; position:absolute; background:url(../images/mypage_bottom.png) no-repeat bottom left; padding-bottom:5px; _padding-bottom:3px; overflow:hidden;}
#myPage #myPage-inner{background:url(../images/mypage_BG.png) repeat-y top left; height:100%; padding-top:3px;}
#myPage #user-info{padding:10px 15px; background:url(../images/mypage_userInfo_BG.gif) repeat-y top left; overflow:hidden; }
#myPage #user-info p{line-height:1;}
#myPage #user-info #user-hello{float:left; width:194px; border-right:1px solid #fff; padding:2px 15px 0 0;}
#myPage #user-info #user-hello .left{width:34px; float:left;}
#myPage #user-info #user-hello .right{float:right; width:145px; padding-top:2px;}
#myPage #user-info #user-hello #hello{width:48px; height:11px; text-indent:-9999px; overflow:hidden; background:url(../images/mypage-hello.gif) no-repeat top left; margin:0 0 5px 0;}
#myPage #user-info #user-point{float:right; width:211px;  padding-top:2px;}
#myPage #user-info p{font-weight:bold;}
#myPage #user-info span{font-weight:normal!important;}
#myPage #user-info #user-point #point{width:71px; height:11px; text-indent:-9999px; overflow:hidden; background:url(../images/mypage-point.gif) no-repeat top left; margin:2px 0 5px 0;}
#myPage #user-info #user-point p{font-size:100%;}
#myPage #user-info #user-point span{font-size:77%;}
#myPage #mNavi{width:472px; overflow:hidden; padding-top:5px;}
#myPage #mNavi ul{margin:5px 0 5px 0; _margin:7px 0 6px 0; overflow:hidden;}
#myPage #mNavi li{float:left; font-weight:bold; padding:0 22px; _padding:0 20px; background:url(../images/mypage_dotLine.gif) no-repeat top right;}
#myPage #mNavi li a{background-position:0 40%!important;}
#myPage #mNavi .last{background:none;}
*:first-child+html #mypage #mNavi li a{line-height:1.3!important;}




/* Utilities -------------------------------------------------------------- */
.header:after,
.header #users-login:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.header,
.header #users-login{
    zoom: 1;
}