@charset "UTF-8";

/*
	.area-header
=========================================*/
#adminPreviewArea {
	background: #232323;
	color: #fff;
	min-height: 40px;
	_height: 40px;
	padding: 10px;
	font-size:14px;
	line-height:1.3;
}

	#adminPreviewArea a {
		color: #fff;
	}
	#adminPreviewArea #adminLogo {
		float: left;
		text-align:left;
		font-weight:bold;
		font-family:"MS UI Gothic";
	}
		#adminPreviewArea #adminLogo img{
			display:block;
			margin-bottom:5px;
		}



	#adminPreviewArea .navi {
		float: right;
		padding: 10px 0 0;
		overflow: hidden;
		text-align: right;
	}
		#adminPreviewArea .navi ul {
			display: inline-block;
			>display: inline;
			margin: 0 -10px 0 -1px;
		}
		#adminPreviewArea .navi ul:after {
			content: "";
			display: block;
			clear: both;
		}
			#adminPreviewArea .navi ul li {
				float: left;
				padding: 0 10px;
				border-left: 1px solid #ccc;
			}
				#adminPreviewArea .navi ul li .name {
					font-weight: bold;
				}
	#adminPreviewArea .siteSwitch {
		position: absolute;
		right: 0;
		bottom: 10px;
	}
	#adminPreviewArea .icon-account {
		background: url(../img/icon/account.png) 0 0 no-repeat;
		display: inline-block;
		width: 12px;
		height: 12px;
		vertical-align: middle;
		zoom: 1;
	}
	#adminPreviewArea .icon-logout {
		background: url(../img/icon/logout.png) 0 0 no-repeat;
		display: inline-block;
		width: 14px;
		height: 12px;
		vertical-align: middle;
		zoom: 1;
	}




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




	#adminPreviewArea .lineArea{
		text-align:right;
		border-top:1px solid #fff;
		padding-top:10px;
		margin-top:10px;
	}
	#adminPreviewArea .lineArea:first-child{
		margin-top:0;
		padding-top:0;
		border:none;
		min-height: 40px;
		_height: 64px;
	}
	
		#adminPreviewArea .ctrlBox{
			border-left:1px solid #fff;
			display:inline-block;
			margin-left:10px;
			padding-left:10px;
		}
		#adminPreviewArea div.ctrlBox:nth-of-type(1){
			border-left:none;
		}