@charset "utf-8";

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

body {
	font-size:14px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
/*    color:#555;
*/	/*background-color:#333;*/
	height:100vh;
    color:#000;
}


th{
    color: #555;
}
/*コメント用Class*/
.kmnt,
.text_mute {
    color: #555;
}
input{
    color: #000;
}
/*生コンクリート工場の幅をこちらで変更*/
input#AggregateApplicationPlantCode {
    width: 620px;
}
/* Chrome, Safari */
::-webkit-input-placeholder{
    color: #AAAAAA;
}
 /* Firefox */
::-moz-placeholder{
    color: #AAAAAA;
}
 /* Firefox 18以前 */
:-moz-placeholder{
    color: #AAAAAA;
}
 /* IE */
:-ms-input-placeholder{
    color: #AAAAAA;
}
select{
    color: #000;
}


a.asc:after {
    content: '▲';
}
a.desc:after {
    content: '▼';
}

table {
	font-size:13px;
}
/*共通ヘッダー*/
#header {
	width:100%;
	background-color:#fff;
}
header {
	width:100%;
	max-width:1280px;
	min-width:1000px;
	box-sizing:border-box;
	padding:5px 20px;
	overflow:hidden;
}
h1 img {
	display:block;
	float:left;
}
header button {
	border:none;
	border-radius:4px;
	background-color:#666;
	background: -moz-linear-gradient(left, #888, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	background: linear-gradient(left, #888, #666);
	color:#fff;
	padding:5px 10px;
	height:30px;
	margin:5px 0 5px 10px;
	outline:0;
	float:right;
}
header button:hover {
	background-color:#999;
	background: -moz-linear-gradient(left, #aaa, #888);
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#888));
	background: linear-gradient(left, #aaa, #888);
}
header ul {
	display:block;
	float:right;
	height:40px;
	overflow:hidden;
}
header ul li {
	float:left;
	line-height:40px;
	margin-right:10px;
	font-size:12px;
}

#user_status {
    width: 380px;
    float: left;
    margin-left: 30px;
    font-size: 12px;
}

#content_wrap {
    width:100%;
    min-height:calc(100vh - 120px);
    background-color:#fff;
    /*overflow:auto;*/
}
#content {
	clear:both;
	min-width:1000px;
	box-sizing:border-box;
	padding:10px 20px;
}

/*ページ見出し*/
#content h2 {
	font-size:18px;
	border-bottom:solid 2px #AACF52;
	margin-bottom:20px;
	position:relative;
	padding-left:10px;
	z-index:0;
}
#content h2:before {
	content:"";
	display:block;
	width:0;
	height:0;
	border:solid 3px #AACF52;
	position:absolute;
	top:40%;
	left:0;
}

#content article {
    display: inline-block;
}

#footer {
	/*width:100%;*/
	background-color:#333;
	clear:both;
}
footer {
	/*width:100%;*/
	max-width:1280px;
	min-width:1000px;
	box-sizing:border-box;
	margin:0 auto;
	padding:5px 20px;
	height:30px;
	line-height:20px;
	color:#fff;
	font-size:11px;
}

/*テーブル上部 リスト絞込*/
.search_form {
	margin-bottom:10px;
	border:solid 1px #ccc;
}
.search_form td,.search_form th {
	background-color:#FFFBCC;
	padding-top:10px;
	padding-bottom:10px;
}
.search_form th {
	padding-left:10px;
}
.serch_form_thcancel th {
	padding-left:0;
}
.search_form td {
	padding-right:10px;
}
.search_form input[type=submit],
.search_form input[type=button]{
	padding:3px 10px;
	border:none;
	border-radius:4px;
	background-color:#777;
	color:#fff;
	letter-spacing:1px;
}
.search_form input[type=submit]:hover,
.search_form input[type=button]:hover{
	background-color:#999;
}

