/***** base *****/
* {
	margin: 0px;
	padding: 0px;
/*	font-family: "ＭＳ ゴシック", Osaka, Arial, sans-serif;*/
}
tspan {
	font-family: Arial;
}
g[class^="red-shadows"] rect[height="1"] {
	display: none !important;
}
html,
body,
div#wrapper,
div#contents {
	width: 100%;
	height: 100%;
}
div#contents {
/*	background-color: #b5d4f3;*/
}
div#tab01 {
	width: 100%;
	/*height: 87%;*/
	overflow-y:hidden;
}
div#graphCon {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	overflow-y: hidden;
}
#my_chart,
embed {
	width: 100%;
	height: 100%;
	z-index:1;
}
img {
	border-style: none;
	image-rendering: -webkit-optimize-contrast;
}
a {
	outline: none;
}
form,
input {
	margin: 0px;
	padding: 0px;
	display: inline;
}
.alCenter {
	text-align: center !important;
}
.alLeft {
	text-align: left !important;
}
.alRight {
	text-align: right !important;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	zoom:1;
}
body {
	position: relative;
	min-width: 950px;
	min-height: 600px;
/*	height: 97%;*/
	height: 100%;
	text-align:left;
}
/* IE6,7,8以外 */
/*
html:not(:target) body {
	height: 100%;
}
*/
#wrapper {
	overflow:hidden;
}
embed {
	z-index: 1;
}
img.symbol {
	z-index: 10;
}
div#Group0Setting {
	display: none;
}
div#DisplayOverlay {
	opacity: 0;
}

/***** signin *****/
body.sign {
	background-color: #E2F0FB;
}
body.signSina {
	background-color: #FFFFFF;
}
div#signinWrap,
div#senarioWrap {
	margin: 0px;
	padding: 50px 0px 0px 0px;
}
div#signWaku{
	border: 1px solid #000000; 
	margin: 0 auto;
	width: 380px;
	color: #546E7A;
}
/*
div#signin,
div#senario {
	background-color: #FFFFFF;
	width: 380px;
	height: 360px;
	overflow: hidden;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-top: -155px;
	margin-left: -186px;
}
*/
div#loginlogo {
	width: 203px;
	margin: 0 auto;
	padding: 2px 0px 3px 0px;
}
#signVER {
	margin: 0 auto;
	width: 330px;
	padding: 10px 25px;
	background-color: #FFFFFF;
	text-align: right;
	font-size: 10pt;
	color: #546E7A;
}
#signErr {
	margin: 0 auto;
	width: 380px;
	padding: 10px 0px;
	text-align: center;
	font-size: 11pt;
	color: #FF0000;
}
div#signin,
div#senario {
	background-color: #FFFFFF;
	width: 330px;
	margin: 0 auto;
	padding: 0 25px 25px 25px;
}
div#signin p.head,
div#senario p.head {
	text-indent: -9999px;
}
/*
div#signin div {
	padding: 12px 63px 0px 50px;
}
*/
/*
div#senario div {
	padding: 80px 63px 0px 50px;
	float: left;
	clear: both;
}
*/

div#signin p.idFldSignin,
div#signin p.idFldSigninA,
div#signin p.pwFldSignin,
div#signin p.button,
div#senario p.idFldSenario,
div#senario p.button {
	margin-bottom: 15px;
}

div#senario p.idSenario,
div#signin p.idSignin,
div#signin p.pwSignin {
	margin-bottom: 2px;
}

div#signin p.idSignin,
div#signin p.pwSignin,
div#senario p.idSenario,
div#senario p span {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size: 12pt;
	color: #546E7A;
}

div#signin p.idFldSignin input,
div#signin p.idFldSigninA input,
div#signin p.pwFldSignin input {
	width: 330px;
	padding: 3px 0px;
	font-size: 12pt;
	color: #37474F;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div#signin p.idFldSigninA input {
	width: 100px;
}
div#senario p.idFldSenario select {
	width: 260px;
	padding: 3px;
}
div#signin p.button {
	margin: 0px;
}
div#senario p.button {
	margin: 0px 0px 0px 0px;
}
div#senario input.btnBack,
div#senario button.btnStart {
	padding: 5px 0px;
	font-size: 12pt;
	color: #FFFFFF;
	border-style: none;
	width: 140px;
	height: 35px;

	/* 角丸 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div#senario input.btnBack {
	background-color: #ECEFF1;
	color: #546E7A;
}
div#senario input.btnBack:hover {
	background-color: #CFD8DC;
	cursor: pointer;
}
div#senario button.btnStart {
	background-color: #246FB8;
	color: #FFFFFF;
	margin-right: auto;
}

div#signin button.btnNormal {
	margin: 25px 0px 25px 0px;
	padding: 5px 0px;
	background-color: #246FB8;
	font-size: 12pt;
	color: #FFFFFF;
	width: 100%;
	border-style: none;
	height: 35px;

	/* 角丸 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div#senario button.btnStart:hover,
div#signin button.btnNormal:hover {
	background-color: #074496;
	cursor: pointer;
}

div#signin a.btnDis {
	color: #2386C9;
	text-decoration: none;
	font-size: 12pt;
}

div#senario div#sinaBu {
	display: table;
	width: 100%;
}
div#senario p.sinaL {
	display: table-cell;
	text-align: left;
}
div#senario p.sinaR {
	display: table-cell;
	text-align: right;
}

div#senario table#tableSina {
	font-size: 10pt;
	color: #546E7A;
	width: 100%;
}

td.tableSina1{
	width:70px;
}
td.tableSina2{
	width:210px;
}
td.tableSina3{
}

div#senario #senario_id {
	width: 330px;
	margin-bottom: 15px;
	height: 35px;
}

div#signin p.forget {
	font-size: 80%;
	clear: both;
	padding-left: 17px;
	background: transparent url(../img/icn-mail.gif) no-repeat left 0.1em;
}
div#signin p.forget a {
	color: #153570;
	text-decoration: none;
}
div#signin p.forget a:hover {
	text-decoration: underline;
}

div#updates {
	overflow: hidden;
	position: absolute;
	top: 80%;
	left: 40%;
	margin-top: -155px;
	margin-left: -186px;
}
div#updates iframe {
	overflow: hidden;
	width: 580px;
	height: 200px;
	border: 1px solid #333;
}

/***** header *****/
#header {
	font-size: 7pt;
	color: #153570;
	padding: 0px 0px 0px 0px;
	height: 70px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	/* min-width: 1200px; */
	border-bottom: 1px solid #cfd8dc;
	background-color: #eceff1;
	position: relative;
}

