@charset "UTF-8";



/* ページ全体レイアウト　幅ごとの調整 */
body.narrow {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 500px;
}

body.narrow h2, body.narrow dl,
body.narrow>p, body.narrow>pre, body.narrow>form, 
body.narrow textarea, body.narrow input, body.narrow>table, body.narrow>form>table
{
  margin-left:0; margin-right:0;
/*  width: 100%; */
  font-size: 12px;
}
body.narrow #footer p#footer-site-name a { margin-left:0; margin-right:0; }
body.narrow #footer { font-size: 12px; }

body.narrow th.QNum { display:none !important}
body.narrow #header #header-area h2.link,
body.narrow #header #header-area #site-name,
body.narrow span.omitn, body.narrow span.omitm, body.narrow td.omitn, body.narrow td.omitm 
{ display:none }
body.narrow #header #header-area h2.title { padding-left: 14px; }
body.narrow th.QChoice { font-size: 11px; padding: 1px;}
body.narrow h2 { font-size: 16px !important; }
body.narrow h1 { font-size: 20px !important; }
body.narrow table.block-tabs { font-size: 90%;}


/* ページ全体レイアウト　幅ごとの調整 */
body.middle {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 800px;
}
body.middle h2, body.middle dl,
body.middle>p, body.middle>pre, body.middle>form, 
body.middle textarea, body.narrow input[type="text"], body.narrow label, body.middle>table, body.middle>form>table
{
  margin-left:0; margin-right:0;
  width: 100%;
  font-size: 14px;
}
body.middle h2
{
  width: auto;
}
body.middle h2 { font-size: 18px !important;}
body.middle h1 { font-size: 24px !important;}
body.middle table.block-tabs { font-size: 90%;}

body.middle th.QNum { display:none !important}
body.middle th.QChoice { font-size: 13px; padding: 1px;}
body.middle #header #header-area h2.link,
body.middle span.omitm, body.middle td.omitm
 {display:none}


/* ページ全体レイアウト 共通 */
body{
  margin: 0 0;
  background: #fff;
}
body {
  -webkit-text-size-adjust: 100%;
}

h1{
  color:#222;
  margin: 0em 0em 1em 0em;
  background: #eee;
  border-bottom: 4px solid #63aa22; 
  padding: 0.4em;
}
h2.level2 {
  color:#222;
  margin: 1em 0.4em 1em 0.4em;
  background: #eee;
  border-bottom: 4px solid #63aa22; 
  padding: 0.4em 0.4em 0.4em 0.2em;
/*  text-indent: -2em; */
}

h2.level3 {
  color: #539914;
  margin: 1em 0.6em 0.5em 0.6em;
  line-height: 1.4;
  border: solid 1px #aaa;
  border-left: solid 5px #1c2a52;
  box-shadow: inset 5px 0 0 0 #6eb95b;
  padding: 0.2em 0.3em 0.2em 0.6em;
  font-size: 140%;
/*  text-indent: -2em; */
}  

h2.level4 {
  color: #222;
  margin: 1em 0.8em 0.7em 0.8em;
  line-height: 1.5;
  border-bottom: solid 1px #aaa;
  border-left: solid 5px #8d6;
  padding: 0.1em 0.4em 0.1em 0.8em;
  0text-indent: -2em;
}  

h1 span.left, h2 span.left, .qheadsub span.left, 
h1 span.right, h2 span.right, .qheadsub span.right,
h1 span.center, h2 span.center, .qheadsub span.center {
  display: block;
  margin: 0;
}
h2 span.head0 {
  margin-left: 2em;
  text-indent: -2em;
}
h2 span.head1, .qheadsub span.head1 {
  margin-left: 2em;
  text-indent: 0;
}

div.globaltop {
  margin: 0;
  font-weight: bold;
}
div.globaltop span.small {
  font-size: 80%;
}
div.globaltop a {
  text-decoration: none;
  color: #666;
}


body>p, body>pre, body>form, body>textarea,
p.tabmes {
  margin: 0.4em 1em 0.2em 1em;
  line-height: 1.2;
}

body>table {
  width: 92%;
  margin: 1em auto;
}

form>table {
  width: auto;
  margin: 1em auto;
}

.strike {
  text-decoration: line-through;
}

p.submitmes, p.submitmes2 {
/*  font-size: 125%;*/
  color: blue;
  text-align: center;
  background: #ffb;
}

hr {
  margin: 1em 2%;
  color: #888;
}

th.AChoice {
  font-size: 94%;
}

input[type="text"] {
  width: 100%
}
textarea {
  width: 100%;
}
/* 20190626 */
textarea.linkedL, textarea.linkedC {
	vertical-align: middle;
}
input[type="radio"] {
  background: #aaf;
  box-shadow: 0 0 3px 0px #aaf;
}
input[type="checkbox"] {
  background: #aaf;
  box-shadow: 0 0 3px 1px #aaf;
}

.edited {
  color: red;
  background: #ffc;
}

.bold {
  font-weight: bold;
}
.red {
  color: red;
}
.blue {
  color: blue;
}
/*
table a {
  padding 0;
  margin 0;
  display: inline-block;
}
*/

