@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&family=Noto+Serif+TC&display=swap');
.nav-list>li>a {
	padding: 1px;
}

.tabs {
	margin: 0 0 2px;
	font-size: large;
}

.const_action,.tabbox {
	width: 100%;
}

.formpl_common,.window_aim,.window_church,.window_dragon,.window_echo,.window_fight,.window_grave,.window_jewels,.window_love,.window_magus,.window_muppet,.window_pixi,.window_sympathythy,.window_think,.window_wolf,.window_moon {
	position: relative;
	z-index: 1;
}

.tab_nom {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #ccc;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #ccc;
	color: #000;
}

.tab_nom:link,.tab_nom:visited,.tab_nom[href]:active,.tab_nom[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_think {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #444;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #444;
	color: #fff;
}

.tab_think:link,.tab_think:visited,.tab_think[href]:active,.tab_think[href]:hover {
	color: #fff;
	text-decoration: none;
}

.tab_aim {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #CC9;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #CC9;
	color: orange;
}

.tab_aim:link,.tab_aim:visited,.tab_aim[href]:active,.tab_aim[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_wolf {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #c78c8c;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #c78c8c;
	color: orange;
}

.tab_wolf:link,.tab_wolf:visited,.tab_wolf[href]:active,.tab_wolf[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_sympathy {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #8ad86a;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #8ad86a;
	color: orange;
}

.tab_sympathy:link,.tab_sympathy:visited,.tab_sympathy[href]:active,.tab_sympathy[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_pixi {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #47c182;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #47c182;
	color: orange;
}

.tab_pixi:link,.tab_pixi:visited,.tab_pixi[href]:active,.tab_pixi[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_muppet {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #b1b1b1;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #b1b1b1;
	color: orange;
}

.tab_muppet:link,.tab_muppet:visited,.tab_muppet[href]:active,.tab_muppet[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_church {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #b1d8ff;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #b1d8ff;
	color: orange;
}

.tab_church:link,.tab_church:visited,.tab_church[href]:active,.tab_church[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_fight {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #dc7575;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #dc7575;
	color: orange;
}

.tab_fight:link,.tab_fight:visited,.tab_fight[href]:active,.tab_fight[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_jewels {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #fbb77f;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #fbb77f;
	color: orange;
}

.tab_jewels:link,.tab_jewels:visited,.tab_jewels[href]:active,.tab_jewels[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_love {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #e8b8b8;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #e8b8b8;
	color: orange;
}

.tab_love:link,.tab_love:visited,.tab_love[href]:active,.tab_love[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_magus {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #89669a;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #89669a;
	color: orange;
}

.tab_magus:link,.tab_magus:visited,.tab_magus[href]:active,.tab_magus[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_dragon {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #799eea;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #799eea;
	color: orange;
}

.tab_dragon:link,.tab_dragon:visited,.tab_dragon[href]:active,.tab_dragon[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_echo {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #dd98ff;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #dd98ff;
	color: orange;
}

.tab_echo:link,.tab_echo:visited,.tab_echo[href]:active,.tab_echo[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_moon {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #ffdd88;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #ffdd88;
	color: orange;
}

.tab_moon:link,.tab_moon:visited,.tab_moon[href]:active,.tab_moon[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_grave {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 9px 1px;
	border: solid #9494ca;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #9494ca;
	color: orange;
}

.tab_grave:link,.tab_grave:visited,.tab_grave[href]:active,.tab_grave[href]:hover {
	color: #000;
	text-decoration: none;
}

.tab_fun {
	position: relative;
	margin: 0 0 1px;
	padding: 2px 6px 1px;
	border: solid #fff;
	border-width: 0 0 1px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #fff;
	color: orange;
}

.tab_fun:link,.tab_fun:visited,.tab_fun[href]:active,.tab_fun[href]:hover {
	color: #000;
	text-decoration: none;
}

h2 {
	line-height: 28px;
}

input,input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number] {
	padding: 5px 10px;
}

rt {
	font-size: 75%;
}

.mes_date {
	font-size: 90%;
}

#tab .paragraph td {
	font-size: 10px;
}

#tab .paragraph .note,#tab textarea {
	font-size: 90%;
	line-height: 1.2em;
}

.note,.tips {
	font-size: 80%;
	line-height: 1.2em;
}

.board td,.board td a,.board th {
	text-align: 1.5em;
	font-size: 80%;
	line-height: 1.5em;
}

.mesname {
	font-size: 100%;
	line-height: 1.5em;
}

.pindex {
	font-size: 80%;
}

.pindex td {
	padding: 4px;
}

.pindex th {
	padding: 4px;
}

.die {
	margin: 0 0 4px;
	padding: 8px;
	border: 1px solid #f44;
	color: #f44;
}

.cmd_xxsmall {
    font-family:inherit;
    text-decoration:inherit;
    font-size:xx-small;
    display:inline-block;
    _display:inline;
}
.cmd_xsmall {
    font-family:inherit;
    text-decoration:inherit;
    font-size:x-small;
    display:inline-block;
    _display:inline;
}
.cmd_small {
    font-family:inherit;
    text-decoration:inherit;
    font-size:small;
    display:inline-block;
    _display:inline;
}
.cmd_large {
    font-family:inherit;
    text-decoration:inherit;
    font-size:large;
    display:inline-block;
    _display:inline;
}
.cmd_xlarge {
    font-family:inherit;
    text-decoration:inherit;
    font-size:x-large;
    display:inline-block;
    _display:inline;
}
.cmd_xxlarge {
    font-family:inherit;
    text-decoration:inherit;
    font-size:xx-large;
    display:inline-block;
    _display:inline;
}
.cmd_red {
    font-family:inherit;
    text-decoration:inherit;
    color:red;
    display:inline-block;
    _display:inline;
}
.cmd_blue {
    font-family:inherit;
    text-decoration:inherit;
    color:blue;
    display:inline-block;
    _display:inline;
}
.cmd_green {
    font-family:inherit;
    text-decoration:inherit;
    color:green;
    display:inline-block;
    _display:inline;
}
.cmd_yellow {
    font-family:inherit;
    text-decoration:inherit;
    color:#FF0;
    display:inline-block;
    _display:inline;
}
.cmd_pink {
    font-family:inherit;
    text-decoration:inherit;
    color:#FFC0CB;
    display:inline-block;
    _display:inline;
}
.cmd_black {
    font-family:inherit;
    text-decoration:inherit;
    color:#000;
    display:inline-block;
    _display:inline;
}
.cmd_gray {
    font-family:inherit;
    text-decoration:inherit;
    color:gray;
    display:inline-block;
    _display:inline;
}
.cmd_white {
    font-family:inherit;
    text-decoration:inherit;
    color:#FFF;
    display:inline-block;
    _display:inline;
}
.cmd_purple {
    font-family:inherit;
    text-decoration:inherit;
    color:purple;
    display:inline-block;
    _display:inline;
}
.cmd_orange {
    font-family:inherit;
    text-decoration:inherit;
    color:orange;
    display:inline-block;
    _display:inline;
}
.cmd_navy {
    font-family:inherit;
    text-decoration:inherit;
    color:navy;
    display:inline-block;
    _display:inline;
}
.cmd_lime {
    font-family:inherit;
    text-decoration:inherit;
    color:lime;
    display:inline-block;
    _display:inline;
}
.cmd_aqua {
    font-family:inherit;
    text-decoration:inherit;
    color:aqua;
    display:inline-block;
    _display:inline;
}
.cmd_line {
    font-family:inherit;
    text-decoration:underline;
    display:inline-block;
    _display:inline;
}
.cmd_del {
    font-family:inherit;
    text-decoration:line-through;
    display:inline-block;
    _display:inline;
}
.cmd_bold {
    font-family:inherit;
    text-decoration:inherit;
    font-weight:700;
    display:inline-block;
    _display:inline;
}
.cmd_italic {
	text-decoration: inherit;
	font-style: italic;
    display:inline-block;
    _display:inline;
}
.cmd_aa {
	font-family: sans-serif;
    display:inline-block;
    _display:inline;
}
.cmd_aa2 {
    font-family:'ＭＳ Ｐゴシック', 'ＭＳＰゴシック', 'MSPゴシック', 'MS Pゴシック', sans-serif;
    font-size:16px;
    line-height:18px;
}
.cmd_cc {
    font-family:inherit;
    text-decoration:inherit;
    display:inline-block;
    _display:inline;
}
.f-large {
	letter-spacing: 1em;
}
.cmd_big {
    font-family:inherit;
    text-decoration:inherit;
    font-size:x-large;
    font-weight:700;
    display:inline-block;
    _display:inline;
}
.cmd_right {
    font-family:inherit;
    text-decoration:inherit;
    text-align:right;
	display: inline-block;
	width: 100%;
}
.cmd_center {
    font-family:inherit;
    text-decoration:inherit;
    text-align:center;
	display: inline-block;
	width: 100%;
}
.cmd_magic {
    text-decoration:inherit;
    font-family:'wmagicring';
    display:inline-block;
    _display:inline;
}
.cmd_onryo {
    text-decoration:inherit;
    font-family:'wonryou';
    display:inline-block;
    _display:inline;
}
.cmd_minamo {
    text-decoration:inherit;
    font-family:'wminamoji';
    display:inline-block;
    _display:inline;
}
.cmd_lnv {
    text-decoration:inherit;
    font-family:'wlightnovel';
    display:inline-block;
    _display:inline;
}
.cmd_aoyagi {
    text-decoration:inherit;
    font-family:'waoyagi';
    display:inline-block;
    _display:inline;
}

#mes_sayaba {
	background: #fce;
}

#mes_sayjob {
	background: #c4ebec;
}

#mes_sayrad {
	background: #cbcbdf;
}

#mes_saywolf {
	background: #fcc;
}

#mes_saypixi {
	background: #ECD9FF;
}

#mes_saysympathy {
	background: #D8FFD8;
}

#mes_saysvt {
	background: #DCDCDC;
}

#mes_sayevil {
	background: #F9BF45;
}

#mes_sayelf {
	background: #FF9;
}

#mes_saythink {
	background: #444;
	color: #fff;
}

#mes_sayaim {
	background: #3c3c2b;
	color: #fff;
}