#headerSetting {
	font-size: 7pt;
	color: #153570;
	padding: 0px 0px 0px 0px;
	height: 40px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	min-width: 1150px;
	border-bottom: 1px solid #cfd8dc;
	background-color: #eceff1;
}
#header .k-button,
#header .k-input{
    font-size: 10px;
    background-color: #ffffff;
    background-image: none;
}
/*
#header .k-button{
    padding: 3px 8px 3px 8px;
}
*/
#header span.k-widget.k-datepicker.k-header {
    width: 120px !important;
}
#header .select01a .k-button,
#tabBtnSet .k-button {
    /*width: 20%;*/
    min-width: 66px;
    max-width: 100px;
    border: #eceff1;
    background: #eceff1;
}
#tabBtnSet .k-button{
    max-width: fit-content;
}
#header .select01a .k-button:hover,
#tabBtnSet .k-button:hover  {
    color: #003f59;
    background-color: #e2f0fb;
    border-color: rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(#e2f0fb, #d9ebfa);
}
.RecordBtn #id_recordBtn.k-button.k-primary,
.RecordBtn #id_awardBtn.k-button.k-primary,
#header .select01a .k-button.k-primary,
#tabBtnSet .k-button.k-primary {
    color: #ffffff;
    background-color: #09408c;
    border-color: #09408c;
    background-image: linear-gradient(rgba(9, 33, 140, 0), rgba(9, 33, 140, 0.2));
}
#header #select04 .k-button-group {
    border: #ffffff;
}
#header #select04 .k-button-group .k-button{
    border: #eceff1;
    background: #eceff1;
}
#header #select04 .k-button-group .k-button:hover{
    color: #003f59;
    background-color: #e2f0fb;
    border-color: rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(#e2f0fb, #d9ebfa);
}
#header #select04 .k-button-group .k-button.k-state-active{
    color: #ffffff;
    background-color: #09408c;
    border-color: #09408c;
    background-image: linear-gradient(rgba(9, 33, 140, 0.2), rgba(9, 33, 140, 0));
}
#header .person span.k-widget.k-dropdown.k-header {
    max-width: 200px;
    padding-bottom: 7px;
}
#header .person span.k-widget.k-dropdown.k-header .k-dropdown-wrap{
    background-color: #ffffff;
}
#header .person span.k-widget.k-dropdown.k-header .k-dropdown-wrap:hover{
    background-image: none;
}
#header #id_group,
#header #id_member{
    width: 100%;
}
.k-checkbox-label::before{
    border-color: #546e7a;
    border-width: 2px;
}
.k-button.editbtn,.k-button.editbtn:hover {
    background-image: url(/common/img/icon_edit.png);
    background-repeat: no-repeat;
    background-position: left 2px center;
}
.k-button.editbtn a {
    margin-left: 14px;
}
.k-button.editbtn{
    width: 56px;
    font-size: 0.96em;
    min-width: 56px !important;
    padding: 4px;
}
.select01 {
	float:left;
	display:inline-block;
	height:70px;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
}
.select01a {
	float:left;
	display:inline-block;
	height:26px;
	white-space: nowrap;
	padding: 8px 0px 6px 0px;
}
.select2_4 {
	float:left;
	display:inline-block;
	height: 70px;
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
/*	border-top: 1px solid #F3F3F3;
	border-right: 1px solid #F3F3F3;
	border-left: 1px solid #F3F3F3; */
}
.selectSet {
	float: left;
	white-space: nowrap;
	padding-top: 10px;
}
.person {
	height: 20px;
	padding: 3px 0px 2px 0px;
	margin: 0px 3px 0px 0px;
}
.person div {
	background: none !important;
}
.person div.chosen-drop {
	background-color: #FFF !important;
}
.person span,
.person form {
	margin: 0px 5px 0px 0px;
	padding: 2px 0px 0px 0px;
}
.sc01 {
	width:130px;
}
.sc02 {
	width:130px;
}
.mg15 {
	margin-left:5px;
}
.combo {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 7pt;
	color: #15428b;
	padding: 0px;
	width: 120px;
	border-top-color: #bdd5ef;
	border-right-color: #bdd5ef;
	border-bottom-color: #bdd5ef;
	border-left-color: #bdd5ef;
	margin: 0px 10px 0px 0px;
}
.ui-tooltip{
	padding: 2px 8px;
}
.ui-tooltip-content{
	font-size: 9pt;
}

/***** tab *****/
#tabBtn {
	/*
	width: 380px;
	*/
}
ul.idTabs {
	margin: 3px 5px;
	list-style: none;
}
ul.idTabs li {
	display: inline;
}
ul.idTabs li a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 8pt;
	color: #15428b;
	height: 18px;
	width: 72px;
	text-align: center;
	float: left;
	text-decoration: none;
}
ul.idTabs li a:hover {
	text-decoration: underline;
	background-image: url(../img/btn_base_ov.png);
	background-repeat: no-repeat;
}
ul.idTabs li a.selected {
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../img/btn_base_on.png);
	background-repeat: no-repeat;
}

/*
#tabBtn {
	position:relative;
	top: 2px;
}
#tabBtn ul{
	list-style:none
}
#tabBtn ul li{
	float:left;
}
#tabBtn ul li a{
	display:block;
	color: #153570;
	text-decoration: none;
	text-align:center;
	line-height:23px;
}
#tabBtn ul li.tabBtn01,
#tabBtn ul li.tabBtn02{
	margin-right:6px;
}
#tabBtn ul li.tabBtn01 a{
	width:52px;
	height:23px;
}
#tabBtn ul li.tabBtn02 a{
	width:71px;
	height:23px;
}
#tabBtn ul li.tabBtn03 a{
	width:60px;
	height:23px;
}
#tabBtn ul li.tabBtn04 a{
	width:60px;
	height:23px;
}
#tabBtn ul li.tabBtn05 a{
	width:60px;
	height:23px;
}
#tabBtn ul li.tabBtn01 a.selected{
	background:url(../img/tab01on.gif) no-repeat;
	width:52px;
	height:23px;
}
#tabBtn ul li.tabBtn02 a.selected{
	background:url(../img/tab02on.gif) no-repeat;
	width:71px;
	height:23px;
}
#tabBtn ul li.tabBtn03 a.selected{
	background:url(../img/tab03on.gif) no-repeat;
	width:60px;
	height:23px;
}
#tabBtn ul li.tabBtn04 a.selected{
	background:url(../img/tab03on.gif) no-repeat;
	width:60px;
	height:23px;
}
#tabBtn ul li.tabBtn05 a.selected{
	background:url(../img/tab03on.gif) no-repeat;
	width:60px;
	height:23px;
}
#tabBtn ul li.tabBtn01 a:hover{
	background:url(../img/tab01harf.gif) no-repeat;
	width:52px;
	height:23px;
}
#tabBtn ul li.tabBtn02 a:hover{
	background:url(../img/tab02harf.gif) no-repeat;
	width:71px;
	height:23px;
}
#tabBtn ul li.tabBtn03 a:hover{
	background:url(../img/tab03harf.gif) no-repeat;
	width:60px;
	height:23px;
}
#tabBtn ul li.tabBtn04 a:hover{
	background:url(../img/tab03harf.gif) no-repeat;
	width:60px;
	height:23px;
}
#tabBtn ul li.tabBtn05 a:hover{
	background:url(../img/tab03harf.gif) no-repeat;
	width:60px;
	height:23px;
}

#tabBtn ul li.tabBtn01 a.selected,
#tabBtn ul li.tabBtn02 a.selected,
#tabBtn ul li.tabBtn03 a.selected,
#tabBtn ul li.tabBtn04 a.selected,
#tabBtn ul li.tabBtn05 a.selected{
	font-weight: bold;
}
#tabBtn ul li.tabBtn01 a:hover,
#tabBtn ul li.tabBtn02 a:hover,
#tabBtn ul li.tabBtn03 a:hover,
#tabBtn ul li.tabBtn04 a:hover,
#tabBtn ul li.tabBtn05 a:hover{
	text-decoration: underline;
}
*/