/* テーブル標準 */
table {
  border-collapse: separate;
  border-spacing: 0;
}
td,th {
  padding: 3px 0.3em;
  border: solid #333 1px;
}
th {
  background-color: #dfd;
}
table.sortable th {
  padding: 3px 1em 0.3em;
}
td.t-blue, th.t-blue  { background: #ddf; }
td.t-green,th.t-green { background: #dfd; }
td.t-red,  th.t-red   { background: #fdd; }
td.t-yellow,th.t-yellow { background: #ffc; }

iframe.upload {
  width:90%;
  max-width:600px;
  height:60px;
  border: #333 dotted 1px;
  
}

/* 質問ページ (編集モード時の判別用)*/
body.editmode div.required span.head0, 
body.editmode div.required span.head1 { /* 回答必須: 各問ヘッダ紫色 */
  background: #fbe;
}
body.editmode td {
  background: #eee;
}
body.editmode th {
  background: #dfe;
}
body.editmode div.line {
	background: #eef;
}
body.editmode div.label {
	background: #efe;
}

/* アンケート回答結果ページ等 */

h3 {
  color: #222;
  margin: 1em 1.5em 0.7em 1em;
  padding-left: 1em;
  line-height: 2;
  border-bottom: solid 1px #aaa;
  border-left: solid 5px #8d6;
  letter-spacing: 2px;
  background: #dfd;
}  

body.menu dl,
body.menu p,
body.rec p, 
body.rec pre,
p.choicenodisp,
p.textnodisp
{
  margin: 1em 2em;
}


/* 各色ボタン (gray: IE11標準) */
.b-gray, 
.b-blue, 
.b-red, 
.b-orange, 
.b-green {
	color: rgb(33,33,33);
	border: solid 1px rgb(112,112,112);
	font-weight: normal;
	padding: 3px 0.75em;
	cursor: pointer;
	border-radius: 4px;
}

.b-gray.disabled, 
.b-blue.disabled, 
.b-red.disabled, 
.b-orange.disabled, 
.b-green.disabled,
.b-gray.disabled:hover, 
.b-blue.disabled:hover, 
.b-red.disabled:hover, 
.b-orange.disabled:hover, 
.b-green.disabled:hover,
.b-gray:disabled, 
.b-blue:disabled, 
.b-red:disabled, 
.b-orange:disabled, 
.b-green:disabled,
.b-gray:disabled:hover, 
.b-blue:disabled:hover, 
.b-red:disabled:hover, 
.b-orange:disabled:hover, 
.b-green:disabled:hover {
	color: #777;
	background: #ccc;
	border: solid 1px rgb(112,112,112);
	font-weight: normal;
	padding: 3px 0.75em;
	cursor: not-allowed;
}

/* 各配色 */
.b-blue {
	background: rgb(180,215,255);
	background: linear-gradient( rgb(210,235,255), rgb(160,200,245));
}
.b-blue:hover {
	background: rgb(200,230,255);
	border: solid 1px rgb(80,100,245);
}

.b-red {
	background: rgb(255,144,144);
	background: linear-gradient( rgb(255,172,172), rgb(245,128,128));
}
.b-red:hover {
	background: rgb(255,176,176);
	border: solid 1px rgb(245,90,90);
}

.b-orange {
	background: rgb(255,180,80);
	background: linear-gradient( rgb(255,210,130), rgb(240,166,60));
}
.b-orange:hover {
	background: rgb(255,200,128);
	border: solid 1px rgb(235,120,40);
}

.b-green {
	background: rgb(80,226,90);
	background: linear-gradient( rgb(128,255,160), rgb(80,226,90));
}
.b-green:hover {
	background: rgb(128,255,160);
	border: solid 1px rgb(60,200,60);
}

.b-gray {
	color: rgb(33,33,33);
	background: rgb(220,220,220);
	background: linear-gradient( rgb(235,235,235), rgb(212,212,212));
}
.b-gray:hover {
	background: rgb(166,243,255);
	border: solid 1px rgb(38,160,218);
}

/* ボタン配色終わり */

/* 列ソート関連 */
nobr.btn span {
  color: #44e;
  font-size: 70%;
  font-weight: bold;
  margin-left: 0.3em;
  cursor: pointer;
}

/* 列ソート関連(ミニサイズ、ボタン行なし　)*/
.mini.nobtn caption,rbtn {
  display: none;
}

table.sortable tr:first-child th {
  min-height: 1.4em;
}

/* 列ソート関連(ミニサイズ) */
.mini nobr.btn {
  display: inline-block;
  color: #44e;
  margin-left: 0.1em;
  height: 1em;
  width: 0.2em;
  cursor: pointer;
  position: relative;
}
.nosort.mini nobr.btn {
  display: none;
}
.mini nobr.btn span{
  color: #44e;
/*  font-size: 50%; */
  font-size: 9px;
  margin: 0;
  width: 0.5em;
  cursor: pointer;
  position: absolute;
  left: 0;
  line-height: 0.5;
}

.mini nobr.btn span:hover{
  color: #e44;
}

.mini nobr.btn span.asc{
  bottom: -1px;
}
.mini nobr.btn span.dsc{
  top: -1px;
}
.mini nobr.btn span.hbtn{
  display: none;
}

.mini nobr.btn span.hbtn{
  display: none;
}
.mini caption span.search {
  margin: 0 0.3em;
}
.mini caption span.searchbox {
  display: none;
}

th.sorting.asc span.sbtn.asc {color: red;}
th.sorting.dsc span.sbtn.dsc {color: red;}

/* float button */

caption {
  height: 20px;
  text-align: left;
  margin: 0;
}
caption div {
  z-index: 5;
  background: #fff;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
}
caption span {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  font-weight: bold;
  padding: 1px;
  border: 2px solid;
  border-color: #aaa #444 #444 #aaa;
  margin: 0 0.3em;
  cursor: pointer;
  box-shadow: 0 0 4px;
}
caption span.search {
  margin: 0 0.3em 0 0;
}
caption span.searchbox {
  border: none;
  margin: 0 0 0 0.3em;
  cursor: default;
}

span.filter, span.search {
  background: #edc;
  color: #44e;
}
span.grbtn {
  background: #aee;
  color: #c4c;
}
span.grbtn.gron {
  background: #cde;
  color: #44e;
}
span.rbtn {
  background: #fdd;
  color: #000
}
caption span:hover {
  color: #e66;
}
caption span.searchbox:hover {
  color: #000;
}


/* 二段組、三段組の表 */
.column2, .column3 { 
	text-align: center;
}
.column2>table { 
	max-width: 48%;
	margin: 1em 1%;
	display: inline-block;
}
.column3>table { 
	max-width: 31%;
	margin: 1em 1%;
	display: inline-block;
}
tr.lhzero, tr.lhzero * {
	height: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
}

/* ヘッダ・フッタ関連 */

#header {
  width: 100%;
  max-width: 1200px;
  height: 57px;
  overflow: inherit;
/*  position: absolute;
  top: 0;*/
  padding: 0;
}
#header #header-area {
  height: 50px;
  width: 98%;
  max-width: 1000px;
  margin: 0 auto;
  background: #1c2a52;
  border: none;
/*  border-bottom: 4px solid #63aa22; */
  -webkit-box-shadow: 0 6px 6px rgba(20,100,50,0.4);
  box-shadow: 0 6px 6px rgba(20,100,50,0.4);
}

#header #header-area h1#site-name {
  margin: 0;
}

#header #header-area h2.title {
  margin: 0;
  padding: 14px 0 0 200px;
  font-size: 140%;
  height: 50px;
  border: none;
  background: none;
  color: #fff;
}

#header #header-area h2.link {
  margin: 0;
  padding: 0;
  text-align: center;
  width: 150px;
  background: #dde;
  padding-top: 14px;
  font-size: 16px;
  height: 36px;
  color: #666;
  float: right;
  border: none;
