@charset "utf-8";

/* ===================================================================

CSS Information

 File name:header.css
 Author:ZIGExN,Inc
 
=================================================================== */

/*----------------------------------------------------
	#commonHeader
----------------------------------------------------*/


#commonHeader {
	width: 960px;
	margin: 0 auto 5px;
	padding: 0;
	position: relative;
	height: 29px;
	z-index: 999;
}
	/* .headerLogo */
	#commonHeader .headerLogo {
		position:absolute;
		top:5px;
		background: url(/images/common/header_logo.png) no-repeat top;
		width:122px;
		height:30px;
	}
	/* .navigation */
	#commonHeader .navigation {
		/*
		position:absolute;
		top:13px;
		/top:15px;
		left:160px;
		*/
		overflow: hidden;
	}
	
	#commonHeader .navigation {
			background: url(/images/common/ghead_separate.png) repeat-y left 0;
	}
	
		#commonHeader .navigation li {
			float: left;
			height: 29px;
			line-height: 29px;
			background: url(/images/common/ghead_separate.png) repeat-y right 0;
		}
			#commonHeader .navigation li a { color:#000; display: block; padding: 0 7px 0 5px; }
			#commonHeader .navigation li.home a {
				padding: 0 7px 0 7px;
			}
			
				#commonHeader .navigation li a:hover { color:#F03; }
			#commonHeader .navigation li b { font-weight:bold; display:block; background:#000; color: #fff; padding: 0 6px; margin-left: -1px; }


/*----------------------------------------------------
	.user_area
----------------------------------------------------*/
#commonHeader .user_area {
	position: absolute;
	right: 0;
	top: 0;
	width: 266px;
	height: 44px;
	background: url(/images/common/user_sprite.png) no-repeat -240px 0 #000;
}

#commonHeader .user_area .user_menu {
	overflow: hidden;
	padding: 5px 0 0;
}
#commonHeader .user_area .user_menu li {
	width: 120px;
	height: 30px;
	text-align: center;
	float: left;
}
#commonHeader .user_area .user_menu li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-image: url(/images/common/user_sprite.png);
	font-size: 14px;
	font-weight: bold;
}

#commonHeader .btn_login,
#commonHeader .btn_mypage {
	display: inline;
	margin: 0 4px 0 11px;
}

#commonHeader .btn_login a {
	color: #333;
	background-position: 0 0;
	padding: 0 0 0 10px;
}

#commonHeader .btn_login a:hover {
	background-position: 0 -30px;
}

#commonHeader .btn_newaccount a {
	color: #fff;
	background-position: -120px 0;
}

#commonHeader .btn_newaccount a:hover {
	background-position: -120px -30px;
}

#commonHeader .btn_mypage a {
	color: #333;
	padding: 0 0 0 10px;
	background-position: 0 -60px;
}

#commonHeader .btn_mypage a:hover {
	background-position: 0 -90px;
}

#commonHeader .btn_logout a {
	color: #333;
	padding: 0 0 0 10px;
	background-position: -120px -60px;
}

#commonHeader .btn_logout a:hover {
	background-position: -120px -90px;
}

/* 広告枠468x60 */
.usedcarBody #header .adsBanner,
.partsSellBody #header .adsBanner,
.autoloanBody #header .adsBanner,
.catalogBody #header .adsBanner,
.sellBody #header .adsBanner,
.carComparisonBody #header .adsBanner,
.catalogBrandBody #header .adsBanner,
.shakenBody #header .adsBanner {
	position: absolute;
	right: 0;
	top: 0;
	width: 468px;
	height: 60px;
	text-align: right;
}

.partsSellBody #header span {
	display: none;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/


#header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 10px;
}

/*----------------------------------------------------
	中古車EXヘッダー
----------------------------------------------------*/
.usedcarBody #header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 10px;
}

.usedcarBody #header h1,
.usedcarBody #header .logo {
	position: relative;
	height: 60px;
	overflow: hidden;
}

.usedcarBody #header h1 img,
.usedcarBody #header .logo img {
	display: none;
}

.usedcarBody #header .logo {
	background: url(/images/usedcar/head_usedcar_sprite.png) no-repeat 0 0;
	width: 229px;
	height: 60px;
	overflow: hidden;
}

.usedcarBody #header .logo h1 {
	font-size: 10px;
}

.usedcarBody #header .logo a {
	display: block;
	background: url(/images/usedcar/head_usedcar_sprite.png) no-repeat 0 0;
	width: 229px;
	height: 60px;
}

