@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:
 * File name: contents.css
 * Summary:   各コンテンツ用スタイル
 * Created:   YYYY-mm-dd NAME
 * Modified:
 *     YYYY-mm-dd NAME
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    dashboard
 *     =2    login
 *     =3    password reminder
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * dashboard
 * ========================================
 */

.index#dashboard {
}

.index#dashboard .widget dt {
	font-weight: bold;
}

.index#dashboard .widget dd {
	margin: 0 0 1em 1em;
}

.index#dashboard .widget ul {
	margin-left: 20px;
}

.index#dashboard .widget li {
	list-style: disc;
}



/** =2
 * ========================================
 * login
 * ========================================
 */

.user#login {
}

.user#login #header {
	position: absolute;
}

.user#login #contents {
	padding: 0;
}

.user#login #contents #main {
	margin: 150px 0 0;
	width: 100%;
}

.user#login #contents #main #loginForm {
	margin: 10px auto;
	width: 60%;
}

.user#login #contents #main .btns {
	text-align: center;
}

/* -- [ styles for narrow layout ] ----- */
@media screen and (max-width: 768px) {
	.user#login #header .navHandler {
		display: none;
	}

	.user#login #contents #main {
		margin: 150px 0 0 !important;
	}

	.user#login #contents #main #loginForm {
		width: 90%;
	}
}



/** =3
 * ========================================
 * password reminder
 * ========================================
 */

.user#password-reminder {
}

.user#password-reminder #header {
	position: absolute;
}

.user#password-reminder #contents {
	padding: 0;
}

.user#password-reminder #contents #main {
	margin: 150px 0 0;
	width: 100%;
}

.user#password-reminder #contents #main #reminderForm {
	margin: 10px auto;
	width: 60%;
}

.user#password-reminder #contents #main .btns {
	text-align: center;
}

.user#password-reminder #contents #main .note {
	margin-top: 2em;
}

.user#password-reminder #contents #main .note i {
	font-size: 120%;
	text-decoration: none;
}

/* -- [ styles for narrow layout ] ----- */
@media screen and (max-width: 768px) {
	.user#password-reminder #header .navHandler {
		display: none;
	}

	.user#password-reminder #contents #main {
		margin: 150px 0 0 !important;
	}

	.user#password-reminder #contents #main #reminderForm {
		width: 90%;
	}
}