@import "/ok/ajax-rt/dojo/resources/dojo.css";

@import "/ok/ajax-rt/dijit/themes/dijit.css";

@import "/ok/ajax-rt/dijit/themes/claro/claro.css";

#loaderInner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	margin-left: -16px;
	background-image: url('/ok/images/loader_lg.gif');
	background-repeat: no-repeat;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
}

#loader {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #efefef;
	opacity: 0.98;
	z-index: 999;
	vertical-align: middle;
}

.claro .dijitContentPane {
	padding: 0px;
}

.dijitSplitterCover {
	padding: 0px;
}

.mblListItemTextBox {
	white-space: pre-wrap;
}

td span {
	white-space: nowrap;
}

.graphTable {
	border: solid 1px Gray;
	border-collapse: collapse;
	width: 400px;

}

.graphTable td {
	border: solid 1px Gray;
	border-collapse: collapse;
	font-size: 12px;
	text-align: right;
}

.graphTable th {
	border: solid 1px Gray;
	border-collapse: collapse;
	font-size: 12px;
	background-color: #C4DCF2;
}

.graphTable2 {
	border: solid 1px Gray;
	border-collapse: collapse;
	width: 450px;
}

.graphTable2 td {
	border: solid 1px Gray;
	border-collapse: collapse;
	font-size: 14px;
	text-align: right;
}

.graphTable2 th {
	border: solid 1px Gray;
	border-collapse: collapse;
	font-size: 14px;
	background-color: #C4DCF2;
}


.graphTable3 {
	border: solid 1px Gray;
	border-collapse: collapse;
	width: 90%;
}

.graphTable3 td {
	border: solid 1px Gray;
	border-collapse: collapse;
	font-size: 16px;
	text-align: left;
}

.graphTable3 th {
	border: solid 1px Gray;
	border-collapse: collapse;
	font-size: 18px;
	background-color: #C4DCF2;
}

.contendAdmTable1 {
	border: solid 1px Gray;
	border-collapse: collapse;
	width: 400px;
}

.contendAdmTable1 td {
	border: solid 1px Gray;
	border-collapse: collapse;
	font-size: 16px;
	text-align: left;
}

.contendAdmTable1 th {
	border: solid 1px Gray;
	border-collapse: collapse;
	font-size: 18px;
	background-color: #C4DCF2;
}


.contendAdmTable2 {
	border: solid 1px Gray;
	border-collapse: collapse;
	width: 900px;
}

.contendAdmTable2 td {
	border: solid 1px Gray;
	border-collapse: collapse;
	text-align: left;
}

.contendAdmTable2 th {
	border: solid 1px Gray;
	border-collapse: collapse;
	background-color: #C4DCF2;
}

.contendAdmTable2 .left{
	text-align:left;
}

.contendAdmTable2 .right{
	text-align:right;
}

.contendAdmTable3 {
	border: solid 1px Gray;
	border-collapse: collapse;
	width: 900px;
}

.contendAdmTable3 td {
	border: solid 1px Gray;
	border-collapse: collapse;
	text-align: left;
	width: 700px;
}

.contendAdmTable3 th {
	border: solid 1px Gray;
	border-collapse: collapse;
	background-color: #C4DCF2;
	width: 200px;
}

.contendAdmTable3 .attfile1 {
	border: solid 0px;
	width: 650px;
	background-color: #E0FFFF;
}

.contendAdmTable3 .attfile2 {
	border: solid 0px;
	width: 50px;
	align:center;
}



.contendAdmTable4 {
	border: solid 1px Gray;
	border-collapse: collapse;
	width: 900px;
}

.contendAdmTable4 td {
	border: solid 1px Gray;
	border-collapse: collapse;
	text-align: left;
}

.contendAdmTable4 th {
	border: solid 1px Gray;
	border-collapse: collapse;
	background-color: #99cc99;
}

.contendAdmTable4 .attfile1 {
	border: solid 0px;
	width: 650px;
	background-color: #E0FFFF;
}

.contendAdmTable4 .attfile2 {
	border: solid 0px;
	width: 50px;
	align:center;
}



.contendAdmTable5 {
	border: solid 1px Gray;
	border-collapse: collapse;
	width: 800px;
}

.contendAdmTable5 td {
	border: solid 1px Gray;
	border-collapse: collapse;
	text-align: left;
	width: 600px;
}

.contendAdmTable5 th {
	border: solid 1px Gray;
	border-collapse: collapse;
	background-color: #F0E68C;
	width: 200px;
}

.contendAdmTable5 .attfile1 {
	border: solid 0px;
	width: 650px;
	background-color: #E0FFFF;
}




th {
	text-align: center;
}

body {
	font-size: 15px;
}
.titlemain {
	text-align: center;
	color: #0070C0;
	padding: 1px 0 0 0;
}
.titlesub {
	text-align: center;
	padding: 0 0 0px 0;
	font-size: 24px;
	font-weight: bold;
}
.declare {
	padding: 0px 1px;
	font-size: 18px;
	font-weight: bold;
}
.subdeclare {
	padding: 5px 1px;
	font-size: 14px;
	font-weight: bold;
}
.subdeclare2 {
	padding: 5px 1px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.explain {
	padding: 30px 0 40px 0;
	font-size: 10px;
}
.explain2 {
	padding: 5px 0 5px 0;
	font-size: 10px;
	text-align: left;
}
.explaingraph {
	padding: 5px;
	font-size: 10px;
/*	width: 400px; */
}
.chart {
	padding: 0 20px 0 20px;
	text-align: center;
}

.itemlogo_kome {
	border: 1px solid #faf68f;
	-webkit-border-radius: 5px;
	width: 180px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 28px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
	text-align: center;
	color: #8A6642;
	background-color: #fcfac0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfac0),
		color-stop(100%, #f6f283));
	background-image: -webkit-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -moz-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -ms-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -o-linear-gradient(top, #fcfac0, #f6f283);
	background-image: linear-gradient(top, #fcfac0, #f6f283);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#fcfac0, endColorstr=#f6f283);
}

.itemlogo_red{
	border: 1px solid #ff6262;
	-webkit-border-radius: 5px;
	width: 180px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 28px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	text-align: center;
	color: #FFD1D7;
	background-color: #ff9a9a;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9a9a),
		color-stop(100%, #ff4040));
	background-image: -webkit-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -moz-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -ms-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -o-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: linear-gradient(top, #ff9a9a, #ff4040);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#ff9a9a, endColorstr=#ff4040);
}

.itemlogo_pink {
	border: 1px solid #FFC9DF;
	-webkit-border-radius: 5px;
	width: 180px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 28px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3);
	font-weight: bold;
	text-align: center;
	color: #FF69B4;
	background-color: #FFC9DF;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC9DF),
		color-stop(100%, #FFFFFF));
	background-image: -webkit-linear-gradient(top, #FFC9DF, #FFFFFF);
	background-image: -moz-linear-gradient(top, #FFC9DF, #FFFFFF);
	background-image: -ms-linear-gradient(top, #FFC9DF, #FFFFFF);
	background-image: -o-linear-gradient(top, #FFC9DF, #FFFFFF);
	background-image: linear-gradient(top, #FFC9DF, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#FFC9DF, endColorstr=#FFFFFF);
}

.itemlogo_orange{
	border: 1px solid #ffad41;
	-webkit-border-radius: 5px;
	width: 180px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 28px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	text-align: center;
	color: #FEFFD9;
	background-color: #ffc579;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc579),
		color-stop(100%, #fb9d23));
	background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
	background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
	background-image: linear-gradient(top, #ffc579, #fb9d23);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#ffc579, endColorstr=#fb9d23);
}

.itemlogo_green{
	border: 1px solid #8bcf54;
	-webkit-border-radius: 5px;
	width: 180px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 28px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	text-align: center;
	color: #32755D;
	background-color: #a9db80;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a9db80),
		color-stop(100%, #96c56f));
	background-image: -webkit-linear-gradient(top, #a9db80, #96c56f);
	background-image: -moz-linear-gradient(top, #a9db80, #96c56f);
	background-image: -ms-linear-gradient(top, #a9db80, #96c56f);
	background-image: -o-linear-gradient(top, #a9db80, #96c56f);
	background-image: linear-gradient(top, #a9db80, #96c56f);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#a9db80, endColorstr=#96c56f);
}

.itemlogo_yellow{
	border: 1px solid #f9f68a;
	-webkit-border-radius: 5px;
	width: 180px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 28px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	text-align: center;
	color: #8A6642;
	background-color: #fcfac0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfac0),
		color-stop(100%, #f6f283));
	background-image: -webkit-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -moz-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -ms-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -o-linear-gradient(top, #fcfac0, #f6f283);
	background-image: linear-gradient(top, #fcfac0, #f6f283);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#fcfac0, endColorstr=#f6f283);
}

.itemlogo_purple{
	border: 1px solid #b977ca;
	-webkit-border-radius: 5px;
	width: 180px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 28px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
	font-weight: bold;
	text-align: center;
	color: #DFD5F5;
	background-color: #CE9FDA;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CE9FDA),
		color-stop(100%, #7768B3));
	background-image: -webkit-linear-gradient(top, #CE9FDA, #7768B3);
	background-image: -moz-linear-gradient(top, #CE9FDA, #7768B3);
	background-image: -ms-linear-gradient(top, #CE9FDA, #7768B3);
	background-image: -o-linear-gradient(top, #CE9FDA, #7768B3);
	background-image: linear-gradient(top, #CE9FDA, #7768B3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#CE9FDA, endColorstr=#7768B3);
}

.help {
	padding: 30px 20px 0 0;
	text-align: center;
}
.help2 {
	padding: 0px 0px 0 0;
	text-align: center;
	font-size: 12px;
}
.btnSearch {
	padding: 0 10px 0 0;
	text-align: right;
}
.resultTable {
	margin-left: auto;
	margin-right: auto;
}
.portallogo {
	padding: 5px;
	text-align: center;
}
.button_example{
	border: 1px solid #c3e3fa;
	-webkit-border-radius: 3px;
	width: 323px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color: #f2f9fe;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe),
		color-stop(100%, #d6f0fd));
	background-image: -webkit-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -moz-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -ms-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: -o-linear-gradient(top, #f2f9fe, #d6f0fd);
	background-image: linear-gradient(top, #f2f9fe, #d6f0fd);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#f2f9fe, endColorstr=#d6f0fd);
}

						 .yasaija{
                        background: linear-gradient(#90EE90,white);
                        color:#000000;
                        width: 120px;
						height: 70px;
						text-align: center;
						vertical-align: middle;
						font-size: 16px;
						font-weight: bolder;
						line-height: 65px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						word-wrap:break-word;

						}

						.yasaien{
                        background: linear-gradient(#90EE90,white);
                        color:#000000;
                        width: 120px;
						height: 70px;
						text-align: center;
						vertical-align: middle;
						font-size: 14px;
						font-weight: normal;
						line-height: 30px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						word-wrap:break-word;

						}

						 .kudamonoja{
                        background: linear-gradient(#EE82EE,white);
                        color:#000000;
                        width: 120px;
						height: 70px;
						text-align: center;
						vertical-align: middle;
						font-size: 17px;
						font-weight: bolder;
						line-height: 30px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						Word-break:break-all;
						}

						 .kudamonoen{
                        background: linear-gradient(#EE82EE,white);
                        color:#000000;
                        width: 120px;
						height: 70px;
						text-align: center;
						vertical-align: middle;
						font-size: 17px;
						font-weight: normal;
						line-height: 30px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						}


						 .kokumotuja{
                        background: linear-gradient(#6495ED,white);
                        color:#000000;
                        width: 120px;
						height: 70px;
						text-align: center;
						vertical-align: middle;
						font-size: 17px;
						font-weight: bolder;
						line-height: 65px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						Word-break:break-all;
						}

						 .kokumotuen{
                        background: linear-gradient(#6495ED,white);
                        color:#000000;
                        width: 120px;
						height: 70px;
						position: relative;
						top: 50%;
						text-align: center;
						vertical-align: middle;
						font-size: 17px;
						font-weight: normal;
						line-height: 30px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						Word-break:break-all;
						}


                        .saibaija{
                        background: linear-gradient(#D3A95C,white);
                        color:#000000;
                        width: 120px;
						height: 70px;
						text-align: center;
						vertical-align: middle;
						font-size: 17px;
						font-weight: bolder;
						line-height: 30px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						}

                        .saibaien{
                        background: linear-gradient(#D3A95C,white);
                        color:#000000;
                        width: 132px;
						height: 70px;
						position:relative;
						text-align: center;
						vertical-align: middle;
						font-size: 10.5px;
						font-weight: normal;
						line-height: 22px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						/*Word-break:break-all;*/
						Word-break:keep-all;
						    word-wrap: break-word;
						}

						 .widja{
                        background:  linear-gradient(#917347,white);
                        color:#000000;
                        width: 120px;
						height: 70px;
						text-align: center;
						vertical-align: middle;
						font-size: 16px;
						font-weight: bolder;
						line-height: 30px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						}

						.widen{
                        background:  linear-gradient(#917347,white);
                        color:#000000;
                        width: 130px;
						height: 70px;
						position:relative;
						text-align: center;
						vertical-align: middle;
						font-size: 10.5px;
						font-weight: normal;
						line-height: 22px;
						border-radius: 11px;
						display: inline-block;
						text-decoration:none;
						/*Word-break:break-all;*/
						Word-break:keep-all;
						    word-wrap: break-word;
						}
						.suisanja {
							background: linear-gradient(#da70d6, white);
							color: #000000;
							width: 120px;
							height: 70px;
							text-align: center;
							vertical-align: middle;
							font-size: 15px;
							font-weight: bolder;
							line-height: 30px;
							border-radius: 11px;
							display: inline-block;
							text-decoration: none;
						}

						.suisanen {
							background: linear-gradient(#da70d6, white);
							color: #000000;
							width: 120px;
							height: 70px;
							position: relative;
							text-align: center;
							vertical-align: middle;
							font-size: 10.5px;
							font-weight: normal;
							line-height: 22px;
							border-radius: 11px;
							display: inline-block;
							text-decoration: none;
							Word-break:keep-all;
							Word-break: break-word;
						}