/*@import url('/css/cli02Common.css');*/
@media (max-width: 1199px) {
	.c001 {
		width: 800px;
		margin: 0 auto 0 auto;
	}
	.c002 {
		max-width: 640px;
	}
}

@media (max-width: 991px) {
	.c001 {
		width: 640px;
		margin: 0 auto 0 auto;
	}
	.c002 {
		max-width: 640px;
	}
}

@media (max-width: 767px) {
	.c001 {
		width: 300px;
		margin: 0 auto 0 auto;
	}
	.c002 {
		max-width: 200px;
	}
}

.imeon {
	ime-mode: active;
}

.imeoff {
	ime-mode: inactive;
}

.c001 {
	/* コンテンツの幅 */
	width: 800px;
	margin: 0 auto 0 auto;
}

.c002 {
	/* メイン画像の幅 */
	max-width: 640px;
}

.c003 {
	/* フォームの必須の色付け */
	background-color: #ffeff7;
}

.c004 {
	/* 編集画面などのコンテンツの幅 タブレットの縦を想定 */
	/* max-width:1000px; */
}

.c005 {
	margin-right: 8px !important;
}

.c006 {
	margin-top: 100px;
}

.c011 {
	/* 権限の内容を表示 */
	padding: 3px;
	margin: 0 0 0 5px;
	font-size: 11px;
	/*font-weight:bold;*/
	background-color: #ffcc99;
	color: #646464;
	border-radius: 5px;
}

.c012 {
	/* 入室の色 */
	background-color: #99cc66;
}

.c013 {
	/* 退室の色 */
	background-color: #f79646;
}

.c014 {
	/* 午前の色 */
	background-color: #4f81bd;
}

.c015 {
	/* 午後の色 */
	background-color: #8064a2;
}

.c016 {
	/* 状態の色 */
	background-color: #c0504d;
}

.c017 {
	/* 欠席の色 */
	background-color: #000000;
}

.c018 {
	/* 福祉ソフトの吹き出し */
	width: 480px !important;
	padding: 2px 8px;
	margin: 0 5px 0 0;
}

.c019 {
	visibility: hidden;
}

.c020 {
	/* フォームの変化を表す */
	background-color: #e0ffe0 !important;
}

.c021 {
	/* 土曜日の色 */
	background-color: #d6ffff;
}

.c022 {
	margin: 0 0 0 8px;
	color: #ff0000;
}

.c023 {
	margin: 0 0 0 5px;
}

.c024 {
	margin: 20px 0 0 10px;
	color: #ff0000;
	background-color: #ffeff7;
	font-size: 15px;
}

.c025 {
	color: #ff0000;
}

.c026 {
	padding: 0 10px 0 0;
}

.c027 {
	/* スクロールするテーブル */
}

.c028 {
	/* テーブルのタイトルなど */
	background-color: #eaf4fc;
}

.c029 {
	table-layout: fixed;
	word-wrap: break-word;
}

.c030 {
	margin: 8px 0 0 0;
}

.c031 {
	display: inline;
}

.c032 {
	/* ヘッダーの該当ページのスタイル */
	background-color: #000000;
}

.c033 {
	background: #fff;
	color: rgba(134, 162, 47, 1) !important;
	transition: background-color .5s;
}

.c034 {
	margin: 20px -15px 0 -15px;
}

.c035 {
	padding: 0;
	font-size: 0px;
}

.c035 li {
	display: inline-block;
	text-align: center;
	font-size: 13px;
	width: 150px;
	height: 35px;
}

.c036 {
	width: 20px;
	margin: 0 5px;
}

.c037{
	margin: 0 0 0 0;
}

.c038 {
	/* リードオンリーの背景色 */
	background-color: #e5f2ff;
}
.c039 {
	height: 70px; 
	z-index:-2;
}
.c040{
	margin-top: 30px !important;
}

.popover {
	max-width: 600px !important;
}

.bs-callout {
	/* bootstrapより */
	/* paddig,mediaは値を変更 */
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #eee;
	border-image: none;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	padding: 5px 20px 5px 10px;
	margin: 5px 0;
}

.bs-callout-warning {
	border-left-color: #aa6708;
}

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 20000;
	opacity: 0.7;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 200px;
	margin-top: -100px;
	margin-left: -150px;
	text-align: center;
	color: #808080;
	z-index: 20001;
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px; /* Margin bottom by footer height */
}

.footer {
/*
	border-top: 1px solid #eee;
	margin-top: 40px;
	padding-bottom: 40px;
	padding-top: 20px;
	clear: both;
*/


	border-top: 1px solid #eee;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* Set the fixed height of the footer here */
	padding-top: 15px;

}

@btn-facebook-color: #4c66a4;
.btn-facebook {
	.button-variant(lighten(@btn-facebook-color, 50%);
	@btn-facebook-color;
	darken(@btn-facebook-color, 20%));
}

@media print {
	.table-bordered>thead>tr>th,
	.table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>th,
	.table-bordered>thead>tr>td,
	.table-bordered>tbody>tr>td,
	.table-bordered>tfoot>tr>td {
		border: 1px solid #000 !important;
	}
}

.w0030 {
	width: 30px;
}

.w0040 {
	width: 40px;
}

.w0045 {
	width: 45px;
}

.w0050 {
	width: 50px;
}

.w0060 {
	width: 60px;
}

.w0065 {
	width: 65px;
}

.w0070 {
	width: 70px;
}

.w0080 {
	width: 80px;
}

.w0075 {
	width: 75px;
}

.w0090 {
	width: 90px;
}

.w0100 {
	width: 100px;
}

.w0110 {
	width: 110px;
}

.w0120 {
	width: 120px;
}
.w0130 {
	width: 130px;
}

.w0140 {
	width: 140px;
}

.w0150 {
	width: 150px;
}

.w0160 {
	width: 160px;
}

.w0180 {
	width: 180px;
}

.w0190 {
	width: 190px;
}


.w0200 {
	width: 200px;
}

.w0210 {
	width: 210px;
}

.w0230 {
	width: 230px;
}

.w0250 {
	width: 250px;
}
.w0260 {
	width: 260px;
}
.w0300 {
	width: 300px;
}

.w0400 {
	width: 400px;
}

.w0450 {
	width: 450px;
}

.w0480 {
	width: 480px;
}

.w0500 {
	width: 500px;
}
.w0600 {
	width: 600px;
}
.w0610 {
	width: 610px;
}

.divTable {
	display: table;
}

.divTableRow {
	display: table-row;
}

.divTableCell {
	display: table-cell;
	vertical-align: middle;
}


/*input file*/

.uploadButton {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	color: #666;
	border: 1px solid #ccc;
	text-align: center;
	padding: 10px 20px;
	padding-top: 8px;
	line-height: 30px;
	cursor: pointer;
}

.uploadButton:hover {}

.uploadButton input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.uploadValue {
	display: none;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 3px;
	padding: 3px;
	color: #ffffff;
}

.badge-danger {
	background: #ff5454;
}

.input-group-addon {
	cursor: pointer;
}

#loader-bg-m {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000000;
	z-index: 100000;
	opacity: 0.7;
}
#loader-m {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 200px;
	margin-top: -100px;
	margin-left: -300px;
	text-align: center;
	color: #ffffff;
	z-index: 1000000;
}