/****** contents ******/
#tab01,
#tab02,
#tab03,
#tab04,
#tab05,
#tab06 {
	clear: both;
	font-size: 75%;
	color: #153570;
}
.barL {
}
.barR {
}
.barBg{
	height: 24px;
	/*
	background-color: #dee2f2;
	position:absolute;
	left:0px;
	z-index:3;
	width:100%;
	*/
}
.barBgDetail{
	/*
	height: 40px;
	background-color: #FFFFFF;
	position:absolute;
	left:0px;
	z-index:3;
	width:100%;
	*/
}
.barC {
}
.barC table {
	float: left;
	/*margin: 2px 0px 0px 135px;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 7pt;
	/*background-color: #dee2f2;*/
	height: 20px;
	color: #15428b;
	clear: both;
}
/*
.barC span.inputData input {
	float: right;
	margin-top:2px;
	padding: 0px 6px;
	margin: 10px 20px 0px 0px;
	height: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 7pt;
}
*/

.barC .monthBtn input,
.barC .monthSlct input,
.barC .periodtotalL input,
.barC .monthchangeL input,
.barC .RecordBtn input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 7pt;
	color: #333;
	padding: 0px;
}
/****** monthly ******/
#tab01 table {
	border-collapse: collapse;
	border: 0px;
}
.mBtn{
}
#tab01 table tr td {
	vertical-align: middle;
}
#tab01 table tr td.monthBtn,
#tab01 table tr td.RecordBtn {
	white-space: nowrap;
}
#tab01 table tr td.monthSlct {
	white-space: nowrap;
	padding: 0px 0px 0px 15px;
}
#tab01 table tr td.monthSlct2 {
	text-align: right;
}

#tab02 table {
	border-collapse: collapse;
	border: 0px;
}
.periodtotalL table tr td {
}
.carendar {
	padding-left: 5px;
}

#tab03 table {
	border-collapse: collapse;
	border: 0px;
}
.monthchangeL table tr td {
}

#tab05 table tr td.monthSlct {
	white-space: nowrap;
}
#tab02 table tr td.monthSlct {
	white-space: nowrap;
}
#tab04 table,
#tab05 table,
#tab06 table {
	border-collapse: collapse;
	border:0px;
}
/****** contents ******/
div#graphCon {
	padding: 0px;
	padding-bottom: 0px;
	clear: both;
}

img#sidepanelbtn {
	left:0px;
	width:28px;
	height:26px;
	vertical-align: middle;
}

img#fcbreadicon {
	vertical-align: middle;
	margin-left: 16px;
	width: 20px;
	height: 20px;
}

img#fcbreadicon:hover,
.fcbreadGroup:hover{
	cursor: pointer;
}

#fcbreadlist {
	vertical-align: middle;
	margin-left: 5px;
	color: #757575;
	font-size: 65%;
}


.hidden {
	display:none;
}

/****** footer ******/
div#footer {
	clear: both;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 4;
	background-color: #eceff1;
}
.barLf {
}
.barRf {
}
.barCf {
	height: 27px;
	padding: 0px;
	background-color: #eceff1;
	text-align:center;
	font-size: 11px;
	padding-top: 3px;
	overflow: hidden;
}
.barCf #voiceField_inner{
	margin: 4px 0;
	line-height: 11px;
}
.barCf span.barCf_l {
    float: left;
    position: absolute;
    top: 6px;
    left: 6px;
    display: table-cell;
    height: 30px;
}
.barCf .barCf_c{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
}

.barCf_setting {
	height: 37px;
	padding: 0px;
	background-color: #eceff1;
	text-align:center;
	font-size: 11px;
	padding-top: 3px;
	overflow: hidden;
}
.barCf_setting span.barCf_l {
    float: left;
    position: absolute;
    top: 11px;
    left: 6px;
    display: table-cell;
    height: 29px;
}
.barCf_setting .barCf_c{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
}
.barCf_setting .barCf_c .sinabtn,
.barCf_setting .barCf_c .k-primary{
	padding: 8px 25px;
	margin-top:2px;
	font-size: 11px;
}
.barCf_setting .barCf_c .sinabtn{
	margin-right: 20px;
}
/*
div#footer .barLf .barRf div.barCf {
	background-color: #dee2f2;
}
div#footer .barLf .barRf .barCf input[type="button"] {
	margin-top:5px;
}
div#footer .barLf .barRf .barCf input[type="submit"] {
	margin-top:5px;
}
*/

.voice {
	float: left;
	margin-top: 5px;
}
.copyright {
	float: right;
	margin-top: 8px;
}

div#contents div#set div#tab05 div#headerTerm div.barBg div.barC table.setMemberCSV .footerinfo {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	display:inline;
	margin-top: 5px;
	vertical-align:middle;
	font-weight:bold;
	padding-right:10px;
	padding-left:10px;
	color:#000;
}
div#contents div#set div#tab05 div#headerTerm div.barBg div.barC table.setMemberCSV .footerinfo span {
	font-size:80%;
	color:#555;
}
#copyright {
	float: right;
	position :absolute;
	vertical-align:middle;
	/*bottom:2px;*/
	right:0px;
}
div#footer div#copyright {
	background-color:#eceff1;
}
#copyright .k-dropdown{
	margin-top: 6px;
	height:20px;
	display: block;
	float: left;
}

#copyright .k-dropdown .k-dropdown-wrap{
	height:20px;
	font-size: 80%;
}
#copyright .k-dropdown .k-dropdown-wrap .k-input{
	padding: 0;
}
#copyright p {
	text-indent: -9999px;
	background: url(../img/copyright.png) no-repeat left bottom;
	width: 115px;
	height: 12px;
	display: block;
	margin-top: 8px;
	vertical-align: text-bottom;
	float: left;
}
#copyright span#footer_company {
	//text-indent: -9999px;
	//background: transparent url(../img/copyright.png) no-repeat left bottom;
	width: 110px;
	height: 12px;
	display: block;
	margin-top: 9px;
	float: left;
	vertical-align: text-bottom;
	font-size:11px;
	color:#074496;
	font-family:"Arial", "Helvetica", "sans-serif";
}
/*
#copyright a {
	font-size:12px;
	color:#074496;
	font-family:"Arial", "Helvetica", "sans-serif";
	vertical-align: middle;
	text-decoration: none;
}
*/
#copyright2 {
	float: right;
	position :absolute;
	/*vertical-align:middle;*/
	bottom:0px;
	right:0px;
	display: table-cell;
	height:40px;
	/*background-color:#eceff1 !important;*/
}
#copyright2 span.k-dropdown{
	margin-top: 10px;
	height:20px;
	display: block;
	float: left;
}
#copyright2 span#footer_company {
	//text-indent: -9999px;
	//background: transparent url(../img/copyright.png) no-repeat left bottom;
	width: 110px;
	height: 12px;
	display: block;
	margin-top: 14px;
	float: left;
	vertical-align: text-bottom;
	font-size:11px;
	color:#074496;
	font-family:"Arial", "Helvetica", "sans-serif";
}
/*
#copyright2 a {
	font-size:12px;
	color:#074496;
	font-family:"Arial", "Helvetica", "sans-serif";
	vertical-align: text-bottom;
	text-decoration: none;
	margin-top:2px;
}
*/
.copyrightverS {
	font-size:12px;
	color:#074496;
	font-family:"Arial", "Helvetica", "sans-serif";
	margin-top: 8px;
	float: left;
	text-decoration: none;
}
.barCf_setting .copyrightverS {
	margin-top: 13px;
}
img#scale {
	float: left;
	margin: 5px 10px 0px 5px;
	display: inline;
}