#header .head_catch {
	position: absolute;
	font-size: 10px;
	color: #333;
	font-weight: normal;
	z-index: 999;
}

.usedcarBody #header .siteSlogan {
	position: absolute;
	top:0;
	left:244px;
	width: 193px;
	height: 60px;
}

.usedcarBody #header .adsBanner {
	position: absolute;
	right: 0;
	top: 0;
	width: 468px;
	height: 60px;
	/*background: #eaeaea;*/
	text-align: right;
}

	/* .headInformation */
	.usedcarBody #header .headInformation {
		position:relative;
		width: 193px;
		height: 60px;
		text-align: left;
	}
	
	.usedcarBody #header .headInformation .update {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 60px;
		height: 21px;
		background: url(/images/usedcar/head_usedcar_sprite.png) no-repeat 0 -97px;
		font-size: 10px;
		color: #fff;
		text-align: center;
		line-height: 18px;
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		z-index: 999;
	}
	
		.usedcarBody #header .headInformation span { padding: 0; }
		
		.usedcarBody #header .headInformation .head_counter {
			position: relative;
			padding-top: 18px;
			z-index: 2;	
		}
		
		.usedcarBody #header .headInformation .head_counter span {
			display: inline-block;
			/display: inline;
			/zoom: 1;
			height: 24px;
			text-indent: -9999px;
			overflow: hidden;
			letter-spacing: 0;
			background-image: url(/images/usedcar/head_usedcar_sprite.png);
			background-repeat: no-repeat;
		}
		
		.txt1 { width: 64px; background-position: 0 -60px; }
		.txt2 { width: 16px; background-position: -224px -60px; margin-left: 2px; }
		.count_num_0 { width: 16px; background-position: -64px -60px; margin-right: 2px; }
		.count_num_1 { width: 16px; background-position: -80px -60px; margin-right: 0px; }
		.count_num_2 { width: 16px; background-position: -96px -60px; margin-right: 2px; }
		.count_num_3 { width: 16px; background-position: -112px -60px; margin-right: 2px; }
		.count_num_4 { width: 16px; background-position: -128px -60px; margin-right: 2px; }
		.count_num_5 { width: 16px; background-position: -144px -60px; margin-right: 2px; }
		.count_num_6 { width: 16px; background-position: -160px -60px; margin-right: 2px; }
		.count_num_7 { width: 16px; background-position: -176px -60px; margin-right: 2px; }
		.count_num_8 { width: 16px; background-position: -192px -60px; margin-right: 2px; }
		.count_num_9 { width: 16px; background-position: -208px -60px; margin-right: 2px; }
		.count_num_kanma { /*width: 4px; background-position: -224px -84px; margin-right: 0px;*/ }
		
		.client_logo {
			padding-top: 5px;	
		}
		
		.client_logo a {
			display: inline-block;
			/display: inline;
			/zoom: 1;
			height: 13px;
			overflow: hidden;
			text-indent: -9999px;
			letter-spacing: 0;
			background-image: url(/images/usedcar/head_usedcar_sprite.png);
			background-repeat: no-repeat;
		}
		
		.client_logo a span {
		}
		
		.client_cs { width: 75px; background-position: 0 -84px; }
		.client_kc { width: 55px; background-position: -77px -84px; margin: 0 3px 0 2px; }
		.client_ac { width: 58px; background-position: -135px -84px; }

/*----------------------------------------------------
	車買取EXヘッダー
----------------------------------------------------*/
.sellBody #header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 10px;
}

.sellBody #header h1,
.sellBody  #header .logo {
	position: relative;
	height: 60px;
	overflow: hidden;
}

/*----------------------------------------------------
	パーツ買取ヘッダー
----------------------------------------------------*/
.partsSellBody #header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 10px;
}

.partsSellBody #header h1,
.partsSellBody  #header .logo {
	position: relative;
	height: 60px;
	overflow: hidden;
}

/*----------------------------------------------------
	オートローンヘッダー
----------------------------------------------------*/
.autoloanBody #header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 10px;
}

.autoloanBody #header h1,
.autoloanBody  #header .logo {
	position: relative;
	height: 60px;
	overflow: hidden;
}

/*----------------------------------------------------
	車比較ヘッダー
----------------------------------------------------*/
.carComparisonBody #header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 10px;
}