/*テーブル上下 ボタン*/
.tb_btn_area {
	margin:0 0 10px 0;
	clear: both;
}
.tb_btn_area button,
.tb_btn_area input[type=button],
.tb_btn_area input[type=submit]
{
	min-width:100px;
	padding:3px;
	margin-right:10px;
	border:none;
	border-radius:4px;
	background-color:#777;
	color:#fff;
	letter-spacing:1px;
	font-size:12px;
}
.tb_btn_area input[type=button]:hover,
.tb_btn_area input[type=submit]:hover{
	background-color:#999;
}
/*確認用サンプル*/
#content article .tb_btn_area {
    text-align: right;
}
#content article .tb_btn_area input[type=button] {
    margin-right: 0;
    margin-left: 10px;
}


/*汎用的なテーブル(一行目がth、以下、一行ずつ色が違う)*/
.basic_table {
	margin-bottom:10px;
	font-size:12px;
}
.basic_table tr:nth-child(2n) {
	background-color:#e0e0e0;
}
.basic_table th {
	text-align:center;
	background-color:#aaa;
	color:#fff;
}
.basic_table td,.basic_table th {
	padding:5px;
	border:solid 1px #999;
}
.basic_table input[type=button],
.basic_table button,
.designed_button {
	padding:3px 10px;
	border:none;
	border-radius:4px;
	background-color:#777;
	color:#fff;
	letter-spacing:1px;
	font-size:12px;
}
/*2024/04/08変更 td要素をヘッダーと同じ色に変更できます。 */
td.gray-layout {
	background-color:#999;
	color:#fff;
	border:solid 1px #e0e0e0;
}
.basic_table input[type=button]:hover,
.basic_table button:hover,
.designed_button:hover
{
	background-color:#999;
}
/*2024/04/08変更  巡回骨材試験 申込一覧　依頼日ありの場合tr要素の変色に必要です。*/
.basic_table tr#blue {background-color: rgb(206 247 255) !important;}

.basic_table .btn02
{
	margin-left: 5px;
}
/*トップページのボタンサンプル　add20160226*/
.designed_button_menu {
	padding:3px 10px;
	border:none;
	border-top: 3px solid #0040FF;
	border-right: 3px solid #0431B4;
	border-bottom: 3px solid #0040FF;
	border-left: 3px solid #0431B4;
	border-radius: 4px;
	background-color:#005dad;
	color:#fff;
	letter-spacing:1px;
	font-size:12px;
}
.designed_button_menu:hover
{
	background-color:#999;
}
/*注釈コメントの協調用*/
.designed_info
{
	color: #0431B4;
}

/*ページャ*/
.paging-container {
    display: inline-block;
}
.paging,
.paging+p{
    /*text-align: center;*/
    font-size: 12px;
}
.paging span{
	padding:5px;
	border:solid 1px #999;
    display: inline-block;
    margin-right: 5px;
}
.paging span.current{
	background-color:#e0e0e0;
}
.paging+p{
    margin-top: 5px;
}

/*入力メインのテーブル*/
.input_table {
	margin-bottom:10px;
}
.input_table td,.input_table th {
	border:solid 1px #777;
	padding:5px;
}
.input_table th {
	text-align:center;
	background-color:#999;
	color:#fff;
	font-size:12px;
}
.input_table .radio label {
    margin-left: 2px;
    margin-right: 15px;
}
.input_table .vertical .radio {
    display: inline-block;
}
.input_table .vertical .radio + div {
    display: inline-block;
}
.input_table input[type=submit],
.input_table button[type=submit],
.input_table button[type=button] {
    margin-left: 4px;
}

#order_input .input_table {
	width:1100px;
}

/*詳細画面のコンテンツ*/
.detail .basic_table {
    float: left;
    margin-right: 5px;
}
.detail .basic_table .top_cell {
    height: 30px;
}
.detail:after {
    content: "";
    display: block;
    clear: both;
}

/*ボタンで列の表示を切り替えるテーブル*/
.switch {
    white-space: nowrap;
}
.switch table {
    float: left;
    margin-right: 5px;
}
.switch tr {
    height: 35px;
}
.switch .sw_elm {
    display: none;
}
.switch:after {
    content: "";
    display: block;
    clear: both;
}