/*  border-left: solid 1px #128;
  border-right: solid 1px #128; */
}

#header #header-area h1#site-name a,
#footer p#footer-site-name a {
  background: url(header-logo.png) no-repeat; 
  height: 50px;
  margin: 0;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
#footer p#footer-site-name a {
  margin: 0 1em 20px 5em;
  width: 68px;
  height: 80px;
  padding: 0;
}

#header h2.link a {
  margin: 0;
  height: 50px;
  display: inline-block;
  white-space: nowrap;
  color: #666;
  text-decoration: none;
}

#header #header-area h1#site-name a {
  width: 164px;
}

#footer {
  border-top: #000 solid 4px;
  width: 96%;
  height: 100px;
  margin: 1em auto 0;
}
#footer #footer-logo {
  float: left;
}

#footer .footer-addr {
  margin: 10px 2em 0;
}
#footer .footer-addr p{
  margin: 0.2em 1em;
  font-size: 14px;
  color: #333;
}

/*  質問フォーム  */

table.form{
  border-collapse: separate;
  border: 2px;
}

.form th, .form td{
  text-align:center;
/*  background-color: #fff; */
  empty-cells: hide;
  border: none;
  padding: 2px;
}
.form th.QNum{
  background-color: #dfd;
  empty-cells: hide;
  border: none;
} 
/* 配色A */
/*
.form th.QStr{
  background-color: #dfd;
  text-align:left;
  border: none;
}
*/
/* 配色B */
.form th.QStr{
  background-color: #eee;
  text-indent: -0.5em;
  text-align:left;
  border: none;
  padding: 0.4em 0.5em 0.3em 0.8em;
  box-shadow: -4px 0 #000 inset;
  width: 35%;
}
.form th.QStr.table{
  background-color: #ded;
  box-shadow: none;
}

.form th.QChoice{
  padding: 0.3em;
  background-color: #dfd;
  font-size: 90%;
}

.form tr.headmargin th, .form tr.headmargin td{
  border-top: #fff 1em solid;
}

.form tr.bothmargin th, .form tr.bothmargin td{
  border-top: #fff 0.5em solid;
  border-bottom: #fff 0.5em solid;
}

.inner th, .inner td {
  border:none !important;
  text-align: left;
}

/* 一部項目立て並べ表示時 (middle form1) */
.form table.form1 th {
  border-bottom: 0 !important;
}
.form table.form1 th {
  box-shadow: none !important;
}
.form table.form1 tr.add {
  box-shadow: 0 -2px #000;
}


/* 回答完了画面 */

.ans th, .ans td {
  border: none;
  empty-cells: show;
  padding: 3px 0.5em;
}

.ans td {
  background-color: #eee;
  font-weight: normal;
  text-align: left;
  border-left: solid 3px black;
  padding: 3px 0.5em;
}

.ans th {
  background-color: #eee;
  font-weight: normal;
  text-align: left;
}

.ans tr.head th {
  background-color: #dfd;
  font-weight: bold;
  text-align: center;
}

.ans th.QNum {
  background-color: #dfd;
}

/* id入力フォーム */
form.idform {
  background: #ddd;
  padding: 0.2em 1em;
  margin: 1em 2em 1em;
}

/* 結果表示 */
table.shukei {
  border-collapse: collapse;
  border: solid 1px #222;
}

.shukei th, .shukei td{
  text-align:center;
  background-color: #eee;
  empty-cells: hide;
  padding: 3px 5px;
}
.shukei td {
  text-align: center;
  background-color: #fff;
}
.shukei th {
  background-color: #dfd;
  font-weight: normal;
}
.shukei th:empty {
  background: none;
}
.shukei tr.topline th {
  font-weight: bold;
}
.shukei th.QChoice {
  font-size: 905;
}
.shukei th.QStr, .shukei td.QStr {
  text-align: left;
}
.shukei th.QVal, .shukei td.AVal, .shukei th.rank {
  font-weight: bold;
}
.shukei table.inner td {
  text-align: left;
}
/*
.shukei table.inner {
  width: 100%;
  margin: 0;
}
*/
p.filter-back {
  background-color: #ffd;
}
p.filter-back span.filter-title {
  color: blue;
  font-size:120%;
  font-weight:bold;
}
.print.mono p.filter-back {
  background-color: #ddd;
}
.print.mono p.filter-back span.filter-title {
  color: black;
}
.print p.filter-back span.filter-url {
  display: none;
}

/* レポート閲覧リスト */
table.viewlist {
  border-collapse: collapse;
  border: solid 1px #222;
}

.viewlist th, .viewlist td{
  text-align:center;
  background-color: #eee;
  empty-cells: show;
  padding: 3px 5px;
}
.viewlist tr.pink th, .viewlist tr.pink td{
  color: #111;
  background-color: #fdd;
}
.viewlist td {
  text-align: center;
}
.viewlist th {
  background-color: #dfd;
  font-weight: normal;
}
.viewlist td.kiji {
  text-align: left;
  font-size: 90%;
}



