table_scrollhtml,body {
	margin: 0;
	padding: 0;
	height: 100%;
/*	background: linear-gradient(#FFF, #f2f1dd) fixed;*/
	font-family: "Meiryo UI","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
}

ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}
a:hover {
	filter: saturate(250%);
}

button {
	display: inline-block;
	margin: 2px 0 5px;
	padding: 5px 30px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-image: -webkit-linear-gradient(0deg, #336655 0%, #379E51 100%);
	background-image: linear-gradient(0deg, #336655 0%, #379E51 100%);
	transition: .4s;
}
button:hover {
	background-image: -webkit-linear-gradient(0deg, #336655 0%, #287139 100%);
	background-image: linear-gradient(0deg, #336655 0%, #287139 100%);
}
button.btn_gray {
	display: inline-block;
	margin: 2px 0 5px;
	padding: 5px 30px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #666;
	transition: .4s;
}
button.btn_gray:hover {
	background: #999;
}
button.btn_red {
	display: inline-block;
	margin: 2px 0 5px;
	padding: 10px 30px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-image: -webkit-linear-gradient(0deg, #CC0000 0%, #ff8b5f 100%);
	background-image: linear-gradient(0deg, #CC0000 0%, #ff8b5f 100%);
	transition: .4s;
}
button.btn_red:hover {
	background-image: -webkit-linear-gradient(0deg, #CC0000 0%, #f76a35 100%);
	background-image: linear-gradient(0deg, #CC0000 0%, #f76a35 100%);
}

button.material_btn_change {
	margin: 0;
	padding: 0;
	border-radius: 0px;
	font-size: 11px;
	color: #000;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(0deg, #cccccc 0%, #ffffff 100%);
	background-image: linear-gradient(0deg, #cccccc 0%, #ffffff 100%);
}
button.material_btn_change:hover {
}
.btnTestDelete {
	display: inline-block;
	margin: 2px 0 5px;
	padding: 5px 15px;
	border-radius: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #666;
	transition: .4s;
}
.btnTestDelete:hover {
	background: #999;
}
.btnTestWrap {
	display: inline-block;
	margin: 5px;
	width: 30px;
	height: 30px;
	padding: 0;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background: #333;
	border-radius: 1px;
	border: 1px solid #333;
	transition: .4s;
}
.btnTestWrap:hover {
	background: #999;
	border: 1px solid #999;
}

input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	list-style: none;
}
select {
	vertical-align: top;
	max-width: 400px;
}
input[type="radio"] {
	margin: 5px 5px 5px 10px;
}
textarea {
	resize: vertical;
	vertical-align: middle;
	padding: 5px 0;
	min-height: 17px;
}

.errMsg {
	color: #ff0000;
	font-weight: bold;
	margin: 0;
}

.infoMsg {
	color: #000000;
	margin: 0;
}

.t_left { text-align: left; }
.t_center { text-align: center; }
.t_right { text-align: right; }

#ui-datepicker-div {
	z-index: 100 !important;
}


/* header */
#header {
	width: 100%;
	margin: 0;
}
.system_header {
	position: relative;
	width: 100%;
	height: 150px;
	padding: 0;
	background: url(../img/main.jpg) no-repeat;
	background-size: cover;
}
.system_title {
	margin: 0 auto;
	width: 1200px;
	padding: 40px 0 0 30px;
	color: #FFF;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #333;
}
.logout {
	position: absolute;
	top: 5px;
	right: 5px;
}
.logout a {
	display: block;
	width: 200px;
	padding: 5px 0;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: #333;
}
.navi {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 10px;
	background: #365;
}
.navi li {
	display: inline-block;
	width: 140px;
	color: #FFF;
	font-size: 14px;
	text-shadow: 1px 1px 1px #333;
	text-align: center;
	border-right: 1px solid #FFF;
}
.navi li:last-child {
	border-right: none;
}
.navi a {
	display: block;
	width: 100%;
	color: #FFF;
}
.navi a:hover {color: #F90;}

#wrapper {
	margin: 0 auto;
	width: 100%;
	height: auto;
	background: #FFF;
}



/* contents */
#contents {
	position: relative;
	margin: 0 auto;
	width: 1200px;
/*	min-height: 840px;*/
	padding: 10px;
	box-sizing: border-box;
}
.pankuzu {
	margin: 5px 0;
	font-size: 12px;
}

/* footer */
#footer {
	width: 100%;
	min-height: 60px;
	padding: 20px 0;
	border-top: 3px solid #006633;
	background: #FFF;
}
#footer_kanri {
	width: 100%;
	min-height: 60px;
	padding: 20px 0;
	border-top: 3px solid #CC0000;
	background: #FFF;
}
.footer_content {
	display: table;
	width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}
.footer_content li {
	display: block;
	vertical-align: middle;
}
.footer_content li img {
	width: 300px;
	margin-right: 10px;
}
.footer_content li span {
	display: block;
	margin-top: 10px;
	font-size: 10px;
}
.fleft {
	float: left;
}

.fright {
	float: right;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.boe1, .boe2 {margin: 20px 0;}
.boe1 button, .boe2 button {
	display: block;
	margin: 0 auto;
	width: 400px;
}
.boe1 span {
	display: block;
	margin-top: 5px;
}

.must {
	color: #FF0000;
	font-weight: normal;
}

.caution {
	color: #ff0000;
	font-weight: bold;
}

.table_default1 {
	margin: 30px 0 10px 0;
	border-collapse: separate;
	border-spacing: 2px;
}
/*.table_default1 td {
	width: 170px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #666;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #999;
}
.table_default1 td:last-child {
	border-radius: 0px;
}*/

.main_button {
	position: relative;
	width: 100%;
	min-height: 47px;
	margin: 30px 0 10px;
}
.main_button li {
	display: inline-block;
	width: 250px;
	text-align: center;
}
.main_button li a {
	display: block;
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}
.display_list {
	position: absolute;
	bottom: -10px;
	right: 0;
	width: 250px;
}
.display_list select {
	margin-bottom: 10px;
	width: 250px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}

.display_list .serch_table {
	background-color: white;
	width: 250px;
	height: 30px;
	text-align: right;
	border: 1px green solid;
	border-radius: 20px;
}
.display_list .serch_table input{
	vertical-align: middle;
	padding: 5px 10px;
	margin: 0px;
	height: 100%;
	box-sizing: border-box;
	background-color: transparent;
}
.display_list .serch_input {
	border: none;
	width: 190px;
	padding-left: 10px;
	box-sizing: border-box;
}
.display_list .serch_submit {
	vertical-align: middle;
	width: 50px;
	border: none;
	background: url(../img/icon_serch.png) center center no-repeat;
	background-size: auto 90%;
}
.display_list button {
	display: inline-block;
	margin: 0;
	padding: 5px 15px;
	border-radius: 25px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-image: -webkit-linear-gradient(0deg, #CC0000 0%, #ff8b5f 100%);
	background-image: linear-gradient(0deg, #CC0000 0%, #ff8b5f 100%);
	transition: .4s;
}
.display_list button:hover {
	background-image: -webkit-linear-gradient(0deg, #CC0000 0%, #f76a35 100%);
	background-image: linear-gradient(0deg, #CC0000 0%, #f76a35 100%);
}

.construction_refine {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0.5em 0;
}
.construction_refine_l {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 250px;
	height: 300px;
	padding: 0 0.3em;
	box-sizing: border-box;
	border: 3px solid #c7c694;
	background: #f7f5f0;
}
.construction_refine_l p {
	margin-top: 80px;
	text-align: center;
	color: #c7c694;
	font-weight: bold;
}
.construction_refine_l h2 {
	width: 100%;
	padding: 0.2em 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	border-radius: 2em;
	border: 3px solid #c7c694;
	background: #FFF;
}
.construction_refine_l span {
	position: absolute;
	bottom: 0.5em;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
}
.construction_refine_r {
	display: inline-block;
	width: calc(100% - 260px);
	height: 300px;
	padding: 0 0.5em;
	box-sizing: border-box;
	background: #EFEFEF;
}
.construction_refine_r table {
	width: 100%;
	padding: 0.3em 0;
}
.construction_refine_r td {
	height: 46px;
	box-sizing: border-box;
	font-size: 12px;
	border-bottom: 1px dashed #CCC;
}
.construction_refine_r tr:last-child td {
	border: none;
}
.construction_refine_r input[type="text"] {
	margin: 0 0.5em;
}
.construction_refine_r input[type="checkbox"] {
	display: inline-block;
	margin: 5px 5px 5px 20px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
.construction_refine_r select {
	margin: 0 0 0 0.5em;
	vertical-align: middle;
}
.construction_refine_r .w80 {width: 80px;}
.construction_refine_r .w180 {width: 180px;}
.construction_refine_r .w280 {width: 280px;}

.table_button {
	position: relative;
	margin: 3px;
	text-align: center;
	border-radius: 5px;
}
.table_button a {
	display: block;
	padding: 3px 10px;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	z-index: 999;
}

.table_button span.remark {
	display: none;
}
.table_button a:hover span.remark {
	background: #EEFFEE;
	border: 3px solid #CC0000;
	color: #CC0000;
	font-size: 16px;
	font-weight: bold;
	display: block;
	opacity: 1 !important;
	line-height: 1.2em;
	margin: 0.5em;
	padding: 0.5em;
	position: absolute;
	top: -20px;
	left: 50px;
	width: 12em;
	z-index: 1000;
}
.table_button span.remark2 {
	display: none;
}
.table_button a:hover span.remark2 {
	background: #EEFFEE;
	border: 3px solid #CC0000;
	color: #CC0000;
	font-size: 16px;
	font-weight: bold;
	display: block;
	opacity: 1 !important;
	line-height: 1.2em;
	margin: 0.5em;
	padding: 0.5em;
	position: absolute;
	top: -20px;
	right: 50px;
	width: 12em;
	z-index: 1000;
}
.button_g {background: #365;}
.button_b {background: #356;}
.button_r {background: #900;}
.button_p {background: #630;}
.button_br {background: #036;}
.button_g:hover {background: #448871;}
.button_b:hover {background: #447188;}
.button_r:hover {background: #c00;}
.button_p:hover {background: #994c00;}
.button_br:hover {background: #039;}

/* お知らせのカテゴリ色（カテゴリーマスタのIDに対応） */
.topics_01 { background: #861818; }
.topics_02 { background: #FFB03A; }
.topics_03 { background: #6D8744; }
.topics_04 { background: #409ECC; }
.topics_05 { background: #6a4487; }
.topics_06 { background: #999999; }

.button_select {
	margin: 20px 0 30px;
	text-align: center;
}




.table_base {
	margin-bottom: 5px;
	width: 100%;
	border-collapse: collapse;
}
.h10 {margin-top: 10px;}
.h20 {margin-top: 20px;}
.h30 {margin-top: 30px;}
.h50 {margin-top: 50px;}

.table_base th,
.table_base td {
	border: 1px solid #c7c694;
	box-sizing: border-box;
	padding: 3px 5px;
	font-size: 12px;
	word-wrap: break-word;
}
.table_base th span,
.table_base td span {
	color: #cc0000;
}
.table_base th.confirm,
.table_base td.confirm {
	font-weight: bold;
}
.table_base thead {}
.table_base thead th {
	background: #f7f5f0;
}
.table_base tbody {}
.table_base tbody th {
	background: #f7f5f0;
	width: 200px;
	text-align: left;
}
.table_base tbody td {}


.table_base .w10 { min-width: 10px !important; max-width: 10px !important; }
.table_base .w20 { min-width: 20px !important; max-width: 20px !important; }
.table_base .w30 { min-width: 30px !important; max-width: 30px !important; }
.table_base .w40 { min-width: 40px !important; max-width: 40px !important; }
.table_base .w50 { min-width: 50px !important; max-width: 50px !important; }
.table_base .w60 { min-width: 60px !important; max-width: 60px !important; }
.table_base .w70 { min-width: 70px !important; max-width: 70px !important; }
.table_base .w80 { min-width: 80px !important; max-width: 80px !important; }
.table_base .w90 { min-width: 90px !important; max-width: 90px !important; }
.table_base .w100 { min-width: 100px !important; max-width: 100px !important; }
.table_base .w110 { min-width: 110px !important; max-width: 110px !important; }
.table_base .w120 { min-width: 120px !important; max-width: 120px !important; }
.table_base .w130 { min-width: 130px !important; max-width: 130px !important; }
.table_base .w140 { min-width: 140px !important; max-width: 140px !important; }
.table_base .w150 { min-width: 150px !important; max-width: 150px !important; }
.table_base .w160 { min-width: 160px !important; max-width: 160px !important; }
.table_base .w170 { min-width: 170px !important; max-width: 170px !important; }
.table_base .w180 { min-width: 180px !important; max-width: 180px !important; }
.table_base .w190 { min-width: 190px !important; max-width: 190px !important; }
.table_base .w200 { min-width: 200px !important; max-width: 200px !important; }
.table_base .w210 { min-width: 210px !important; max-width: 210px !important; }
.table_base .w220 { min-width: 220px !important; max-width: 220px !important; }
.table_base .w230 { min-width: 230px !important; max-width: 230px !important; }
.table_base .w240 { min-width: 240px !important; max-width: 240px !important; }
.table_base .w250 { min-width: 250px !important; max-width: 250px !important; }
.table_base .w260 { min-width: 260px !important; max-width: 260px !important; }
.table_base .w270 { min-width: 270px !important; max-width: 270px !important; }
.table_base .w280 { min-width: 280px !important; max-width: 280px !important; }
.table_base .w290 { min-width: 290px !important; max-width: 290px !important; }
.table_base .w300 { min-width: 300px !important; max-width: 300px !important; }
.table_base .w310 { min-width: 310px !important; max-width: 310px !important; }
.table_base .w320 { min-width: 320px !important; max-width: 320px !important; }
.table_base .w330 { min-width: 330px !important; max-width: 330px !important; }
.table_base .w340 { min-width: 340px !important; max-width: 340px !important; }
.table_base .w350 { min-width: 350px !important; max-width: 350px !important; }
.table_base .w360 { min-width: 360px !important; max-width: 360px !important; }
.table_base .w370 { min-width: 370px !important; max-width: 370px !important; }
.table_base .w380 { min-width: 380px !important; max-width: 380px !important; }
.table_base .w390 { min-width: 390px !important; max-width: 390px !important; }
.table_base .w400 { min-width: 400px !important; max-width: 400px !important; }
.table_base .w410 { min-width: 410px !important; max-width: 410px !important; }
.table_base .w420 { min-width: 420px !important; max-width: 420px !important; }
.table_base .w430 { min-width: 430px !important; max-width: 430px !important; }
.table_base .w440 { min-width: 440px !important; max-width: 440px !important; }
.table_base .w450 { min-width: 450px !important; max-width: 450px !important; }
.table_base .w460 { min-width: 460px !important; max-width: 460px !important; }
.table_base .w470 { min-width: 470px !important; max-width: 470px !important; }
.table_base .w480 { min-width: 480px !important; max-width: 480px !important; }
.table_base .w490 { min-width: 490px !important; max-width: 490px !important; }
.table_base .w500 { min-width: 500px !important; max-width: 500px !important; }

.table_base .w50p { width: 50%; }
.table_base .w60p { width: 60%; }
.table_base .w70p { width: 70%; }
.table_base .w80p { width: 80%; }
.table_base .w90p { width: 90%; }
.table_base .w100p { width: 100%; }

.table_base th.tl, .table_base td.tl { text-align: left; }
.table_base th.tc, .table_base td.tc { text-align: center; }
.table_base th.tr, .table_base td.tr { text-align: right; }

.cr {background: #bd7f7f !important;}
.cb {background: #bbd4e7 !important;}
.cbs {background: #eaf3fb !important}
.cg {background: #BEDFC2 !important;}
.cgs {background: #EBF5EC !important;}

.table_base th.tv, .table_base td.tv { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

.table_base.col1 tr th:not(.bg) {
	background-color: #c7c694;
	border: 1px solid #948b54;
}
.table_base.col1 thead tr th {
	background-color: #c7c694;
	border: 1px solid #948b54;
}
.table_base.col1 th,
.table_base.col1 td {
    /*display: inline-block;*/
    /*width: 8.0rem;*/
    /*background: #fff;*/
    /*font-size: 1.0rem;*/
    box-sizing: border-box;
}
.table_base.col1 tbody tr:nth-child(odd) th.bg {
	background-color: #ec9797;
	border: 1px solid #ecc3c3;
}
.table_base.col1 tbody tr:nth-child(even) th.bg {
	background-color: #ffffff;
}
.table_base.col1 tbody tr:nth-child(odd) td.bg {
	background-color: #f7f5f0;
}
.table_base.col1 tbody tr:nth-child(even) td.bg {
	background-color: #ffffff;
}

/* 管理側テーブル2 */
.table_base.col2 th,
.table_base.col2 td {
	box-sizing: border-box;
	border: 1px solid #ecc3c3;
	background: #FFF;
}
.table_base.col2 tbody tr:nth-child(odd) th.bg {background-color: #FFEFEF;}

/* 管理側テーブル3 */
.table_base.col3 th,
.table_base.col3 td {
	box-sizing: border-box;
	border: 1px solid #ecc3c3;
}
.table_base.col3 tbody tr th {background-color: #FFEFEF;}
.table_base.col3 tbody tr td {background-color: #FFF;}

/* 管理側テーブル4 */
.table_base.col4 th,
.table_base.col4 td {
	box-sizing: border-box;
	border: 1px solid #ecc3c3;
}
.table_base.col4 tr th {background-color: #ec9797;}
.table_base.col4 tr td {background-color: #FFF;}
.table_base.col4 tbody tr:nth-child(odd) th.bg {
	background-color: #c7c694;
	border: 1px solid #948b54;
}
.table_base.col4 tbody tr:nth-child(even) th.bg {
	background-color: #ffffff;
}
.table_base.col4 tbody tr:nth-child(odd) td.bg {
	background-color: #f7f5f0;
}
.table_base.col4 tbody tr:nth-child(even) td.bg {
	background-color: #ffffff;
}


/* 管理側テーブル */
.table_sticky_ad {
    display: block;
    position: relative;
    overflow: auto;
    table-layout: fixed;
    /*overflow: scroll;*/
    /*width: calc(100vw - 3.0rem);*/
    width: 100%;
    box-sizing: border-box;
    height: calc(75vh);
    /*border-collapse: collapse;*/
    font-size: 0;
}
.table_sticky_ad thead,
.table_sticky_ad tbody {
    display: block;
}
.table_sticky_ad th,
.table_sticky_ad td {
    /*display: inline-block;*/
    /*width: 8.0rem;*/
    /*background: #fff;*/
    /*font-size: 1.0rem;*/
    box-sizing: border-box;
}
.table_sticky_ad tbody th {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
}
.table_sticky_ad tbody td a.orderselect {
	display: block;
	text-align: center;
	color: #FFF;
	border-radius: 3px;
	background: #C00;
}
.table_sticky_ad thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}
.table_sticky_ad thead th.blank {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
}
.table_sticky_ad.col1 thead tr th {
	background-color: #ec9797;
	border: 1px solid #ecc3c3;
}
.table_sticky_ad.col1 tbody tr td {
	border: 1px solid #ecc3c3;
}
.bordertop_ad {
	border-top: 5px solid #ecc3c3;
}

.table_sticky_ad_test {
	display: block;
	position: relative;
	overflow: auto;
	width: 100%;
	box-sizing: border-box;
	height: calc(75vh);
}
.table_sticky_ad_test thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}


.table_base p.margin_none {
	margin: 0 !important;
	padding: 0 !important;
}

.table_noborder th,
.table_noborder td {
	border: none;
}

.table_base td input.noborder,
.table_base td textarea.noborder {
	border: none;
}


.table_search td input,
.table_search td select,
.table_search td textarea {
	margin-right: 3px;
	/*padding: 5px;*/
}




.table_sticky {
	display: block;
	position: relative;
	overflow: auto;
	table-layout: fixed;
	/*overflow: scroll;*/
	/*width: calc(100vw - 3.0rem);*/
	width: 100%;
	box-sizing: border-box;
	height: calc(75vh);
	/*border-collapse: collapse;*/
	font-size: 0;
}
.table_sticky thead,
.table_sticky tbody {
	display: block;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	width: 100%;
}
.table_sticky th,
.table_sticky td {
	/*display: inline-block;*/
	/*width: 8.0rem;*/
	/*background: #fff;*/
	/*font-size: 1.0rem;*/
	box-sizing: border-box;
}
.table_sticky tbody th {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 1;
}
.table_sticky thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}
.table_sticky thead th.blank {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
}
.bordertop {
/*	border-top: 5px solid #c7c694;*/
	border-top: 5px solid #ecc3c3;
}

.table_scroll {
	margin: 0 1% 50px;
	min-width: 1200px;
	height: 600px;
	overflow: auto;
	border: 1px solid #c7c694;
	/*white-space: nowrap;*/
}
.table_scroll_ad {
    margin: 0 1% 50px;
    min-width: 1200px;
    overflow: auto;
    border: 1px solid #ecc3c3;
    /*white-space: nowrap;*/
}
.table_full {
	margin: 0 1% 50px;
	min-width: 1200px;
	overflow: auto;
/*	border: 1px solid #c7c694;*/
	border: 1px solid #ecc3c3;
}

.table_default1 li {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	width: 170px;
	height: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
	background: #999;
	font-weight: bold;
	color: #333;
}
.table_default1 .default_arw {
	content: '';
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
	top: 50%; /*マイナスボーダー幅の2倍*/
	right: -20px; /*ボーダー幅の2倍*/
	width: 10px; /*ボーダー幅の2倍*/
	height: 20px; /*ボーダー幅の2倍*/
	margin-top: -10px; /*マイナスボーダー幅*/
	border: transparent 10px solid; /* 隣接ボックスの背景色で任意の幅を設定 */
	border-left: #999 10px solid;
}

.table_default1 li:last-child:after {
	margin: 0;
	width: 0;
	height: 0;
	border: 0;
}


.table_default2 {
	width: 100%;
	margin: 10px 0 20px;
	border-collapse: collapse;
	table-layout: fixed;
}
.table_default2 span {
	color: #C00;
}

.table_default2 th, .table_default2 td {
	padding: 3px 5px;
	text-align: left;
	font-size: 12px;
	word-wrap: break-word;
}
.table_default2 th {
	width: 120px;
	background: #f7f5f0;
	border: 1px solid #c7c694;
	box-sizing: border-box;
}
.table_default2 td {
	width: 600px;
	border: 1px solid #c7c694;
	box-sizing: border-box;
}

.table_default3 {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
	table-layout: fixed;
}

.table_default3 th, .table_default3 td {
	padding: 3px 5px;
	text-align: left;
	font-size: 12px;
	word-wrap: break-word;
}
.table_default3 th {
	width: 120px;
	background: #cdcdcd;
	border: 1px solid #999;
	box-sizing: border-box;
}
.table_default3 td {
	width: 600px;
	border: 1px solid #999;
	box-sizing: border-box;
}



.pageOrderDetail .table_base {}
.pageOrderDetail .tblMaterial {
	table-layout: fixed;
	margin-bottom: 0;
}
.pageOrderDetail .test_table_testname {
	margin-top: 0;
}















#product, #confirm_product, #testContents, #confirm_construction, #confirm_testInfo {
	font-size: 12px;
}
#product, #confirm_product, #testContents input {
	font-size: 12px;
}
#testContents button {
	margin: 5px;
}
#testContents .line_none {
	border: none;
}
#product, #confirm_product, #testContents select {
	font-size: 12px;
}
#product select[id^="product"] {
	width: 80px;
}
#product input[id^="length"] {
	width: 20px;
}
#product input[id^="protectiveJacket"] {
	width: 20px;
}
#product input[id^="specialProtectiveJacket"] {
	width: 20px;
}
#product input[id^="constructionScheduledDate"] {
	width: 100px;
}
#product select[id^="existingPipe"] {
	width: 70px;
}
#product input[id^="routeNumber"] {
	width: 25px;
}
#product textarea[id^="note"] {
	width: auto;
	height: auto;
}
#product input {
	font-size: 12px;
}
#product select {
	font-size: 12px;
}

/*--試験情報入力--*/
select#testType {
	margin: 10px;
}

.table_testContents {
	width: 100%;
	margin: 10px 0;
	font-size: 12px;
	border-collapse: collapse;
}
.table_testContents th {
	padding: 3px 5px;
	text-align: left;
	border: 1px solid #c7c694;
	background-color: #f7f5f0;
}
.table_testContents td {
	padding: 3px 5px;
	box-sizing: border-box;
	border: 1px solid #c7c694;
}


/* ----------------------------------------------
	ログインページ (index.php)
----------------------------------------------- */

.top_bg {
	width: 100%;
	min-height: 1080px;
	height: 100%;
	background: url(../img/bg_sekou.png) center center no-repeat fixed;
	background-size: cover;
}
.top_bg_admin {
	width: 100%;
	min-height: 1080px;
	height: 100%;
	background: url(../img/bg_kanri.png) center center no-repeat fixed;
	background-size: cover;
}
.login {
	margin: 0 auto;
	width: 980px;
}
.login_title {
	text-align: center;
}
.login_title .title_logo {
	display: block;
	margin: 0 auto;
	width: 300px;
	text-align: center;
}
.login_title .title_logo img {
	margin-top: 30px;
	width: 100%;
}
.login_title .title_text {
	display: block;
	margin: 10px auto;
	width: 710px;
	font-size: 40px;
	font-weight: bolder;
	color: #FFF;
	text-shadow: 3px 3px 3px #333;
}
.login_title .title_text p {
	display: block;
	margin: 20px auto 0;
	width: 150px;
	padding: 3px 10px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-shadow: none;
	background: #900;
}
.login_title .title_text span {
	display: block;
	text-align: left;
	color: #FFF;
	font-size: 21px;
	font-weight: bold;
}
.loginform {
	margin: 20px auto 30px;
	width: 720px;
	padding: 20px 50px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.8);
}
.adminlogin {
	margin: 0 auto;
}
.adminlogin p {
	display: block;
	margin: 30px 0;
	font-size: 21px;
	font-weight: bold;
}
.adminlogin span {
	display: inline-block;
	width: 150px;
}
.adminlogin input {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background: #ffdbb1;
}
.button input {
	width: 360px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 10px;
	border: 2px solid #006633;
	background: linear-gradient(#00994d, #004d26);
}
.button {
	position: relative;
}
.button input:hover {
	background: linear-gradient(#004d26, #00994d);
}
.button::after {
	position: absolute;
	top: 50%;
	left: 200px;
	z-index: 3;
	display: block;
	content: "";
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url(../img/login.png) no-repeat;
}
.button_admin input {
	width: 360px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 10px;
	border: 2px solid #C00;
	background: linear-gradient(#e74361, #d00a0e);
}
.button_admin {
	position: relative;
}
.button_admin input:hover {
	background: linear-gradient(#d00a0e, #e74361);
}
.button_admin::after {
	position: absolute;
	top: 50%;
	left: 200px;
	z-index: 3;
	display: block;
	content: "";
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url(../img/login.png) no-repeat;
}

.question {
	margin-bottom: 50px;
	display: table;
	width: 100%;
}
.question ul {
	margin: 0 auto;
}
.question li {
	display: table-cell;
	width: 490px;
	height: 60px;
}
.question li p {
	position: relative;
	width: 420px;
	height: 60px;
	margin: 0 30px;
	padding: 0 20px;
	vertical-align: middle;
	box-sizing: border-box;
}
.question li p::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -10px;
  border: 15px solid transparent;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-color: #fff;
  transition: all .3s;
}
.question li p:hover::after {
	opacity: 0.5;
}
.question a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 18px;
	color: #FFF;
	line-height: 3em;
}

.question .inquiry {
	background: #333;
	border: 1px solid #EFEFEF;
	border-radius: 5px;
}
.question .manual {
	background: #333;
	border: 1px solid #EFEFEF;
	border-radius: 5px;
}
.question .button {
  color: #fff;
}
.question .button:hover {
  background: #59b1eb;
}
.dl_chrome {
	margin-top: 30px;
	width: 100%;
	text-align: center;
}
.dl_chrome p {
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 1em;
	padding: 1em;
	vertical-align: top;
	color: #FFF;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.dl_chrome a {
	display: inline-block;
	width: 130px;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 2px 2px 2px #000;
	border-radius: 10px;
	border: 3px solid #2c9a7a;
	background: rgba(255,255,255,0.8);
}
.dl_chrome a img {
	display: block;
	margin: 5px auto;
	width: 35%;
}
.dl_chrome a span {
	display: block;
	padding: 2px 0;
	color: #FFF;
	font-size: 0.7em;
	background: #2c9a7a;
}


/* ----------------------------------------------
	共通
----------------------------------------------- */

h1 {
	margin: 50px 0 30px;
	padding-left: 10px;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	border-left: 10px solid #063;
}

h2 {
	margin: 10px 0 5px;
/*	width: 240px;*/
	color: #333;
	font-size: 21px;
	font-weight: bold;
}
hr {
	margin-top: 50px;
}
.table_overflow {
	overflow: auto;
}

.table_2column {
	margin-top: 30px;
	display: inline-block;
	width: 49%;
	box-sizing: border-box;
}
.table_2column p {
	margin-bottom: -5px;
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
.table_2column button {
	margin-bottom: 10px;
}
.ml_18 {margin-left: 18px;}

.test_pdf a {
	display: block;
	width: 30px;
	margin: 3px auto;
	padding: 3px 10px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	background: #C00;
}

#mail_complete_box {
	margin: 0 auto;
	width: 600px;
	/*height: 100px;*/
	/*padding: 50px 0 80px 0;*/
	padding: 20px 10px;
	text-align: left;
}
#mail_complete_box .title {
	font-size: 24px;
	font-weight: bold;
}

/* ----------------------------------------------
	施工側
----------------------------------------------- */

#OrderConstructionList {
	height: auto;
}

/* ページング */
.page {
	margin: 20px auto 20px;
	width: 100%;
	color: #c7c694;
	text-align: center;
}
.page a {
	display: inline-block;
	margin: 0.2em 0.1em;
	min-width: 15px;
	padding: 0.2em 0.4em;
	color: #c7c694;
	border: 2px solid #c7c694;
}
.page a:hover {
	color: #FFF;
	background: #c7c694;
}
.page p {
	display: inline-block;
	margin: 0.2em;
	min-width: 15px;
	padding: 0.2em 0.4em;	color: #FFF;
		border: 2px solid #c7c694;
	background: #c7c694;
}


/* 	お知らせ (topics.php) */
.topics_content {
	overflow: hidden;
	margin: 10px 0;
	width: 100%;
	max-height: 300px;
	overflow-y: scroll;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #c7c694;
}
.topics_content p {
	width: 100%;
	margin: 10px 0 5px 0;
	padding: 5px 10px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	border-left: 8px solid #e74361;
	background: #FFF;
}

.topics_list li {
	padding: 10px;
	border-bottom: 1px dotted #CCC;
	line-height: 1.5;
}
.topics_title {
	font-size: 14px;
	font-weight: bold;
}
.topics_title span {
	display: inline-block;
	margin: 0 20px;
	width: 100px;
	padding: 3px 0;
	text-align: center;
	color: #FFF;
	font-size: 12px;
}
.topics_title .bg_b {background: #185886;}
.topics_title .bg_g {background: #5b8618;}
.topics_title .bg_r {background: #861818;}

.topics_article {
	margin-top: 3px;
	font-size: 14px;
	font-weight: normal;
	padding-left: 30px;
}

/* お問い合わせ */
.thanks {
	margin: 100px auto 0;
	width: 640px;
	padding: 50px 0;
	text-align: center;
	border: 3px dotted #77933c;
	background: #c3d69b;
}

/* 材料 (top.php) */
.delete, .deleteTable {
	padding: 5px 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	background: #CC0000;
}

.scroll {
	/*tableをスクロールさせる*/
/*	overflow: auto;*/
	/*tableのセル内にある文字の折り返しを禁止*/
/*	white-space: nowrap;*/
}

/* 材料注文一覧 */
.table_construction {
	width: 100%;
	border-collapse: collapse;
}
.table_construction th, .table_construction td {
	padding: 10px;
	text-align: left;
	font-size: 16px;
	word-wrap: break-word;
}
.table_construction th {
	background: #f7f5f0;
	border: 1px solid #c7c694;
	box-sizing: border-box;
}
.table_construction td {
	border: 1px solid #c7c694;
	box-sizing: border-box;
}

.material_total {
	margin-left: 10px;
	padding: 10px 20px;
	display: inline-block;
	border-radius: 5px;
	background: #EFEFEF;
}
.material_total input {
	margin: 0 5px 0 20px;
	width: 80px;
}

/* 納入予定カレンダー */
.condition {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.calendar_area {
	display: inline-block;
	width: 29%;
	margin-right: 1%;
}
.calendar_area table {
	width: 100%;
	border: none;
}
.calendar_area table th {
	padding: .5em 0;
	border: 1px solid #CCC;
	background: #EFEFEF;
}
.calendar_area table td a {
	padding: 10px 5px;
	text-align: center;
}
.calendar_area .ui-datepicker {
	width: 100%;
	padding: 0;
	border: none;
}
.calendar_area .ui-datepicker-header {
	margin-bottom: 5px;
	border-radius: 0px;
}
.calendar_area .ui-datepicker table {
	margin-bottom: 0;
	border-collapse: separate;
}
.calendar_area .ui-datepicker td {
	padding: 0;
	background: #DDD;
}
.calendar_area  .ui-state-default {
	border: 1px solid #CCC;
	background: #FFF;
}
.calendar_area .cal_txt {
	line-height: 40px;
	margin: 0 5px;
}
.calendar_area .blue {background: blue;}
.calendar_area .yellow {background: yellow;}

.refinement_area {
	position: relative;
	display: inline-block;
	width: 70%;
	padding: 5px 10px;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 12px;
	background: #EFEFEF;
}
.refinement_area .print_btn {
	position: absolute;
	top: -50px;
	right: 0;
}
.refinement_area .select_text,
.refinement_area .select_type,
.refinement_area .select_material {
	padding: 5px 0;
	border-bottom: 1px dotted #CCC;
}
.refinement_area .cal_txt {
	line-height: 40px;
	margin: 0 5px;
}
.refinement_area span {
	margin: 5px;
}
.refinement_area select {margin-right: 10px;}
.refinement_area #select_construction {width: 250px;}
.refinement_area #select_dest {width: 150px;}
.refinement_area #select_factory {width: 150px;}
.refinement_area .select_material .select_left,
.refinement_area .select_material .select_right {
	display: inline-block;
	height: 100%;
}
.refinement_area .select_material .select_left {
	padding: 5px;
	box-sizing: border-box;
	vertical-align: top;
}
.refinement_area input[type="checkbox"] {
	display: inline-block;
	margin: 5px 5px 5px 20px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
.refinement_btn {
	margin-top: 5px;
	text-align: center;
}

.calendarlist_area {
	margin: 30px 0 50px;
	min-height: calc(50vh);
}
.calendarlist_area table {
	width: 100%;
	border-collapse: collapse;
}
.calendarlist_area table thead {
	position: -webkit-sticky;
	position: sticky;
	top: -1px;
	z-index: 2;
}
.calendarlist_area table thead,
.calendarlist_area table tbody {
	display: block;
}
.calendarlist_area table th {
	padding: 10px 5px;
	text-align: center;
	font-size: 12px;
	background: #EFEFEF;
	border: 1px solid #CCCCCC;
}
.calendarlist_area table td {
	padding: 5px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #CCCCCC;
}
@media print {
	.refinement_area {
		margin-top: 47px;
	}
	.calendarlist_area table thead {
		position: relative;
	}
}

#calendar .datepicker_cell_blue a {
	background-image : none;
	background: #00FFFF !important;
}
#calendar .datepicker_cell_yellow a {
	background-image : none;
	background: #FFFF00 !important;
}


/* ----------------------------------------------
	管理側
----------------------------------------------- */

.kanri_header {
	position: relative;
	width: 100%;
	height: 150px;
	padding: 0;
	background: url(../img/main_kanri.jpg) no-repeat;
	background-size: cover;
}
.kanri_title {
	margin: 0 auto;
	width: 1200px;
	padding: 30px 0 0 30px;
	color: #FFF;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #333;
}
.kanri_title span {
	display: block;
	width: 150px;
	padding: 3px 0;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background: #333;
}


/* 受注一覧切替 */
#btn_order {min-height: 60px; background: #339967;}
#btn_test {min-height: 60px; background: linear-gradient(#999, #333);}

#material_order {display: table;}
#material_test {background: #666;}


/* 管理側工事一覧 (constructionlist.php) */
.searchArea {
	margin-top: 30px;
}
.searchArea p {
	margin: 10px 0;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	border-left: 10px solid #116084;
}
.searchArea table {
	width: 100%;
	padding: 5px;
	border: 1px solid #CCC;
	background: #EFEFEF;
}
.searchArea td {
	min-width: 360px;
	padding: 0 5px;
	box-sizing: border-box;
}
.searchArea span {
	display: inline-block;
	width: 100px;
}
.searchArea select {
	margin: 5px 0 !important;
}

.construction_rights th, .construction_rights td {
	text-align: center;
}
.checkbox01_input:checked {
  background: #C00;
}

.table_sticky_ad td .delRevisionVoucher {
	padding: 5px;
}


/* ----------------------------------------------
	プリント
----------------------------------------------- */

.print_button {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 150px;
	padding: 5px 0;
	text-align: center;
}
.print_button a {
	color: #FFF;
	font-weight: bold;
}

@media print {
	body {background: #FFF;}
	#header {display: none;}
	.print_button {display: none;}
	.topics_content {display: none;}
	.pankuzu {display: none;}
	#contents p {display: none;}
	.main_button {display: none;}
	.display_list {display: none;}
	.table_overflow {max-height: auto;}
	.table_default2 th:nth-last-of-type(-n+12),
	.table_default2 td:nth-last-of-type(-n+12) {display: none;}
	button {display: none;}
	#listArea {display: none;}
	#footer {display: none;}
}



/* ----------------------------------------------
	管理ページ用
----------------------------------------------- */
.admin_page {}
.admin_page h2 {
	margin: 50px 0 30px;
	padding-left: 10px;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	border-left: 10px solid #900;
}
.colChg {
	color: #ff0000;
}

.colCan {
	color: #0000ff;
}

.colDel, .colDel td {
	color: #0000ff;
}

.msg_reload {
	display: none;
	padding: 10px;
	color: #ff0000;
	background: #ffff00;
}

.admin_page .list_tab ul {}
.admin_page .list_tab ul li {
	float: left;
	display: block;
	margin-bottom: 10px;
	padding: 5px 20px;
	font-size: 18px;
	border-right: 1px solid #ccc;
}
.admin_page .list_tab ul li:first-child {
	border-left: 1px solid #ccc;
}
.admin_page .list_tab ul li:nth-child(3),
.admin_page .list_tab ul li:nth-child(6) {
	border-right: 3px solid #999;
}
.admin_page .list_tab ul li.active {
	border-bottom: 3px solid #900;
}
.admin_page .list_tab ul li a {
	color: #333;
}

.admin_page .list_tab2 {
	margin-bottom: 30px;
}
/*
.admin_page .list_tab2 ul {
	margin-bottom: 20px;
	padding: 10px 20px;
	min-width: 600px;
	height: 36px;
	border-radius: 10px;
	background: #f7f5f0;
}
*/
.admin_page .list_tab2 ul li {
	float: left;
	display: block;
	padding: 5px 20px;
	font-size: 14px;
	border-right: 1px solid #ccc;
}
.admin_page .list_tab2 ul li:first-child {
	border-left: 1px solid #ccc;
}
.admin_page .list_tab2 ul li.active {
	border-bottom: 3px solid #900;
}
.admin_page .list_tab2 ul li a {
	color: #333;
}

.admin_page .btnDetail {
	display: block;
	padding: 10px;
	background:  #335566;
	color: #ffffff;
}
.admin_page .btnDetail:hover {
	background:  #ff8b5f;
}

.admin_page .btnAttach {
	display: block;
	padding: 10px;
	background:  #335566;
	color: #ffffff;
}
.admin_page .btnAttach:hover {
	background:  #ff8b5f;
}
.admin_page .cellPadding {
	padding: 10px 0 10px 5px;
}
.admin_page .btnAttach2 {
	padding: 5px;
	background:  #335566;
	color: #ffffff;
}
.admin_page .btnAttach2:hover {
	background:  #ff8b5f;
}

.dtc {
	display: table-cell;
	min-width: 80px;
}
.dtc label {
	margin-left: 0.2em;
}

#tblFrom .fromRow input, #tblTo .toRow input {
	margin: 0;
	padding: 0;
}
#tblFrom .fromRow.toOrder td, #tblTo .toRow.toOrder td {background: #aaaaaa;}
#tblFrom .fromRow.toOrder.plantCancel td, #tblTo .toRow.toOrder.plantCancel td {background: #00ffff;}


#tblFrom .fromRow.toSet td:not(.nobg) {background: #cccccc;}
#tblFrom .fromRow.toSet td input {background: #cccccc;}
#tblFrom .fromRow.toSet td input.chkRow {display: none;}

#tblTo .noCp {display:none;}

/* ↓モーダルダイアログ用 */
.showModalClickTarget {
	cursor: pointer;
}
.modal {
	display: none;
}

.modal table {
	border-collapse: collapse;
	width: 100%;
}
.modal table th,
.modal table td {
	padding: 2px 4px;
	border: 1px solid #000000;
}
.modal table th {
	width: 100px;
}
.modal table td {
}

.ui-widget-overlay {
	position: fixed !important;
}

.ui-dialog {
	z-index: 100;

}

.ui-dialog-titlebar-close {
	display: none !important;
}
/* ↑モーダルダイアログ用 */

/* ローディング */
#loading {
	display: none;
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 5em;
	height: 5em;
}

.loader {
	margin: -2.5em auto;
	font-size: 10px;
	position: relative;
	top: 50%;
	text-indent: -9999em;
	border-top: 0.8em solid #ffefef;
	border-right: 0.8em solid #ffefef;
	border-bottom: 0.8em solid #ffefef;
	border-left: 0.8em solid #900;
	transform: translateZ(0);
	animation: load 1.1s infinite linear;
}

@keyframes load {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.loaded {
	opacity: 0;
	visibility: hidden;
}