#unitBtnGroup {
	float: left;
	margin: 0px 10px 0px 5px;
	display: -webkit-flex;
	display: flex;
}
#unitBtnGroup span.k-button {
	font-size:8px;
	display: -webkit-inline-flex;
	display: inline-flex;
}

div#footer .rightspace {
	margin-right:20px;
}
div#footer a.footerhref {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	color:#0a4ea1;
	font-size:11px;
	margin-left: 20px;
}
div#footer span#explanatoryBox {
	/*display: table-cell;*/
    float: left;
    text-align: left;
    /*margin: 0px 0px 0px 10px;*/
	margin-left:10px;
    height: 30px;
	/*
	display: table-cell;
	float: left;
	text-align: left;
	margin: -1px 0px 0px 10px;
	height: 30px;
	vertical-align: middle;
	*/
}
div#footer span#explanatoryBox span {
	display:inline-block;
	vertical-align: middle;
}
div#footer span#explanatoryBox span span.name {
	font-family: 'ＭＳ ゴシック', Osaka, Arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #535353;
	vertical-align: middle;
	margin-bottom:15px;
}
div#footer span#explanatoryBox span span.value {
	margin-left: 5px;
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	color: #000;
	margin-bottom:15px;
	/*
	vertical-align: middle;
	margin-top:0px;
	*/
}
div#footer span#explanatoryBox span span.ave {
	font-family: Arial;
	font-size: 7pt;
	font-weight: normal;
	color: #0000FF;
	vertical-align: middle;
	margin-bottom:15px;
}
div#footer span#explanatoryBox span span.unit {
	font-family: 'ＭＳ ゴシック', Osaka, Arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #535353;
	vertical-align: middle;
	margin-bottom:15px;
}
div#footer span#explanatoryBox span span.per {
	font-family: Arial;
	font-size: 7pt;
	font-weight: bold;
	color: #004986;
	vertical-align: middle;
	margin-bottom:15px;
}
div#footer span#explanatoryBox img {
	margin-top:4px;
	/*vertical-align: bottom;*/
	/*vertical-align: middle;*/
}

/****** detailTable ******/
div#detailTable {
	height: 100%;
	overflow-y: scroll;
	background-color: #b5d4f3;
}
div#detailTable div#detailTableWrap {
	padding: 0%;
}
div#detailTable div#detailTableWrap div#tableWrapper {
	padding: 20px;
}
div#detailTable div#detailTableWrap table {
	font-size: 100%;
	width: 100%;
	font-family: Meiryo UI;
}
div#detailTable div#detailTableWrap table tr th {
	background-color: #E3EFFD;
	text-align: center;
	white-space: nowrap;
}
div#detailTable div#detailTableWrap table tr th,
div#detailTable div#detailTableWrap table tr td {
	padding: 7px;
	border: 1px solid #BBBBBB;
}
div#detailTable div#detailTableWrap table tr td {
	background-color: #FFF;
}
div#detailTable div#detailTableWrap table tr td.no {
	text-align: center;
}
div#detailTable div#detailTableWrap table tr td.num {
	text-align: right;
}
div#detailTable div#detailTableWrap table tr.sub td,
div#detailTable div#detailTableWrap table tr.total td {
	background-color: #E3EFFD;
}
div#detailTable div#detailTableWrap table tr td a {
	background: url(../img/arrow.gif) no-repeat left 50%;
	padding-left: 12px;
	color: #153570;
}
div#detailTable div#detailTableWrap table tr td a:hover {
	text-decoration: none;
}

/****** detailTableC ******/
div#detailTableC {
	height: 100%;
	/*overflow-y: scroll;*/
	/*background-color: #b5d4f3;*/
	background-color: #FFFFFF;
	font-size: 12px;
}
div#detailTableC div#detailTableWrap {
	padding: 0%;
	margin-top: 20px;
}
div#detailTableC div#detailTableWrap div#tableWrapper {
	padding: 0px 20px 20px 20px;
}
div#detailTableC div#detailTableWrap table {
	font-size: 100%;
	width: 100%;
	font-family: Meiryo UI;
	border-collapse: separate;
}
div#detailTableC div#detailTableWrap table tr th {
	text-align: center;
	white-space: nowrap;
	padding: 7px;
	/*
    border-top: 1px solid #414141;
    border-bottom: 1px solid #414141;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
	*/
}
div#detailTableC div#detailTableWrap table tr td {
	padding: 7px;
	/*border: 1px solid #BBBBBB;*/
}
/*div#detailTableC div#detailTableWrap table tr td {*/
div#detailTableC table tr td {
	/*background-color: #FFF;*/
}
div#detailTableC div#detailTableWrap table tr td.no {
	text-align: center;
}
div#detailTableC div#detailTableWrap table tr td.num {
	text-align: right;
}
div#detailTableC div#detailTableWrap table tr.del td{
	background-color: #FF0000;
	color: #FFF;
}
/*div#detailTableC div#detailTableWrap table tr.sub td,
div#detailTableC div#detailTableWrap table tr.total td {*/
div#detailTableC table tr.sub td,
div#detailTableC table tr.sub.hover_tr_back td,
div#detailTableC table tr.total.hover_tr_back td,
div#detailTableC table tr.total td {
	background-color: #E3EFFD;
}
div#detailTableC table tr.subSum.hover_tr_back td,
div#detailTableC table tr.subSum td{
	background-color: #FFFDE7;
}
div#detailTableC div#detailTableWrap table tr td a {
	/*
	background: url(../img/arrow.gif) no-repeat left 50%;
	padding-left: 12px;
	*/
	color: #153570;
}
div#detailTableC div#detailTableWrap table tr td a:hover {
	text-decoration: none;
}

/****** inputIframe ******/
iframe#inputIframe {
	margin: 0px !important;
	padding 0px !important;
	width: 610px;
	height: 500px;
	overflow: hidden;
	border: none;
}
div#inputTable {
	padding: 10px 20px 10px 20px;
	overflow-y: visible;
	overflow-x: hidden;
}
div#inputTable2 {
	padding: 10px 20px 10px 20px;
	overflow: visible;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
}
div#inputTable2 .setText{
        margin-right: 15px;
}

div#inputTable3 {
	margin-left: 20px;
	padding: 10px 20px 10px 20px;
	overflow: visible;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div#inputTable2 textarea {
	overflow-x: hidden;
}
div#inputTable table {
	width: 525px;
	height: 360px;
	/*border-top: 4px solid #4F8AC4;*/
	border-collapse: collapse;
	overflow: visible;
}
div#inputTable2 table {
	width: 525px;
	height: 380px;
	border-collapse: collapse;
	overflow: visible;
	margin: auto;
}
div#inputTable3 table {
	width: 525px;
	height: 380px;
	border-collapse: collapse;
	overflow: visible;
}
div#inputTable table tr th,
div#inputTable table tr td {
	border: 1px solid #BBB;
	vertical-align: middle;
}
div#inputTable2 table tr th,
div#inputTable2 table tr td {
	vertical-align: middle;
}
div#inputTable3 table tr th,
div#inputTable3 table tr td {
	/*vertical-align: middle;*/
}
div#inputTable table tr th {
	padding:;
	background-color: #E3EFFD;
	color: #333;
	font-size: 80%;
	font-weight: normal;
}
div#inputTable2 table tr th,
div#inputTable2 table tr td table tr th{
	padding: 5px;
	/*background-color: #e2f1fc; */
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 25%;
}