/* 集計グラフ */
canvas {
  display: inline-block;
  max-width: 98%;
/*  margin-left: 2%;*/
}
.report div.canvas {
  width: 96%;
  margin: auto;
}
.report div.side {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.report div.side.nograph {
  width: 98% !important;
  max-width: 98% !important;
}
.report table.nograph, .report table.text {
  margin: 1em auto;
}
.report table {
  max-width: 96%;
  font-size: 14px;
  padding: 0;
  border-collapse: collapse;
}
.report .side table {
  max-width: 100%;
}
@media all and (min-width:701px) {
	.report div.side.tw10        { max-width: 20%; }
	.report div.tw10 canvas { max-width: 78%; }
	.report div.side.tw20        { max-width: 29%; }
	.report div.tw20 canvas { max-width: 69%; }
	.report div.side.tw30        { max-width: 39%; }
	.report div.tw30 canvas { max-width: 60%; }
	.report div.side.tw40        { max-width: 44%; }
	.report div.tw40 canvas { max-width: 55%; }
	.report div.side.tw50        { max-width: 47%; }
	.report div.tw50 canvas { max-width: 52%; }
	.report div.side.tw60        { max-width: 49%; }
	.report div.tw60 canvas { max-width: 50%; }
}
@media all and (max-width:700px) and (min-width:501px) {
	.report div.side.tw10        { max-width: 15%; }
	.report div.tw10 canvas { max-width: 83%; }
	.report div.side.tw20        { max-width: 22%; }
	.report div.tw20 canvas { max-width: 76%; }
	.report div.side.tw30        { max-width: 27%; }
	.report div.tw30 canvas { max-width: 72%; }
	.report div.side.tw40        { max-width: 31%; }
	.report div.tw40 canvas { max-width: 68%; }
	.report div.side.tw50        { max-width: 33%; }
	.report div.tw50 canvas { max-width: 66%; }
	.report div.side.tw60        { max-width: 34%; }
	.report div.tw60 canvas { max-width: 65%; }
}
@media all and (max-width:500px) {
	.report div.side { display: none !important; }
}
.report div.vertical canvas { max-width: 95%; display: block; margin: auto;}


.report div.side.tw10 table tr,
.report div.side.tw20 table tr,
.report div.side.tw30 table tr {
  min-height: 28px;
}
.report div.side.tw40 table tr {
  min-height: 25px;
}
.report div.side.tw50 table tr {
  min-height: 23px;
}
.report div.side table.kaiin tr {
  height: 25px;
}
.report div.side table td, .report div.side table th {
  text-align: center;
  padding: 4px;
  border: #000 solid 1px;
}
.report div.vertical table td, .report div.vertical table th,
.report div.side.tw40 table td, .report div.side.tw40 table th,
.report div.side.tw50 table td, .report div.side.tw50 table th, 
.report div.side.tw60 table td, .report div.side.tw60 table th {
  padding: 1px 2px;
}
.report div.vertical table td, .report div.vertical table th,
.report div.side.tw60 table td, .report div.side.tw60 table th {
  font-size: 85%;
}
.report div table th.s4, .report div table th.s4 {
  font-size: 85%;
}
.report div table th.s8, .report div table th.s8 {
  font-size: 75%;
}
.report div.vertical table th.s4,
.report div.side.tw60 table th.s4 {
  font-size: 75%;
}
.report div.vertical table th.s8,
.report div.side.tw60 table th.s8 {
  font-size: 65%;
}
.report table.text td, .report table.text th {
  text-align: left;
  padding: 2px 4px;
  border: #000 solid 1px;
  width: 600px;
}
.report table th {
  background: #dfd;
}
.report tr:first-child th {
  background-color: #bfc;
}
.report table td {
  background: #fff;
}

/* 印刷用レポート */
/* 改ページに関する指定 */

/* 要素内改ページを避ける */
.print p, .print div, .print h2, .print table.side, .print table.innner, td, th {
  page-break-inside: avoid;
}
/* 項目が多い場合 */
.print div.longdiv, .print div.longdiv div {
  page-break-inside: auto;
}
/* 見出し的項目は次と分かれないよう */
.print th, .print tr:first-child, .print h2 {
  page-break-after: avoid;
}
/* テーブル内改ページを避ける： これはうまくいかないかも */
.print table {
  page-break-inside: avoid;
}
.print div.longdiv4 table, .print div.longdiv5 table, .print div.longdiv6 table {
  page-break-inside: auto;
}
/* 前と分離しない / 分離させる */
.print div.run-in {
  page-break-before: avoid;
  margin-top: 1em;
}
.print div.newpage {
  page-break-before: always;
  margin-top: 0em;
}
.print div.newpage-prev {
  page-break-after: always;
  margin-bottom: 0em;
}

body.print {
  width: 1280px;
  margin: 2em auto;
  font-size: 32px;
}
.print.report h2 {
  color: #000;
  background: #eee;
  border-bottom: black solid 3px;
  width: 1200px;
  padding: 8px;
  line-height: 1;
  font-size: 40px;
  margin: 1em auto;
  box-shadow: none;
}
.print.report h2.level3 {
  font-size: 30px;
  background: none;
  border: none;
}
.print.report h2.level4 {
  font-size: 24px;
  background: none;
  border: none;
}
.print.report h2.level5 {
  font-size: 22px;
  background: none;
  border: none;
}
.print.report .formblock {
  display: none;
}
.print div.qwrapper {
  margin-top: 3em;
  margin-bottom: 0em;
}
.print div.qwrapper.nochoice.notext {
/*  margin-bottom: 0em; */
  page-break-after: avoid;
}
.print div.canvas {
  text-align: center;
}
.report.print div.canvas canvas {
  max-width: 1000px;
}
.print div.canvas {
  width: 1024px;
  padding: 0 5px;
}
.print.mono div.canvas {
  border: solid #666 1px;
}
/* 印刷用のみ、グラフ横幅調整が利かないようにする */
.print canvas {
  max-width: 10000px;
}
.print div.side {
  display: inline-block;
  padding: 0 0 0 1em;
}
.print.report  table {
  border-collapse: collapse;
}
.print div.side table.kaiin tr {
  height: 50px;
}
/* .print div.side table td, .print div.side table th { */
.print.report table td, .print.report table th {
  text-align: left;
  padding: 5px;
  background: none;
/*  border: #000 solid 2px; */
  border: none;
  width: 970px;
}
.print.report table th {
/*  background: #eee; */
  font-size: 22px;
  padding-top: 1em;
  background: #fff;
  border-bottom: solid 1px #666;
}
.print.report table td {
  font-size: 20px;
  padding-left: 1em;
  border-top: dotted 1px #666;
  border-bottom: dotted 1px #666;
}
.print .textnodisp {
  font-size: 22px;
  text-align: center;
}

.print #naviline {
	display: none;
}

body.print div.globaltop a {
	color: #000;
}
body.print.mono h1 {
	border: none;
	background: none;
}

body.print h2.level2 {
	page-break-before: always;
	margin-top: 0em;
}
body.print h2.level2:first-of-type {
	page-break-before: auto;
	margin-top: 2em;
}

/* 印刷用レポートの質問単位表示ON/OFF */

