/*------ブルー系配色--------*/
/*------- デフォルト --------*/

/*---------------------------------
全体背景色
-----------------------------------*/
#wrapper {
	background-color: #f0f0f0;
}
/*---------------------------------
ヘッダ下部バー背景色
-----------------------------------*/
#infoBar {
	background-color: #0087C8;
}
/*---------------------------------
メインメニュー文字色
-----------------------------------*/
.menuHead a, .on {
	color: #0087C8;
}
.menuItem li a, .menuItem li.on {
	color: #0087C8;
}
/*---------------------------------
メインメニュー文字ホバー色
-----------------------------------*/
.menuHead a:hover {
	color: #00acff;
}
.menuItem li a:hover {
	color: #00acff;
}
/*---------------------------------
コンテンツ仕切りライン色
-----------------------------------*/
#maincontents {
	border-left-color: #0087C8;
}
/*---------------------------------
コンテンツタイトル色
-----------------------------------*/
h2 {
	color: #0087C8;
}
/*---------------------------------
タブ未選択部分背景色
-----------------------------------*/
ul.tabMenu li a {
	background-color: #229ad6;
}
/*---------------------------------
タブ選択部分文字色
-----------------------------------*/
ul.tabMenu li.tbl_selected a {
	color: #0087C8;
}
/*---------------------------------
タブ選択部分ホバー色
-----------------------------------*/
ul.tabMenu li a:hover {
	color: #0087C8;
}

/*---------------------------------
タブボックスボーダー色
-----------------------------------*/
ul.tabMenu li a {
	border-top-color: #0087C8;
	border-right-color: #0087C8;
	border-bottom-color: #0087C8;
	border-left-color: #0087C8;
}
/*---------------------------------
タブコンテンツボーダー色
-----------------------------------*/
.tabContents {
	border-top-color: #0087C8;
	border-right-color: #0087C8;
	border-bottom-color: #0087C8;
	border-left-color: #0087C8;
}
/*---------------------------------
セパレータ色
-----------------------------------*/
#maincontents hr {
	border-top-color: #0087C8;
}
/*---------------------------------
オプションヘッダ色
-----------------------------------*/
.contHeader {
	color: #0087C8;
}
/*---------------------------------
メニュー選択中色
-----------------------------------*/
.on {
	background-color:#cce4f0;
}
/*---------------------------------
ログインヘッダボーダー色
-----------------------------------*/
#loginHeader-container {
	border-bottom-color: #0087C8;
}
/*---------------------------------
メンテナンス処理中・完了色
-----------------------------------*/
.msg-proc, .msg-comp {
	color: #0087C8;
	border-color: #0087C8;
	background-color: #cce4f0;
}

/*---------------------------------
	ボタン
-----------------------------------*/

/*--デフォルトボタン----------*/
button, a.btn, a.btn:visited, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"] {
text-shadow:0 1px 0 #fff;
border-color: #ccc;
color:#Black;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(180deg, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}

button:active, a.btn:active, a.btn:visited:active, a.button:active, a.button:visited:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);
box-shadow: inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);}

button[disabled], .disabled:active {
-webkit-box-shadow: none;
-moz-box-shadow:none;box-shadow: none;
}

	a.btn,a.button{}/*overrides*/
	button.small, a.btn.small, a.button.small {
	}
	button.medium, a.btn.medium, a.button.medium{}/*default*/
	button.large, a.btn.large, a.button.large {
	}
	button.disabled, a.btn.disabled, a.button.disabled{
	color:#ccc;
	background:#efefef;
	}
	button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover {
	border-color: #ccc;
	background:#efefef;
	}

	button:hover,  a.btn:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	border-color: #bbb;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(180deg, rgba(252,252,252,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
	}