.【★】 {
	float: right;
    padding: 2px 4px 2px 4px;
    margin: -8px 0px 0px 0px;
    border: 1px solid #a1bfc3;
    background-color: #c1e4e9;
    color: #000;
    white-space: nowrap;
    font-size: medium;
    font-style: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.【◆】 {
	float: right;
    padding: 2px 4px 2px 4px;
    margin: -8px 0px 0px 0px;
    border: 1px solid #bf9795;
    background-color: #f6bfbc;
    color: #000;
    white-space: nowrap;
    font-size: medium;
    font-style: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.【▲】 {
	float: right;
    padding: 2px 4px 2px 4px;
    margin: -8px 0px 0px 0px;
    border: 1px solid #c1c188;
    background-color: #f2f2b0;
    color: #000;
    white-space: nowrap;
    font-size: medium;
    font-style: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.【●】 {
	float: right;
    padding: 2px 4px 2px 4px;
    margin: -8px 0px 0px 0px;
    border: 1px solid #8d9e7c;
    background-color: #c1d8ac;
    color: #000;
    white-space: nowrap;
    font-size: medium;
    font-style: normal;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.announcement {
	position: fixed;
    top: 40px;
    right: 15px;
    z-index: 3;
    padding: 7px 10px 7px 10px;
    border: 1px solid #555;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 3px 4px rgba(0,0,0,.5), 0 1px 8px rgba(0,0,0,.25), 0 2px 20px rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    word-wrap: break-word;
    /* font-size: 80%; */
    word-break: break-all;
}

.announcement2 {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 3;
	padding: 7px 15px 7px 10px;
	border: none;
	border-top: none;
	border-radius: 4px;
	background: rgba(0,0,0,.8);
	box-shadow: 0 3px 4px rgba(0,0,0,.5),0 1px 8px rgba(0,0,0,.25),0 2px 20px rgba(0,0,0,.5);
	color: #fff;
	text-align: center;
	word-wrap: break-word;
	/* font-size: 90%; */
	line-height: 160%;
	word-break: break-all;
	max-width: 200px;
}

.wordlist {
	width: 90%;
}

#tooltip {
	z-index: 1000;
	padding: 7px 15px 7px 10px;
	max-width: 650px;
	border: none;
	border-top: none;
	border-radius: 4px;
	background: rgba(0,0,0,.85);
	box-shadow: 0 3px 4px rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.05),0 2px 20px rgba(0,0,0,.1);
	color: #fff;
	word-wrap: break-word;
	font-size: 90%;
	line-height: 160%;
	word-break: break-all;
}

.ttpimg {
    vertical-align: middle;
    text-align: left;
    padding: 0em 0em 0em 0em;
    margin: 0.1rem 0em 0em 0.2em;
}

.matomemotable {
	border: 1px solid #000;
	border-radius: 5px;
	text-align: center;
	font-size: 90%;
}

.memotablename {
	padding: 4px;
	background: #ffa;
	color: #000;
}

.memotablelive {
	padding: 4px;
	background: #CCF;
	color: #000;
}

.memotabledead {
	padding: 4px;
	background: #F99;
	color: #000;
}

.memotablehead {
	padding: 4px;
	background: #ffa;
	color: #000;
}

.memotable1 {
	padding: 4px;
	background: #C9F;
	color: #000;
}

.memotable2 {
	padding: 4px;
	background: #9C9;
	color: #000;
}

.memotable3 {
	padding: 4px;
	background: #C96;
	color: #000;
}

.roletablewin {
	background: #FFA4B2;
	text-align: center;
}

.roletablelose {
	background: #B197FF;
	text-align: center;
}

.mes_text_center {
	overflow: auto;
	padding: 4px;
	vertical-align: top;
	text-align: center;
}

.mes_text_right {
	overflow: auto;
	padding: 4px;
	vertical-align: top;
	text-align: right;
}

.mes_text_wisdom {
	padding: 4px;
	min-height: 65px;
	vertical-align: top;
}

.mes_text_wisdom:first-letter {
	float: left;
	margin: 0 .2em 0 0;
	padding: .1em 0;
	font-weight: 700;
	font-size: 2em;
	line-height: 1;
}

.mes_text_clean {
	padding: 4px;
	min-height: 65px;
	vertical-align: top;
}

.mes_text_clean:first-line {
	color: transparent;
	text-shadow: 0 0 5px #000;
	font-weight: 700;
	font-size: large;
}

* {
	font-size: 100%;
	line-height: 130%;
}
body, form, option, textarea, input, select {
	/* font-family: "Noto Serif TC", "Noto Serif SC", serif; */
	font-family: "Microsoft YaHei", SimSun, NSimSun;
	/*font-family: applegothic, SimSun, NSimSun;*/
	/* font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; */
}

body {
	margin: 0;
	padding: 0;
	/* text-align: center; */
	isolation: isolate;
}

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

form,option {
	font-size: 95%;
}

img {
	border-style: none;
}

h1 {
	margin: 0 0 8px;
	padding: 0;
	text-align: center;
}

h2 {
	margin: 0 0 16px;
	padding: 2px 8px;
	border-width: 0 0 1px 8px;
	text-align: center;
	font-weight: 400;
	font-size: 100%;
}

h3 {
	margin: 0 0 16px;
	padding: 2px 8px;
	border-width: 0 0 1px 8px;
	font-weight: 400;
	font-size: 100%;
}

textarea {
	width: 100%;
	height: 11rem;
	margin: 0.2em 0em 0.2em 0em !important;
}

input {
	padding: 5px 10px;
	border: 1px solid #888;
	border-radius: 5px;
	background: #fff;
	color: #222;
	line-height: 115%;
    margin-right: 0.8em;
    margin-left: 0em;
    vertical-align: middle;
}

th {
	padding: 4px;
	text-align: left;
	font-weight: 400;
}

address {
	clear: both;
	margin: 0;
	padding: 4px;
	text-align: right;
	font-style: normal;
	font-size: smaller;
}

.back {
	margin: 0 auto;
	padding: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.mes:hover {
	text-decoration: underline;
	cursor: pointer;
}

.filter_hr2 {
	margin: 0;
	height: 1px;
	border: none;
	border-top: dashed 1px #444;
	color: #FFF;
}

.sayfilter_ezmemo {
	font-size: smaller;
	font-family: sans-serif;
}

.field {
	padding: 4px;
	width: 100%;
}

select {
	padding: 5px;
	border: 1px solid #888;
	border-radius: 5px;
	background-color: #fff;
	color: #222;
	min-width: 5.5rem;
    vertical-align: middle;
}

select[multiple],select[size] {
	height: auto;
}

.formpl_content select {
    max-width: 26rem;
}

.action em,.mes_text em,.mes_text_monospace em,.mes_text_report em,.text em {
	font-style: normal;
	font-size: 90%;
	opacity: .7;
}

/*.form_vmake input.input-tiny,.form_vmake input[name^=cnt] {*/
.form_vmake input.input-tiny {
	width: 36px;
}

.uneditable-input,input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],select,textarea {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 5px;
    margin: 0.2em 0.2em 0.2em 0.2em;
}

input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox] {
	min-width: 1rem;
    min-height: 1rem;
    margin: 0.3rem 0.5rem 0.4rem 0.3rem;
}

.insayfilter table {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: smaller;
}

.insayfilter td {
	margin: 0;
}

.insayfilter .paragraph {
	border-width: 0;
}

#livetype5,#lumpfilter,#mestypefilter {
	text-align: center;
	font-size: 110%;
}

