@charset "utf-8";

/*全体
------------------------------------------------------------------------------------------------------------------------------------------------------*/
body {
	color: #000;
	font-size: 15px;
	line-height: 2;
}


/*リンク
---------------------------------------------------------------------------*/
a {
	color: #666;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
a:hover {
	color: #0e1e41;
}


/*コンテナ
---------------------------------------------------------------------------*/
#container {
	width: 1400px;
	margin: 0 auto;
}


/*ヘッダ
---------------------------------------------------------------------------*/
header {
	padding:10px 20px;
}
header #logo {
	font-size:20px;
	letter-spacing:5px;
}

.login_user_name {
	margin-top:-30px;
	margin-right:50px;
	color:#000;
}


/*メインメニュー
---------------------------------------------------------------------------*/
#menubar {
	background: #081023;
	height: 40px;
	border-radius: 6px;
	background: linear-gradient(#0e1e41, #081023);
	padding-left: 20px;
	-webkit-box-shadow: 0px 2px 5px #bebebe;
	box-shadow: 0px 2px 5px #bebebe;
	margin-bottom: 30px;
}
#menubar li {
	float: left;
	min-width:60px;
	border-right: 1px solid rgba(255,255,255,0.3);
}
#menubar li a {
	text-decoration: none;display: block;
	line-height: 40px;
	color: #FFF;
	text-align: center;
	padding: 0 15px;
}
#menubar li a:hover {
	background: #193675;
	color: #FFF;
}
#menubar li:first-child {
	border-left: 1px solid rgba(255,255,255,0.3);
}


/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear: left;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width:100%;
}
#main h2 {
	clear: both;
	margin-bottom: 20px;
	font-size:16px;
	background: #081023;
	background: linear-gradient(#0e1e41, #081023);
	border-radius: 6px;
	box-shadow: 0px 2px 5px #bebebe;
	color: #FFF;
	padding: 5px 20px;

}
#main h3 {
	clear: both;
	margin-bottom: 20px;
	border-radius: 6px;
	background: linear-gradient(#fff, #eee);
	border: 1px solid #ccc;
	padding: 2px 20px;
}


/*フッタ
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 30px;
}
footer a {
	text-decoration: none;
}


/*ボタン
---------------------------------------------------------------------------*/
#main input[type="submit"]:not(.btn),
#main input[type="button"]:not(.btn),
#main input[type="reset"]:not(.btn),
#main button:not(.btn):not(.lobibox-btn):not(.dz-button) {
	min-width: 150px;
	margin:0px 10px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 15px;
	color:#fff;
	background-color: #1f661f;
	border-radius: 3px;
}
#main input[type="submit"]:not(.btn):hover,
#main input[type="button"]:not(.btn):hover,
#main input[type="reset"]:not(.btn):hover,
#main button:not(.btn):not(.lobibox-btn):hover {
	cursor:pointer;
}


/*項目
---------------------------------------------------------------------------*/
.items {
	width: 100%;
	margin: 0 auto;
}
.items caption {
	text-align:left;
}
.items,
.items th,
.items td {
	border: 1px solid #CCC;
	padding: 5px 10px;
	word-break: break-all;
}
.items th {
	width:200px;
	text-align:left;
	background: #f3f3f3;
}


/*リスト
---------------------------------------------------------------------------*/
.list td {
	vertical-align:top;
}


/*その他
---------------------------------------------------------------------------*/
.option_header {
	cursor:pointer;
}
.option_header.active .open_button::after {
	content: "▲";
}
.open_button::after {
	content: "▼";
}

.select_item dt {
	margin-top:5px;
}
.select_item dd {
	margin-bottom:5px;
}
.select_item a {
	display:block;
}
.select_item li {
	float:left;
	min-width:49%;
}
.select_item li label {
	margin-right:1%;
}

.summary .dataTables {
}
.summary .dataTables thead,
.summary .dataTables tbody {
	line-height:1;
}
.summary .dataTables th,
.summary .dataTables td {
	padding:2px;
	font-size:14px;
	border-top:solid 1px #000;
	border:dotted 1px #000;
}
.summary .dataTables thead th {
	border-bottom-style:solid;
}
.summary .dataTables thead tr:first-child th {
	border-top-style:solid;
	border-bottom-style:solid;
}
.summary .dataTables thead tr th:first-child {
	border-left-style:solid;
}
.summary .dataTables thead th,
.summary .dataTables thead td {
	min-width:50px;
	white-space: nowrap;
}
.summary .dataTables th,
.summary .dataTables td {
	min-width:70px !important;
}
.total .dataTables th,
.total .dataTables td {
	min-width:90px !important;
}
.summary .dataTables tbody th:first-child {
	width:200px !important;
}
.summary .dataTables thead tr:nth-child(odd):not(:first-child) {
	background-color:#FEF8E3;
}
.summary .dataTables tr:last-child:not(.footer) th,
.summary .dataTables tr:last-child:not(.footer) td {
	border-bottom-style:solid;
}

.total thead th {
	background-color:#F4CCCC;
}
.total tbody th {
	background-color:#FBEBEB;
}

.monthly thead th {
	background-color:#FCE5CD;
}
.monthly tbody th {
	background-color:#FEF3E8;
}

.daily thead th.area {
	background-color:#6aa84f;
}
.daily thead th.service {
	background-color:#63d297;
}
.daily thead tr:nth-child(1) th,
.daily thead tr:nth-child(2) th {
	text-align:left;
	border-style:solid !important;
}
.daily thead th,
.daily .dataTables tbody tr:nth-child(even) {
	background-color:#e7f9ef;
}
.daily .summary .dataTables tbody th {
	font-weight:normal;
	min-width:120px !important;
}

.ad_monthly .summary .dataTables tbody th {
	width:50px !important;
	min-width:50px !important;
}
.ad_monthly thead th.area {
	background-color:#f7cb4d;
}
.ad_monthly thead th,
.ad_monthly .dataTables tbody tr:nth-child(even) {
	background-color:#fef8e3;
}

.ad_daily thead th.area {
	background-color:#5b95f9;
}
.ad_daily thead th,
.ad_daily .dataTables tbody tr:nth-child(even) {
	background-color:#e8f0fe;
}

.summary .dataTables thead.caption tr:first-child th {
	font-size:20px;
	font-weight:bold;
	text-align:left;
	background-color:#fff !important;
	border-style:none !important;
	border-bottom-style:solid !important;
}
.summary .dataTables .footer td {
	border-style:none;
	border-top:solid 1px #000;
}
.cell1 {
	border-left-style:solid !important;
	border-right-style:solid !important;
}
.cell2 {
	border-left-style:solid !important;
}
.cell3 {
	border-right-style:solid !important;
}
.summary .dataTables th.name {
	min-width:200px !important;
}