div#inputTable2 table tr th.pb10,
div#inputTable2 table tr td.pb10{
	padding-bottom:10px !important;
}
div#inputTable2 table tr th.pb20,
div#inputTable2 table tr td.pb20{
	padding-bottom:10px !important;
}
div#inputTable2 table tr th.pt10,
div#inputTable2 table tr td.pt10{
	padding-top:10px !important;
}

div#inputTable2 table#halftable2{
	width: 610px;
}
div#inputTable2 table#halftable2 tr th {
	width: initial;
}
div#inputTable2 table#halftable3 {
	width: 700px;
}
div#inputTable2 table#halftable3 tr th {
	width: initial;
}
div#inputTable2 .k-button {
    padding: 8px 0px;
    font-size:10px;
    width:100px;
}
div#inputTable3 table tr th {
	padding: 2px !important;
	background-color: #E3EFFD;
	color: #333;
	font-size: 80%;
	font-weight: normal;
}
div#inputTable table tr td {
	padding: 2px !important;
	background-color: #FFF;
	color: #333;
	font-size: 80%;
	font-weight: normal;
	width: 75%;
}
div#inputTable2 table tr td ,
div#inputTable2 table tr td table tr td {
	padding: 2px !important;
	/*background-color: #e2f1fc; */
	color: #000;
	font-size: 11px;
	font-weight: normal;
}
div#inputTable3 table tr td {
	padding: 2px !important;
	background-color: #FFF;
	color: #333;
	font-size: 74%;
	font-weight: normal;
}
div#inputTable table tr td#note {
	font-size: 78%;
}
div#inputTable2 table tr td#note {
	font-size: 11px;
}

div#inputTable table tr td a {
	color: #153570;
	text-decoration: none;
}
div#inputTable2 table tr td a {
	color: #153570;
	text-decoration: none;
}
div#inputTable3 table tr td a {
	color: #153570;
	text-decoration: none;
}
div#inputTable table tr td a:hover {
	text-decoration: underline;
}
div#inputTable2 table tr td a:hover {
	text-decoration: underline;
}
div#inputTable3 table tr td a:hover {
	text-decoration: underline;
}
div#inputTable table tr td input {
	padding: 2px;
}
div#inputTable2 table tr td input {
	padding: 2px;
}
div#inputTable3 table tr td input {
	padding: 2px;
}
div#inputTable table tr td input#calendar {
	vertical-align: top;
}
div#inputTable2 table tr td input#calendar {
	vertical-align: top;
}
div#inputTable table tr td textarea {
	padding: 5px 8px;
	height: 60px;
}
div#inputTable2 table tr td textarea {
	padding: 5px 8px;
	width: 300px;
	font-size: 12px;
}
div#inputTable table tr td select {
	width: 150px;
}
div#inputTable2 table tr td select {
	width: 150px;
}
div#inputTable3 table tr td select {
	width: 150px;
}
div#inputTable table tr td select#inputGroupID {
	margin: 0px 0px 10px 0px;
}
div#inputTable2 table tr td select#inputGroupID {
	margin: 0px 0px 10px 0px;
}
div#inputTable table tr td select#inputUSerID {
	background-color: #bfdbff;
}
div#inputTable2 table tr td select#inputUSerID {
}
div#inputTable table tr td.button {
	text-align: center;
}
div#inputTable2 table tr td.button {
	text-align: center;
}
div#inputTable table tr td p {
	font-size: 120%;
}
div#inputTable2 table tr td p {
	font-size: 120%;
}
div#inputTable table tr td span.achTxt {
	font-size: 60%;
	color: #3D3D3D;
}
div#inputTable2 table tr td span.achTxt {
	font-size: 60%;
	color: #3D3D3D;
}
div#inputTable table tr td div#finishText {
	text-align: center;
}
div#inputTable2 table tr td div#finishText {
	text-align: center;
}
div#inputTable table tr td div#finishText p.upperText {
	line-height: 150%;
	font-size: 160%;
	font-weight: bold;
}
div#inputTable2 table tr td div#finishText p.upperText {
	line-height: 150%;
	font-size: 160%;
	font-weight: bold;
}
div#inputTable table tr td div#finishText p.OKbutton {
	margin: 10px 0px 0px 0px;
}
div#inputTable2 table tr td div#finishText p.OKbutton {
	margin: 10px 0px 0px 0px;
}
div#inputTable table tr td div#finishText p.lowerText {
	font-size: 100%;
	margin: 75px 0px 0px 0px;
}
div#inputTable2 table tr td div#finishText p.lowerText {
	font-size: 100%;
	margin: 75px 0px 0px 0px;
}
div#inputTable2 table tr td.alert {
	background-image: url(../img/ic_warning.png);
	background-repeat: no-repeat;
	background-position: 25%;
	padding-left: 35% !important;
	text-align: left;
}
div#inputTable2 .k-switch,
div#inputTable2 .k-switch-handle,
div#inputTable2 .k-switch-container{
	border-radius: 4px;
}
div#inputTable2 .k-switch-label-on{
    left: -5.6em !important;
    color: #ffffff;
}
div#inputTable2 .k-switch-label-off {
	left: 2.3em !important;
}
div#inputTable2 .km-switch-off .km-switch-handle {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

div#inputTable2 .k-switch-on:hover .k-switch-handle{
    background-color: #e2f0fb;
    border-color: rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(#e2f0fb, #d9ebfa);
}
div#inputTable2 .k-switch-on .k-switch-container{
    background-color: #09408c;
    color: #ffffff;
}
div#inputTable2 .km-switch-label-off,
div#inputTable2 .km-switch-label-on{
    font-size: 1.4em;
    line-height: 1.7em;
}
div#inputTable2 .k-switch-on .k-switch-handle{
    background-color: #f7f8f8;
    border-color: rgba(0, 0, 0, 0.08);
    background-image: linear-gradient(#f7f8f8, #f2f3f3);
}


div#importTable ,
div#importTableMaster {
	padding: 10px 20px 10px 20px;
	overflow: visible;
}
div#importTable table ,
div#importTableMaster table {
	/*
	width: 560px;
	*/
	height: 360px;
	border-collapse: collapse;
	overflow: visible;
}
div#importTable table tr th,
div#importTable table tr td ,
div#importTableMaster table tr th,
div#importTableMaster table tr td {
	vertical-align: middle;
	/*border-bottom: 1px solid #BBB;*/
}
div#importTable table tr th ,
div#importTableMaster table tr th {
	padding: 2px 2px 2px 10px !important;
	background-color: #E3EFFD;
	color: #333;
	font-size: 80%;
	font-weight: normal;
}
div#importTable table tr td ,
div#importTableMaster table tr td {
	padding: 2px 2px 2px 10px !important;
	background-color: #FFF;
	color: #333;
	/*font-size: 80%;*/
	font-weight: normal;
	width: 75%;
}
div#importTable table tr td div.import_title ,
div#importTableMaster table tr td div.import_title {
	font-size: 15px;
	color: #09408c;
	padding-bottom:10px;
}
div#importTable table tr td#note ,
div#importTableMaster table tr td#note {
	font-size: 78%;
}
div#importTable table tr td a ,
div#importTableMaster table tr td a {
	color: #153570;
	text-decoration: none;
}
div#importTable table tr td a:hover ,
div#importTableMaster table tr td a:hover {
	text-decoration: underline;
}
div#importTable table tr td input ,
div#importTableMaster table tr td input {
	padding: 2px;
	margin: 5px 0px;
}
div#importTable table tr td input[type="submit"],
div#importTable table tr td select ,
div#importTableMaster table tr td input[type="submit"],
div#importTableMaster table tr td select {
	margin: 0px 0px 0px 2px;
}
div#importTable table tr td textarea ,
div#importTableMaster table tr td textarea {
	padding: 5px 8px;
	height: 60px;
}
div#importTable table tr td select ,
div#importTableMaster table tr td select {
	width: 190px;
	padding: 4px;
}
div#importTable table tr td.button ,
div#importTableMaster table tr td.button {
	text-align: center;
}
div#importTable table tr td p ,
div#importTableMaster table tr td p {
	font-size: 120%;
}