/* 入力欄 */
.size100 {width: 620px;}
.size80  {width: 500px;}
.size70  {width: 440px;}
.size60  {width: 380px;}
.size50  {width: 320px;}
.size40  {width: 260px;}
.size30  {width: 200px;}
.size25  {width: 170px;}
.size20  {width: 140px;}
.size15  {width: 110px;}
.size12  {width: 90px;}
.size10  {width: 80px;}
.size6   {width: 56px;}
.size5   {width: 50px;}
.size3   {width: 38px;}
.size1   {width: 26px;}

/* 幅(width)サイズ修正用 */
.w100p{width: 100%;}
.w996p{width: 99.6%;}

.w54 {width: 54px;}
.w59 {width: 59px;}
.w94 {width: 94px;}
.w105 {width: 105px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w158 {width: 158px;}
.w210 {width: 210px;}

.w1150 {width:1150px;}
.w1500 {width:1500px;}
.w1850 {width:1850px;}
.w2500 {width:2500px;}
.w3000 {width:3000px;}
.w3200 {width:3200px;}
.w3500 {width:3500px;}
.w4500 {width:4500px;}
.w6000 {width:6000px;}
.w8000 {width:8000px;}

/* フラッシュメッセージ */
#flashMessage {
    margin: 5px 30px;
    color: red;
}
/* メニュー画面のボタンレイアウト */
#btns {
    /* width : 300px; */
}
#btns th a {
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 5em;
    width: 250px;
}


/* 試験結果が判定強度よりも小さい時のスタイル */
.result_lower {
    color: red;
}


#selectdate {
	max-width: 120px;
	margin-top: 10px;
}
th#month_style {
	width: 30px !important;
	padding: 0 5px !important;
	text-align: center;
}
td#month_style {
	width: 30px !important;
	padding: 0 !important;
	text-align: center;
}

/* 追加  部品化*/
.cream {background-color: #FFFBCC;}
.red {color: red;}
.error-message {color: red;}

#error {color: red !important;}

#nowrap {white-space: nowrap;}

#p-0 {padding: 0;}
th#h40  {height: 40px !important;}
th#h195 {height: 195px !important;}
th#h225 {height: 225px !important;}
th#h310 {height: 310px !important;}
th#h350 {height: 350px !important;}

#flex_relative {
	display: flex;
	position: relative;
}
.relative {position: relative;}
.display-none {display: none;}
/* 追加  部品化以上*/


/* 追加 */
#webkit-flex{
	display: -webkit-flex;
	flex-wrap: wrap;
}

#webkit-flex > th{
	max-width: 100px;
}
#webkit-flex > td{
	max-width: 320px;
}

.submit_custom {
	margin-left: 25px;
	padding: 3px 20px !important;
}

th#right_align{
	text-align: right;
	padding-right: 10px;
}

/*
    3/21報告書記載事項テーブル操作
*/
table.top-move {
	top: 90px;
}
table.top-move-view {
	top: 90px;
}

.flying_table {
	position:  absolute;
	width: 2vw !important;
    padding: 0px;
    writing-mode: vertical-rl;
    margin: 0px;
}
#flying_th {
	padding: 283.5px 0px;
    width: 3vw;
}

#flying_th_view {
	padding: 266.5px 0px;
    width: 3vw;
}
#flying_th2 {
	padding: 246.5px 0px;
    width: 3vw;
}

.writing-center {
	writing-mode: vertical-rl;
    text-align: center !important;
    vertical-align: top;
}
/*3/21 変更以上*/

/* テーブル内フォームの調整 */
#centertext {
	text-align: center;
	padding: 0;
}

.form-move {
	display: flex;
    flex-direction: row;
	margin-top: 40px;
}

.form-move > input {
	height: 20px;
}

/* テーブル内フォームの高さ調整 */
.margin-t-under {
	margin-top: auto;
	margin-bottom: 10px;
}
.margin-t52 {margin-top: 52px;}


#proxy_position {
	position: absolute;
	left: 575px;
	top: 33px;
	background-color: unset;
}



/* 要素を上に追従させるために使用 */
.sticky {
	border: 0;
	position: -webkit-sticky;
	position: sticky;
	top: -1px;
}

