@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: header.css

		Setting of: Header area
			1: header setting
			2: headNav setting
			3: headSearch setting
	}

****************************************************************** */

/*===================================================================
	1: header setting
===================================================================*/
div#header {
	padding:0;
	text-align:left;
	margin:0 auto;
	width:950px;
	position:relative;
}

div#header div#headLogo {
	width:100%;
	padding:3px 0 0;
	margin:0 0 10px;
	overflow:hidden;
}

div#header div#headLogo h1.tagline {
	width:510px;
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
	overflow:hidden;
	padding:12px 0 0;
}

div#header div#headLogo .logo {
	float:left;
	width:332px;
	height:38px;
}

div#header div#headLogo .logo .niftylogo {
	float:left;
	margin:6px 4px 0 0;
}

div#header div#headLogo .logo .sitelogo {
	float:left;
}

#header div#headLogo .niftytop {
	float:right;
	position:absolute;
	top:8px;
	right:13px;
	width:110px;
	text-align:right;
}

div#header div#headLogo div img {
	vertical-align:middle;
}

#headBanner {
	margin:0 0 10px;
}

#headBanner img {
	vertical-align:top;
}

/*add 2013.03.13*/
div#header .spBnr{
	text-align:center;
	margin:20px 0;
}

/*===================================================================
	2: headNav setting
===================================================================*/
#headNav {
	height:56px;
	width:1050px;
	margin:0 auto;
	position:relative;
	
}

#headNav .inner {
	margin:0 auto;
	height: 56px;
	position: relative;
}

#headNav .inner .naviWoman {
	background:url(/images/navi_woman.gif) no-repeat 0 0;
	height: 116px;
	left: 26px;
	position: absolute;
	top: -71px;
	width: 117px;
}

#headNav .inner .siteName {
	position: absolute;
	left:111px;
	top:3px;
	width:160px;
	height:39px;
}
/* del 2015.10.13
#headNav .inner .pkg {
	position: absolute;
	left:265px;
	top:3px;
	height:39px;
}*/

#headNav .inner .pkg li {
	float:left;
}
#headNav .inner .pkg li.topics, #headNav .inner .pkg li.basic, #headNav .inner .pkg li.intelligence, #headNav .inner .pkg li a:hover, #headNav .inner .pkg li a.on{
	background: url(../images/h_bg.png) no-repeat;
	height: 56px;
}

#headNav .inner .pkg li a {
	display: block;
}



#headNav .inner .pkg li a span {
    display: none;
}

#headNav .inner .pkg li.topics{
	background-position: 0px 0px;
	text-align: right;
	width: 180px;
	height: 56px;
}
#headNav .inner .pkg li.topics a {
	/*width: 130px;*/
	height: 56px;
}
.topicsPage #headNav .inner .pkg li.topics a.on,
#headNav .inner .pkg li.topics a:hover {
	background-position: 0px -58px;
}

#headNav .inner .pkg li.basic{
	background-position: -180px 0px;
	width: 313px;
}

#headNav .inner .pkg li.basic a, #headNav .inner .pkg li.basic a span, #headNav .inner .pkg li.intelligence a, headNav .inner .pkg li.intelligence a span{ height: 20px;}

#headNav .inner .pkg li.basic a, #headNav .inner .pkg li.basic a span{
	width: 313px;
}
.basicPage #headNav .inner .pkg li.basic a.on,
#headNav .inner .pkg li.basic a:hover {
	background-position: -180px -58px;
}

#headNav .inner .pkg li.intelligence{
	background-position: -493px 0px;
	width:557px;
}
#headNav .inner .pkg li.intelligence a, #headNav .inner .pkg li.intelligence a span{
	width: 485px;
}

.intelligencePage #headNav .inner .pkg li.intelligence a.on,
#headNav .inner .pkg li.intelligence a:hover {
	background-position: -493px -58px;
}

#headNav .inner .pkg li.special a {
	background:url(/images/gnav_special.gif) 0 0 no-repeat;
	width:68px;
}

.specialPage #headNav .inner .pkg li.special a,
#headNav .inner .pkg li.special a:hover {
	background:url(/images/gnav_special_on.gif) 0 0 no-repeat;
}

#headNav .inner .pkg li.quiz a {
	background:url(/images/gnav_quiz.gif) 0 0 no-repeat;
	width:72px;
}

.quizPage #headNav .inner .pkg li.quiz a,
#headNav .inner .pkg li.quiz a:hover {
	background:url(/images/gnav_quiz_on.gif) 0 0 no-repeat;
}


#headNav .inner .pkg li.present a {
	background:url(/images/gnav_present.gif) 0 0 no-repeat;
	width:102px;
}

.presentPage #headNav .inner .pkg li.present a,
#headNav .inner .pkg li.present a:hover {
	background:url(/images/gnav_present_on.gif) 0 0 no-repeat;
}

