@charset "shift_jis";

/**********************************************************************
/shared/css/header.css

create 12/02/10
**********************************************************************/

#sharedHeader div {
	position: relative;
	margin: 0 auto;
	padding: 0 30px;
	width: 900px;
	height: 82px;
	background: #fff;
}

	#sharedHeader a:link,
	#sharedHeader a:visited {
		color: #666;
	}

	#sharedHeader a:active,
	#sharedHeader a:hover {
		color: #c00;
	}

	#sharedHeader p.siteInfo {
		position: absolute;
		top: 9px;
		left: 30px;
		font-size: 10px;
	}

	#sharedHeader h1.logo,
	#sharedHeader p.logo {
		position: absolute;
		top: 34px;
		left: 30px;
		margin: 0;
		padding: 0;
	}

	#sharedHeader ul.utility {
		position: absolute;
		top: 12px;
		right: 30px;
		font-size: 10px;
	}

		#sharedHeader ul.utility li {
			/display: inline;
			float: left;
			margin-left: 10px;
			padding-left: 10px;
			border-left: 1px solid #ccc;
			line-height: 1;
		}

			#sharedHeader ul.utility li.first {
				border: 0;
				margin: 0;
				padding: 0;
			}

	#sharedHeader div.search {
		position: absolute;
		top: 44px;
		right: 30px;
		margin: 0;
		padding: 0;
		width: 195px;
		height: auto;
	}

		#sharedHeader div.search p.input {
			position: absolute;
			top: 0;
			left: 0;
			width: 150px;
			line-height: 1;
		}

			#sharedHeader div.search p.input input {
				padding: 0 0 0 5px;
				padding: 4px 0 0 5px\9;
				width: 144px;
				height: 21px;
				height: 17px\9;
				border-top: 1px solid #a8a8a8;
				border-left: 1px solid #a8a8a8;
				border-bottom: 1px solid #ccc;
				border-right: 0;
				background: url(/shared/img/bg_search_input.gif) left top no-repeat;
				font-size: 14px;
				line-height: 1;
			}

		#sharedHeader div.search p.btn {
			position: absolute;
			top: 0;
			/top: 1px;
			right: 0;
		}

			#sharedHeader div.search p.btn input {
			}

/* ------------------------------------------------
category variation
------------------------------------------------ */

/* ------------------------------------------------
20150702追加　ここから
------------------------------------------------ */

#sharedHeader02 div {
	position: relative;
	margin: 0 auto;
	padding: 0 30px;
	width: 900px;
	height: 40px;
	background: #fff;
}

	#sharedHeader02 a:link,
	#sharedHeader02 a:visited {
		color: #666;
	}

	#sharedHeader02 a:active,
	#sharedHeader02 a:hover {
		color: #c00;
	}

	#sharedHeader02 p.siteInfo {
		position: absolute;
		top: 9px;
		left: 30px;
		font-size: 10px;
	}

	#sharedHeader02 h1.logo,
	#sharedHeader02 p.logo {
		position: absolute;
		top: 34px;
		left: 30px;
		margin: 0;
		padding: 0;
	}

	#sharedHeader02 ul.utility {
		position: absolute;
		top: 12px;
		right: 30px;
		font-size: 10px;
	}

		#sharedHeader02 ul.utility li {
			/display: inline;
			float: left;
			margin-left: 10px;
			padding-left: 10px;
			border-left: 1px solid #ccc;
			line-height: 1;
		}

			#sharedHeader02 ul.utility li.first {
				border: 0;
				margin: 0;
				padding: 0;
			}


/* ------------------------------------------------
20150702追加　ここまで
------------------------------------------------ */

#sharedHeader div.personal {
	border-bottom: 1px solid #c1000b;
}

#sharedHeader div.business {
	border-bottom: 1px solid #004797;
}

#sharedHeader div.corporate {
	border-bottom: 1px solid #519200;
}

#sharedHeader div.magazine {
	border-bottom: 1px solid #f56d1e;
}

#sharedHeader.form div.personal,
#sharedHeader.form div.business {
	height: 59px;
}

	#sharedHeader.form div.personal h1.logo,
	#sharedHeader.form div.personal p.logo,
	#sharedHeader.form div.business h1.logo,
	#sharedHeader.form div.business p.logo {
		top: 15px;
	}

#sharedHeader div.popup {
	width: auto;
	height: 59px;
}

	#sharedHeader div.popup h1.logo,
	#sharedHeader div.popup p.logo {
		top: 15px;
	}

	#sharedHeader div.popup p.close {
		position: absolute;
		top: 24px;
		right: 30px;
		margin: 0;
		padding: 0;
		font-size: 71.4%;
		line-height: 1;
	}

		#sharedHeader div.popup p.close a {
			padding-right: 15px;
			background: url(/shared/img/icon_close.gif) right center no-repeat;
		}

#sharedHeader div.popup02 {
	width: auto;
	height: 70px;
}

	#sharedHeader div.popup02 h1.logo,
	#sharedHeader div.popup02 p.logo {
		top: 30px;
	}

	#sharedHeader div.popup02 p.close {
		position: absolute;
		top: 15px;
		right: 30px;
		margin: 0;
		padding: 0;
		font-size: 71.4%;
		line-height: 1;
	}

		#sharedHeader div.popup02 p.close a {
			padding-right: 15px;
			background: url(/shared/img/icon_close.gif) right center no-repeat;
		}

	#sharedHeader div.popup02 ul {
		position: absolute;
		top: 45px;
		right: 30px;
		margin: 0;
		padding: 0;
		line-height: 1;
	}

		#sharedHeader div.popup02 ul li {
			font-size: 71.4%;
			float: left;
			border-right: solid 1px #333;
			padding: 0 5px;
		}
		
		#sharedHeader div.popup02 ul li.last {
			border-right: none;
		}

/* ------------------------------------------------
clearfix
------------------------------------------------ */
#sharedHeader div.personal,
#sharedHeader div.business,
#sharedHeader div.corporate,
#sharedHeader div.magazine,
#sharedHeader ul.utility {
	/zoom:1;
}

#sharedHeader div.personal:after,
#sharedHeader div.business:after,
#sharedHeader div.corporate:after,
#sharedHeader div.magazine:after,
#sharedHeader ul.utility:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}