@charset "UTF-8";

* {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 1.3;
	box-sizing: border-box;
}
html {
	font-size: 100%;
	color: #333333;
}
body {
}

a {
	color: #b90603;
}

header {
	background-color: #fff;
	box-shadow: 2px 0px 3px -1px rgba(0,0,0,0.5);
	padding: 0px 16px;
	margin-bottom: 8px;
	overflow: hidden;
}
header nav#system-menu {
	float: right;
	font-size: 80%;
	margin-right: 4px;
	margin-top: 16px;
}
header nav#system-menu ul {
	list-style-type: none;
}
header nav#system-menu ul li {
	display: inline-block;
	marign-right: 2px;
}
header nav#system-menu ul li a {
	text-decoration: none;
	display: block;
	padding: 16px 16px 15px;
	border: 2px solid #666;
	text-align: center;
	border-radius: 3px;
	color: #666;
	background-color: white;
	font-weight: bold;
}
header nav#system-menu ul li a.logout {
	background-color: #666;
	color: #fff;
}


div#content {
	margin: 0 8px;
}
div#content-inner {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

ul#breadcrumbs {
	list-style-type: none;
	font-size: 90%;
	margin-left: 8px;
}
ul#breadcrumbs li{
	display: inline-block;
}
ul#breadcrumbs > li:before{
	content: " > ";
}
ul#breadcrumbs > li:first-child:before{
	content: none;
}
ul#breadcrumbs a{
	color: #888;
	text-decoration: none;
}
h1 {
	margin-top: 8px;
	font-size: 180%;
}

.nowrap {
	white-space: nowrap;
}

.error-msg {
	color: #c00;
	font-size: 90%;
	margin-top: 2px;
}

.message-box {
	background-color: #ffffff;
	border-radius: 5px;
	padding: 8px 24px 8px 16px;
	font-size: 90%;
	overflow: hidden;
	position: relative;
	color: #696969;
}
.message-box a {
	color: #888888;
}
.message-box i {
	position: absolute;
	top: 4px;
	right: 6px;
}
.notice {
	border: 2px solid #5390eb;
	color: #5390eb;
}
.error {
	border: 2px solid #e03939;
	color: #e03939;
}

.input-error {
	background-color: #fff8f8!important;
}

.text-left {
	text-align: left!important;
}
.text-center {
	text-align: center!important;
}
.text-right {
	text-align: right!important;
}
.va-top {
	vertical-align: top;
}

.font-size-120 {
	font-size: 120%;
}
.font-size-100 {
	font-size: 100%;
}
.font-size-90 {
	font-size: 90%;
}
.font-size-80 {
	font-size: 80%;
}
.font-size-70 {
	font-size: 70%;
}

.font-green {
	color: #33b707;
}
.font-blue {
	color: #008cff;
}

.mt0 {
	margin-top: 0px!important;
}
.mt4 {
	margin-top: 4px!important;
}
.mt16 {
	margin-top: 16px!important;
}
.mt32 {
	margin-top: 32px!important;
}

.ml0 {
	margin-left: 0px!important;
}
.ml4 {
	margin-left: 4px!important;
}

.mr0 {
	margin-right: 0px!important;
}
.mr4 {
	margin-right: 4px!important;
}

.mb16 {
	margin-bottom: 16px!important;
}
.mb32 {
	margin-bottom: 32px!important;
}

.width-2em {
	width: 2em;
	max-width: 100%;
}
.width-4em {
	width: 4em;
	max-width: 100%;
}
.width-6em {
	width: 6em;
	max-width: 100%;
}
.width-8em {
	width: 8em;
	max-width: 100%;
}
.width-10em {
	width: 10em;
	max-width: 100%;
}
.width-12em {
	width: 12em;
	max-width: 100%;
}
.width-16em {
	width: 16em;
	max-width: 100%;
}
.width-18em {
	width: 18em;
	max-width: 100%;
}
.width-20em {
	width: 20em;
	max-width: 100%;
}
.width-24em {
	width: 24em;
	max-width: 100%;
}
.width-27em {
	width: 27em;
	max-width: 100%;
}
.width-28em {
	width: 28em;
	max-width: 100%;
}
.width-32em {
	width: 32em;
	max-width: 100%;
}
.width-36em {
	width: 36em;
	max-width: 100%;
}
.width-40em {
	width: 40em;
	max-width: 100%;
}
.width-44em {
	width: 44em;
	max-width: 100%;
}
.width-48em {
	width: 48em;
	max-width: 100%;
}
.width-52em {
	width: 52em;
	max-width: 100%;
}
.width-56em {
	width: 56em;
	max-width: 100%;
}
.width-60em {
	width: 60em;
	max-width: 100%;
}
.width-64em {
	width: 64em;
	max-width: 100%;
}
.width-80em {
	width: 80em;
	max-width: 100%;
}
.width-100 {
	width: 100%;
	max-width: 100%;
}

