/*******************************************************************************
 * Bootstrap Theme(Web System)
 *******************************************************************************/
/*********************************************************************
 * 基本スタイル
 *********************************************************************/
/* Body */
body {
/*	margin-top:				70px; */
	font-family:			'Trebuchet MS';
	font-size:				14px;
	line-height:			1.42857143;
	color:					#333;
	background-color:		#fff;
}

/* Page Header */
div.page-header {
	padding-bottom:			0px;
	margin:					5px 0 10px;
	border-bottom:			1px solid #eee;
}

/* div */
#wrapper {
	padding-left:			0;
}

/* div */
#page-wrapper {
	width:					100%;
	padding-top:			40px;
}

.sui-cell {
	font-family:			'Trebuchet MS';
}

/* 送信ボタン */
.submit{
	margin:					1em 0;
	text-align:				center;
}

/* 数値 */
.num{
	text-align:				right;
	vertical-align:			middle;
	white-space: 			nowrap;
}

/* 省略記号 */
.ellipsis{
	overflow:				hidden;
	text-overflow:			ellipsis;
	-webkit-text-overflow:	ellipsis;
	white-space:			nowrap;
}

/* マーク(必須) */
span.required{
	margin-left:			5px;
	padding:				2px;
	display:				inline-block;
	font-size:				x-small;
	color:					#FFF;
	background:				#197A8C;
	border-radius:			5px;
}

/* マーク(注意) */
span.coution{
	margin-left:			5px;
	padding:				2px;
	display:				inline-block;
	font-size:				x-small;
	color:					#FFF;
	background:				#E54500;
	border-radius:			5px;
}

/* オレンジ枠 */
div.box_orange{
	height:					200px;
	line-height:			200px;
	border-radius:			5px;
	border:					3px #f39800 solid;	/* 枠線の装飾 */
	background-color:		#f39800;
	text-align:				center;
}

/* 水色枠 */
div.box_sky{
	height:					200px;
	line-height:			200px;
	border-radius:			5px;
	border:					3px #71b9e7 solid;	/* 枠線の装飾 */
	background-color:		#71b9e7;
	text-align:				center;
}

/* 黄緑枠 */
div.box_green{
	height:					200px;
	line-height:			200px;
	border-radius:			5px;
	border:					3px #c3d600 solid;	/* 枠線の装飾 */
	background-color:		#c3d600;
	text-align:				center;
}

input[type=checkbox] {
    width:					25px;
    height:					25px;
    vertical-align:			middle;
}

/* 注意文言 */
.coution-block {
	display:				block;
	margin-top:				5px;
	margin-bottom:			10px;
	color:					#b7282e;
}

/* ヒント */
.hint{
	color:					#ff8c00;
}

/*********************************************************************
 * メッセージ
 *********************************************************************/
/* 成功メッセージ */
.flash_success {
	color:					#006400;
    border:					1px solid #006400;
    background-color:		#ccffcc;
    padding:				10px;
}

/* エラーメッセージ */
.flash_failure {
    color:					#CD0A0A;
    border:					1px solid #CD0A0A;
    background-color:		#FEF1EC;
    padding:				10px;
}

/* メッセージ */
.message{
    background-color:		lightYellow;
    border:					1px solid #E6DB55;
    padding:				10px;
}

/* ドロップダウンメッセージ */
.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
	display:				block;
}
.messages-dropdown .dropdown-menu .message-preview .avatar {
	float:					left;
	margin-right:			15px;
}
.messages-dropdown .dropdown-menu .message-preview .name {
	font-weight:			bold;
}
.messages-dropdown .dropdown-menu .message-preview .message {
	font-size:				12px;
}
.messages-dropdown .dropdown-menu .message-preview .time {
	font-size:				12px;
}

/* cakephp用メッセージ */
.cake-error, .cake-debug, .notice, p.error, .error-message{
	color:					c#900;
}

.error-message ul{
	list-style:				none;
	margin:					0;
	padding:				0;
}

/*********************************************************************
 * ナビゲーション
 *********************************************************************/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color:					#428bca;
	cursor:					default;
	background-color:		#fff;
	border:					1px solid #ddd;
	border-bottom-color:	transparent;
}
.navbar-inverse {
	background-color:		#e7e7e7;
	border-color:			#e7e7e7;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	color:					#fff;
	background-color:		#428bca;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	color:					#fff;
	background-color:		#428bca;
}

/*********************************************************************
 * スマホ等の小さい画面
 *********************************************************************/
@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color:		#DFF0D9;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color:	#428bca;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color:				#999;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		color:				#fff;
		background-color:	transparent;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		color:				#fff;
		background-color:	#428bca;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color:				#444;
		background-color:	transparent;
	}
}

/* Nav Announcements */
.alerts-heading {
	font-size:				50px;
	margin:					0;
}
.alerts-text {
	margin:					0;
}

/* Table Headers */
table.tablesorter thead {
	cursor:					pointer;
}

table.tablesorter thead tr th:hover {
	background-color:		#f5f5f5;
}

table tr.disable{
	background-color:		#dfdfe8;
}

/*********************************************************************
 * タブレット等の大きな画面
 *********************************************************************/
@media( min-width:768px ){
/*
	#page-wrapper {
		padding-top:		70px;
	}
*/
	.navbar-inverse .navbar-nav>li>a:hover,
	.navbar-inverse .navbar-nav>li>a:focus {
		background-color:	#428bca;
	}

	/* Nav Messages */
	.messages-dropdown .dropdown-menu {
		min-width:			300px;
	}
	.messages-dropdown .dropdown-menu li a {
		white-space:		normal;
	}
	.navbar-collapse {
		padding-left:		15px !important;
		padding-right:		15px !important;
	}
}