.insayfilter .types div {
	font-size: 100%;
}

.drag {
	position: absolute;
	width: 608px;
}

.insayfilter .types {
	width: 5ex;
}

i {
	font-style: normal;
}

.i_active:active i,.i_hover:hover i,.ie_hover i,div:hover>i {
	display: inline;
}

b {
	font-weight: inherit;
}

#checklist {
	text-align: right;
}

input[type=file],select {
	line-height: 2em;
}

.img {
	float: left;
	padding: 4px;
}

.vindex .small {
	font-size: smaller;
}

code,pre {
	padding: 0 3px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #333;
}

code {
	padding: 2px 4px;
	border: 1px solid #e1e1e8;
	background-color: #f7f7f9;
	color: #d14;
	white-space: nowrap;
}

code a {
	color: #888;
}

.chrlist {
	width: 100%;
	table-layout: fixed;
}

.chrlist td {
	padding-bottom: 32px;
	vertical-align: top;
	text-align: center;
	font-size: 75%;
}

#header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	height: 35px;
	background: rgba(0,0,0,.5);
	box-shadow: 0 0 5px #666;
	white-space: nowrap;
}

#headerdata {
	position: relative;
	margin: 0 auto;
	width: auto;
	height: 35px;
	max-width: 1250px;
	min-width: 700px;
	background-color: transparent;
}