#headNav .inner .btnMoneySite {
	position: absolute;
    top: -4px;
    right: 42px;
}

#headNav .inner .rssIcon {
    position: absolute;
    top: 3px;
    right: 41px;
}

#headNav .inner .rssIcon a{
    margin: 7px 13px 0 0;
}

/* add 2013.02.26 */
/* del 2015.10.13 del
#headNav{
	position:relative;
	z-index:1000;
}

#headNav .inner .pkg li ul{
	width:141px;
	display:none;
	position:absolute;
	z-index:1000;
	box-shadow:0 2px 5px #afafaf;
	zoom:1;
}
*/


/* chg 2015.10.13 */
#headNav .inner .pkg li ul.subCategory li{
	position: relative;
}
#headNav .inner .pkg li ul.subCategory a{
	position: absolute;
	height: 36px;
	top: 1px;
}
#headNav .inner .pkg li ul.subCategory li a, #headNav .inner .pkg li ul.subCategory li a span{
}
#headNav .inner .pkg li ul li a{height: 36px}

#headNav .inner .pkg li.basic ul li.kihon a{
	width: 93px;
}
.basicPage #headNav .inner .pkg li.basic ul li.kihon a.on, #headNav .inner .pkg li.basic ul li.kihon a:hover{
	background-position: -180px -79px;
}
#headNav .inner .pkg li.basic ul li.saving a{
	width: 53px;
	left: 92px;
}
.basicPage #headNav .inner .pkg li.basic ul li.saving a.on, #headNav .inner .pkg li.basic ul li.saving a:hover{
	background-position: -272px -79px;
}
#headNav .inner .pkg li.basic ul li.survey a{
	width: 75px;
	left: 146px;
}
.basicPage #headNav .inner .pkg li.basic ul li.survey a.on, #headNav .inner .pkg li.basic ul li.survey a:hover{
	background-position: -326px -79px;
}
#headNav .inner .pkg li.basic ul li.tameru a{
	width: 91px;
	left: 221px;
}
.basicPage #headNav .inner .pkg li.basic ul li.tameru a.on, #headNav .inner .pkg li.basic ul li.tameru a:hover{
	background-position: -401px -79px;
}

#headNav .inner .pkg li.intelligence ul li.lifeplan a{
	width: 92px;
	left: 0px;
}
.intelligencePage #headNav .inner .pkg li.intelligence ul li.lifeplan a.on, #headNav .inner .pkg li.intelligence ul li.lifeplan a:hover{
	background-position: -493px -79px;
}
#headNav .inner .pkg li.intelligence ul li.home a{
	width: 41px;
	left: 92px;
}
.intelligencePage #headNav .inner .pkg li.intelligence ul li.home a.on, #headNav .inner .pkg li.intelligence ul li.home a:hover{
	background-position: -585px -79px;
}
#headNav .inner .pkg li.intelligence ul li.senior a{
	width: 67px;
	left: 133px;
}
.intelligencePage #headNav .inner .pkg li.intelligence ul li.senior a.on, #headNav .inner .pkg li.intelligence ul li.senior a:hover{
	background-position:-626px -79px;
}
#headNav .inner .pkg li.intelligence ul li.education a{
	width: 83px;
	left: 200px;
}
.intelligencePage #headNav .inner .pkg li.intelligence ul li.education a.on, #headNav .inner .pkg li.intelligence ul li.education a:hover{
	background-position: -693px -79px;
}
#headNav .inner .pkg li.intelligence ul li.finance a{
	width:63px;
	left: 283px;
}
.intelligencePage #headNav .inner .pkg li.intelligence ul li.finance a.on, #headNav .inner .pkg li.intelligence ul li.finance a:hover{
	background-position: -776px -79px;
}
#headNav .inner .pkg li.intelligence ul li.hoken a{
	width: 41px;
	left: 346px;
}
.intelligencePage #headNav .inner .pkg li.intelligence ul li.hoken a.on, #headNav .inner .pkg li.intelligence ul li.hoken a:hover{
	background-position: -839px -79px;
}
#headNav .inner .pkg li.intelligence ul li.tax a{
	width:41px;
	left: 387px;
}
.intelligencePage #headNav .inner .pkg li.intelligence ul li.tax a.on, #headNav .inner .pkg li.intelligence ul li.tax a:hover{
	background-position: -880px -79px;
}
#headNav .inner .pkg li.intelligence ul li.healthbeauty a{
	width: 80px;
	left: 428px;
}
.intelligencePage #headNav .inner .pkg li.intelligence ul li.healthbeauty a.on, #headNav .inner .pkg li.intelligence ul li.healthbeauty a:hover{
	background-position: -921px -79px;
}