div#deleteTable {
	padding: 10px 20px 10px 20px;
	overflow: visible;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	text-align: center;
}
div#deleteTable div.contents {
	width: 560px;
	height: 400px;
	border-collapse: collapse;
	overflow: visible;
}
div#deleteTable div.contents p {
	padding: 30px 0px;
}
div#deleteTable div.contents p img {
	vertical-align: middle;
}

/* rankingRecord */
div#recordTitle {
	height: 50px;
	background: #041538 url(../img/bg-record-title.jpg) no-repeat top left;
}
div#rankingWrap {
	margin: 0px;
	padding: 0px;
	background: #041538 url(../img/bg-record-metal.jpg) repeat-y top left;
    width: -webkit-fill-available;
	height: -webkit-fill-available;
}
div#rankingRecord {
	padding: 5px 20px 20px 20px;
}
div#rankingRecord table tr th {
	background-color: transparent !important;
	font-family: "Arial Black", Gadget, sans-serif !important;
	font-size: 18pt !important;
	color: #FFFFFF;
}
div#rankingRecord table tr th.recent {
	background-color: #FE0000 !important;
}
div#rankingRecord table tr th.row {
	width: 50px;
	background-color: #012C57 !important;
}
div#rankingRecord table tr th span.total {
	font-size: 10pt !important;
}
div#rankingRecord table tr td {
	width: 225px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	color: #FFFFFF;
	line-height: 125%;
	background: none !important;
}
div#rankingRecord table tr td.TOP3 div.name {
	font-size: 20pt !important;
	font-weight: bold;
}
div#rankingRecord table tr td.other div.name {
	font-size: 12pt !important;
	font-weight: bold;
}
div#rankingRecord table tr td div.section,
div#rankingRecord table tr td div.post {
	font-size: 10pt !important;
	color: #DDDDDD;
}
div#rankingRecord table tr td div.data span.vName {
	font-size: 10pt !important;
	color: #DDDDDD;
}
div#rankingRecord table tr td div.data span.value {
	font-family: "Arial Black", Gadget, sans-serif !important;
	font-size: 10pt !important;
	color: #0F0;
	font-weight: bold;
}
div#rankingRecord table tr td div.photo {
	margin-bottom: 10px;
}
div#rankingRecord table tr td div.name {
	margin-bottom: 7px;
	line-height: 120%;
}
div#rankingRecord table tr td div.section,
div#rankingRecord table tr td div.post {
	line-height: 120%;
}
div#rankingRecord table tr td.TOP3 div.photo img {
	width: 150px;
	height: 150px;
}
div#rankingRecord table tr td.other div.photo img {
	width: 75px;
	height: 75px;
}
div#rankingRecord table tr td.other div.photo {
	display: inline;
	float: left;
	margin-right: 7px;
}
div#rankingRecord table tr td.other div.attr {
	display: inline;
	clear: both;
}
div#rankingRecord table tr td.other div.data {
	display: block;
	float: left;
	clear: both;
}
div#rankingRecord table tr th.margin,
div#rankingRecord table tr td.margin {
	padding: 0px !important;
	width: 10px;
	font-size: 1pt !important;
	background-color: #0265CD !important;
}

/* Guinness Award */
div#awardTitle {
	height: 50px;
	background-color: #09408c;
	color: #FFFFFF;
	/*
	position: relative;
	*/
	display: table;
	width: 100%;
}
div#awardPosi {
	/*
	position: absolute;
  	top: 50%;
	left: 200px;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	*/
	display: table-cell;
	vertical-align: middle;
}
span#awardGA{
	font-size: 28px;
	padding-left: 20px;
	padding-right: 80px;
}

div#awardPosi label{
	padding-right: 20px;
}
div#awardWrap {
	margin: 0px;
	padding: 0px;
	width: -webkit-fill-available;
	height: -webkit-fill-available;
}

/* ディスプレイモード TOP10画面共通 */
div#top10Wrap {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px;
}
div#top10Wrap div#top10Header {
	font-weight: bold;
	color: #FFF;
	line-height: 150%;
	text-shadow: 0 0 25px #000, 0 0 25px #000, 0 0 0.40px #000;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
div#top10Wrap table {
	width: 100%;
}
div#top10Wrap table#high tr td.vTop {
	vertical-align: top;
}
div#top10Wrap table#high tr td.vBottom {
	vertical-align: bottom;
}
div#top10Wrap table#high tr td.rankTop {
	width: 50%;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 0 25px #000, 0 0 25px #000, 0 0 0.40px #000;
}
div#top10Wrap table#high tr td.rankTop table,
div#top10Wrap table#high tr td.rank2nd table,
div#top10Wrap table#high tr td.rank3rd table {
	table-layout:fixed;
}
div#top10Wrap table#high tr td.rankTop span.section,
div#top10Wrap table#high tr td.rankTop span.post {
	font-style: italic;
	margin: 0 10px;
	padding: 0px;
}
div#top10Wrap table#high tr td.rankTop table tr td.rowName,
div#top10Wrap table#high tr td.rank2nd table tr td.rowName,
div#top10Wrap table#high tr td.rank3rd table tr td.rowName {
	text-align: right;
}
div#top10Wrap table#high tr td.rankTop table tr td.value,
div#top10Wrap table#high tr td.rank2nd table tr td.value,
div#top10Wrap table#high tr td.rank3rd table tr td.value {
	text-align: left;
}
div#top10Wrap table#high tr td.rank2nd,
div#top10Wrap table#high tr td.rank3rd {
	width: 25%;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}
div#top10Wrap table#high tr td.rank2nd span.name,
div#top10Wrap table#high tr td.rank3rd span.name {
	font-style: italic;
	margin: 0px;
}
div#top10Wrap table#high tr td.rank2nd span.section,
div#top10Wrap table#high tr td.rank2nd span.post,
div#top10Wrap table#high tr td.rank3rd span.section,
div#top10Wrap table#high tr td.rank3rd span.post {
	font-style: italic;
	margin: 0 5px;
	padding: 0px;
}

div#top10Wrap table#low tr td {
	font-style: italic;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}

.selAccount {
	margin: 5px;
}

.actionList {
	margin: 5px;
}

#inputDialog {
	background-color: #e2f1fc;
}

#inputTitle {
	color: #0c46a0;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
}

.td_underline {
	border-bottom: 1px solid #dddddd;
	padding-top: 0px;
	margin-top: 0px;
}

.td_topline {
	border-top: 1px solid #dddddd;
	padding-top: 0px;
	margin-top: 0px;
}