#header_left {
	float: left;
	overflow: initial;
}

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

#header_left ul>li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid;
}

#header_left ul>li a {
	display: block;
	padding: 0 12px;
	height: 35px;
	min-width: 16px;
	background: 0 0;
	color: #fff;
	text-align: center;
    font-size: 100%;
    line-height: 200%;
}

#header_right {
	float: right;
	overflow: initial;
}

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

#header_right ul>li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid;
}

#header_right ul>li a {
	display: block;
	padding: 0 12px;
	height: 35px;
	min-width: 16px;
	background: 0 0;
	color: #fff;
	text-align: center;
    font-size: 100%;
    line-height: 200%;
}

#header_center {
	position: fixed;
	right: 47%;
	height: 35px;
	color: #fff;
	font-weight: 700;
    font-size: 100%;
    line-height: 200%;
}

.outframe_navimode #header {
	margin-left: 500;
}

.inside {
	font-size: 95%;
	opacity: .8;
}

.msg {
  word-wrap: break-word;
  word-break: break-all;
}

sup {
	font-size: 90%;
}

.smaller {
	font-size: 90%;
}

.aligncenter,.smaller td {
	padding: 4px;
}

.aligncenter,.cursed,.droop,.executed,.feared,.live,.suddendead,.suicide,.victim {
	text-align: center;
}