.height-2em {
	height: 2em;
	max-height: 100%;
}
.height-4em {
	height: 4em;
	max-height: 100%;
}
.height-5em {
	height: 5em;
	max-height: 100%;
}
.height-6em {
	height: 6em;
	max-height: 100%;
}
.height-10em {
	height: 10em;
	max-height: 100%;
}
.height-12em {
	height: 12em;
	max-height: 100%;
}
.height-14em {
	height: 14em;
	max-height: 100%;
}
.height-15em {
	height: 15em;
	max-height: 100%;
}
.height-16em {
	height: 16em;
	max-height: 100%;
}
.height-18em {
	height: 18em;
	max-height: 100%;
}

.max-width-200 {
	max-width: 200px;
}


.sup {
	font-size: 80%;
	text-align: right;
}

sup {
	color: #c00;
}

footer {
	text-align: center;
	padding: 12px 0;
	font-size: 80%;
	margin-top: 16px;
	background-color: #1a1a1a;
	color: #fff;
}

input[type=text],
input[type=password],
textarea {
	color: black;
	font-size: 80%;
	border-style: solid;
	border-color: #c9c9c9 #ececec #ececec #c9c9c9;
	border-width: 1px;
	border-radius: 3px;
	background-color: #ececec;
	padding: 8px 8px 6px;
}
textarea {
	line-height: 1.6;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	border:solid 1px #B90603;
}
select {
	font-size: 100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: white;
	padding: 1px 8px;
	box-shadow: inset 1px 3px 9px -6px rgba(0,0,0,0.3);
	position: relative;
}

div.button,
a.button,
button.button {
	font-weight: bold;
	display: inline-block;
	font-size: 90%;
	padding: 6px 12px;
	background-color: white;
	border-radius: 3px;
	text-align: center;
	vertical-align: top;
	color: #666;
	text-decoration: none;
	line-height: 1.3;
	border: 2px solid #666;
}
a.button.do,
button.button.do {
	background-color: #b90603;
	border: 2px solid #b90603;
	color: white;
}
a.button[disabled=disabled],
button.button[disabled=disabled] {
	background-color: #ccc!important;
	border: 2px solid #666!important;
	color: #888!important;
}

a.big,
button.big {
	padding: 16px 32px;
}


/* List Common */
div.search_form {
	display: inline-block;
	margin-top: 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: white;
	padding: 8px 0;
	max-width: 100%;
	min-width: 200px;
}
div.search_form p.search_header {
	font-size: 80%;
	border-bottom: 1px dotted #ccc;
	padding: 0 8px 4px;
	cursor: pointer;
}
div.search_form div.search_detail {
	font-size: 80%;
	color: #51391a;
	padding: 4px 1em;
	max-width: 100%;
}
div.search_form form {
	margin-top: 8px;
}
div.search_form table td {
	padding: 4px;
}
div.search_form form span.label {
	font-size: 80%;
}


div.control_area {
	margin-top: 8px;
	overflow: hidden;
}
div.control_area form.show-list-num {
	float: right;
}
div.control_area div.pagination {
	display: inline-block;
	padding: 4px 0;
}
div.control_area div.pagination > span {
	display: inline-block;
}
div.control_area div.pagination a {
	display: block;
	padding: 0 6px;
	text-decoration: none;
	color: #444;
}
div.control_area div.pagination a:hover {
	text-decoration: underline;
}
div.control_area div.pagination > span.active > span {
	color: #cc0000;
	font-weight: bold;
}

table.DataList {
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 90%;
	width: 100%;
	margin: 8px auto;
}
table.DataList th,
table.DataList td {
	border: 1px solid #ccc;
	padding: 8px 8px;
}
table.DataList th {
	background-color: #ececec;
	color: #000;
	text-align: left;
	white-space: nowrap;
}
table.DataList tr {
	background-color: #ffffff;
}
table.DataList tr:nth-child(even) {
	background-color: #fafafa;
}
.sortHandle {
	cursor: grab;
}