.btn_add {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 80px;
	font-size: 12px;
	background-color: #2878ff;
	color: #FFFFFF;
	margin: 15px;
}

.btn_del {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 80px;
	font-size: 12px;
	background-color: #F00;
	color: #FFF;
	margin: 15px;
}

.btn_del:disabled {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 80px;
	font-size: 12px;
	background-color: #999;
	color: #FFF;
	margin: 15px;
}

.btn_cancel {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 80px;
	font-size: 12px;
	background-color: #F4F4F4;
	color: #474747;
	margin: 15px;
}

.btn_half {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 80px;
	font-size: 10px;
	background-color: #F4F4F4;
	color: #474747;
}

div#ui-datepicker-div {
	font-size: 80%;
}

span.digest_message {
	font-size: 11px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	padding-top: 0px;
	font-style: italic;
	color: #FF0000;
}

.del_all {
	text-align: center;
}
/*
#tableWrapper table th a {
	color: #153570;
	text-decoration: underline;
	font-weight: bold;
}
*/

.del_all_wrapper {
	text-align: center;
}

.del_all_wrapper input {
	padding: 3px;
	margin: 10px;
}

.rightspace {
	margin-right:10px;
}

/********* SidePanel ********/
div#contents div#sidepanel {
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	padding-left:5px;
	padding-top:5px;
	background-color:#fafafa !important;
	height:100%;
	width:200px;
	display:none;
	border:1px solid #c2c1c1;
	overflow-y:auto;
}
div#contents div#sidepanel a { 
	text-decoration: none;
}

div#preview hr {
	border:none;
	line-height:2px;
	height:2px;
	background-color:#c2c1c1;
	margin-bottom:15px;
}
div#sidepanel hr {
	border:none;
	border-bottom:2px solid #c2c1c1;
	background-color:transparent;
	margin-bottom:15px;
}


img.itemmark {
	height:15px;
	width:15px;
}
div.sidepanel_item {
	margin-bottom:5px;
}
div.sidepanel_item_title {
	display:table;
}
div.sidepanel_item_title > * {
	display:table-cell;
	vertical-align:middle;
	color:#19227d;
}
span.sidepanel_item_title {
	font-size:12px;
	color:#727171;
	padding-left:10px;
}
div.sidepanel_item_contents {
	display:table;
}
div.sidepanel_item_contents > * {
	display:table-cell;
	/*vertical-align:middle;*/
	vertical-align:baseline;
	padding-right:5px;
	font-weight:normal;
}
div.sidepanel_item_contents.with_minor_item {
	width:95%;
	padding-bottom:5px;
}
div.sidepanel_item_contents.with_minor_item > *{
	display:block;
}
div.sidepanel_item_contents.with_minor_item > .sidepanel_minor_item_title {
	display:table;
	width:100%;
}
div.sidepanel_item_contents.with_minor_item > .sidepanel_minor_item_title > * {
	display:table-cell;
}
div.sidepanel_item_contents.with_minor_item > .sidepanel_minor_item_wrap {
	display:block;
}
div.sidepanel_item_contents.with_minor_item > .sidepanel_minor_item_wrap > .sidepanel_minor_item {
	display:table;
}
div.sidepanel_item_contents.with_minor_item > .sidepanel_minor_item_wrap > .sidepanel_minor_item > *{
	display:table-cell;
	/*vertical-align:middle;*/
	vertical-align:baseline;
}

div#sidepanel div.bottom_margin {
	margin-bottom:10px;
}

div.sidepanel_item_contents .width_decimal {
	padding-right:0px;
}
.sidepanel_minor_title {
	color:#727171;
}
div#contents div.sidepanel_bar_wrap {
	width:100%;
	padding-left:5px;
}
div#contents div.sidepanel_bar_outer {
	width:100%;
	height:8px;
	background-color:#c2c1c1;
}
div#contents div.sidepanel_bar_inner {
	height:100%;
	background-color:#d7001e;
}
div#contents span.sidepanel_minor_title.flash_date {
	color:#0d47a1;
	font-weight:bold;
}
div#contents span.sidepanel_minor_title.flash_time {
/**	color:#919191; */
	color:#0d47a1;
	font-weight:bold;
	padding-left:5px;
}
div#contents div.sidepanel_flash {
	/*color:#727171;*/
	color: rgb(65, 65, 65);
}

div#contents div#sidepanelpreview div#sidepanel {
	height:auto;
}

div#contents div#sidepanel {
	background-position:center;
	background-repeat:no-repeat;
	background-image: url(../img/loading_80x80_blue.gif);
}

div#contents div#tab01 div#sidepanel {
	/*
	margin-top:25px;
	*/
}

div#tab01 tr td.photo {
	padding-top:3px;
	vertical-align:top;
}

.loadingimg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}


/***** head month week day *****/
/*
button.headButtonA{
	background-color: #248;
	color: #fff;
	border-style: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 7pt;
	padding: 0px;
}

button.headButtonB{
	background-color: #dee2f2;
	color: #333;
	border-style: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 7pt;
	padding: 0px;
}
*/

a.headButtonA{
	color: #fff;
	font-size: 9pt;
	padding: 1px 10px;
	text-decoration: none;
	background-color: #248;
}

a.headButtonB{
	color: #153570;
	font-size: 9pt;
	padding: 1px 10px;
	text-decoration: none;
}

a.headButtonB:hover {
	text-decoration: underline;
	background-color: #ACF;
}

/*
a.inputDataLink {
	float: right;
	margin-top:3px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴ>     シック", "MS PGothic", sans-serif;
    font-size: 8pt;
    height: 18px;
    text-align: center;
    text-decoration: none;

    font-weight: bold;
    background-repeat: no-repeat;
}
a.inputDataLink:hover {
    text-decoration: underline;
}
*/

.filedraw {
  display: inline-block;
  overflow: hidden;
  position: relative;
  /*padding-bottom: -4px;*/
  /*border: 1px solid #999;*/
  background-color: #FFF;
  color : #04C;

}

.filedraw input[type="file"] {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 80px;
  cursor: pointer;
}

.list-item {
        list-style-type: none;
        width: 230px;
        margin: 5px;
        line-height: 30px;
        background-color: #e2f0fb;
        color: #000000;
        border-radius: 3px;
        cursor: move;
}
li.hint {
        background-color: #09408c;
        color: #ffffff;
}
li.placeholder {
        background-color: #66cc66;
        color: #000000;
}

/* ipad 190425 */
@media (max-width:1230px) {
	#header{
		height: 126px;
		min-width: 950px;
	}
	#header .person span.k-widget.k-dropdown.k-header{
		max-width: 130px;
	}
	#header #selectSetting{
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

/* 20190520 tooltip */
.k-tooltip-content{
	white-space: nowrap !important;
}

form.k-filter-menu div.k-textbox,
form.k-filter-menu ul.k-reset{
	margin-left: 5%;
	width: 90%; 
}
form.k-filter-menu .k-button {
    width: 50%;
    margin: .5em 0 0 0;
    height: 40px;
}

form.k-filter-menu > div:not(.k-animation-container){
  padding: 0.5em 0em 0em 0em; }

form.k-filter-menu > div > div > .k-button {
  margin: 0.5em 0 0;
  width: 50%;
}

form.k-filter-menu .k-widget{
	margin-left: 5%;
	width: 90%; 
}

form.k-filter-menu div.k-filter-selected-items{
  padding: 0.5em 1em;
}

form.k-filter-menu div .k-textbox {
	margin-left: 5%;
	width: 90%; 
}

.k-grid .k-grid-filter.k-state-active2{
  color: #ffffff;
  background-color: #09408c; }
.k-grid-header .k-grid-filter.k-state-active2:hover {
  color: #ffffff;
  background-color: #09408c; }

.k-grid .k-grid-filter.k-state-active3{
  color: #ffffff;
  background-color: #09408c; }
.k-grid-header .k-grid-filter.k-state-active3:hover {
  color: #ffffff;
  background-color: #09408c; }

#del_all_confirm{
	padding: 8px 25px;
	font-size: 11px;
}

#spTopBoard .k-editor-toolbar .k-tool-group .k-widget {
   margin-left: 4px;
   margin-right: 8px;
}

#submitImport,
#upCSVFilename,
#upCSVFileMastername {
	margin-left:20px;
}
#userImportDelete{
	margin-left:40px;
}

#topbody .k-popup .k-item.k-first {
    border-top:1px solid #dddddd;
}

#topbody .k-popup .k-list .k-item > .k-group {
    color: transparent;
    background: transparent;
}
#topbody .k-popup .k-list .k-item > .k-group::before {
    border-color: transparent transparent;
}

#topbody .k-popup > .k-group-header{
    display: none !important;
}

#detailshowTable {
        padding: 20px 20px 20px 40px;
        width: 100%;
}

#detailshowTable tr{
        height: 35px;
}

#detailshowTable tr td{
        width: 50%;
}

#detailshow_update,
#detailshow_cancel{
        /*height: 40px;*/
	width: 100px;
	padding: 8px 0px;
	font-size: 10px;
}

#input_button,
#detailshow_update{
        margin-left: 30px;
}

.k-button.k-primary.template_hover:hover  {
    opacity: 0.7;
    /*
    color: #003f59;
    background-color: #e2f0fb;
    border-color: rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(#e2f0fb, #d9ebfa);
    */
}

#explanatory1,
#explanatory2,
#explanatory3,
#explanatory4{
	position: relative;
}

#rankTT1,
#rankTT2,
#rankTT3,
#rankTT4{
	position: absolute;
	top: -13px;
	left: 0px;
	width: 100%;
	height:30px;
}

.rankTT1:hover,
.rankTT2:hover,
.rankTT3:hover,
.rankTT4:hover{
	cursor: pointer;
}

div#footer span#explanatoryBox span.hidexplanatory span.name,
div#footer span#explanatoryBox span.hidexplanatory span.value,
div#footer span#explanatoryBox span.hidexplanatory span.ave,
div#footer span#explanatoryBox span.hidexplanatory span.unit,
div#footer span#explanatoryBox span.hidexplanatory span.per {
	color: #B0B0B0;
}

.footer_sort_box {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
}
.footer_sort {
	position: relative;
	border: 1px solid #b0bec5; 
	border-radius: 2px;
	padding: 2px 3px;
}

#rank_check,
#rank_check_dummy{
	position: absolute;
	top: -4px;
	left: 0px;
	width: 100%;
	height:30px;
	margin: 0 auto;
	/*
	color: #546E7A;
	border: 1px solid #09408c; 
	border-radius: 2px;
	*/
}
#rank_check:hover{
	cursor: pointer;
}

.import_error_box{
	margin: 0px auto;
	text-align: center;
	display: block;
}

.import_error{
	text-align: left;
	display: inline-block;
}

#odo_dm {
	vertical-align: baseline;
}

.spMessage ul,
.spMessage ol{
	margin-left: 15px;
}

#OKbutton,
#input_button,
.k-button.input_btn{
	width: 100px;
	padding: 8px 0px;
	font-size: 10px;
}

/*
#detailHeader table ,
#detailContent table ,
table#dlist {
	border-collapse: separate;
}
*/

#memberbody .k-grid table tr th,
#groupbody .k-grid table tr th,
#achievebody .k-grid table tr th,
#detailTableWrap .k-grid table tr th,
.k-grid div#detailHeader table tr th{
	border-top: 1px solid #212121;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #cfd8dc;
    border-right: 0px solid #ebeff1;
}


#memberbody table tr td,
#groupbody table tr td,
#achievebody table tr td,
#detailContent table tr td,
table#dlist tr td{
	border-width: 0px 0px 1px 1px;
	border-top-color: #eeeeee;
	border-left-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
}

#memberbody table tr td.k-grid-content-stickyE,
#groupbody table tr td.k-grid-content-stickyD,
#detailContent table tr td.k-grid-content-stickyE,
table#dlist tr td.k-grid-content-stickyE{
	border-left-color: #cfd8dc;
}

#memberbody .k-grid table tr th.k-grid-header-stickyD,
#memberbody table tr td.k-grid-content-stickyD,
#groupbody .k-grid table tr th.k-grid-header-stickyD,
#groupbody table tr td.k-grid-content-stickyD,
#detailTableWrap .k-grid table tr th.k-grid-header-stickyD,
table#dlist tr td.k-grid-content-stickyD{
	border-right: 1px solid #cfd8dc;
}

table#dlist tr.subLast td{
	border-bottom-color: #cfd8dc;
}
table#dlist tr.sub td,
table#dlist tr.subSum td{
	border-left-color: #cfd8dc;
	border-bottom-color: #cfd8dc;
}

#memberbody .k-widget,
#groupbody .k-widget,
#achievebody .k-widget,
#detailTableWrap .k-widget{
	border-left: 1px solid #cfd8dc;
	border-right: 1px solid #cfd8dc;
}

.k-grid .k-grid-content-stickyE.k-dirty-cell,
.k-grid .k-grid-content-stickyD.k-dirty-cell,
.k-grid-content-stickyE,
.k-grid-content-stickyD{
	border-color: rgba(0,0,0,.3);
	border-top-color: rgba(0,0,0,.08);
	background-color: #fff;
	border-right-width: 1px;
	position: sticky;
	z-index: 2;
}

#memberbody .k-grid-header-stickyE,
#memberbody .k-grid-header-stickyD,
#groupbody .k-grid-header-stickyD,
#detailTableWrap .k-grid-header-stickyE,
#detailTableWrap .k-grid-header-stickyD{
	color: #424242;
/*
	background-color: #fafafa;
	border-right-color: rgba(0,0,0,.3);
	border-left-color: rgba(0,0,0,.3);
	border-right-width: 1px;
*/
	position: sticky;
	z-index: 2;
}
.k-alt .k-grid-content-stickyE,
.k-alt .k-grid-content-stickyD{
	background-color: #fafafa;
}

#memberbody tr.hover_tr_back .k-grid-content-stickyE,
#groupbody tr.hover_tr_back .k-grid-content-stickyE,
#achievebody tr.hover_tr_back .k-grid-content-stickyE,
#dlist tr.hover_tr_back .k-grid-content-stickyE,
#memberbody tr.hover_tr_back .k-grid-content-stickyD,
#groupbody tr.hover_tr_back .k-grid-content-stickyD,
#achievebody tr.hover_tr_back .k-grid-content-stickyD,
#dlist tr.hover_tr_back .k-grid-content-stickyD,
#memberbody tr.hover_tr_back,
#groupbody tr.hover_tr_back,
#achievebody tr.hover_tr_back,
#dlist tr.hover_tr_back{
    background-color: #f5f5f5; }
}