@charset "utf-8";

/*共通*/

.inline { display: inline-block; }

.none { display: none; }

.relative { position:relative; }

.p6 { padding: 6px; }

.h2, h2 { font-size: 1.7em; }

.h1,h1{margin-top:0;margin-bottom:20px}
.h2,.h3,h2,h3{margin-top:30px;margin-bottom:20px}

h4, h5, h6 {
	font-size: 2rem;
}

a { text-decoration: none; }
a:link { text-decoration: none; }
a:visitied { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table > thead > tr > th,
.table > thead > tr > td {
	padding: 4px;
	vertical-align: middle;
	border: 1px solid #ddd;
}

.table th {
	text-align: center;
	background-color: #db1e38;
	color: #fff;
}

.table.p6 > tbody > tr > th,
.table.p6 > tbody > tr > td,
.table.p6 > tfoot > tr > th,
.table.p6 > tfoot > tr > td,
.table.p6 > thead > tr > th,
.table.p6 > thead > tr > td {
	padding: 6px;
}

.f_box { overflow: hidden; }

/*青チェックボックスボタン（.btn-blue）*/
.btn-blue{color:#333;background-color:#fff;border-color:#ccc}
.btn-blue.active,.btn-blue.focus,.btn-blue:active,.btn-blue:focus,.btn-blue:hover,.open>.dropdown-toggle.btn-blue{color:#fff;background-color: #337ab7;border-color:#ccc}
.btn-blue.active,.btn-blue:active,.open>.dropdown-toggle.btn-blue{background-image:none}
.btn-blue.disabled,.btn-blue.disabled.active,.btn-blue.disabled.focus,.btn-blue.disabled:active,.btn-blue.disabled:focus,.btn-blue.disabled:hover,.btn-blue[disabled],.btn-blue[disabled].active,.btn-blue[disabled].focus,.btn-blue[disabled]:active,.btn-blue[disabled]:focus,.btn-blue[disabled]:hover,fieldset[disabled] .btn-blue,fieldset[disabled] .btn-blue.active,fieldset[disabled] .btn-blue.focus,fieldset[disabled] .btn-blue:active,fieldset[disabled] .btn-blue:focus,fieldset[disabled] .btn-blue:hover{background-color:#fff;border-color:#ccc}
.btn-blue .badge{color:#337ab7;background-color:transparent;}

/*青緑色ボタン（.btn-emerald）*/
/*.btn-emerald {color:#FFF;background-color: #52C9CB;border-color: #4CC1C3;}
.btn-emerald.active,.btn-emerald.focus,.btn-emerald:active,.btn-emerald:focus,.btn-emerald:hover,.open>.dropdown-toggle.btn-emerald{color:#fff;background-color: #3EB9BB;border-color: #34B1B3}
.btn-emerald.active,.btn-emerald:active,.open>.dropdown-toggle.btn-emerald{background-image:none}
.btn-emerald.disabled,.btn-emerald.disabled.active,.btn-emerald.disabled.focus,.btn-emerald.disabled:active,.btn-emerald.disabled:focus,.btn-emerald.disabled:hover,.btn-emerald[disabled],.btn-emerald[disabled].active,.btn-emerald[disabled].focus,.btn-emerald[disabled]:active,.btn-emerald[disabled]:focus,.btn-emerald[disabled]:hover,fieldset[disabled] .btn-emerald,fieldset[disabled] .btn-emerald.active,fieldset[disabled] .btn-emerald.focus,fieldset[disabled] .btn-emerald:active,fieldset[disabled] .btn-emerald:focus,fieldset[disabled] .btn-emerald:hover{background-color:#52C9CB;border-color:#4CC1C3}
.btn-success .badge{color:#52C9CB;background-color:#fff}*/

/*灰色ボタン（.btn-gray）*/
/*.btn-gray{color:#333;background-color:#f6f6f6;border-color:#ccc}
.btn-gray.active,.btn-gray.focus,.btn-gray:active,.btn-gray:focus,.btn-gray:hover,.open>.dropdown-toggle.btn-gray{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-gray.active,.btn-gray:active,.open>.dropdown-toggle.btn-gray{background-image:none}
.btn-gray.disabled,.btn-gray.disabled.active,.btn-gray.disabled.focus,.btn-gray.disabled:active,.btn-gray.disabled:focus,.btn-gray.disabled:hover,.btn-gray[disabled],.btn-gray[disabled].active,.btn-gray[disabled].focus,.btn-gray[disabled]:active,.btn-gray[disabled]:focus,.btn-gray[disabled]:hover,fieldset[disabled] .btn-gray,fieldset[disabled] .btn-gray.active,fieldset[disabled] .btn-gray.focus,fieldset[disabled] .btn-gray:active,fieldset[disabled] .btn-gray:focus,fieldset[disabled] .btn-gray:hover{background-color:#f6f6f6;border-color:#ccc}
.btn-gray .badge{color:#f6f6f6;background-color:#333}*/

/*赤ボタン（.btn-red）*/
.btn-red {color:#FFF;background-color: #db1e38;border-color: #BC1930;}
.btn-red.active,.btn-red.focus,.btn-red:active,.btn-red:focus,.btn-red:hover,.open>.dropdown-toggle.btn-red{color:#fff;background-color: #B1172D;border-color: #AA162B;}
.btn-red.active,.btn-red:active,.open>.dropdown-toggle.btn-red{background-image:none}
.btn-red.disabled,.btn-red.disabled.active,.btn-red.disabled.focus,.btn-red.disabled:active,.btn-red.disabled:focus,.btn-red.disabled:hover,.btn-red[disabled],.btn-red[disabled].active,.btn-red[disabled].focus,.btn-emerald[disabled]:active,.btn-emerald[disabled]:focus,.btn-emerald[disabled]:hover,fieldset[disabled] .btn-red,fieldset[disabled] .btn-red.active,fieldset[disabled] .btn-red.focus,fieldset[disabled] .btn-red:active,fieldset[disabled] .btn-red:focus,fieldset[disabled] .btn-red:hover{background-color:#db1e38;border-color:#BC1930}
.btn-red .badge{color:#db1e38;background-color:#fff}

.page_no .btn {
	padding-left: 6px;
	padding-right: 6px;
}

.modal .modal-header {
	border-bottom: none;
	overflow: hidden;
}

.modal-title {
	padding-top: 10px;
	text-align: center;
}

.alert{
	padding:15px;
	margin: 20px 0;
	border-style: solid;
	border-width: 1px;
	border-radius:4px;
}

.alert .close span{
	padding-right: 20px;
}

.navbar-default .navbar-brand{color:#fff; background-color: #888;}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{background-color: #999;}

.bg_blue { background-color: #D1E6F5; }
.bg_green { background-color: #D1F5DC; }
.bg_red { background-color: #F5D1D1; }
.bg_gray { background-color: #C3C3C3; }

/*レスポンシブ*/

@media (max-width: 767px) {
	
	/*.none-767 { display: none; }
	
	table.index .btn {
		display: block;
		width: 100%;
		margin: 4px 0;
	}
	table.index .btn.checkmenu { width: auto; }*/
	
}

@media (max-width: 480px) {
	
	/*.none-480 { display: none; }*/
	
	h1, .h1 {
		font-size: 1.5em;
		/*margin-top: 20px;
		margin-bottom: 0;*/
	}
	
	h2, .h2 {
		font-size: 1.4em;
		/*margin-top: 10px;
		margin-bottom: 10px;*/
	}
	
	/*#header img { width: 120px; height: auto; }
	
	.btn.menu {
		width: 100%;
	}*/
	
}

/* テンプレート */

#wrapper {
	width: 100%;
	margin: 0;
	padding: 20px;
	background-color: #fff;
}

/*ログイン画面*/

#wrapper_login {
	width: auto;
	max-width: 500px;
	margin: 50px auto;
	padding: 30px;
	background-color: #fff;
	border: 1px solid #E75569;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 3px 3px 10px 3px #CCC;
	-webkit-box-shadow: 3px 3px 10px 3px #CCC;
	box-shadow: 3px 3px 10px 3px #CCC;
}

#wrapper_login .title {
	text-align: center;
	font-size: 2.2rem;
	line-height: 2em;
	padding: 20px 0;
}

/*一覧ページ*/

table.search_box input, table.search_box select { display: inline-block; }

@media (max-width: 767px) {
	
	/*table.search_box td {
		display: block;
		width: 100%;
    }*/
	
}

@media (max-width: 480px) {
	
table.search_box input, table.search_box select { width: 100%; }
	
}

/*登録ページ*/

table.edit .title, table.edit input, table.edit select { display: inline-block; }
/*
table.edit .title {
	width: 140px;
	padding: 6px 12px;
	border-right: #5cb85c 3px solid;
	margin-right: 5px;
}

table.edit input, table.edit select {
	width: calc( 100% - 145px );
}
 
table.edit input.p_code { width: 120px; }

table.edit select.pref { width: 120px; }
*/

table.edit th { text-align: left; }

table.edit .required {
	position: relative;
	padding-right: 45px;
}
.required:after {
	font-size: 0.8em;
	color: #db1e38;
	background-color: #fff;
}
/*

@media (max-width: 767px) {
	
	table.edit td {
		display: block;
		width: 100%;
    }
	
}

@media (max-width: 480px) {
	
	table.edit .title {
		width: 100%;
		padding: 6px 12px;
		border-right: none;
		border-bottom: #5cb85c 3px solid; 
		margin-right: 0;
		margin-bottom: 4px;
	}
	
	table.edit input, table.edit select { width: 100%; }
	
}
*/

/*作業ガントチャート*/
.gantt_day_mini {
	width: auto !important;
}

.gantt_day {
	margin: 0;
	width: 100%;
	overflow: hidden;
}
.gantt_day table {
	margin: 0;
	width: inherit;
	max-width: inherit;
	table-layout: fixed;
}

.gantt_day table th {
	text-align: left;
}
.gantt_day table th.day-1 {
	width: 120px;
}
.gantt_day table th.day-2 {
	width: 240px;
}
.gantt_day table th.day-3 {
	width: 360px;
}
.gantt_day table th.day-4 {
	width: 480px;
}
.gantt_day table th.day-5 {
	width: 600px;
}
.gantt_day table th.day-6 {
	width: 720px;
}
.gantt_day table th.day-7 {
	width: 840px;
}
.gantt_day table th.day-8 {
	width: 960px;
}
.gantt_day table th.day-9 {
	width: 1080px;
}
.gantt_day table th.day-10 {
	width: 1200px;
}
.gantt_day table th.day-11 {
	width: 1320px;
}
.gantt_day table th.day-12 {
	width: 1440px;
}
.gantt_day table th.day-13 {
	width: 1560px;
}
.gantt_day table th.day-14 {
	width: 1680px;
}
.gantt_day table th.day-15 {
	width: 1800px;
}
.gantt_day table th.day-16 {
	width: 1920px;
}
.gantt_day table th.day-17 {
	width: 2040px;
}
.gantt_day table th.day-18 {
	width: 2160px;
}
.gantt_day table th.day-19 {
	width: 2280px;
}
.gantt_day table th.day-20 {
	width: 2400px;
}
.gantt_day table th.day-21 {
	width: 2520px;
}
.gantt_day table th.day-22 {
	width: 2640px;
}
.gantt_day table th.day-23 {
	width: 2760px;
}
.gantt_day table th.day-24 {
	width: 2880px;
}
.gantt_day table th.day-25 {
	width: 3000px;
}
.gantt_day table th.day-26 {
	width: 3120px;
}
.gantt_day table th.day-27 {
	width: 3240px;
}
.gantt_day table th.day-28 {
	width: 3360px;
}
.gantt_day table th.day-29 {
	width: 3480px;
}
.gantt_day table th.day-30 {
	width: 3600px;
}
.gantt_day table th.day-31 {
	width: 3720px;
}

.gantt_day table td {
	font-weight: bold;
	width: 120px;
	text-align: center;
}
.gantt_day table td.sat {
	color: #2e6da4;
}
.gantt_day table td.sun {
	color: #d43f3a;
}

.gantt_chart_mini {
	width: auto !important;
}

.gantt_chart {
	position: relative;
	margin: 0;
	width: 100%;
	height: 500px;
	overflow: auto;
}
.gantt_chart table {
	margin: 0;
	width: inherit;
	max-width: inherit;
	table-layout: fixed;
}
.gantt_chart table td {
	width: 120px;
	height: 1500px;
}
.gantt_chart table td.sat, .gantt_chart table td.sun {
	background-color: #E8E8E8;
}

.gantt_data {
	position: absolute;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
	background-color: #D1F5DC;
	text-align: center;
}

.gantt_data.bg_red {
	background-color: #F5D1D1;
}

.anken {
	position: absolute;
	text-align: center;
	width: 150px;
	height: 28px;
	white-space: nowrap;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.alert ul {
    margin: 0;
    padding: 0;

}
.alert ul li {
    list-style-type: none;
}