@charset "UTF-8";
ul { margin: 0; padding: 0; }

.contents_container ul { margin-bottom: 36px; padding-left: 0px; }

.contents_container ul li ul { margin-bottom: 36px; padding-left: 0px; }

li { list-style: none; list-style-image: none !important; }

body { "メイリオ", "Meiryo", sans-serif !important; min-width: 960px; line-height: 1.5em; color: #595757; }

a { color: #0184b9; }

[class$="contents"] { max-width: 1024px; font-size: 14px; min-width: 980px; min-height: 290px; margin: 0 auto; padding: 0px 10px 30px; }

[class$="block"] { margin-bottom: 20px; }

[class$="-ja"] { font-size: 24px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; color: #8E8E8E; font-weight: normal; padding-bottom: 10px; margin-bottom: -2px; }

[class$="-tr"] { width: 100%; display: table; border-bottom: 1px solid #f8f8f8; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

[class$="-tr"]:hover { border-bottom: 1px solid #D8D8D8; }

[class$="tablestyle"] ul:nth-child(1) { border-bottom: none; }

[class$="tablestyle"] ul:nth-child(1):hover { border-bottom: none; }

[class*="-th"] { display: table-cell; width: 188px; padding: 8px; background: #ededed; vertical-align: middle; }

[class*="-th-datesource"], [class*="-td-datesource"] { width: 388px !important; }

[class*="-td"] { display: table-cell; width: 183px; padding: 8px; line-height: 1.6rem; }

[class*="-numberline"] { width: 60px; }

[class*="-th-message"] { width: 244px; }

[class$="-td-message"] { width: 218px; }

.errortablestyle-tr-td-message-link { display: block; width: 210px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 !important; }

input[type=submit], .templetelisttablestyle-tr-td-status-link { color: #4182BD; font-family: fontawesome; border: none; background: none; font-size: 24px; cursor: pointer; }

input[type=submit]:hover { opacity: .6; }

[class$="-id"] { width: 100px; }

[class$="-date"] { width: 230px; }

[class$="-status"] { width: 102px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

[class$="-name"] { width: 528px; }

/* header*/
.header { border-bottom: 5px solid #D8D8D8; height: auto; }

.header-inner { max-width: 1024px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 10px; }

.header h1 { margin-right: auto; }

.header-btn { position: relative; font-size: 14px; text-align: center; margin-left: 18px; }

.header-btn .error-btn:after { content: '\f06a'; font-family: fontawesome; color: #BD4141; position: absolute; top: -16px; font-size: 24px; right: -12px; }

/* breadcomb*/
.breadcomb { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; color: #999; max-width: 1024px; min-width: 980px; margin: 10px auto 40px; padding: 0px 10px 30px; }

.breadcomb li::after { content: ' > '; }

.breadcomb li:last-child::after { content: ''; }

.breadcomb li a { text-decoration: none; }

/* btnexport*/
.export-btn { font-size: 14px; text-align: center; margin-top: 40px; }

/* btn-edit*/
.edit-btn { font-size: 14px; text-align: center; }

/* edit */
.templetetitleinput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 32px; }

.templetetitleinput-title { margin-right: auto; }

textarea { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif !important; font-size: 14px; width: 914px; border: 1px solid #d8d8d8; }

/* datepicker*/
.datepicker { display: inline-block; position: relative; }

.datepicker:after { content: ''; background:  width: 25px; height: 30px; background-size: 16px; display: block; background-position: 5px 9px; position: absolute; top: 0px; left: 3px; }

.datepicker-input { width: 140px; color: #6F6F6F; font-size: 14px; padding: 8px 8px 8px 30px; border: 1px solid #999; border-radius: 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* title*/

.titlearea { font-family: 'Francois One', sans-serif; text-align: center; border-bottom: 1px solid #D8D8D8; margin-bottom: 40px; padding: 0 10px; }

.titlearea.export { margin-bottom: 12px; }

.titlearea-inner { position: relative; max-width: 1024px; min-width: 980px; margin: 0 auto; }

.titlearea-btn { position: absolute; right: 0; top: -14px; }

/* export*/
.exportcontents { text-align: center; }

.selectwrap { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 64px; }

.selectwrap-title { margin-right: 8px; }

.selectwrap-select { font-size: 14px; width: 410px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* chart*/
.chartarea .chart-valuenav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

.chartarea .chart-valuenav-list { width: 61px; height: 61px; border: 1px solid #4182BD; border-radius: 2px; list-style: none; padding: 0; margin-right: 12px; }

.chartarea .chart-valuenav-list.active { background: #4182BD; }

.chartarea .chart-valuenav-list-link { display: block; line-height: 1; }

.chartarea .chart-valuenav-list-link:hover { background: #4182BD; height: 61px; }

.chartarea .chart-valuenav-list-link.active a { cursor: default; }

.chartarea .chart-valuenav .chart-manual { width: 140px; list-style: none; margin-right: 24px; font-size: 14px; }

.chartarea .chart-valuenav .chartstyle-worldgraph { margin-right: auto; }

.chartarea .chart-main { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 24px; }

.chartarea .chart-main-nav { font-size: 14px; margin-left: 45px; }

.chartarea .chart-main-nav .disabled { color: #b3b2b2; }

.chartarea .chart-main-view { width: 1024px; height: 618px; border: 1px solid #D8D8D8; padding-top: 50px; margin-right: auto; }

.chartarea .chart-main-view .highcharts-background { stroke: white; position: relative; }

.chartarea .chart-main-view #loader { display: none; height: 0%; width: 10%; line-height: 618px; margin-left: auto; margin-right: auto; position: relative; z-index: 1 }

.chartarea .chart-main-view img { width: 100%; height: auto; position: relative; z-index: 1 }

.chartarea .chart-main-nav-openudp { text-align: left; margin-top: 36px; }

.chartarea .chart-main-nav-openudp-item { margin-bottom: 12px; }

.chartarea .chart-main-nav-openudp-item input { vertical-align: baseline; }

.chartarea .chart-main-nav-modal { margin-bottom: 32px; }

.chartarea .chart-main-nav-modal-item { margin-bottom: 8px; }

.chartarea .chart-main-nav-modal-item.disabled { color: #b3b2b2; border: 1px solid #b3b2b2; }

.chartarea .chart-main-nav-modal-item a.btn.style01:hover { color: #fff; background: #4182BD; }

.chartarea .chart-main-nav-toggle { margin-top: 40px; }

.chartarea .chart-main-nav-toggle-item { margin-bottom: 8px; cursor: pointer; padding: 0px 0px; */}

.chartarea .chart-main-nav-toggle-item span { position: relative; }

.chartarea .chart-main-nav-toggle-item span::after { content: '\f0dd'; font-family: fontawesome; position: absolute; right: 15px; top: -4px; transition: .3s; }

.chartarea .chart-main-nav-toggle-item.toggleactive span { color: #fff; background: #4182BD; }

.chartarea .chart-main-nav-toggle-item.toggleactive span::after { transform: rotate(180deg); position: absolute; top: 2px; }

.chartarea .chart-main-nav-toggle-item.disabled { color: #b3b2b2; border: 1px solid #b3b2b2; }

.chartarea .chart-main-nav-toggle-item .chart-main-nav-openudp { margin-top: 16px; margin-bottom: 32px; }

.chartarea .chart-main-nav-toggle-item span.btn.style01:hover { color: #fff; background: #4182BD; }

/* texteditor*/
#mceu_18 { display: none; }

/* btn*/
.btn { width: 125px; display: block; height: 34px; line-height: 34px; border-radius: 2px; text-decoration: none; text-align: center; /* Dialog buttons */ }

.btn-wrap { text-align: center; margin-top: 24px; }

.btn.style01 { color: #4182BD; border: 1px solid #4182BD; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn.style02 { color: #fff; border: 1px solid #4182BD; background: #4182BD; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn.style03 { color: #fff; border: 1px solid #BD4141; background: #BD4141; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn.style04 { color: #fff; border: 1px solid #41BDAA; background: #41BDAA; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn-confirm, .btn-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 125px; margin: 0; padding: 10px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border-radius: 2px; border: 0; outline: 0; }

.btn-confirm { color: #fff; background: #81c784; }

.btn-confirm:hover, .btn-confirm:focus { background: #66bb6a; }

.btn-cancel { color: #fff; background: #e57373; }

.btn-cancel:hover, .btn-cancel:focus { background: #ef5350; }

.btn-confirm, .btn-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 125px; margin: 0; padding: 10px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border-radius: 2px; border: 0; outline: 0; }

.errorblock { text-align: center; margin-bottom: 30px; line-height: 24px; }

.errortext { color: #e12929; }

.remodal-confirm { color: #fff; background: #81c784; }

.remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; }

.remodal-cancel { color: #fff; background: #e57373; }

.remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; }

.remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 125px; margin: 0; padding: 10px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border-radius: 2px; border: 0; outline: 0; }

/* error*/
.pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pagerblock { margin: 25px 0; }

.pager-item:nth-child(1) { border-left: 1px solid #ccc; }

.pager-item-link { color: #000; display: block; padding: 8px 12px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-decoration: none; }

.pager-item-link:hover { color: #fff; background: #4182BD; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.pager-item-link.active { background: #4182BD; color: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

/* footer*/
footer1 { background: #706F70; height: 71px; line-height: 1.7em; font-size: 14px; }

footer1 .footer_area1 { max-width: 1024px; position: static !important; height: auto !important; color: #fff; text-align: right; padding-top: 12px; padding-right: 10px; margin: 0 auto; }

footer1 .footer_area1 address { font-style: normal; }
.regions .remodalcontent { font-size: 12px; }