@charset "utf-8";
/* CSS Document */

header {
	width: 190px;
	padding: 0 15px;
	background-color: #5C374A;
	display: table-cell;
}
header p.logo {
	width: 190px;
	height: 170px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/common/logo.png) no-repeat;
}
header p.logo a {
	display: block;
	width: 190px;
	height: 170px;
}
header nav {
	border-top: #FFFFFF dotted 1px;
	margin: 0 0 15px;
}
header nav ul > li {	
	padding: 12px 0 12px 20px;
	min-height: 20px;
	background: url(../img/common/top-menu.png) no-repeat left 17px;
	border-bottom: #FFFFFF dotted 1px;
}
header nav ul li > a {
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
}
header nav ul li > a.grave {
	cursor: default;	
}
header nav ul ul > li {	
	padding: 4px 0 0 12px;
	min-height: 20px;
	background: url(../img/common/sub-menu.png) no-repeat left 10px;
	border: none;
}
header nav ul ul li > a {
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;	
}
header nav ul > li.fb_official {
	width: 190px;
	height: 70px;	
	padding: 0;
	margin: 15px 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/common/bnr_fb_official.jpg) no-repeat;
	border-bottom: none;
}
header nav ul li.fb_official > a {
	display: block;
	width: 190px;
	height: 70px;
}
header nav ul > li.fb_private {
	width: 190px;
	height: 70px;	
	padding: 0;
	margin: 15px 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/common/bnr_fb_private.jpg) no-repeat;
	border-bottom: none;
}
header nav ul li.fb_private > a {
	display: block;
	width: 190px;
	height: 70px;
}

/* pc */
@media screen and (min-width: 988px) {
	
	header nav ul li a:hover {
		color: #FFCC33;
	}
	header nav ul li.fb_official:hover,
	header nav ul li.fb_private:hover {
		opacity: 0.75;
	}
	
}

/* sp */
@media print, screen and (max-width: 767px) {
	
	header {
		width: 100%;
		height: 60px;
		padding: 0;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	header p.logo {
		background: none;
	}
	
}

@media print {
	
	header {
		display: none;
	}
	
}