.carComparisonBody #header h1,
.carComparisonBody  #header .logo {
	position: relative;
	height: 60px;
	overflow: hidden;
}

/*----------------------------------------------------
	カタログヘッダー
----------------------------------------------------*/
.catalogBody #header,
.catalogBrandBody #header,
.catalogResultBody #header,
.catalogDetailBody #header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 10px;
}

.catalogBody #header h1,
.catalogBody  #header .logo,
.catalogBrandBody #header h1,
.catalogBrandBody #header .logo {
	position: relative;
	height: 60px;
	overflow: hidden;
}

/*----------------------------------------------------
	会員登録画面
----------------------------------------------------*/
.userContents #header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 0;
}

.userContents #header h1,
.userContents #header .logo {
	display: block;
	background: url(/images/usedcar/head_usedcar_sprite.png) no-repeat 0 0;
	width: 229px;
	height: 60px;
	overflow: hidden;
}

.userContents #header a {
	display: block;
	padding-top: 60px;
}

/*----------------------------------------------------
	車検EXヘッダー
----------------------------------------------------*/
.shakenBody #header {
	position:relative;
	width: 920px;
	height: 60px;
	margin: 15px 0 10px;
}

.shakenBody #header h1,
.shakenBody #header .logo {
	position: relative;
	height: 60px;
	overflow: hidden;
}

.shakenBody #header h1 img,
.shakenBody #header .logo img {
	display: none;
}

.shakenBody #header h1 a,
.shakenBody #header .logo a {
	display: block;
	background: url(/images/shaken/shaken_sprite.png) no-repeat 0 0;
	width: 261px;
	height: 60px;
	text-indent: -9999px;
}




/*----------------------------------------------------
	その他のヘッダー
----------------------------------------------------*/

	/* .logo */
	#header .logo { position:absolute; top:0; left:0; }
	
	/* .siteSlogan */
	#header .siteSlogan { position:absolute; }
		
		.sellBody #header .siteSlogan { top:10px; left:290px; }
		.partsSellBody #header .siteSlogan { top:30px; left:290px; }
		.carComparisonBody #header .siteSlogan { top:30px; left:290px; }
		.catalogBody #header .siteSlogan { top:30px; left:350px; }
		.autoloanBody #header .siteSlogan { top:30px; left:420px; }
		
	/* .headBanner */
	#header .headBanner {
		position:absolute;
		top:10px;
		right:0;
	}
	
	#header .adsBanner {
		position: absolute;
		right: 0;
		top: 0;
		/*top: 10px;*/
		width: 468px;
		height: 60px;
	}
	
	/* .headInformation */
	#header .headInformation {
		position:absolute;
		right:0;
		bottom:0;
		width:350px;
		text-align:right;
	}
		#header .headInformation span { padding-left:5px;	}
		#header .headInformation span b {
			font-size:16px;
			color:#F00;
			padding:0 5px;
		}


/*----------------------------------------------------
	.rootContents
----------------------------------------------------*/


/* #header  */
.rootContents #header {
	width:960px;
	height:90px;
	margin: 0 auto;
	background: #fff;
}

.rootContents #header .adsBanner {
	top: 15px;
}
	/* headerContents */
	.rootContents .headerContents {
		position: relative;
		width:920px;
		height: 60px;
		margin: 0 auto;
	}
		/* logo */
		.rootContents #header .logo {
				position: relative;
				height: 60px;
				top: 15px;
			}
			.rootContents .headerContents .logo {
				/*
				width:280px;
				height:80px;
				padding-right:7px;
				vertical-align:top;
				float:left;
				*/
			}
		/* catch */
		.rootContents .headerContents .catch {
			width:400px;
			height:35px;
			padding:25px 0;
			float:left;
		}
			.rootContents .headerContents .catch .number { padding-top:5px; }
			
			.topBody #mainContents .serviceMenu .number {
				line-height: 1.25;	
			}
			
				.topBody #mainContents .serviceMenu .number span {
					color:#FF0033;
					font-size:16px;
					font-weight:bold;
				}
		/* menu */
		.rootContents .headerContents .menu {
			width:212px;
			height:70px;
			padding-top:10px;
			float:right;
		}
			.rootContents .headerContents .menu li { float:left; }
				.rootContents .headerContents .menu li.middle { padding:0 2px; }
				
/*　暫定 */
.userContents .head_catch,
.userContents .adsBanner,
.userContents #globalNavigation {
	display: none;
}