.AdmListThumbnail {
	max-width: 120px;
	max-height: 90px;
}
.AdmListTags {
	list-style-type: none;
}
.AdmListTags li {
	display: inline-block;
	margin: 2px 0;
	border-radius: 10px;
	background-color: #ffc700;
	padding: 2px 8px 1px;
	font-size: 80%;
}

ul.select-item {
	list-style-type: none;
	font-size: 90%;
}
ul.select-item li {
	display: inline-block;
	margin: 2px 1px;
	padding: 2px 3px;
	border: 1px dotted #ccc;
	border-radius: 3px;
}



/* edit form common */
table.edit-form {
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 0;
	width: 100%;
}
table.edit-form th,
table.edit-form td {
	border: 1px solid #ccc;
	padding: 8px 16px;
}
table.edit-form th {
	background-color: #eee;
	text-align: right;
	white-space: nowrap;
}
label.checkbox {
	margin: 2px;
	padding: 4px 6px;
	border-radius: 3px;
	border: 1px dotted #ccc;
	display: inline-block;
	background-color: white;
}
label.checked {
	background-color: #dfe!important;
}
label.radio {
	margin: 2px;
	padding: 4px 6px;
	border-radius: 3px;
	border: 1px dotted #ccc;
	display: inline-block;
	background-color: white;
}
ul#EventMentorGroup {
	list-style-type: none;
}
ul#EventMentorGroup li {
	margin: 4px 0;
}


/* file-uploader */
ul.file-uploader {
	list-style-type: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	letter-spacing: -.40em;
}
ul.file-uploader li {
	display: inline-block;
	letter-spacing: normal;
	padding: 2px 2px;
	vertical-align: top;
}
ul.file-uploader li div.input-cover {
	border: 2px dashed #acacac;
	background-color: #ececec;
	cursor: pointer;
	padding: 0;
	text-shadow: 1px 1px 0px white;
	color: #000;
	background-size: contain;
	background-position: center center;
}

ul.file-uploader li div.input-cover.dragover {
	background-color: #f39700;
	border-color: #444;
}

ul.file-uploader li div.input-cover p {
	margin: 2px 0;
	opacity: 0.4;
}
ul.file-uploader li div.input-cover p.file-button {
	display: inline-block;
	background-color: white;
	border: 1px solid #666;
	border-radius: 3px;
	padding: 4px 8px;
	font-size: 80%;
}
ul.file-uploader li div.input-cover div.upload-progress {
	margin: 4px 0 0;
	height: 4px;
}
ul.file-uploader li div.input-cover div.upload-progress-bar {
	width: 0%;
	height: 4px;
	background-color: #62bc64;
}
ul.file-uploader li .uploaded-file {
	margin: 4px 0 0;
	position: relative;
	background-color: #ececec;
	padding: 6px 0;
	font-size: 70%;
	line-height: 1.4;
}
ul.file-uploader li .uploaded-file p:first-child {
	padding-right: 32px;
	padding-left: 4px;
	margin: 0;
}
ul.file-uploader li .uploaded-file p.remove {
	position: absolute;
	width: 30px;
	top: 9px;
	right: 0;
	margin: 0;
	cursor: pointer;
}
ul.file-uploader li span.hidden-file {
	position: absolute;
	visibility: hidden;
	height: 0;
	padding: 0;
	line-height: 0;
	font-size: 0px;
}
ul.file-uploader li span.hidden-file input[type=file] {
	height: 0;
	padding: 0;
	min-height: 0;
	font-size: 0px;
	line-height: 0;
	border: none;
}


/* Login */
div.login {
	margin: 32px auto;
	width: 100%;
	max-width: 600px;
	border: 5px solid #e6e6e6;
	padding: 0 0 32px;
}
div.login h1 {
	margin-top: 0;
	padding-top: 16px;
	padding-bottom: 12px;
	text-align: center;
	font-size: 160%;
	background-color: #fff;
}
div.login form.login-form {
	margin-top: 16px;
}
div.login form.login-form table {
	margin: auto;
}
div.login form.login-form table th,
div.login form.login-form table td {
	padding: 4px;
}
div.login form.login-form p {
	margin-top: 4px;
}

/* Top */
div.start-menu {
	margin: 32px auto;
	width: 100%;
	max-width: 1000px;
}
div.start-menu ul {
	overflow: hidden;
	list-style-type: none;
	marign: 16px 0;
	font-size: 120%;
}
div.start-menu ul li {
	display: inline-block;
	margin: 10px;
}
div.start-menu ul li a {
	display: block;
	padding: 50px 30px;
	border: 3px solid #666;
	text-decoration: none;
	border-radius: 5px;
	color: #666;
	text-align: cneter;
	width: 280px;
	font-weight: bold;
	position: relative;
}
div.start-menu ul li a:hover {
	/* text-decoration: underline; */
}
div.start-menu ul li a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto;
	content: '';
	background-image: url(../img/nav-arrow.png);
	width: 20px;
	height: 30px;
	vertical-align: middle;
}