/*********************************************************************
 * グリッド
 *********************************************************************/
.hd-col{
	font-weight:			bold;
}

.list-col{
	height:					40px;
}

.col-middle{
	height:					40px;
	vertical-align:			middle;
}

.col-num{
	text-align:				right;
}

.line-bottom{
	border-bottom:			solid 1px;
}

.disable-row{
	background:				#dfdfe8;
}

/*********************************************************************
 * ページネート
 *********************************************************************/
.pagination {
	background:				#fff;
	color:					#ccc;
	margin-top:				1em;
	clear:					both;
}
.pagination .current,
.pagination .disabled,
.pagination a {
	text-decoration:		none;
	padding:				5px 8px;
	display:				inline-block
}
.pagination > span {
	display:				inline-block;
	border:					1px solid #ccc;
	border-left:			0;
}
.pagination > span:hover {
	background:				#efefef;
}

.pagination .first {
	border-left:			1px solid #ccc;
	-moz-border-radius:		4px 0 0 4px;
	-webkit-border-radius:	4px 0 0 4px;
	border-radius:			4px 0 0 4px;
	border-right:			0px solid #ccc;
}
.pagination .last {
	-moz-border-radius:		0 4px 4px 0;
	-webkit-border-radius:	0 4px 4px 0;
	border-radius:			0 4px 4px 0;
}
.pagination .prev {
	border-left:			1px solid #ccc;
}
.pagination .next {

}
.pagination .disabled {
	color:					#ddd;
}
.pagination .disabled:hover {
	background:				transparent;
}
.pagination .current {
	background:				#efefef;
	color:					#c73e14;
}

/*********************************************************************
 * ログイン画面用スタイル
 *********************************************************************/
.card-container.card {
    max-width:				350px;
    padding:				40px 40px;
}

.card {
    background-color:		#F7F7F7;
    /* just in case there no content*/
    padding:				20px 25px 30px;
    margin:					0 auto 25px;
    margin-top:				50px;
    /* shadows and rounded borders */
    -moz-border-radius:		2px;
    -webkit-border-radius:	2px;
    border-radius:			2px;
    -moz-box-shadow:		0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:		0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow:				0px 2px 2px rgba(0, 0, 0, 0.3);
}

/***********************************************************
 * プロフィール画像
 ***********************************************************/
.profile-img-card {
    width:					96px;
    height:					96px;
    margin:					0 auto 10px;
    display:				block;
    -moz-border-radius:		50%;
    -webkit-border-radius:	50%;
    border-radius:			50%;
}

.profile-name-card {
    font-size:				16px;
    font-weight:			bold;
    text-align:				center;
    margin:					10px 0 0;
    min-height:				1em;
}

.reauth-email {
    display:				block;
    color:					#404040;
    line-height:			2;
    margin-bottom:			10px;
    font-size:				14px;
    text-align:				center;
    overflow:				hidden;
    text-overflow:			ellipsis;
    white-space:			nowrap;
    -moz-box-sizing:		border-box;
    -webkit-box-sizing:		border-box;
    box-sizing:				border-box;
}

/***********************************************************
 * アップロード画像
 ***********************************************************/
.photo_img{
    width:					300px;
    height:					auto;
    margin:					0 20px;
}

.dialog_img{
    width:					auto;
    height:					auto;
    margin:					0 20px;
}
/***********************************************************
 * ダイアログメッセージ
 ***********************************************************/
#m-dialog{
    border:					1px outset #999;
    padding:				15px;
    position:				fixed;
    top:					50%;
    left:					40%;
    background-color:		#FFF;
    filter:					alpha(opacity=85);
    -moz-opacity:			0.85;
    opacity:				0.85;
}

#dialog-message{
    text-align:				left;
    padding-top:			10px;
    width:					600px;
}
/***********************************************************
 * 入力欄
 ***********************************************************/
.input[type=email],
.input[type=password],
.input[type=text],
.button {
    direction:				ltr;
    height:					44px;
    font-size:				16px;
    width:					100%;
    display:				block;
    margin-bottom:			10px;
    z-index:				1;
    position:				relative;
    -moz-box-sizing:		border-box;
    -webkit-box-sizing:		border-box;
    box-sizing:				border-box;
}

.form-control:focus {
    border-color:			rgb(104, 145, 162);
    outline:				0;
    -webkit-box-shadow:		inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow:				inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

/***********************************************************
 * ログインボタン
 ***********************************************************/
.btn {
    font-weight:			700;
    height:					36px;
    -moz-user-select:		none;
    -webkit-user-select:	none;
    user-select:			none;
    cursor:					default;
}

.btn.btn-signin {
    background-color:		rgb(104, 145, 162);
    padding:				0px;
    font-weight:			700;
    font-size:				14px;
    height:					36px;
    -moz-border-radius:		3px;
    -webkit-border-radius:	3px;
    border-radius:			3px;
    border:					none;
    -o-transition:			all 0.218s;
    -moz-transition:		all 0.218s;
    -webkit-transition:		all 0.218s;
    transition:				all 0.218s;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color:		rgb(12, 97, 33);
}

/***********************************************************
 * パスワードをお忘れですか？
 ***********************************************************/
.forgot-password {
    color:					rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color:					rgb(12, 97, 33);
}

/***********************************************************
 * Full-Calendar
 ***********************************************************/
/* 土曜日 */
.fc-sat {
	background-color:					#eaffff;
}
/* 日曜日 */
.fc-sun {
	background-color:					#ffeaf4;
}