@charset "utf-8";

/* --------------------------
Copyright 2005 NIFTY Inc.
FileName: header.css
---------------------------- */

#header{float:left; _float:none; background:url(http://www.podcastjuice.jp/material/image/bg_header_ver2.jpg) repeat-x #FFF; width:859px; margin:0 5px 0 4px; padding:0;}
body#TopPage #header{background:url(http://www.podcastjuice.jp/material/image/bg_header_ver2.jpg) top right no-repeat #FFF;}
#header p.niftyLink{float:right; width:245px; text-align:right;}
/* #logoArea */
#header #logoArea{padding:0 12px 0 10px;}
#header #logoArea h1{float:left; width:450px; margin:5px 0 0 5px;}
#header #logoArea h1 span img{margin:0 0 15px 15px;}
#header #logoArea #headSearch{float:right; width:290px; margin:15px 0 0 0; text-align:right;}
#header #logoArea #headSearch span img{margin:20px 0 0 0;}
#header #logoArea #headSearch form{background:url(http://www.podcastjuice.jp/material/image/form_bg.gif) top right no-repeat; margin:5px 0;}
#header #logoArea #headSearch form div{background:url(http://www.podcastjuice.jp/material/image/form_flm.gif) no-repeat; padding:3px 5px 5px; text-align:left;}
#header #logoArea #headSearch form div input.headForm{background:#FFF; width:213px; color:#999;}
#header #logoArea #headSearch form div input.btnHeadSearch{width:56px; height:20px; position:relative; top:4px; _top:3px;}

#header #headBanner{background:url(http://www.podcastjuice.jp/material/image/bg_banner.gif) repeat-x #FFF; padding:8px 0 5px 0; text-align:center;}

	/* Information */
#Information{text-align:left;}
#Information p , #Information h2{padding:0;}
#Information h2{float:left; font-size:1em; font-weight:normal; width:317px;}
		/* help */w
#Information #help{float:right; width:383px; _width:389px; padding:5px 6px 0 0;}
#Information #help p{float:left;}
#Information #help a{display:block; height:15px;}
#Information #help a span{visibility:hidden; font-size:1px; line-height:1px; padding:0;}
/* macIE 以外 \*/
#Information #help a span{position:absolute; left:-9999px;}
/* eof?mac_hack */
			/* What */
#Information #help #What a{background:url(http://www.podcastjuice.jp/material/image/btn_help.gif) no-repeat; width:156px;}
#Information #help #What a:hover{background:url(http://www.podcastjuice.jp/material/image/btn_help.gif) no-repeat 0 -15px; width:156px;}
			/* Service */
#Information #help #Service a{background:url(http://www.podcastjuice.jp/material/image/btn_help.gif) no-repeat -156px 0; width:94px;}
#Information #help #Service a:hover{background:url(http://www.podcastjuice.jp/material/image/btn_help.gif) no-repeat -156px -15px; width:94px;}
			/* FAQ */
#Information #help #FAQ a{background:url(http://www.podcastjuice.jp/material/image/btn_help.gif) no-repeat -249px 0; width:53px;}
#Information #help #FAQ a:hover{background:url(http://www.podcastjuice.jp/material/image/btn_help.gif) no-repeat -249px -15px; width:53px;}
			/* Sitemap */
#Information #help #Sitemap a{background:url(http://www.podcastjuice.jp/material/image/btn_help.gif) no-repeat -302px 0; width:76px;}
#Information #help #Sitemap a:hover{background:url(http://www.podcastjuice.jp/material/image/btn_help.gif) no-repeat -302px -15px; width:76px;}


/* #TopPage #help */
#TopPage #headerBox{background:url(http://www.podcastjuice.jp/material/image/bg_top_help_ver2.gif) no-repeat; width:849px; height:22px; padding:0; margin-left:8px;}
#TopPage #headerBox .Unit{padding:0; margin:3px 0 0 0;}
#TopPage #Information #help{float:right; width:315px; padding:0 10px 0 0;}
#TopPage #Information .helpUnit{float:right; padding:0; margin-right:0; text-align:right;}
			/* Service */
#TopPage #Information #help #Service{margin-right:5px;}
#TopPage #Information #help #Service a{background:url(http://www.podcastjuice.jp/material/image/btn_top_help.gif) no-repeat 0 0; width:74px;}
#TopPage #Information #help #Service a:hover{background:url(http://www.podcastjuice.jp/material/image/btn_top_help.gif) no-repeat 0 -15px; width:74px;}
			/* FAQ */
#TopPage #Information #help #FAQ{margin-right:5px;}
#TopPage #Information #help #FAQ a{background:url(http://www.podcastjuice.jp/material/image/btn_top_help.gif) no-repeat -74px 0; width:74px;}
#TopPage #Information #help #FAQ a:hover{background:url(http://www.podcastjuice.jp/material/image/btn_top_help.gif) no-repeat -74px -15px; width:74px;}
			/* Sitemap */
#TopPage #Information #help #Sitemap{margin-right:5px;}
#TopPage #Information #help #Sitemap a{background:url(http://www.podcastjuice.jp/material/image/btn_top_help.gif) no-repeat -148px 0; width:74px;}
#TopPage #Information #help #Sitemap a:hover{background:url(http://www.podcastjuice.jp/material/image/btn_top_help.gif) no-repeat -148px -15px; width:74px;}
			/* pjInfo */
#TopPage #Information #help #pjInfo a{background:url(http://www.podcastjuice.jp/material/image/btn_top_help.gif) no-repeat -222px 0; width:74px;}
#TopPage #Information #help #pjInfo a:hover{background:url(http://www.podcastjuice.jp/material/image/btn_top_help.gif) no-repeat -222px -15px; width:74px;}

	/* FlashBox */
#TopPage #FlashBox{width:847px; margin-left:8px; border:solid 1px #B7B7B7; border-top:none; text-align:center;}
#TopPage #FlashBox img{width:414px; margin:10px auto;}
#TopPage #FlashBox p{padding:30px; font-weight:bold; font-size:1.2em;}

	/* headInfo */
#TopPage #headInfo{float:left; background:url(http://www.podcastjuice.jp/material/image/bg_top_info.gif) bottom left repeat-x #FFF; width:850px; margin:5px 0 0 5px; _margin:5px 0 0 3px;}
#TopPage #headInfo dl{float:left; padding:5px; width:600px;}
#TopPage #headInfo dt{float:left; padding:10px; margin-right:10px; border-right:solid 1px #D2D2D2;}
#TopPage #headInfo dd{padding:0 0 3px 10px;}
#TopPage #headInfo .past{float:right; padding:10px;}
#TopPage #headInfo .past img{margin-right:5px;}

/* MacIE */
#header #help a{text-decoration:none;}