/***************************************************
　システム名：汎用WEB出荷支援システム
　処理内容　：全体設定用スタイルシート
　作成日　　：2018/2/6
　作成者　　：JAC T.Ono
****************************************************/

/*************************************
 全体設定
**************************************/
body{
	font-size:14px;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
	Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 130%;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

div#contents{
	width:900px;
	height:100%;
	min-height:100%;
	background-color:#ffffff;
	margin:0 auto;
	padding-top:10px;
}

form{
	display: inline;
	margin:0;
}

input{
	padding:0;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
	Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 130%;
}

input[type="text"]{
	padding-left:2px;
}

button{
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
	Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 130%;
}

/*************************************
 ヘッダー関連
**************************************/
#header{
	width:900px;
	height:60px;
	border-bottom:solid 4px #4b8741;
	margin-bottom:20px;

	display:flex;
    justify-content:flex-start;
    align-items:center;
}

#header_logo{
	float:left;
	width:150px;
}

#header_title{
	float:left;
	width:300px;
	margin-left:10px;
}
#header_title_top{
	height:30px;
	border-bottom:solid 2px #4b8741;

	font-size:22px;
	font-weight:bold;
	color:#4b8741;

	display:flex;
    justify-content:center;
    align-items:center;
}
#header_title_bot{
	height:28px;

	font-size:20px;
	font-weight:bold;

	display:flex;
    justify-content:center;
    align-items:center;
}

#header_user{
	float:left;
	width:100px;
	margin-left:10px;
}
#header_user_top{
	height:30px;
	border-bottom:solid 2px #4b8741;

	font-size:18px;
	font-weight:bold;
	color:#4b8741;

	display:flex;
    justify-content:center;
    align-items:center;
}
#header_user_bot{
	height:28px;

	font-size:14px;
	font-weight:bold;

	display:flex;
    justify-content:center;
    align-items:center;
}

#header_nowdate{
	float:left;
	width:110px;
	margin-left:10px;
}
#header_nowdate_top{
	height:30px;
	border-bottom:solid 2px #4b8741;

	font-size:18px;
	font-weight:bold;
	color:#4b8741;

	display:flex;
    justify-content:center;
    align-items:center;
}
#header_nowdate_bot{
	height:28px;

	font-size:14px;
	font-weight:bold;

	display:flex;
    justify-content:center;
    align-items:center;
}

#header_sysdate{
	float:left;
	width:110px;
	margin-left:10px;
}
#header_sysdate_top{
	height:30px;
	border-bottom:solid 2px #4b8741;

	font-size:18px;
	font-weight:bold;
	color:#4b8741;

	display:flex;
    justify-content:center;
    align-items:center;
}
#header_sysdate_bot{
	height:28px;

	font-size:14px;
	font-weight:bold;

	display:flex;
    justify-content:center;
    align-items:center;
}

#header_btn{
	width:80px;
	height:35px;
	margin-left:10px;
}

/*************************************
 clearfix（float解除用CSS）
**************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */