@charset "UTF-8";
html,
body {
/**	line-height:1em; */
	font-family: Arial, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	color: #000000;
}
button,
input[type=button]
{
	color: #000000;
	font-family: Arial, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	background-color:#CCCCCC;
	border:1px solid #666666;
	border-bottom: 2px solid #444444;
	border-right: 2px solid #444444;
}
select
{
	color: #000000;
	border:1px solid black;
 	background-color : #FFFF99;
 	font-size:16px;
	font-family: Arial, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	
}
input[type=text],
input[type=password]{
	color: #000000;
	border: 1px inset lightgray;
 	background-color: #FFFF99;
 	font-size:16px;
	font-family: Arial, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
}
input[type=radio],
input[type=checkbox]
{
}
label{
	color: #000000;
}
button:disabled,
input[type=button]:disabled
{
	color: #808080;
	text-shadow: 1px 1px 1px #FFFFFF;
}

label:disabled,
input[type=text]:disabled,
input[type=password]:disabled,
select:disabled 
{
	color: #808080;
/** 入力不可フィールドは背景ねずみ色
	background-color:#D9D9D9;
*/
	text-shadow: 1px 1px 1px #FFFFFF;
}

/*
paramPage style
*/
/** #paramTable td{border:1px dotted  black} */
#paramTable{
}
#paramTable td{
/**	border:1px dotted  black; */
	border: 1px solid #779977;
}
#lineContent td{border:none}
#axisInfo td{border:none}
#selectedTerm{height:100px;overflow:auto}
#selectedItem{height:250px;overflow:auto}
.paramName {
	padding-left:3px
}
.paramContent {
	padding-left:6px;
}

/*

*/
.backGround{
	background-color:#C9ECBD;
}
.titleBackGround{
	background-color:#339999;
}
.title{
background-color:#339999;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:35px
}
.tableTitle{
	background-color:#339999;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:25px
}
.button{
	height:25px;
	font-size: 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.buttonDisable{
    background-color:#339999;
    border:1px solid #339999;
    height:25px;
	font-size: 14px;
    border-radius: 3px;
}
.mainMenuButton{
	height:50px;
	width:200px;
	font-size:30px;
	font-weight:bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
.menuButton{
	height:48px;
	width : 220px;
	font-size:14px;
	vertical-align:middle;
	margin-left : 10px;
	margin-top : 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*
2-10;3-8,2-11;2-12;3-6,2-8,2-9
*/
.selectYear{
	background-color:#FFFFA2;
	font-size:14px;
	width:56px;
}

.selectMonth{
	background-color:#FFFFA2;
	font-size:14px;
	width:45px;
}

.selectDay{
	background-color:#FFFFA2;
	font-size:14px;
	width:45px;
}

.cellheight{
	padding: 9px;
}

#warningMessage {
	text-align: center;
	color: #FF0000;
	font-weight: bold;
}

/** ダイアログの操作不可領域の背景色 */
.ui-front {
	background-color: #7866f4;
}
/** jquery.datepick */
.datepick-nav {
	background-color: #339999;
	color: #ffffff;
}
.datepick-ctrl {
	background-color: #C9ECBD;
	color: #000000;
}

.datepick-month {
	border: 1px solid #444;
}
.datepick-month-header {
	background-color: #C9ECBD;
	color: #000000;
	font-weight:normal;
	height: 2em;
}
.datepick-month-header select, .datepick-month-header input {
 	border:1px solid black;
	margin: 5px 0 5px 0;
	background-color: #FFFF99;
	font-weight:normal;
	color: #000;
}

.datepick-month thead {
	border-bottom: 1px solid #aaa;
}
.datepick-month th {
	border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
	background-color: #ffffff;
	color: #000000;
}
.datepick-month td {
	background-color: #eee;
	border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
	border: 1px solid #777;
}
.datepick-month td.datepick-week * {
	background-color: #777;
	color: #fff;
}
.datepick-month a {
	background-color: #eee;
	color: #000;
}
.datepick-month td span {
	color: #888;
}
.datepick-month td .datepick-other-month {
	background-color: #fff;
}
.datepick-dow-0,.datepick-dow-6,
.datepick-month td .datepick-weekend {
	background-color: #ddd;
}
.datepick-month td .datepick-today {
	background-color: #eee;
	font-weight: bold;
}
.datepick-month td .datepick-highlight {
	background-color: #f8d8d8;
}
.datepick-month td .datepick-selected {
	background-color: #f4a2a2;
	color: #000;
}
.datepick-month th.datepick-week {
	background-color: #777;
}
.datepick-nav a,
.datepick-ctrl a {
	display:block;
	color: #000000;
	height: 15px;
	width:50px;
	padding: 2px;
	margin: 5px 8px 5px 8px;
	text-align:center;
	background-color:#CCCCCC;
	border:1px solid black;
	font-weight:normal;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.datepick-cmd:hover {
	background-color: #CCCCCC;
}
.datepick-ctrl .datepick-cmd:hover {
	background-color: #CCCCCC;
}

/** メッセージダイアログ */
.ui-widget{
	font-family: Arial, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background-color:#C9ECBD;
	color: #222222;
    z-index: 3;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background-color:#339999;
	color: #ffffff;
	font-weight: bold;
    z-index: 3;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 0;
	background-color:#C9ECBD;
	overflow: auto;
	zoom: 1;
	z-index: 3;
}
.ui-dialog {
	padding: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: auto;
}
.dialogButton,
.dialogButton:before,
.dialogButton:after,
.dialogButton:focus,
.dialogButton:active,
.dialogButton:hover {
	color:#000000;
	background-color:#CCCCCC;
	border:1px solid #666666;
	border-bottom: 2px solid #444444;
	border-right: 2px solid #444444;
	height:25px;
	padding-top: 3px;
	font-size: 14px;
	width: 105px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/** ダイアログのボタン */
.ui-dialog .ui-dialog-buttonpane button{
	cursor: auto;
}
/** 処理期間（セレクトボックス形式）のカレンダー */
.fwkProcessDateCal4select{
	display: none;
}

/** 処理期間（テキスト形式）のカレンダー */
.fwkProcessDateCal4text{
	ime-mode: disabled;
	width:90px;
	border:1px inset lightgray;
	margin-right: 3px;
}
/** チェックボックスとラジオボタンのカスタマイズ
input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}
 
@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=radio] + label,
    input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    input[type=radio] + label::before,
    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    input[type=radio]:checked + label::after,
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #E71063;
        border-radius: 8px;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
*/