body,
html {
	width: 100%;
	padding: 0;
	margin: 0;
}

a {
	font-weight: normal;
	text-decoration: underline;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

table {
	border-collapse: collapse;
	empty-cells: show;
}

td {
	vertical-align: top;
	padding: 4px;
}

.poll-cnt {
	clear: both;
}

.poll-margin {
	margin-top: 20px;
}

.poll-question {
	padding-top: 6px;
	margin: 6px 0 10px;
	font-weight: bold;
	border-top: 1px solid #999;
}

.poll-options {
	width: 90%;
	display: flex;
	flex-direction: column;
}

.poll-option {
	display: flex;
	margin: 3px 0;
}

.poll-option-input {
	flex: 0 0 auto;
	margin: 0 10px 0 5px;
	display: flex;
	align-items: center;
}

.poll-option-input input {
	padding: 0;
	margin: 0;
}

.poll-option-label {
	flex: 1 1 auto;
}

.poll-button {
	margin: 5px 0;
}

.poll-links {
	padding-top: 6px;
	margin: 6px 0 10px;
	border-top: 1px solid #999;
	text-align: right;
}

.poll-results {
	display: flex;
	flex-direction: column;
	width: 90%;
	margin-bottom: 5px;
}

.poll-result {
	display: flex;
	margin: 3px 0;
}

.poll-result-question {
	width: 45%;
}

.poll-result-bar {
	display: flex;
	width: 45%;
	max-width: 300px;
	margin-left: 5px;
	padding-top: 2px;
}

.poll-result-bar img {
	height: 10px;
}

.poll-result-percent,
.poll-result-votes {
	width: 5%;
	word-break: normal;
	margin-left: 5px;
}

.attach {
	margin: 20px auto;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.left {
	text-align: left !important;
}

.margin-top {
	margin-top: 20px !important;
}

.margin {
	margin: 20px 0 !important;
}

form,
form p {
	margin: 0;
	padding: 0;
}

.record-text {
	overflow-x: auto;
	overflow-y: hidden;
	word-break: break-word;
}

.caption-margin {
	margin: 1px 0;
}

ul.site-menu {
	margin: 14px 0 !important;
}

ul.lastcom li {
	margin: 12px 0;
}

ul.line li {
	display: inline;
}

.input[type=button],
.button,
.bbHochuhi {
	cursor: pointer;
}

.button {
	width: 180px;
}

hr {
	margin: 6px 0;
}

.clearfix {
	clear: both;
}

div.clearfix {
	margin: 0;
	padding: 0;
}

.link-in-record {
	margin: 15px 0 0;
	padding: 0;
}

.link-left {
	float: left;
}

.link-right {
	float: right;
	text-align: right;
}

.link {
	margin: 10px 0 0 0;
}

.form-smile {
	margin: 10px 0;
}

.com-caption-link {
	float: right;
	text-align: right;
}

.com-caption-date {
	float: left;
}

.com-link {
	margin-top: 14px;
	text-align: right;
}

.com-new-link {
	text-align: right;
	float: right;
}

.calendar {
	margin: 5px auto;
	display: flex;
	flex-wrap: wrap;
}

.calendar table {
	margin: 10px;
}

#wrapper-menu {
	width: 250px;
}

#wrapper-menu .button {
	width: 16px;
}

#wrapper-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#wrapper-menu li {
	text-overflow: ellipsis;
	overflow: hidden;
}

#wrapper-menu div {
	padding: 5px;
	margin-bottom: 1px;
}

#wrapper-menu div.menu-caption {
	padding: 7px 5px;
	font-weight: bold;
}

div.menu-caption a {
	font-weight: bold;
	text-decoration: none;
}

.last-comment a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline !important;
}

.border-none {
	border-style: none !important;
}

.bbHochuhi {
	margin: 8px 4px 0 0;
	padding: 1px;
	width: 90px;
}

.record-date {
	margin: 0 0 15px 0;
}

.group {
	margin: 5px 0 15px 0;
}

.info div {
	margin: 5px 0 15px 0;
}

.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.counter {
	text-align: center;
}

.counter div {
	margin: 10px 0;
}

/* Design specific styles */

.design-standard #wrapper,
.design-standardle #wrapper {
	min-width: 800px;
	width: 98%;
	margin: 15px 1%;
	overflow: hidden;
}

.design-standard #wrapper-head h6,
.design-standardle #wrapper-head h6 {
	padding: 15px 9px;
	margin: 0;
	font-weight: bold;
}

.design-standard #wrapper-head a,
.design-standardle #wrapper-head a {
	font-weight: bold;
	text-decoration: none;
}

.design-standard #wrapper-menu {
	float: left;
}

.design-standardle #wrapper-menu {
	float: right;
}

.design-standard #wrapper-record {
	margin-left: 275px;
}

.design-standardle #wrapper-record {
	margin-right: 275px;
}

.design-standard #menu,
.design-standardle #menu {
	padding: 7px 9px;
	margin: 4px 0 25px 0;
}

.design-standard #menu ul,
.design-standardle #menu ul,
.design-light .header-menu ul {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

.page-top-menu-left {
	flex: 1 1 auto;
	display: block;
}

.page-top-menu-right {
	flex: 0 0 auto;
	padding-left: 20px;
	display: block;
}

.design-standard #menu li,
.design-standardle #menu li {
	display: inline;
}

.design-standard #menu a,
.design-standardle #menu a {
	text-decoration: none;
}

.design-standard .group-desc,
.design-standardle .group-desc {
	margin: 0 0 0 25px;
}

.design-light .group-desc {
	margin: 0 0 10px 20px;
}

.design-lightse .group-desc {
	margin: -10px 0 10px 20px;
}

.design-lightse .menu form {
	margin-top: 3px;
}

.design-lightse table {
	table-layout: fixed;
}

.design-lightse #record-compact table {
	table-layout: auto;
}

.design-lightse  div.group input {
	float: left;
	margin: 2px 3px 0 0;
}

.menu-search-block input[type=submit] {
	margin-left: 5px;
}

.jtooltip {
	display: inline-block;
	display: none;
}

.jtooltip .button {
	width: 100px;
}

.com-left-column {
	float: left;
	width: 160px;
	padding: 5px;
}

.com-right-column {
	margin-left: 170px;
	padding: 5px;
	position: relative;
}

.jhidden-cnt {
	display: inline;
}

.jhidden-title {
	cursor: pointer;
	display: inline;
	text-decoration: underline;
}

.jvisible > .jhidden-title {
	display: none;
}

.jhidden-content {
	display: none;
}

.jvisible > .jhidden-content {
	display: inline;
}

iframe {
	max-width: 100%;
}

.float-caption {
	font-weight: bold;
}

.float-caption-title {
	float: right;
}

.comment {
	margin-bottom: 1px;
}

blockquote.jquote {
	margin: 20px 30px 5px;
	padding: 10px;
}

.footer,
.caption,
.record-caption {
	padding: 8px;
	font-weight: bold;
	box-sizing: border-box;
}

.footer a,
.caption a,
.record-caption a {
	font-weight: bold;
	text-decoration: none;
}

.month td {
	padding: 4px;
	text-align: center;
}

.month caption {
	padding: 4px;
}

.month caption,
.month caption a,
.month caption a:active,
.month caption a:hover,
.month caption a:visited {
	font-weight: bold;
}

thead td {
	font-weight: bold;
}

#record-compact td {
	padding: 7px 4px;
}

.form-avatar-section {
	display: flex;
	align-items: flex-start;
	min-height: 160px;
}

.form-comment-avatar.form-avatar-section .upload-preview {
	margin-top: 0;
	margin-left: 10px;
}