.hr-text {
	position: relative;
	height: 1.5em;
	outline: 0;
	border: 0;
	color: #000;
	text-align: center;
	line-height: 1em;
	opacity: .5;
}

.hr-text:before {
	position: absolute;
	top: 89%;
	left: 0;
	width: 100%;
	height: 1.5px;
	background: -webkit-linear-gradient(left,transparent,#BFBDB3,transparent);
	background: linear-gradient(to right,transparent,#BFBDB3,transparent);
	content: '';
}

.hr-text:after {
	position: relative;
	display: inline-block;
	padding: 0 .5em;
	color: #000;
	color: #222;
	content: attr(data-content);
	font-weight: 700;
	line-height: 1.5em;
}

#header_list {
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
	max-width: 200px;
	min-width: 150px;
	border: none;
	border-top: none;
	border-radius: 4px;
	background-color: transparent;
	background-clip: padding-box;
	box-shadow: 0 3px 4px rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.05),0 2px 20px rgba(0,0,0,.1);
	word-wrap: break-word;
	/* font-size: 13px; */
	word-break: break-all;
}

#header_rightlist {
	position: absolute;
	top: 35px;
	right: 0;
	z-index: 1000;
	overflow: hidden;
	max-width: 200px;
	min-width: 150px;
	border: none;
	border-top: none;
	border-radius: 4px;
	background-color: transparent;
	background-clip: padding-box;
	box-shadow: 0 3px 4px rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.05),0 2px 20px rgba(0,0,0,.1);
	word-wrap: break-word;
	/* font-size: 13px; */
	word-break: break-all;
}