/*2024/04/26 巡回骨材試験thタグの幅の調整を行っています。*/
th#w150p-important{
    width: 150px !important;
}

/*2024/05/10 骨材マスタソートのbuttonタグの調整を行っています。*/
.button_link {
	background-color: #aaa !important;
	color: -webkit-link !important;
	text-decoration:underline;
	cursor: pointer;
}

#font-size12 {
	font-size: 12px !important;
}


/* tableボタンデザイン */
table.basic_table tbody tr td.actions a
{
	padding: 3px 10px;
    border: none;
    border-radius: 4px;
    background-color: #777;
    color: #fff;
    letter-spacing: 1px;
    font-size: 12px;
	word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    box-sizing: border-box;
	margin: 0em;
    padding-block: 1px;
    padding-inline: 6px;
}

/*お知らせ機能Tableデザイン*/
div.table table.tablenews{
	width:2000px;
}
div.table table.tablenews thead th.for{
	width:400px;
}
div.table table.tablenews thead th.sev,
div.table table.tablenews thead th.eig{
	width:70px;
} 

table.tablenews {
	padding:10px 10px 20px;
	width: 100%;
	border-collapse:separate;
	border-spacing: 0;
	/* text-align:left; */

}

div.table table.tablenews tbody td.actions a,
div.table table.tablenews thead th.eig{
	text-align:center;
}

table.tablenews th:first-child{
	border-radius: 5px 0 0 0;
}

table.tablenews th:last-child{
	border-radius: 0 5px 0 0;
	border-right: 1px solid #3c6690;
}

table.tablenews thead th{
	text-align: center;
	background-color: #b6b5b5;
	/* box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset; */
	padding: 10px 0;
}
table.tablenews thead th a{
	color:#fafafa;
}

table.tablenews td{
	border-left: 1px solid #8a8a8a;
	border-bottom: 1px solid #8a8a8a;
	border-top:none;
	padding: 10px 10px;
}
table.tablenews tr:nth-child(even){
	background-color: #d4d4d4;
}

table.tablenews tbody:last-child{
	border-right: 1px solid #a8b7c5;
}

table.tablenews tr:last-child td:first-child {
	border-radius: 0 0 0 5px;
}

table.tablenews tr:last-child td:last-child {
	border-radius: 0 0 5px 0;
}

table.tablenews tbody tr td.actions a
{
	display       : inline-block;
	min-width:100px;
	padding:5px ;
	margin-right:10px;
	border:none;
	border-radius:4px;
	background-color:#777;
	color:#fff;
	letter-spacing:1px;
	font-size:12px;
	text-decoration: none;

	
}

table.unauto_construstiontable {
	width: 1230px;
	min-width: 1230px;
	max-width: 1230px;
}


/* edit画面のinput枠広げる */
table.input_message_table tr,
table.input_message_table td{
	border: 0px none;
}
table.input_message_table tr td.inputt input.display{
    width: 790px;
    padding: 2em;
	border:24px;
    background: #f2f2f2;
    margin: 1em 0;
}

div#content table#infomessage th{
	width:180px;
}
div#content table#infomessage td{
	width:590px;
}

div#content table.input_message_table td table#button th,
div#content table.input_message_table td table#button td{
	border: 0px none;
	background:#fff;

} */

input#M50InfoMessageM5000010,
textarea#M50InfoMessageM5000040{
	width:100%;
}

/* ログインh2 */
body div.loginconten p {
	font-size:10px;
	border-bottom:solid 2px #AACF52;
	margin-bottom:20px;
	position:relative;
	padding-left:10px;
	z-index:0;
}
body div.loginconten p:before {
	content:"";
	display:block;
	width:0;
	height:0;
	border:solid 3px #AACF52;
	position:absolute;
	top:40%;
	left:0;
}

#content article {
    display: inline-block;
}

.tablenewss:nth-child(even){
	background: #f9f9f9;
}

input.display{
	border: solid 2px #000000;
}
td.news div:nth-child(even){
	background: #f9f9f9;
}

th.codewidth {
	max-width: 40px !important;
	min-width: 38px !important;
}