/*--カラ－ボタン----------*/
/*--ORANGE----------*/
button.orange, a.btn.orange, a.button.orange, input[type=submit].orange, input[type=reset].orange, input[type=button].orange {
text-shadow:0 -1px 0 #FC730A;
color:#fff;
border-color: #FC730A;
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background: linear-gradient(180deg, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

	button.orange:hover, a.btn.orange:hover, a.button.orange:hover {
	text-shadow:0 1px 0 #FC730A;
	border-color: #FC730A;
	background: rgb(249,191,74); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(249,191,74,1) 0%, rgba(249,181,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,191,74,1)), color-stop(100%,rgba(249,181,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(180deg, rgba(249,191,74,1) 0%,rgba(249,181,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9bf4a', endColorstr='#f9b509',GradientType=0 ); /* IE6-9 */
	}

/*--BLUE----------*/
button.blue, a.btn.blue, a.button.blue, input[type=submit].blue, input[type=reset].blue, input[type=button].blue {
text-shadow:0 -1px 0 #1D6DC1;
color:#fff;
border-color: #1D6DC1;
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(180deg, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}

	button.blue:hover, a.btn.blue:hover, a.button.blue:hover {
	text-shadow:0 1px 0 #1D6DC1;
	border-color: #1D6DC1;
	background: rgb(155,205,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,205,255,1) 0%, rgba(134,192,250,1) 44%, rgba(110,176,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,205,255,1)), color-stop(44%,rgba(134,192,250,1)), color-stop(100%,rgba(110,176,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(180deg, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcdff', endColorstr='#6eb0f2',GradientType=0 ); /* IE6-9 */
	}

/*--PINK----------*/
button.pink, a.btn.pink, a.button.pink, input[type=submit].pink, input[type=reset].pink, input[type=button].pink {
text-shadow:0 -1px 0 #EF0251;
color:#fff;
border-color: #EF0251;
background: rgb(255,93,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,93,177,1)), color-stop(100%,rgba(239,1,124,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Opera 11.10+ */
background: linear-gradient(180deg, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
}

	button.pink:hover, a.btn.pink:hover, a.button.pink:hover {
	text-shadow:0 1px 0 #EF0251;
	border-color: #EF0251;
	background: rgb(255,169,213); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,169,213,1) 0%, rgba(254,112,185,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,169,213,1)), color-stop(100%,rgba(254,112,185,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(180deg, rgba(255,169,213,1) 0%,rgba(254,112,185,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa9d5', endColorstr='#fe70b9',GradientType=0 ); /* IE6-9 */
	}

/*--MAINCOLOR----------*/
button.login, a.btn.login, a.button.login, input[type=submit].login, input[type=reset].login, input[type=button].login, button.maincolor, a.btn.maincolor, a.button.maincolor, input[type=submit].maincolor, input[type=reset].maincolor, input[type=button].maincolor {
color:#FFF;
text-shadow : 0px -1px 0px #1489C7;
border-color : #1489C7;
border-color : rgba(20, 137, 199, 1);
background : -moz-linear-gradient(50% 0% -90deg,rgba(48, 185, 255, 1) 0%,rgba(24, 149, 213, 1) 100%);
background : -webkit-linear-gradient(-90deg, rgba(48, 185, 255, 1) 0%, rgba(24, 149, 213, 1) 100%);
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(48, 185, 255, 1) ),color-stop(1,rgba(24, 149, 213, 1) ));
background : -o-linear-gradient(-90deg, rgba(48, 185, 255, 1) 0%, rgba(24, 149, 213, 1) 100%);
background : -ms-linear-gradient(-90deg, rgba(48, 185, 255, 1) 0%, rgba(24, 149, 213, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#30B9FF', endColorstr='#1895D5' ,GradientType=0)";
background : linear-gradient(180deg, rgba(48, 185, 255, 1) 0%, rgba(24, 149, 213, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30B9FF',endColorstr='#1895D5' , GradientType=0);
}

	button.login:hover,  a.btn.login:hover,  a.button.login:hover, button.maincolor:hover, a.btn.maincolor:hover, a.button.maincolor:hover {
	text-shadow : 0px 1px 0px #1489C7;
	border-color : #1489C7;
	border-color : rgba(20, 137, 199, 1);
	background : -moz-linear-gradient(50% 0% -90deg,rgba(107, 204, 254, 1) 0%,rgba(33, 174, 227, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(107, 204, 254, 1) 0%, rgba(33, 174, 227, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(107, 204, 254, 1) ),color-stop(1,rgba(33, 174, 227, 1) ));
	background : -o-linear-gradient(-90deg, rgba(107, 204, 254, 1) 0%, rgba(33, 174, 227, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(107, 204, 254, 1) 0%, rgba(33, 174, 227, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BCCFE', endColorstr='#21AEE3' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(107, 204, 254, 1) 0%, rgba(33, 174, 227, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6BCCFE',endColorstr='#21AEE3' , GradientType=0);
	}

/*--SUBCOLOR----------*/
button.subcolor, a.btn.subcolor, a.button.subcolor, input[type=submit].subcolor, input[type=reset].subcolor, input[type=button].subcolor {
color:#FFF;
text-shadow : 0px -1px 0px #005A8A;
border-color : #005A8A;
border-color : rgba(0, 90, 138, 1);
background : -moz-linear-gradient(50% 0% -90deg,rgba(33, 128, 177, 1) 0%,rgba(17, 104, 149, 1) 100%);
background : -webkit-linear-gradient(-90deg, rgba(33, 128, 177, 1) 0%, rgba(17, 104, 149, 1) 100%);
background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(33, 128, 177, 1) ),color-stop(1,rgba(17, 104, 149, 1) ));
background : -o-linear-gradient(-90deg, rgba(33, 128, 177, 1) 0%, rgba(17, 104, 149, 1) 100%);
background : -ms-linear-gradient(-90deg, rgba(33, 128, 177, 1) 0%, rgba(17, 104, 149, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2180B1', endColorstr='#116895' ,GradientType=0)";
background : linear-gradient(180deg, rgba(33, 128, 177, 1) 0%, rgba(17, 104, 149, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2180B1',endColorstr='#116895' , GradientType=0);
}

	button.subcolor:hover, a.btn.subcolor:hover, a.button.subcolor:hover {
	text-shadow : 0px 1px 0px #005A8A;
	border-color : #005A8A;
	border-color : rgba(0, 90, 138, 1);
	background : -moz-linear-gradient(50% 0% -90deg,rgba(49, 165, 208, 1) 0%,rgba(26, 140, 185, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(49, 165, 208, 1) 0%, rgba(26, 140, 185, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(49, 165, 208, 1) ),color-stop(1,rgba(26, 140, 185, 1) ));
	background : -o-linear-gradient(-90deg, rgba(49, 165, 208, 1) 0%, rgba(26, 140, 185, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(49, 165, 208, 1) 0%, rgba(26, 140, 185, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#31A5D0', endColorstr='#1A8CB9' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(49, 165, 208, 1) 0%, rgba(26, 140, 185, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31A5D0',endColorstr='#1A8CB9' , GradientType=0);
	}
/*パスワード強度判定表示*/
#pwd-indicator {
	width: 230px;
	height: 12px;
	margin-top: 10px;
	border: 1px solid #A3A3A3;
	transition: all .2s ease-in-out;
}
#pwd-indicator div {
	height:10px;
}
.empty {
	background: #e4e4e4;
	width:0%;
}
.very-weak {
	background-color: #FB4E4E;
	width: 12.5%;
}
.weak {
	background-color: #FFC04D;
	width: 25%;
}
.average {
	background-color: #9CDDF0;
	width: 50%;
}
.strong {
	background-color: #8CE864;
	width: 75%;
}
.very-strong {
	background-color: #00BC0A;
	width: 100%;
}
#pwd-indicator-label {
	margin:6px 0 0 0;
	padding:0px;
}