#list_msglist {
	overflow: auto;
	max-height: 500px;
	background: rgba(0,0,0,.5);
	-webkit-overflow-scrolling: touch;
}

#list_msglist ul li {
	padding: 8px 0;
	/* font-size: 13px; */
}

#list_msglist ul {
	margin: 13px;
	padding: 0;
	list-style: none;
}

#list_msglist img {
	vertical-align: middle;
}

#list_msglist a {
	color: #fff;
}

#list_msglist a:hover {
	color: #64266f;
}

#list_msglist div {
	overflow: auto;
	border-top: 1px solid rgba(0,0,0,.5);
	color: #2D2D2D;
	text-align: justify;
	line-height: 1.3;
}

#list_msglist div:hover {
	background: rgba(0,0,0,.45);
}

#list_msglist div.new {
	background-color: #e4f2f5;
}

#list_msglist div.new a {
	color: #00555f;
	font-weight: 700;
}

#list_msglist div.new:hover {
	background-color: #e2edef;
}

#list_msglist div.check-group {
	background: 0 0;
}

#list_msglist .new {
	background-color: #FFFFBA;
}

#list_msglist .empty-item {
	padding: 30px;
	text-align: center;
}

#list_msglist .empty-item img {
	width: 50%;
}

#list_msglist .empty-item p {
	color: #A6A6A6;
	/* font-size: 16px; */
}

