﻿@charset "utf-8";

/* ボタンのスタイルを無効にする */
label > input {
display:none;
}
input[type="button"].button {
	height:				30px;
}
.button {
	font-size:				14px;
	font-weight:			bold;
	text-decoration:		none;
	text-align:				center;
	border:					1px solid #999999;
	width:					108px;
	cursor:					pointer;
	border-radius:			2px;
	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
	padding:				0px;
	vertical-align:			middle;
	display:				inline-block;
}
a.button {
	height:					28px;
	line-height:			30px;
}
a.button, x:-moz-any-link {
	line-height:			28px;
}
.button.blue {
	background-color:		#1B84E6 !important;
	color:					#FFFFFF !important;
}
.button:active {
	opacity:				1;
	filter:					alpha(opacity=100);
	-ms-filter:				"alpha( opacity=100 )";
}
.button:hover:not(.disabled){
	opacity:				0.8;
	filter:					alpha(opacity=80);
	-ms-filter:				"alpha( opacity=80 )";
}
.button.disabled {
	cursor:					default;
}
.button.login {				/* ログインボタン */
	background:				url(../../images/icon/btn_login.png) no-repeat 4px center;
	background-size:		25px 25px;
	width:					90px !important;
	margin:					12px 3px 0px 3px;
	padding-left:			20px !important;
}
.button.adduser {			/* アカウント登録ボタン */
	background-size:		25px 25px;
	width:					120px !important;
	margin:					12px 3px 0px 3px;
}
.button.passwordchg {		/* パスワード変更ボタン */
	background-size:		25px 25px;
	width:					120px !important;
	margin:					12px 3px 0px 3px;
}

.button.logout {			/* ログアウトボタン */
	background:				url(../../images/icon/btn_logout.png) no-repeat 5px center;
	height: 				30px;
	background-size:		25px 25px;
	margin:					2px 0px 2px 0px;
	padding-left:			24px !important;
	float:					right;
}

.button.register {			/* 登録ボタン */
	background-size:		25px 25px;
	height: 				30px;
	width:					120px !important;
	margin:					12px 3px 0px 3px;
}

.button.report {			/* 報告ボタン */
	background-size:		25px 25px;
	height: 				30px;
	width:					120px !important;
	margin:					12px 3px 0px 3px;
}

.button.analysis {			/* 解析ボタン */
	background-size:		25px 25px;
	height: 				28px;
	width:					120px !important;
	margin:					0px 3px 0px 3px;
	line-height:			30px;
	float:					left;
}

.button.analysisDownload {	/* 解析結果ダウンロードボタン */
	background-size:		25px 25px;
	height: 				28px;
	width:					200px !important;
	margin:					-11px 3px 0px 23px;
	line-height:			30px;
}

.button.search {			/* 検索ボタン */
	background:				url(../../images/icon/btn_search.png) no-repeat 4px center;
	background-size:		23px 23px;
	width:					90px;
	margin:					12px 3px 20px 3px;
	float:					right;
}
.button.tologin {			/* ログインボタンへ */
	height:					28px;
	line-height:			30px;
	width:					120px;
	margin:					0px 50px 10px 0px;
	float:					right;
}

.button.comfirm {			/* 確認 */
	height:					28px;
	line-height:			30px;
	width:					120px;
	margin:					0px 50px 10px 0px;
	float:					right;
}
/* ----- ボタンの配色 ------------------------------------------------------- */

.button.green {
	background-color:	#426321 !important;
	color:				#FFFFFF !important;
}

.button.gray {
	background-color:	#3b84a3 !important;
	color:				#FFFFFF !important;
}
.button.blue.detail {
	background-color:	#5EB696 !important;
}

 .button.blue {
	background-color:	#3b84a3 !important;
	color:				#FFFFFF !important;
}

/*
.button.blue {
	background-color:	#9CCAED !important;
	color:				#050B28 !important;
}
*/

.button.orange {
	background-color:	#F9CC91 !important;
	color:				#000000 !important;
}

.right10 {
	margin-right:		10px;
}