body {background: none;}
body.key {background: #ffc}

body.key div.qwrapper:hover {background: #fdd}

body.key0 div.noprint {display: none;}
body.key div.noprint {display: block; opacity: 0.4;}

@media print {
  div.noprint {display: none;}
  body {background: none;}
}


/* 一般用グラフ */
.view div.canvas {
  text-align: center;
}
.view div.side {
  display: inline-block;
  padding: 0 0 0 1em;
}
.view div.side table, .view table.comment {
  font-size: 14px;
  padding: 0;
  border-collapse: collapse;
}
.view div.side table.kaiin tr {
  height: 25px;
}
.view div.side table td, .view div.side table th {
  text-align: center;
  padding: 4px;
  border: #000 solid 1px;
}
.view div.side table th, .view table.comment th {
  background: #dfd;
}
.view table.comment table.inner td {
  width: 100%;
  border-bottom: dotted 1px #222 !important;
  line-height: 1.1;
  padding: 0.2em 0.5em;
}


/* admin */
.admin .shukei td, .admin .shukei th, 
.admin .list td, .admin .list th {
  padding: 2px 3px;
  font-size: 90%;
}
td.mini, th.mini {
  padding: 1px 2px;
  font-size: 80% !important;
}
td.mini .btn, th.mini .btn {
  font-size: 95% !important;
}

/* コメント編集 */
body.notextnodisp div.notext {
  display: none;
}

body.comment table {
  border-collapse: collapse;
  border: solid 1px #222;
}

body.comment th, body.comment td, body.comment table.inner th, body.comment table.inner td{
  text-align:left;
  background-color: #eee;
  empty-cells: hide;
  border: solid 1px #222 !important;
  padding: 3px 5px;
}

body.comment th, body.comment table.inner th {
  background-color: #efe;
}
body.comment table.inner .comA th,
body.comment table.inner .comB th,
body.comment table.inner .comC th {
  background-color: #efe;
}
body.comment table.inner .comD th {
  background-color: #ffc;
}
body.comment table.inner .comE th {
  background-color: #fdd;
}

table.text.noopen label:after {
  content: '(非公開設定につき無意味)';
}
table.text.allopen label:after {
  content: '(即時公開設定につき無意味)';
}


/* 内部にテーブルが入るテーブル */
td.Atable {
  padding: 0 !important;
}
td.Atable table.inner {
 width: 100%;
 margin: 0;
}
tr.del {
  color: red;
}
td.mod {
  font-size: 90%;
}

td ul{
  text-align:left;
}

/* 必須項目行 */
.form tr.req td, .form tr.req th{
/*  background-color:#fee */
} 
/* 必須項目記号 */
span.reqmark{
  font-weight:bold;
  color:red;
}

/* エラー発生行 */
tr.err th.QStr, tr.err td.QMail{
  background-color:#fee;
}

/* 必須項目記号 */
span.errmes, p.errmes{
  color:red
}

/* 赤文字 */
span.red, p.red, td.red, tr.red{
  color:red
}

/* 赤バック */
.redback {
  background-color: #ebb !important;
}
/* 黄色バック */
.yellowback, tr.yellowback td, tr.yellowback th  {
  background-color: #ee9 !important;
}

/* 行揃え */
div.right, p.right {
  text-align: right;
}
div.left, p.left {
  text-align: left;
}
div.center, p.center {
  text-align: center;
}

/* ボタン風表示 */

a.btn{
/*  max-width:10em; */
  color:#222;
  font-weight:bold;
  text-decoration: none;
  display:inline-block;
  padding:0.2em;
  margin:0.2em 0.1em;
  font-size: 110%;
  text-align:center;
  border:1px solid gray;
  border-radius: 3px;
}

a.btn:hover{
/*	background: rgb(255,200,128); */
	border: solid 1px rgb(235,120,40);
}

a.btn.disabled {
  opacity: 0.7;
}
a.btn.disabled:hover{
/*  background:#ecc; */
}

table a.btn{
  font-weight:normal;
  text-decoration: none;
  padding:2px;
  margin:0;
  font-size: 80%;
}

/* 送信ボタン */
input.submit {
  padding: 0.2em 1em;
  font-size: 1.2em;
  font-weight: bold;
  color: #222;
}
.noblock p.submitmes {
  margin: 2em auto 1em;
  border-top: #333 solid 2px;
  padding-top: 1em;
}

/* タブ未使用時はタブ状態サマリーは非表示 */
.noblock p.submitmes2 {
  margin: 2em auto 1em;
  border-top: #333 solid 2px;
  padding-top: 1em;
  display: none;
}
.noblock p.checkbtn {
  border-top: #333 solid 2px;
  padding-top: 1em;
}
/* エラー一覧表示ボタン行 */
p.checkbtn {
  width: 96%;
  margin: 2em auto 1em;
  line-height: 1.5;
}
p.checkbtn span.checkbtnpre {
  color: blue;
}

/* メッセージ (内部) */
div.message p {
  background: #ffc;
  color: #b00;
  margin: 0.5em 0;
  padding: 0.2em 3em;
}

/* popupメッセージ */
/* 通常は、画面上部に差込で表示 */
div.popup {
  background: rgba(0,0,0,0.5);
/*  position: fixed; */
  width: 90%;
/*  height: 90%; */
  top: 20%;
  left: 0;
}

div.popup div {
  background: #ffc;
  color: #b00;
  border: #00a 2px solid;
  margin: 10% 10% 0;
}


body {
	margin: 0;
	padding: 0;
}
div.column {
	margin: 0.1em 0 0.1em 2em;
	background: #fee;
}
div.qwrapper {
	margin: 0.5em 0 0.1em;
}
.notitle.ko2 div.qhead {
	margin: 0 1em;
	border-top: #333 dotted 2px;
}
div.qmain {
	margin: 0.5em 1em;
}

div.errmes {
	color:red;
	font-weight: bold;
	margin: 0 0 0 1em;
}
div.qafter {
	background: #ccf;
	text-align: center;
	padding: 0.2em;
	margin: 1em 0;
}
div.qafter span.head1 {
	display: block;
}

/* 行単位表示 (グループ１行目　グループ２行目　グループなし) */
div.line {
	margin: 0.1em 0 0.1em -0.2em;
}
div.group div.grouphead {
	margin-left: 9em;
	text-indent: -9.2em;
}
div.group1.groupheadchoice div.grouphead, 
div.group2.groupheadchoice div.grouphead {
	margin-left: 11em;
	text-indent: -10.2em;
}
div.ingroup {
	margin-left: 10.1em;
}
div.group1.groupheadchoice div.ingroup,
div.group2.groupheadchoice div.ingroup {
	margin-left: 11em;
}
div.group * {
	text-indent: 0;
}
div.group label, div.group span.grouplabel {
	display: inline-block;
	margin: 0;
	padding: 0;
}
/* 20190626 */
div.group label.linkedL, div.group label.linkedC {
	display: inline;
	vertical-align: middle;
}
div.group .line span.grouplabel {
	margin-left: 1em;
}
@media all and (max-width:480px) {
	div.group div.grouphead {
		margin-left: 2em;
		text-indent: -2em;
	}
	div.ingroup {
		margin-left: 2em;
	}
	div.group label {
/*		margin: 0 0 0 2em;*/
	}
}
div.group {
	margin: 0.5em 0 0 1em;
}
div.group2 {
	margin: 0.2em 0em 0 1em;
	border-top: #999 dotted 1px; /* グループ区切り */
	padding-top: 0.2em;
}

span.grouplabel {
/*	display: inline-block; */
}
.editmode .linkedA { color: #c60; }
.editmode .linkedL { color: #e0b; }
.editmode .linkedC { color: blue; }
.center { text-align: center; }
.right { text-align: right; }

.c10, .c20, .c30, .c40, .c50, .c60 { max-width: 100%; }
.c10 { width: 10em; }
.c20 { width: 20.3em; }
.c30 { width: 30.6em; }
.c40 { width: 40.9em; }
.c50 { width: 51.2em; }
.grouplabel.c10 { width: 9em; }
.grouplabel.c20 { width: 19.75em; }
.n2 { min-width: 48%; }
.n3 { min-width: 30%; }
.n4 { min-width: 20%; }
.n2.x2 { min-width: 98%; }
.n3.x2 { min-width: 64%; }
.n4.x2 { min-width: 44%; }
.n3.x3 { min-width: 98%; }
.n4.x3 { min-width: 66%; }
.n4.x4 { min-width: 98%; }


/* OK/NG */
/* .bgca : 全部に色をつける */
.bgca div.qwrapper.ND-C { background-color:#ffb;}
.bgca div.required.qwrapper.ND-C { background-color:#fcc;}
.bgca div.qwrapper.ND-Ca { background-color:#c66;}
.bgca div.qwrapper.OK-C { background-color:#dfd;}
.bgca div.qwrapper.NG-C { background-color:#fcc;}
.bgca div.qwrapper.NG-T { background-color:#d88;}

/* .bgcb : エラーのみ色をつける */
.bgcb div.required.qwrapper.ND-C { background-color:#fcc;}
.bgcb div.qwrapper.NG-C { background-color:#fcc;}
.bgcb div.qwrapper.NG-T { background-color:#fcc;}

label:hover { background-color: #ddd;}

/* トップナビ */

p#naviline {
	z-index: 50;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	background-color: #44d;
	padding: 0;
	margin: 0;
	height: 1.3em;
}
p#naviline a {
	display: inline-block;
	min-width: 11.5%;
	background-color: #cdf;
	text-decoration: none;
	cursor: pointer;
	color: #222;
	margin: 0 0.2%;
	text-align: center;
	padding: 1px 1em;
	height: 1.3em;
}
p#naviline a.disable, p#naviline a.disable:hover {
	color: #888;
	background-color: #cce;
	cursor: auto;
	cursor: not-allowed;
}
p#naviline a:hover {
	color: blue;
	background-color: #ccd;
}
body.sys p#naviline {
	background-color: #a44;
}
p#naviline a.sys, body.sys p#naviline a.sys {
	background-color: #ecc;
	color: #f00;
}
body.sys p#naviline a:hover, p#naviline a.sys:hover {
	background-color: #dcc;
}
p.navispacer {
	padding: 0;
	margin: 0;
	height: 1.3em;
}

/* タグ切り替え機能 */
div.block-tabs-bg {
	margin: 0.5em 0 1em 0;
	padding: 0.5em 0 0;
	width: 100%;
/*	position: absolute; */
	left: 0;
	z-index: 4;
	border-bottom: #333 solid 3px;
	background: #fff;
}
.qmain div.block-tabs-bg {
	width: 75%;
	left: 25%;
}
div.block-tabs-bg.fixed {
	position: fixed;
	margin: 0;
	top: 0; /* (#naviline height)*/
}
table.block-tabs {
	margin: 0 auto;
	width: 98%;
	position: relative;
	top: 3px;
	border-spacing: 0px 0;
	z-index: 5;
}

table.block-tabs td {
	border: none;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: bottom;
}

table.block-tabs td a {
	color: #222;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 3px;
	display: block;
	border: #070 3px solid;
	border-bottom: none;
	border-radius: 15px 15px 0 0;
	position: relative; 
	box-shadow: 0px -2px 8px 1px rgba(128,128,128,0.5);
}
table.block-tabs tr.line1 td a {
	border: #686 3px solid;
	border-bottom: none;
}
table.block-tabs tr td a.disable {
	color: #666;
}
table.block-tabs td.selected a {
	color: black;
	font-size: 110%;
	border-bottom: none;
	margin-bottom: -3px;
	position: relative;
	top: 1px;
}
table.block-tabs td {
	border: none;
}
table.block-tabs tr.line2 td.req0 {
	border-left: transparent 2px solid;
	border-right: transparent 2px solid;
	border-bottom: #333 3px solid;
}
table.block-tabs tr.line2 td.req1, 
table.block-tabs tr.line2 td.req2, 
table.block-tabs tr.line2 td.req3, 
table.block-tabs tr.line2 td.req4 {
	border-left: #686 3px solid;
	border-right: #686 3px solid;
	border-bottom: #333 3px solid;
}

table.block-tabs td          a.req0 { background: none; }


table.block-tabs tr.line2 td.selected a.req1   { background: #fcb;  background: linear-gradient(#fcb,#fcb, #fff);}
table.block-tabs tr.line2 td a.req1            { background: #dba; }
table.block-tabs tr.line1 td a.req1, 
table.block-tabs tr.line2 td.req1              { background: #dba; }
table.block-tabs tr.line1 td a.disable.req1, 
table.block-tabs tr.line2 td.disable.req1      { background: #baa; }

table.block-tabs tr.line2 td.selected a.req2   { background: #fbc; background: linear-gradient(#fdc,#fdc, #fff); }
table.block-tabs tr.line2 td a.req2            { background: #eab; }
table.block-tabs tr.line1 td a.req2, 
table.block-tabs tr.line2 td.req2              { background: #eab; }
table.block-tabs tr.line1 td a.disable.req2, 
table.block-tabs tr.line2 td.disable.req2      { background: #baa; }

table.block-tabs tr.line2 td.selected a.req3   { background: #bfb; background: linear-gradient(#bfb,#bfb, #fff); }
table.block-tabs tr.line2 td a.req3            { background: #ada; }
table.block-tabs tr.line1 td a.req3, 
table.block-tabs tr.line2 td.req3              { background: #ada; }
table.block-tabs tr.line1 td a.disable.req3, 
table.block-tabs tr.line2 td.disable.req3      { background: #aba; font-size: 90%; }

table.block-tabs tr.line2 td.selected a.req4   { background: #bbf; background: linear-gradient(#bbf,#bbf, #fff); }
table.block-tabs tr.line2 td a.req4            { background: #aad; }
table.block-tabs tr.line1 td a.req4, 
table.block-tabs tr.line2 td.req4              { background: #aad; }
table.block-tabs tr.line1 td a.disable.req4, 
table.block-tabs tr.line2 td.disable.req4      { background: #aab; }

table.block-tabs td:hover {
	border-bottom: none;
}
table.block-tabs tr td:hover a {
	color: #f00;
}
table.block-tabs tr td:hover a.disable {
	color: #666;
}

table.block-tabs td.ND-C a:not(.disable):after { content: "[未回答]";}
table.block-tabs td.NG-C a:after { content: "[回答途上]";}
table.block-tabs td.OK-C a:after { content: "[回答済]";}
table.block-tabs a.disable:after { content: "[他を先に]";}

div#block-tabs-bottom { display: none; }

div#block-tabs-bottom p {
	text-align: center;
	color: darkgreen;
	font-weight: bold;
	margin: 1em 0 0;
	background: #ccc;
	border-bottom: darkgreen 3px solid;
	border-radius: 0px 0px 15px 15px;
	box-shadow: 0px 3px 3px #666;
}

span.submit-disable { color: red; }

.ctlstr {background: #fcc;}
.ctlstr.ctlgraph {background-color: #fbb; }
.ctlstr.ctlnum   {background-color: #fdb; }
.ctlstr.ctllink  {background-color: #fbd; }
.ctlstr.ctljiyuu {background-color: #fbb; }
.ctlstr.ctlhyouka{background-color: #fdb; }
.ctlstr.ctlhikitsugi{background-color: #fbd; }

.hovermes { text-decoration: underline;}
.hovermes>span { display: none; }
.hovermes:hover>span {
	display: block;
	position: absolute;
	border: solid gray 1px;
	background: #ffd;
	padding: 0.2em 0.4em;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	position: absolute;
	z-index: 50;
}

div.qcontainer {
	clear: both; 
	margin: 0;
}
/*
div.qinfo {
	width:24%; 
	margin: 1.4em 0 0; 
	border: #bec 2px solid; 
	background: #efd; 
	float: left;
}

p.qinfohead {
	margin: 0; 
	padding: 0.2em; 
	line-height: 1.2; 
	background: #bec; 
	font-weight: bold;
}
span.qinfonum {
	background-color: #fff; 
	font-size: 120%; 
	color: red;"
}
div.qmain {
	width:75%; 
	margin:0; 
	padding:0; 
	float:right
}
*/
p.errmes {
	font-size:150%;
	color:red;
}
p.completemes {
	font-size:125%;
	color:blue;
}
div.formwarning {
	font-weight: bold;
	color: red;
	margin: 0.5em 2em;
}

div.oncanvas {
	position: absolute;
	margin-left: 2%;
	z-index: 1;
	opacity: 0.7;
}
div.oncanvas:hover {
	opacity: 1;
}
div.oncanvas span {
	background: #ffc;
}
div.graphreset {
	display: none;
	position: absolute;
	margin-left: 2%;
	z-index: 1;
	opacity: 0.7;
}
div.graphreset:hover {
	opacity: 1;
}

/* グラフ仮変更時のソート機能の一時停止 */
table.sortstop span.sbtn, table.sortstop span.hbtn, table.sortstop caption {
	visibility: hidden;
}

/* 編集できる項目等 */
body.editting span.custom:hover,
body.editting .qmain label:hover,
body.editting .qmain input:hover,
body.editting h1:hover, 
body.editting h2:hover,
body.editting span.grouplabel:hover,
body.editting span.text:hover {
	background: #ccc;
}

/* formedipanel */

div#formeditsendpanel {
	text-align: center;
	position:fixed;
	top: 10%;
	right: 5%;
	width: 18em;
	z-index:50;
	background:#def;
	border: solid blue 2px;
	display:block;
	font-size: 85%;
	padding: 0;
	box-shadow: 3px 3px 6px 2px;
}
div#formeditsendpaneltitle {
	color: #fff;
	background: blue;
	padding: 2px;
	margin: 0;
	cursor: move;
	text-align: left;
	font-weight: bold;
}
div#formeditsendpanel table {
	max-width: 100%;
}
div#formeditsendpanel td, div#formeditsendpanel th{
	background: transparent;
}

/* グラフタイプ選択パネル */
div#gtypepanel {
	display: none;
	position:absolute;
	z-index:50;
	background:#def;
	border: solid blue 2px;
	font-size: 85%;
	padding: 0;
	box-shadow: 3px 3px 6px 2px;
}
div#gtypepaneltitle {
	color: #fff;
	background: blue;
	padding: 2px;
	margin: 0;
	text-align: left;
	font-weight: bold;
}
div#gtypepaneltitle span.gtypepanelclose {
	display: inline-block;
	margin-left: 1em;
	padding: 1px 5px;
	color: #fff;
	font-weight: bold;
	background: red;
	border-radius: 5px;
	position: absolute;
	right: 0px;
}
.gtypepanelclose {
	font-weight: bold;
	cursor: pointer;
}

/* 集計表切り替えパネル */
#ctlpanel {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
	background: #eef;
	width: 240px;
	box-shadow: -1px 1px 5px 3px #333;
	font-size: 12px;
}
#ctlpanel table {
	margin: 3px auto;
}
#ctlpanel td, #ctlpanel th, #ctlpanel p {
	text-align: center;
	font-size: 12px;
}
#ctlpanel .b-orange, #ctlpanel .b-gray, #ctlpanel .b-red {
	font-size: 85%;
	padding: 1px 2px;
}

#ctlpanel th, #ctlpanel td {
	padding: 2px;
	border: solid 1px #555;
}
#ctlpanel th {
	background: #dfe;
}
#ctlpanel td {
	background: #fff;
}
#ctlpaneltitle {
	font-weight: bold;
	background: #ccf;
	text-align: center;
}
#ctlpanelback {
	width: 20px;
	height:100px;
	visibility: none;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99;
}

/* 編集モードの一般パネル */
div.panel {
	margin: 1em;
	padding 0;
	border: #dec 2px solid;
	background: #efd; 
	max-width: 80%;
	box-shadow: 5px 5px 10px 2px;
}

div.panel > p.paneltitle {
	margin: 0;
	padding: 0.25em 1em;
	background: #bec;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
}

div.panel div.mesdesc1 {
	width: 96%;
	margin: 1em auto;
	border: 2px #666 solid;
}

div.panel div.mesdesc1 div {
	background: #bfc;
	margin-bottom: 0;
	padding: 3px 1em;
	font-weight: bold;
}

div.panel div.mesdesc1 p {
	background: #fff;
	margin-top: 0;
	padding: 0.3em 1em;
}

div.panel.panel-closed > * {
	display: none;
}
div.panel.panel-closed > p.paneltitle {
	display: block;
}

div.panel th {
	background: #ffc;
}


/* 質問エラーリストパネル */

div.nglist {
	position:fixed;
	width:90%;
	top:5%;
	left:5%;
	display: none;
	background: #fff;
	border: solid blue 2px;
	box-shadow: 0 0 3px 5px;
	z-index: 60;
}
.nglist p.nglisttitle {
	text-align:center;
	background: #00f;
	margin: 0 0 0.5em;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
}
p.nglisttitle span.ngpanelclose {
	display:inline-block;
	position:absolute;
	right:0;
	padding: 0 5px;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}
p.nglistp {
	max-width: 35em;
	margin:auto;
}




/* 各質問情報表示+編集 */
div.qscreen {
	position: fixed;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}

/*
div.qspacer {
	width: 100%;
	padding: 0;
	border: none;
	margin: 0;
}
div.hovereditting {
	position: absolute;
	z-index: 4;
	left: 0;
	box-shadow: 0 0px 10px rgba(0,0,64,0.5);
	background: #fff;
	width: 100%;
	padding: 0;
}
div.hovereditting div.qhead h1,
div.hovereditting div.qhead h2 {
	margin-top: 10px !important;
}
*/
div.editlayer {
	position: absolute;
	z-index: 4;
	background: #fff;
	width: 100%;
	margin: 0;
}
button.editclose {
	display: block;
	position: absolute;
	z-index: 9;
	top: 0;
	right: 0;
	background: #fcc;
	padding: 3px;
	font-weight: bold;
}
div.qballoon {
	display: none;
}
div.qinfo {
	margin: 0.5em 0 0;
	padding: 0.5em 2em 0.5em;
	background: #dfe;
}
div.hovereditting div.qinfo {
	display: block;
}

div.qinfo textarea.orgstr {
	width: 60em;
	max-width: 90%;
}
div.qinfo input.orgctlstr {
	width: 60em;
	max-width: 90%;
}


/* newBalloon */

div.newBalloon { 
	padding: 0;
	display: block; 
	position: absolute; 
	z-index: 32767; 
	padding: 0 !important;
	background: transparent !important;
}
div.newBalloon0 { 
	padding: 0.2rem 0.5rem;
	border-radius: 3px;
	border: 1px solid rgba(64, 64, 255, 0.4); 
	text-align: left; 
	color: rgb(238, 238, 238); 
	font-size: 0.8rem; 
	display: block; 
	min-width: 0.8rem; 
	opacity: 1; 
	box-shadow: 2px 2px 4px #555; 
	background-color: black; /* */
}
div.newBalloon-1,
div.newBalloon-2,
div.newBalloon1,
div.newBalloon2 {
	border-style: solid;
	width: 0px !important; 
	height: 0px !important;
	position: relative;
	padding: 0 !important;
	background: transparent !important;
}

div.newBalloon-1 {
	border-width: 0px 7px 12px;
	border-color: transparent transparent rgba(64, 64, 255, 0.4);
	margin: 0 auto -1px; /* */
}
div.newBalloon-2 {
	border-width: 0px 5px 10px; 
	border-color: transparent transparent black; /* */
	margin: -11px auto -1px; /* */
	position: relative;
	z-index: 32768;
}
div.newBalloon1 {
	border-width: 12px 7px 0px;
	border-color: rgba(64, 64, 255, 0.4) transparent transparent; /* */
	margin: -1px auto 0; /* */
}
div.newBalloon2 {
	border-width: 10px 5px 0px; 
	border-color: black transparent transparent; /* */
	margin: -11px auto 0; /* */
}


div.newBalloon.top div.newBalloon-1,
div.newBalloon.top div.newBalloon-2
{
	display: none;
}
div.newBalloon.bottom div.newBalloon1,
div.newBalloon.bottom div.newBalloon2
{
	display: none;
}

/* newBalloon カスタマイズ */

.balloonLayer0 > div.newBalloon { z-index: 32760; }
.balloonLayer1 > div.newBalloon { z-index: 32761; }
.balloonLayer2 > div.newBalloon { z-index: 32762; }
.balloonLayer3 > div.newBalloon { z-index: 32763; }

.balloonLayer1 > div.newBalloon > div.newBalloon0{ padding: 0 !important; }
.qinfo {display: none !important;}
div.newBalloon.
div.newBalloon.balloonLayer1 {
	padding: 0 0 0.5em 0;
}
div.newBalloon div.qballoontop {
	background-color: #33f;
	color: #fff;
	font-weight: bold;
	padding: 3px 1em;
}
div.newBalloon div.qballoonmain {
	padding: 3px 1em;
	width: 30em;
}
div.newBalloon span.qinfotopoya {
	color: #f60;
}
div.newBalloon span.qinfotopkodomo {
	color: #f06;
}
div.newBalloon div.qinfomain {
	padding: 3px 1em;
}
span.qballoonlast {
	background-color: #eef;
	color: #c00;
}


div.ajaxscreen {
	position: fixed;
	z-index: 8;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	cursor: progress;
}

/* 開閉メッセージ */
div.openmes {
	position: absolute;
	z-index: 2;
	background: #def;
	border: blue solid 2px;
}

.disabled {
	color: #c66;
}

/* 自由記述確認処理・公開設定 */
div.newcomment label {
	background: #ee4;
	font-weight: bold;
}
div.attension input,
div.attension textarea {
	color: red;
}
tr.commentsel td {
	background: #fbc;
}
tr.commentbtn td {
	background: #fdc;
}
.newon, .newoff {
	font-size: 80%;
	font-weight: bold;
}

/* blink */
.blink {
	animation: blink1 0.7s ease-in 0 infinite alternate;
}

@keyframes blink1 {
	0% {opacity: 1;}
	100% {opacity: 0.5;}
}