@charset "utf-8";

body {
	margin-top: 24px;
}

#Header .HeaderWrapper {
  height: 24px;
}

#Header .Title {
	width: 104px;
	height: 24px;
}

#Header .Title a {
	padding: 7px 0px 7px 0px;
}

#Header .Title .TitleImg {
	width: 104px;
	height: 10px;
}

#Header .TagSearch {
	margin: 2px 0px 0px 15px;
}

#Header .HeaderMenuRight {
	width: 240px;
}

#Header .SafeFiler {
	width: auto;
	margin: 0 0 0 10px;
}

#Header .LoginInfo {
	height: 20px;
	margin: 1px 0 0 0;
	width: auto;
}

#Header .LoginInfo .LoginInfoItem {
	height: 20px;
	margin-left: 10px;
}

#Header .LoginInfo .LoginInfoItem .LoginInfoItemIcon {
	width: 20px;
	height: 20px;
}

#Header .LoginInfo .LoginInfoItem .LoginInfoItemTxt {
	display: inline-block;
	height: 20px;
	line-height: 21px;
	font-size: 11px;
	color: #b0b0a5;
}

#Header .LoginInfo .LoginInfoItem.SignUp {
	width: auto;
	background: none;
}

#Header .LoginInfo .LoginInfoItem.Login {
	width: auto;
	background: none;
}

#Header .LoginInfo .LoginInfoItem.Information {
	background: transparent url('http://img01.emotionflow.com/galleria/img/LoginInfoMenuLoginSmall9.png') no-repeat -160px 0px;
	margin-right: 10px;
	width: 20px;
}

#Header .LoginInfo .LoginInfoItem.Information.Selected {
	background-position: -160px -20px;
}

#Header .LoginInfo .LoginInfoItem.Information .InfoNum {
	height: 18px;
	line-height: 18px;
	font-weight: bold;
	font-size: 8px;
}

#Header .LoginInfo .LoginInfoItem.Information .InfoBodyFrame {
	top: 22px;
}

#Header .LoginInfo .LoginInfoItem.Timeline .LoginInfoItemIcon {
	background: transparent url('http://img01.emotionflow.com/galleria/img/LoginInfoMenuLoginSmall9.png') no-repeat 0px 0px;
}

#Header .LoginInfo .LoginInfoItem.Timeline:HOVER .LoginInfoItemIcon {
	background-position: 0px -20px;
}

#Header .LoginInfo .LoginInfoItem.Upload .LoginInfoItemIcon {
	background: transparent url('http://img01.emotionflow.com/galleria/img/LoginInfoMenuLoginSmall9.png') no-repeat -20px 0px;
}

#Header .LoginInfo .LoginInfoItem.Upload:HOVER .LoginInfoItemIcon {
	background-position: -20px -20px;
}

#Header .LoginInfo .LoginInfoItem.Works .LoginInfoItemIcon {
	background: transparent url('http://img01.emotionflow.com/galleria/img/LoginInfoMenuLoginSmall9.png') no-repeat -20px 0px;
	background-position: -40px 0px;
}

#Header .LoginInfo .LoginInfoItem.Works:HOVER .LoginInfoItemIcon {
	background-position: -40px -20px;
}

#Header .LoginInfo .LoginInfoItem.Bookmark .LoginInfoItemIcon {
	background: transparent url('http://img01.emotionflow.com/galleria/img/LoginInfoMenuLoginSmall9.png') no-repeat -60px 0px;
}

#Header .LoginInfo .LoginInfoItem.Bookmark:HOVER .LoginInfoItemIcon {
	background-position: -60px -20px;
}

#Header .LoginInfo .LoginInfoItem.Heart .LoginInfoItemIcon {
	background: transparent url('http://img01.emotionflow.com/galleria/img/LoginInfoMenuLoginSmall9.png') no-repeat -200px 0px;
}

#Header .LoginInfo .LoginInfoItem.Heart:HOVER .LoginInfoItemIcon {
	background-position: -200px -20px;
}

#Header .LoginInfo .LoginInfoItem.Access .LoginInfoItemIcon {
	background: transparent url('http://img01.emotionflow.com/galleria/img/LoginInfoMenuLoginSmall9.png') no-repeat -120px 0px;
}

#Header .LoginInfo .LoginInfoItem.Access:HOVER .LoginInfoItemIcon {
	background-position: -120px -20px;
}

#Header .LoginInfo .LoginInfoItem.Setting {
	background: transparent url('http://img01.emotionflow.com/galleria/img/LoginInfoMenuLoginSmall9.png') no-repeat -180px 0px;
	width: 20px;
}

#Header .LoginInfo .LoginInfoItem.Setting:HOVER {
	background-position: -180px -20px;
}

#Header .LoginInfo .LoginInfoItem.Setting .LoginInfoSetting {
	top: 22px;
}
#Header .CatMenu {
	float: left;
	width: auto;
	padding: 7px 0 0 5px;
}
#Header .CatMenu ul {
	width: auto;
	height: 15px;
}
#Header .CatMenu .CatMenuItem {
	font-size: 11px;
	height: 10px;
	line-height: 10px;
}
#Header .CatMenu .CatMenuItem .CatMenuItemLink {
	padding: 0 8px;
	height: 15px;
}

#Header .CatMenu .CatMenuItem:first-child .CatMenuItemLink {
    padding-left: 15px;
}

.SystemMenu {
	display: block;
	position: fixed;
	z-index: 90;
	top: 27px;
	right: 3px;
}

.SystemMenu .CommonMenu {
	display: inline-block;
	padding: 2px 7px;
	background: rgba(128, 128, 128, 0.6);
	border-radius: 4px;
	margin: 0 0 0 1px;
}

.SystemMenu .CommonMenu .CommonMenuBtn {
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	vertical-align: middle;
}

.SystemMenu .CommonMenu .CommonMenuBtn .typcn {
	display: inline-block;
	height: 20px;
	font-size: 18px;
	line-height: 16px;
	vertical-align: middle;
}

.SystemMenu .CommonMenu .CommonMenuBtn .typcn:BEFORE {
	vertical-align: middle;
}

.SystemMenu .CommonMenu .CommonMenuUserImgFrame,
.SystemMenu .CommonMenu .CommonMenuIllustImgFrame {
	display: inline-block;
	height: 25px;
	width: 25px;
	border: solid 2px #f0f0f0;
	overflow: hidden;
	vertical-align: middle;
}

.SystemMenu .CommonMenu .CommonMenuUserImgFrame  {
	border-radius: 30px;
}

.SystemMenu .CommonMenu .CommonMenuIllustImgFrame .CommonMenuIllustImg,
.SystemMenu .CommonMenu .CommonMenuUserImgFrame .CommonMenuUserImg {
	display: block;
	height: 25px;
	width: 25px;
	border: none;
	vertical-align: middle;
}