/*----------------------------------------------------------------------------------

	TMS Navigator Lite用 メンバー用css

------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
基本
------------------------------------------------------------------------------------*/

html, body {height: 100%}

html{
	overflow-y:scroll;
}
body{	/*[inheritanced from wf] kitano add*/
	scroll:yes;
	font-family: 'メイリオ', 'Lucida Grande', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

p,input,select,textarea,button,label,a,h1,h2,h3,h4,h5,h6{ /*[inheritanced from wf] kitano edit*/
	font-family: 'メイリオ', 'Lucida Grande', Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}


/*----------------------------------------------------------------------------------
共通、構造
------------------------------------------------------------------------------------*/

.fl {	/*[inheritanced from wf] kitano add*/
	float: left;
}

.fr {	/*20150703 kitano add*/
	float: right;
}



.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


.waku-box{
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #e8e8e8;
	padding: 15px;
	box-shadow: 1px 1px 1px #CCC;
}

.mb-15 {
	margin-bottom: 15px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-30 {
	margin-right: 30px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-30 {
	margin-left: 30px;
}



/*他部品*/

label{
	font-weight:normal;
}

	label.clickeasy{
		border:1px solid #ddd;
		padding:0.1em 0.5em;
		background-color: rgba(255, 255, 255, .80);
		cursor:pointer;
		user-select: none; /* CSS3 */
		-moz-user-select: none; /* Firefox */
		-webkit-user-select: none; /* Safari、Chromeなど */
		-ms-user-select: none; /* IE10から～ */
	}

		label.clickeasy input[type=radio]{
			margin-right:0.6em;
			cursor:pointer;
		}




/*----------------------------------------------------------------------------------
テーブル
------------------------------------------------------------------------------------*/
.table-page {
}

	.table-page .condition{
		background: #f8f8f8;
		margin-bottom: 15px;
		zoom:1;
	}

	.table-page .condition:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}

	.table-page .condition select{

	}

	.table-page .condition select.long-select{
		max-width: 15em;
		*width: 15em;
	}

	.table-page .condition select.short-select{
		max-width: 5em;
		*width: 5em;
	}

	.table-page .condition .parameters {
		float: left;
		margin: 15px 15px 0 0;
		white-space: nowrap;
		word-break: keep-all;
	}

	.table-box .waku-box {
		padding: 0 15px 15px 15px;
	}


table.datatable th,table.datatable td{	/*テーブルセル内テキストの折り返し設定 20150709 kitano */
	word-wrap: break-word;
	overflow:hidden;
}



/*----------------------------------------------------------------------------------
ボタン
------------------------------------------------------------------------------------*/
/*[inheritanced from wf] kitano edit*/
.btn,.btn-special{
	min-width: 120px;
	min-height: 2.5em;
	box-shadow: rgba( 160 , 130 , 140 , 0.35 ) 2px 2px 3px;
}

/*[inheritanced from wf] kitano edit*/
.btn-login {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #1C1C1A;
	*background-color: #1C1C1A;
	background-image: -moz-linear-gradient(top, #6D7068, #1C1C1A);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6D7068), to(#1C1C1A));
	background-image: -webkit-linear-gradient(top, #6D7068, #1C1C1A);
	background-image: -o-linear-gradient(top, #6D7068, #1C1C1A);
	background-image: linear-gradient(to bottom, #6D7068, #1C1C1A);
	background-repeat: repeat-x;
	border-color: #1C1C1A;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D7068', endColorstr='#1C1C1A', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-login:hover,
.btn-login:focus,
.btn-login:active,
.btn-login.active,
.btn-login.disabled,
.btn-login[disabled] {
	color: #FFFFFF;
	background-color: #1C1C1A;
}


/*----------------------------------------------------------------------------------
メッセージ
------------------------------------------------------------------------------------*/
.message {
  padding: 8px 35px 8px 14px;
  margin-bottom: 10px;
  /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
  background-color: #fcf8e3;
  /*border: 1px solid #fbeed5;*/
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  box-shadow: 0 2px 5px rgba(140, 140, 140, 0.4);
}

.message,
.message h4 {
  color: #c09853;
}

.message h4 {
  margin: 0;
}

.message .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.error {
  color: #fff;
  background-color: #cc3333;
  border-color: #dfdfdf;
}

.error h4 {
  color: #b94a48;
}

.done {
  color: #fff;
  background-color: #339999;
  border-color: #dfdfdf;
}

.done h4 {
  color: #468847;
}

.normal{
	background-color:#eee;
	color:#333;
}

.copydone{
	background-color:#b4601c;
	color:white;
}

.warning{
	background-color:#993;
	color:white;
}

/*アイコン*/
i.icon-error{
	color: #cc3333;
}

i.icon-warning{
	color: #999933;
}


/*----------------------------------------------------------------------------------
ログイン画面
------------------------------------------------------------------------------------*/
#login-page{
	text-align: center;
	background: #fdfdfd;
}

#login-page .gradation{
	background: -moz-linear-gradient(top, #f8f8f8, #f0f0f8);
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f8));
	background: -o-linear-gradient(top, #f8f8f8, #f0f0f8);
	background: linear-gradient(top, #f8f8f8, #f0f0f8);
	zoom: 1;/* IE8以下で必要 */
}

#login-page #content {
	width: 100%;
	height: 100%;
	min-height: 30em;
	padding: 0;
}

.login-box{
	position: absolute;
	top: 45%;
	left: 50%;
	width: 35em;
	min-height: 376px;

	margin-left: -17.5em;
	margin-top: -188px;

	text-align: left;
	border: 1px solid #e8e8e8;
	background: white;
	border-radius: 5px 5px 5px 5px;
	padding: 15px;
}

.login-box .logo{
	margin-bottom: 14px;
}

.login-box .message {
	margin-bottom: 14px;
}

.login-box .form-box{
	margin-top:30px;
	padding: 0 2em;
}

.login-box .form-box label{
	float: left;
	clear: both;
	width: 10em;
	line-height: 30px;
	margin-bottom: 20px;
}

.login-box .form-box input{
	height: 30px;
	line-height: 30px;
	width: 18em;
	padding: 0 0.3em;
	background: #f8f8f6;
	margin-bottom: 20px;
}

.login-box .button-box {
	clear : both;
	text-align: center;
	margin: 0 0 20px 0;
}

.login-box .message-box { /*20151029 kitano add*/
	clear : both;
	padding-top: 10px;
}

.login-box .message-box p{ /*20151029 kitano add*/
	margin: 0.3em 0 0 1.8em;
	font-size: 0.9em;
}

.login-box .message-box p.warning-message{ /*20151029 kitano add*/
	color:red;
	font-weight:bold;
}

.login-box .message-box p.alert-warning{
	padding: 8px;
	margin: 4px 1.8em 0 1.8em;
	font-size:0.75em;
	color: #555;
}

.login-box .message-box p.additional-message{ /*20151124 kitano add*/
	font-size:0.75em;
	padding: 16px 24px 10px 10px;
	color: #555;
}

.btn-login {
	margin: 5px auto 0;
	width: 10em;
}

@media screen and (max-width: 1000px) {

	/*20150908 kitnao SP対応 */

	#login-page{
		margin:0;
		padding:0;
	}

	#content{
		margin:0;
		padding:0;
	}

	.login-box{
		left: 50%;
		top: 0;
		margin:20px 0 0 0 ;
		width: 90%;
		margin-left: -45%;
		padding:1em;
	}

	.login-box .form-box label{
		float: left;
		clear: both;
		width: 10em;
		line-height: 30px;
		margin-bottom: 0em;
	}

	.login-box .form-box input{
		width: 90%;
		padding: 0 0.3em;
		margin-bottom: 20px;
	}

}


/*テーブル内のデザイン*/

.input-table table tr td input.long {
	width:95%;
}

input.input-long {
	width:95%;
}

.input-table table tr td textarea{
	width: 95%;
	height: 200px;
}

.input-table .button-box {
	padding: 24px 0; /*[inherited] kitano add*/
	text-align: center;
}

.input-table .btn-submits {
	width: 14em;
}

.input-table .btn-danger {
	width: 10em;
}
.input-table label{
	display: inline;
}


#preview_area {
	border: 1px solid brown;
	display: none;
}

#main_preview_area {
	border: 1px solid brown;
	display: none;
}

.dd-item img{
	height: 100px;
}


/*----------------------------------------------------------------------------------
各役別の色
------------------------------------------------------------------------------------*/

	/*ヘッダー*/
	body.member .pageheader{
		background: rgba(0, 156, 229 ,1);
	}

	/*テーブル*/
	body.member table.table th,
	body.member table.table th,
	body.member table.table th{
		background: rgba(0, 156, 229 ,1);
	}

	/*見出し*/
	body.member h2.midashi,
	body.member h2.midashi,
	body.member h2.midashi {
		border-left: 6px solid #2659b5;
	}

	/*ボタン*/
	body.member .btn-normal {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #1caff4;
		*background-color: #1caff4;
		background-image: -moz-linear-gradient(top, #1caff4, #048ac9);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1caff4), to(#048ac9));
		background-image: -webkit-linear-gradient(top, #1caff4, #048ac9);
		background-image: -o-linear-gradient(top, #1caff4, #048ac9);
		background-image: linear-gradient(to bottom, #1caff4, #048ac9);
		background-repeat: repeat-x;
		border-color: #048ac9 #048ac9 #002a80;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1caff4', endColorstr='#ff048ac9', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}

	body.member .btn-normal:hover{
		background-image: -moz-linear-gradient(top, #66bcf5, #048ac9);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#66bcf5), to(#048ac9));
		background-image: -webkit-linear-gradient(top, #66bcf5, #048ac9);
		background-image: -o-linear-gradient(top, #66bcf5, #048ac9);
		background-image: linear-gradient(to bottom, #66bcf5, #048ac9);
	}

	body.member .btn-normal:focus{
	}

	body.member .btn-normal:active,
	body.member .btn-normal:disabled,
	body.member .btn-normal[disabled] {
		color: #FFFFFF;
		background-image:none;
		background-color: #048ac9;
		*background-color: #048ac9;
	}



/* Bootstrap 4 対応*/
html, body.home, .btn{
	font-size: 14px;
}
body.home .pageheader{
	padding: 1px;
}
body.home .pageheader .pageheader-inner, body.home .pageheader .pageheader-global-menu{
	width: 100%;
	clear: both;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}