#list_msglist .empty-item p span {
	display: block;
	margin-top: 3px;
	letter-spacing: 1px;
	font-weight: lighter;
	/* font-size: 13px; */
}

#list_msglist .empty-item:hover {
	background: 0 0;
}

#list_msglist .time {
	display: block;
	margin-top: 5px;
	color: #A6A6A6;
	text-align: right;
	/* font-size: 11px; */
}

#list_msglist i {
	display: inline-block;
	margin-right: 15px;
	margin-left: 5px;
	width: 17px;
	height: auto;
	/* font-size: 16px; */
}

.insertbtn > img {
    margin: 1rem 0em 0.5rem 0em;
    padding: 0em 1.5rem 0em 1.5rem;
}

input[type="submit"] {
    padding: 0.6rem;
    margin: 0.1em 0.2em 0.1em 0.2em;
}


/* 段組（ラベル） ----------*/
 .multicolumn_label {
    display: inline-block;
    min-width: 8rem;
    max-width: 11rem;
    text-align: right;
    vertical-align: top;
    padding: 0.38em 0.5rem 0.3em 0em;
}
/* 段組（左配置） ----------*/
 .multicolumn_left {
    padding: 0.3em;
    margin: 0.3rem 0.7rem 0.3rem 0rem;
    vertical-align: middle;
	display: inline-block;
}
/* 段組（右配置） ----------*/
 .multicolumn_right {
    padding: 0.3em;
    margin: 0.3rem 0.7rem 0.3rem 0rem;
    max-width: 25em;
    vertical-align: middle;
	display: inline-block;
}
/* 段組（役職入力欄） ----------*/
 .multicolumn_role {
    text-align: left;
    vertical-align: top;
    padding: 0em 0em 0em 0em;
    margin: 0em 0.3rem 0em 0.3rem;
}
/* 段組（改行） ----------*/
 .multicolumn_clear {
    clear: left;
}

#mestypefilter > div {
    padding: 0.5rem 0 0.5rem 0;
}

.sayfilter_caption_enable {
    margin: 0rem 0rem 0.3rem 0rem;
    padding: 0.1rem 0.2rem 0.2rem 0.2rem;
}

.sayfilter_button_lump {
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.paragraph > .sayfilter_caption_enable {
    margin-bottom: 0;
}

.sayfilter_heading {
    margin: 0.5rem 0px 0.5rem 0px;
    padding: 0.5rem 0.5rem 0.6rem 0.6rem;
}

.sayfilter_heading > img {
    min-width: 1.2rem;
    min-height: 1.2rem;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

form[method="post"] {
    display: contents;	
}

.announcement div#noticeboxbody {
	padding-top: 0.6em;
}

/* .msg span { */
	/* display: block; */
/* } */

input[id*="hide_button_"] {
	margin: 0rem 0.5rem 0.4rem 0.3rem !important;
}

label[for*="hide_button_"] > img {
	margin: 0rem 0em 3rem 0em;
	padding: 0em 1.2rem 0em 1.2rem;
	vertical-align: top;
}

.multicolumn_span {
	vertical-align: -webkit-baseline-middle !important;
	margin: 0px 0px 16px 0px;
    padding: 4px;
}

.mes_text_report ~ .multicolumn_span {
	vertical-align: -webkit-baseline-middle !important;
	margin: 0px 0px 16px 0px;
    padding: 4px;
}

.multicolumn_span_block {
	display: inline-block;
    margin-left: 25% !important;
    padding-left: 0.2rem !important;
    margin-bottom: 1rem !important;
	vertical-align: -webkit-baseline-middle !important;
}

.multicolumn_span_char {
	display: inline-block;
	vertical-align: -webkit-baseline-middle !important;
	margin: 0px 0px 16px 0px;
    padding: 4px;
	padding-left: 0.4rem !important;
	max-width: 65% !important;
}