/* event */
p.MapOption {
	position: absolute;
	z-index: 1000002;
	top: 8px;
	left: 8px;
}
p.MapOption button.CurrentPosition {
	box-shadow: 0px 0px 1px gray;
	padding: 8px 10px!important;
}
p.MapOption input.AddressPosition {
	display: inline-block!important;
	padding-right: 68px!important;
	width: 300px!important;
	line-height: 16px!important;
}
p.MapOption button.AddressSubmit {
	position: absolute;
	margin-left: -51px;
	margin-top: 3px;
	padding: 6px 8px!important;
}

/* works */
.wscNewForm {
	display: inline-block;
	padding: 1px;
}

/* staff */
ul.SubBlock {
	list-style-type: none;
}
ul.SubBlock > li {
	overflow: hidden;
	border: 1px dotted #ccc;
	padding: 8px;
	margin-bottom: 8px;
	background-color: white;
}
ul.SubBlock dl {
	margin-right: 16px;
	float: left;
}
ul.SubBlock dl.clear {
	clear: both;
}
ul.SubBlock dl dt {
	font-size: 80%;
	font-weight: bold;
	margin-top: 8px;
}
ul.SubBlock div.SubControl {
	clear: both;
	float: right;
	margin-top: -26px;
	text-align: right;
}
ul.SubBlock button.delSubGroup {
}
ul.SubBlock div.sortSubGroup {
	display: inline-block;
	cursor: grab;
}

/* own */
ul.OptBlock {
	list-style-type: none;
}
ul.OptBlock > li {
	position: relative;
	overflow: hidden;
	border: 1px dotted #ccc;
	padding: 8px;
	margin-bottom: 8px;
}
ul.OptBlock dl {
	margin-right: 16px;
	float: left;
}
ul.OptBlock dl.clear {
	clear: both;
}
ul.OptBlock dl dt {
	font-size: 80%;
	font-weight: bold;
	margin-top: 8px;
}
ul.OptBlock button.delOptGroup {
	position: absolute;
	top: 6px;
	right: 6px;
	padding: 2px 4px;
}

/* font color */
.font-red {
	color: #B90603;
}

/* badge */
.new-badge {
	background-color: #666;
	border-radius: 10px;
	padding: 3px 4px 1px;
	position: absolute;
	top: -8px;
	right: -8px;
	color: white;
	font-size: 80%;
}

/* works */
ul.CompBlock {
	list-style-type: none;
}
ul.CompBlock > li {
	overflow: hidden;
	border: 1px dotted #ccc;
	padding: 8px;
	margin-bottom: 8px;
	background-color: white;
}
ul.CompBlock dl {
	margin-right: 16px;
	float: left;
}
ul.CompBlock dl.clear {
	clear: both;
}
ul.CompBlock dl dt {
	font-size: 80%;
	font-weight: bold;
	margin-top: 8px;
}
ul.CompBlock div.CompControl {
	clear: both;
	float: right;
	margin-top: -26px;
}
ul.CompBlock button.delCompGroup {
}
ul.CompBlock div.sortCompGroup {
	display: inline-block;
	cursor: grab;
}

/* dropdown-menu */
div.fp-dropdown-button {
  display: inline-block;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 2px 0px 2px 8px;
  cursor: pointer;
  background-color: white;
}
div.fp-dropdown-button span {
  display: inline-block;
}
div.fp-dropdown-button span:last-child {
  border-left: 1px solid #aaa;
  color: #888;
  padding: 0 3px;
}
div.fp-dropdown-button span:last-child i {
  margin: 0 0px;
  padding: 0;
  font-size: 80%;
}

ul.fp-dropdown-content {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 1px solid #aaa;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
  position: absolute;
  background-color: white;
  border-radius: 3px;
  font-size: 90%;
  display: none;
}
ul.fp-dropdown-content li {
  padding: 4px 8px;
  border-bottom: 1px solid #aaa;
  cursor: pointer;
  text-align: center;
}
ul.fp-dropdown-content li:last-child {
  border-bottom: none;
}
ul.fp-dropdown-content li:hover {
  background-color: #eee;
}